/*
Theme Name: Dranoff One Theater Square
Author: Splat, Inc
Author URI: http://splatworld.tv/
Description: Theme based on starter theme _tk, minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic
Version: 1.0.0
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post, theme-options, threaded-comments, translation-ready
*/
/*#ppsPopupBgOverlay,.ppsPopupShell{
	display:none !important;
}*/
/* //// NORMALIZE ///// */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS. */
 html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }

  /* Remove the margin in all browsers. */
  body {
    margin: 0;
  }

  /* Render the `main` element consistently in IE. */
  main {
    display: block;
  }

  /* Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari. */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }

  /* 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE. */
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }

  /* 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers. */
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }

  /* ///// Text-level semantics ///// */
  /* Remove the gray background on active links in IE 10. */
  a {
    background-color: transparent;
  }

  /* 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }

  /* Add the correct font weight in Chrome, Edge, and Safari. */
  b,
  strong {
    font-weight: bolder;
  }

  /* 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers. */
  code, kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }

  /* Add the correct font size in all browsers. */
  small {
    font-size: 80%;
  }

  /* Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers. */
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  /* ///// Embedded Content ///// */
  /* Remove the border on images inside links in IE 10. */
  img {
    border-style: none;
  }

  /* ///// Forms ///// */
  /* 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari. */
  button, input, optgroup, select, textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }

  /* Show the overflow in IE.
   * 1. Show the overflow in Edge. */
  button, input { /* 1 */
    overflow: visible;
  }

  /* Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox. */
  button, select { /* 1 */
    text-transform: none;
  }

  /* Correct the inability to style clickable types in iOS and Safari. */
  button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
  }

  /* Remove the inner border and padding in Firefox. */
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

  /* Restore the focus styles unset by the previous rule. */
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }

  /* Correct the padding in Firefox. */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }

  /* 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers. */
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }

  /* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
  progress {
    vertical-align: baseline;
  }

  /* Remove the default vertical scrollbar in IE 10+. */
  textarea {
    overflow: auto;
  }

  /* 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10. */
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }

  /* Correct the cursor style of increment and decrement buttons in Chrome. */
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  /* 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari. */
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }

  /* Remove the inner padding in Chrome and Safari on macOS. */
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /* 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari. */
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }

  /* ///// Interactive ///// */
  /* Add the correct display in Edge, IE 10+, and Firefox. */
  details {
    display: block;
  }

  /* Add the correct display in all browsers. */
  summary {
    display: list-item;
  }

  /* ///// Misc ///// */
  /* Add the correct display in IE 10+. */
  template {
    display: none;
  }

  /* Add the correct display in IE 10. */
  [hidden] {
    display: none;
  }

  /* /// END NORMALIZE /// */


  body {
    word-wrap: break-word;
  }
  /* Alignment */
  .alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
  }
  .alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
  }
  .aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
  }
  /* Images and wp-captions should always fit and be responsive */
  img {
    display: inline-block;
    height: auto;
    max-width: 100%;
  }
  img[class*="wp-image-"] {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
  }
  .wp-caption.aligncenter {
    margin-bottom: 10px;
  }
  .wp-caption img[class*="wp-image-"] {
    display: block;
  }
  .wp-caption .wp-caption-text {
    text-align: center;
    margin-top: 10px;
  }
  /* WP Gallery */
  .gallery {
    margin-bottom: 1.5em;
  }
  .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
  }
  .gallery dd {
    margin: 0;
  }
  .gallery-caption {
    display: block;
  }
  /* Make sure embeds and iframes fit their containers */
  embed,
  iframe,
  object {
    max-width: 100%;
  }
  /* Text meant only for screen readers */
  .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
  }
  .screen-reader-text:hover,
  .screen-reader-text:active,
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
  }
  /* Content */
  .hentry {
    margin: 0 0 1.5em;
  }
  .sticky {
    display: block;
  }
  .bypostauthor {
    display: block;
  }
  /* Clearing */
  .clear {
    clear: both;
  }
  /* Navigation */
  .dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
  }
  .dropdown-submenu:active > .dropdown-menu,
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
  }
  .dropdown-submenu:active > a:after {
    border-left-color: #ffffff;
  }
  .dropdown-submenu.pull-left {
    float: none;
  }
  .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
  }
  /* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
   * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
  .comment .children {
    margin-left: 1.5em;
  }
  /**
  * Some WP Theme Repository requirements
  */
  .sticky {
  }
  .gallery-caption {
  }
  .bypostauthor {
  }
  .entry-meta {
    clear: both;
  }
  /***********************************************************************************
  ZILE
  *****************************************************************************/
  body {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  /*--------------------------------------------------------------
  # Forms
  --------------------------------------------------------------*/
  ::-webkit-input-placeholder {
    /*
     color: black;
     font-size: 20px;
     padding-left: .4rem;
  */
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
  }
  :-moz-placeholder {
    /* Firefox 18- */
    /*
     color: black;
     font-size: 20px;
     padding-left: .4rem;
  */
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
  }
  ::-moz-placeholder {
    /* Firefox 19+ */
    /*
     color: black;
     font-size: 20px;
     padding-left: .4rem;
  */
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
  }
  :-ms-input-placeholder {
    /*
     color: black;
     font-size: 20px;
     padding-left: .4rem;
  */
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
  }
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    border: 0px solid;
    border-radius: 0px;
    background: #28336f;
    color: white;
    font-size: 20px;
    /*	font-size: 0.75rem; */
    line-height: 1;
    padding: 0.6em 1em 0.4em;
    /*	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); */
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
  }
  button:focus,
  input[type="button"]:focus,
  input[type="reset"]:focus,
  input[type="submit"]:focus,
  button:active,
  input[type="button"]:active,
  input[type="reset"]:active,
  input[type="submit"]:active {
  }
  .btn-default:hover,
  .btn-default:focus,
  .btn-default.focus,
  .btn-default:active,
  .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #fff;
    background-color: #1c2558;
    border-color: transparent;
  }
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  textarea {
    color: #333;
    border: 0 solid #ccc;
    border-radius: 0;
    background-color: transparent;
  }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    color: #111;
  }
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"] {
    padding: 3px;
  }
  .form-control {
    font-size: 20px;
  }
  textarea {
    padding-left: 3px;
    width: 100%;
  }
  .container-fluid {
    max-width: 2560px;
    overflow: hidden;
    color: #edeaf0;
  }
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    padding-left: 7px;
    padding-right: 7px;
  }
  h1 {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 44px;
    height: 44px;
    letter-spacing: 0.1rem;
  }
  /*--------------------------------------------------------------
  #Virtual Tour
  --------------------------------------------------------------*/
  #tour {
    height: 100vh;
  }
  .mobile-only {
    display: none !important;
  }
  /*--------------------------------------------------------------
  #Top secundary menu
  --------------------------------------------------------------*/
  .top-right {
    padding-right: 0;
  }
  .fixed-secondary-menu {
    color: #555555;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 500;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0;
    /* padding-right: 1rem;
      padding-right: 10px;*/
    float: right;
    text-align: right;
  }
  .fixed-secondary-menu a {
    color: #555555;
  }
  .fixed-secondary-menu ul {
    list-style: none;
  }
  .fixed-secondary-menu li {
    display: block;
    padding: 25px 20px 2px;
    float: left;
  }
  .fixed-secondary-menu li.ribbon {
    padding-top: 20px;
  }
  .active-state:hover,
  .active-state:focus,
  .active-state:active {
    background-color: #ac4f30;
    color: white;
  }
  .active-state:hover a,
  .active-state:focus a,
  .active-state:active a {
    color: white;
    text-decoration: none;
  }
  .fake-dropdown {
    background-color: #555;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    height: 29px;
  }
  .translate {
    border: 1px solid #555555;
    padding-top: 3px !important;
    padding-bottom: 0px !important;
    padding-left: 55px !important;
    padding-right: 30px !important;
    margin-right: 27px;
    margin-left: -27px;
  }
  /*--------------------------------------------------------------
  #Site Branding
  --------------------------------------------------------------*/
  .site-branding {
    padding-left: 1rem;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .logo {
    margin-top: 7px;
  }
  .logo img {
    width: 15em;
  }

  .affordable-housing-btn,
  .apply-now-btn {
    background: #ac4f30;
    border: 2px solid #ac4f30;
    padding: 12px 12px 10px;
    /* color: #AC4F30; */
  }
  .affordable-housing-btn:hover,
  .apply-now-btn:hover {
    background: transparent;
    border: 2px solid #ac4f30;
    color: #ac4f30;
  }
  .apply-now-btn {
    background: #5683ac;
    border: 2px solid #5683ac;
    padding: 11px 45px;
    /* margin-right: 40px; */
  }
  .apply-now-btn:hover {
    border: 2px solid #5683ac;
    color: #5683ac;
  }

  .fixed-secondary-menu li.apply-now-li {
    padding-top: 20px;
    padding-right: 0;
  }

  /*--------------------------------------------------------------
  Primary menu
  --------------------------------------------------------------*/

  .main-header{
    width: 100%;
    padding: 5px;
    background: #fff;
  }

  .main-header-top{
    background-color: #193d5b;
    display: flex;
    padding: 5px 40px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    font-family: proxima-nova, sans-serif;
    align-items: center;
  }

  .main-header-top a{
    color: #fff;
  }

  .top-address{
    margin-right: auto;
  }

  .top-right{
    margin-left: auto;
    display: flex;
    align-items: center;
  }

  .schedule-btn a{
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    padding: 5px 15px;
    border: 1px solid #fff;
  }

  .schedule-btn a:hover{
    text-decoration: none;
    background: #fff;
    color: #5683ac;
  }

  .top-phone{
    margin-left: 20px;
  }

  .top-phone a{
    display: inline-block;
    cursor: default;
  }

  .top-phone a:hover{
    text-decoration: none;
  }

  .top-phone span:before{
    content:"";
    width: 9px;
    height: 14px;
    display: inline-block;
    background: url('images/phone.svg');
    position: relative;
    top: 2px;
    margin-right: 5px;
  }

  .main-logo{
    width: 132px;
  }

  .main-header-bottom{
    padding: 10px 30px;
    display: flex;
  }

  .main-nav{
    display: flex;
    align-items: center;
    margin-left: auto;
  }

  .top-nav {
    margin-left: 45px;
  }

  .top-nav ul{
    padding: 0;
    margin: 0;
  }

  .top-nav ul li{
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    font-family: proxima-nova, sans-serif;
    text-transform: uppercase;
    margin-right: 53px;
  }

  .top-nav ul li:last-child{
    margin-right: 50px;
  }

  .top-nav ul li a{
    color: #7c7e80;
    position: relative;
    display: block;
  }

  .top-nav ul li a:after, .ham-menu ul li a:after{
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    border-top: 1px solid #5683ac;
    border-bottom: 1px solid #5683ac;
    left: 0;
    bottom: -7px;
    opacity: 0;
    visibility: hidden;
    transition: all ease .2s;
  }

  .top-nav ul li a:hover, .top-nav ul li.current-menu-item a{
    text-decoration: none;
    color: #5683ac;
  }

  .top-nav ul li a:hover::after, 
  .top-nav ul li.current-menu-item a::after,
  .ham-menu ul li a:hover::after, 
  .ham-menu ul li.current-menu-item a::after,
  .ham-menu ul li.active-news a::after {
    opacity: 1;
    visibility: visible;
  }

  .ham-close{
    background: none;
    padding: 10px;
    border: 0;
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .ham-close img{
    width: 15px;
  }

  .ham-menu{
    position: fixed;
    background: #fff;
    width: 360px;
    padding: 60px 40px;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all ease .2s;
    transform: translateX(100%);
    z-index: 1000;
    display: none;
  }

  .open-menu .ham-menu{
    transform: none;
    display: block;
  }

  .ham-menu ul{
    margin: 0;
    padding: 0;
  }

  .ham-menu ul li{
    display: block;
    padding: 7px 3px;
    font-family: proxima-nova, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
  }

  .ham-menu ul li a{
    color: #7c7e80;
    display: inline-block;
    position: relative;
  }

  .ham-menu ul li a:hover,
  .ham-menu ul li.current-menu-item a,
  .ham-menu ul li.active-news a {
    text-decoration: none;
    color: #5683ac;
  }

  .ham-menu ul li a:after{
    bottom: -4px;
  }

  .top-apply-btn a{
    display: block;
    background-color: #5683ac;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    padding: 7px 30px;
  }

  .top-apply-btn a:hover{
    text-decoration: none;
  }

  .ham-btn{
    background: none;
    padding: 10px;
  }

  .navbar {
    min-height: 10px;
    margin-bottom: 0;
    margin-top: 42px;
    margin-top: 4.2rem;
    padding-right: 1rem;
    padding-right: 10px;
  }
  .navbar-header {
    float: right;
  }
  .navbar-collapse {
    padding-right: 0;
  }
  .navbar-default {
    background-color: transparent;
    border-color: transparent;
  }
  #main-menu {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
  }
  #main-menu li a {
    padding: 0px 10px 5px;
  }
  #main-menu li:last-child a {
    padding-right: 0;
  }
  #main-menu li:first-child a {
    padding-left: 0;
  }
  #main-menu li.current-menu-item a{color: #333;}
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
  }
  .affordable-housing-menu {
    background: #ac4f30;
    color: #fff;
    border: 1px solid #ac4f30;
  }
  .affordable-housing-menu a {
    color: #fff !important;
    text-decoration: none;
  }
  .apply-now-menu {
    background: #5683ac;
    color: #fff;
    border: 1px solid #5683ac;
  }
  .apply-now-menu a {
    color: #fff !important;
    text-decoration: none;
  }
  /*--------------------------------------------------------------
  #ADDRESS INFO
  --------------------------------------------------------------*/
  .row.green-strip {
    background-color: #5683ac;
  }
  .address-info {
    height: 42px;
    margin: 0;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 500;
    color: white;
    font-size: 1.6rem;
    list-style: none;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .address-info a {
    color: white;
  }
  .address-info a:hover {
    text-decoration: none;
  }
  .address-item {
    float: left;
    padding-right: 2rem;
  }
  .phone {
    float: left;
  }
  .phone img {
    padding-bottom: 3px;
  }
  .share {
    float: right;
  }
  /*--------------------------------------------------------------
  ####### FRONT PAGE ##########
  --------------------------------------------------------------*/
  h1 {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 44px;
    height: 44px;
    letter-spacing: 0.1rem;
  }
  p {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
    font-size: 20px;
  }
  #videoModal {
    background: rgba(0, 0, 0, 0.5);
  }
  #videoModal .modal-dialog{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

  }
  .html5-video-player a {
    visibility: hidden !important;
  }
  .modal-content-video-tour {
    /* top: 40vh;
    transform: translateY(-50%); */
    text-align: center;
    border-radius: 0;
    padding: 0 10px 10px;
  }
  .slider-controls-proxy {
    position: absolute;
    bottom: 0;
    right: 38%;
    margin-bottom: 7rem;
  }
  .modal-body-video-tour {
    padding-top: 0;
    padding-bottom: 8px;
  }
  .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0;
    height: 0;
  }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .fa-play-circle {
    position: absolute;
    color: #fff;
    font-size: 6em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: all 0.3s ease;
  }
  .fa-play-circle:hover {
    color: rgba(171, 79, 48, 0.9) !important;
  }
  .quarter.front-1:hover .fa-play-circle {
    color: rgba(255, 255, 255, 0.9);
  }
  .modal-header-video-tour {
    border-bottom: 0px solid #000;
    padding: 10px 0 20px 0;
  }
  /*************** SLIDER **************/
  .slider-1 {
    margin-bottom: 7px;
  }

  .gallery-counter{
    text-align: center;
    color: #333;
    padding: 5px 0;
  }

  .home-slider, .gallery-carousal{
    position: relative;
  }

  .home-slider .flex-next, .gallery-carousal .flex-next{
    right: 10px;
  }
  .home-slider .flex-prev, .gallery-carousal .flex-prev{
    left: 10px;
  }

  @media screen and (max-width: 990px) {
    .home-slider .play-pause-btn {
      right: 158px;
    }
  }

  @media screen and (max-width: 1024px) and (min-width: 991px) {
    .home-slider .play-pause-btn {
      bottom: 60px;
    }
  }

  .home-slider .flex-next:before,
  .home-slider .flex-prev:before,
  .gallery-carousal .flex-next:before,
  .gallery-carousal .flex-prev:before{
    background: url(images/home/arrow-next.png) no-repeat center;
    background-size: contain;
    height: 40px;
    top: 45%;
    width: 32px;
    transition: all 0.3s ease;
    opacity: 0;
  }

  .gallery-carousal:hover .flex-prev:before,
  .gallery-carousal:hover .flex-next:before{
    opacity: 1;
  }

  .gallery-carousal .flex-direction-nav a{
    opacity: 1;
  }

  .home-slider .flex-prev:before, .gallery-carousal .flex-prev:before{
    background: url(images/home/arrow-prev.png) no-repeat center;
    background-size: contain;
  }

  .home-slider .flex-direction-nav a{
    opacity: 1;
  }

  .home-slider .flex-control-paging li a{
    width: 17px;
    height: 17px;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: none;
  }

  .home-slider .flex-control-paging li a:hover{
    background: #fff;
  }

  .home-slide-container{
    position: relative;
    /* height: 75vh; */
    background-size: cover;
  }

  .home-slide-image{
    width: 100%;
    background-size: cover;
    background-position: center;
    display: none;
  }

  .collapse-wrap{
    transition: all ease .6s;
    max-height: 500px;
  }

  .collapse-wrap.collapsed{
    max-height: 0;
    opacity: 0;
    visibility: hidden;
  }

  .home-caption{
    overflow: hidden;
    width: 39%;
    position: absolute;
    background: rgba(171, 79, 48, 0.9);
    text-align: left;
    bottom: 25px;
    left: 0;
    padding: 10px 30px 10px 50px;
    font-size: 1em;
  }
  .home-caption h2{
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 36px;
    border-bottom: 1px solid white;
    display: inline-block;
    margin-top: 1.5rem;
    padding-bottom: 5px;
  }

  .home-caption p{
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white ;
    margin-top: 1.6rem;
    line-height: 1.25;
  }

  .home-slide-btn{
    height: 72px;
    display: block;
    background-position: right;
    margin-top: 1.5rem;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .home-caption-collapse{
    height: 20px;
    width: 100%;
    text-align: right;
    background: url("images/icons/collapse-3.svg") no-repeat right center;
    cursor: pointer;
  }

  .home-caption-collapse.expand{
    background: url("images/icons/expand-3.svg") right center no-repeat;
  }

  .video-tour-link{
    background-image: url(/wp-content/uploads/2018/05/take-a-video-tour.svg);
  }

  .explore-slider-link{
    background-image: url(/wp-content/uploads/2018/04/explore-the-floorplans.svg);
  }

  .explore-gallery-slider-link{
    background-image: url(/wp-content/uploads/2018/04/explore-the-gallery.svg);
  }

  .amenities-slider-link{
    background-image: url(/wp-content/uploads/2019/03/explore-amenities-2019-B.svg); 
  }

  .explore-neighborhood-slider-link{
    background-image: url(/wp-content/uploads/2018/04/explore-the-neighborhood.svg);
  }

  .apply-slider-link{
    background-image: url(/wp-content/uploads/2018/04/apply-now-2.svg);
  }

  .home-slider .flex-control-nav {text-align: center;padding:  0 10px;bottom: 15px;}

  .gallery-category ul{
    margin: 0;
    padding: 0;
  }

  .gallery-category li{
    float: left;
    width: 33.33333%;
    display: block;
    padding: 0 2px;
    margin-top: 2px;
  }

  .gallery-category li a{
    display: block;
    padding: 10px 15px;
    font-size: 24px;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    position: relative;
    cursor: pointer;
  }

  .gallery-category li a:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px;
  }

  .gallery-category li.gallery-building a,
  .gallery-category li.active.gallery-building a:before{
    background: #0d4485;
  }

  .gallery-category li.gallery-units a,
  .gallery-category li.active.gallery-units a:before{
    background: rgba(171, 79, 48, 1);
  }

  .gallery-category li.gallery-neighborhood a,
  .gallery-category li.active.gallery-neighborhood a:before{
    background: #5683ac;
  }

  .gallery-category li.active.gallery-building a{
    background: #fff;
    color: #0d4485;
  }

  .gallery-category li.active.gallery-units a{
    background: #fff;
    color: rgba(171, 79, 48, 1);
  }

  .gallery-category li.active.gallery-neighborhood a{
    background: #fff;
    color: #5683ac;
  }

  .gallery-carousal .flex-control-nav{
    padding: 0 5px;
    text-align: center;
  }

  .soliloquy-container .soliloquy-prev{
    background: transparent url(/wp-content/uploads/2018/04/arrow-prev.png)
      no-repeat scroll 50% 50% !important;
    background-size: contain !important;
    height: 40px !important;
    top: 45% !important;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .soliloquy-container .soliloquy-next {
    background: transparent url(/wp-content/uploads/2018/04/arrow-next.png)
      no-repeat scroll 50% 50% !important;
    background-size: contain !important;
    height: 40px !important;
    top: 45% !important;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .soliloquy-container:hover .soliloquy-prev,
  .soliloquy-container:hover .soliloquy-next,
  .soliloquy-container:focus .soliloquy-prev,
  .soliloquy-container:focus .soliloquy-next,
  .soliloquy-container:active .soliloquy-prev,
  .soliloquy-container:active .soliloquy-next,
  .home-slider:hover .flex-prev::before,
  .home-slider:hover .flex-next::before {
    opacity: 1;
  }
  .soliloquy-container .soliloquy-pager {
    bottom: 50px !important;
    height: 18px !important;
  }
  .soliloquy-container .soliloquy-pager-item a {
    border: 1px solid white !important;
    border-radius: 20px;
  }
  .soliloquy-container .soliloquy-pager-link {
    background: transparent !important;
    width: 18px !important;
    height: 18px !important;
  }
  .soliloquy-container .soliloquy-pager-item:first-child {
    margin-left: 20% !important;
  }

  .soliloquy-container .soliloquy-pager-link:hover,
  .soliloquy-container .soliloquy-pager-link.active{
    background: white !important;
  }

  .soliloquy-container
    .soliloquy-caption.soliloquy-caption-left
    .soliloquy-caption-inside {
    max-height: 60%;
  }
  .soliloquy-container .soliloquy-caption.soliloquy-caption-left {
    width: 39% !important;
    bottom: 50px !important;
    top: auto !important;
    height: auto !important;
  }

  .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
    background: rgba(171, 79, 48, 0.9) !important;
    line-height: 1.25 !important;
    text-align: left !important;
    padding: 10px 30px !important;
  }
  .soliloquy-container h1, .soliloquy-container h2 {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 36px;
    height: 36px;
    border-bottom: 1px solid white;
    display: inline-block;
    margin-top: 1.5rem;
  }
  .soliloquy-container p {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white !important;
    margin-top: 1.6rem;
    line-height: 1.25 !important;
  }
  .soliloquy-container .video-tour-link {
    height: 82px;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2018/05/take-a-video-tour.svg");
    background-position: right;
    margin-top: 1.5rem;
    background-size: contain;
  }
  .soliloquy-container .amenities-slider-link {
    height: 82px;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/03/explore-amenities-2019-B.svg");
    background-position: right;
    margin-top: 1.5rem;
    background-size: contain;
  }
  .soliloquy-container .apply-slider-link {
    height: 82px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/04/apply-now-2.svg);
    background-position: right;
    margin-top: 1.5rem;
    background-size: contain;
  }
  .soliloquy-container .explore-slider-link {
    height: 82px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/04/explore-the-floorplans.svg);
    background-position: right;
    margin-top: 1.5rem;
    background-size: contain;
  }
  .soliloquy-container .explore-neighborhood-slider-link {
    height: 82px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/04/explore-the-neighborhood.svg);
    background-position: right;
    margin-top: 1.5rem;
    background-size: contain;
  }
  .soliloquy-container .explore-gallery-slider-link {
    height: 82px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/04/explore-the-gallery.svg);
    background-position: right;
    margin-top: 1.5rem;
    background-size: contain;
  }
  .soliloquy-container #expand-1,
  .soliloquy-container #expand-2,
  .soliloquy-container #expand-3,
  .soliloquy-container #expand-4,
  .soliloquy-container #expand-5 {
    height: 20px;
    width: 100%;
    text-align: right;
    background: url(images/icons/collapse-3.svg) no-repeat right center;
    cursor: pointer;
  }

  /******************* Grid *******************/
  .box.front-grid {
    padding-bottom: 0;
    margin-top: 7px;
    /* margin-bottom: 7px; */
  }
  .box.front-grid-2 {
    /* margin-top: 7px; */
  }
  .quarter,
  .half-half-box {
    background: #fff;
  }
  .quarter-long {
    float: left;
    height: 959px;
    /* margin-right: 0.33%; */
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .quarter-square {
    height: 476px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .quarter.front-1 .filter {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.front-1,
  .quarter.front-2,
  .quarter.front-4,
  .quarter.front-8,
  .quarter.front-5,
  .quarter.front-9,
  .quarter.front-7 {
    /* margin-right: 0.33%; */
  }
  .quarter.front-3,
  .quarter.front-6,
  .quarter.front-10,
  .quarter.footer-neighborhood-3 {
    float: right;
  }
  .quarter.front-2 .filter {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.front-3 .filter {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.front-4 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.front-8 .filter {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.front-6 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.front-7 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.footer-neighborhood-3 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.front-5 .filter {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.front-9 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.front-10 .filter {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .quarter.front-1 .filter,
  .quarter.front-3 .filter,
  .quarter.front-8 .filter,
  .quarter.footer-front-2 .filter,
  .quarter.front-5 .filter,
  .quarter.front-10 .filter,
  .quarter.front-2:hover .filter,
  .quarter.front-2:focus .filter,
  .quarter.front-2:active .filter,
  .quarter.footer-front-1:hover .filter,
  .quarter.footer-front-1:focus .filter,
  .quarter.footer-front-1:active .filter,
  .quarter.footer-front-3:hover .filter,
  .quarter.footer-front-3:focus .filter,
  .quarter.footer-front-3:active .filter {
    -webkit-filter: grayscale(0.9);
    -webkit-filter: grayscale(90%);
    filter: gray;
    filter: grayscale(90%);
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
  }
  .quarter.front-1:hover .filter,
  .quarter.front-1:focus .filter,
  .quarter.front-1:active .filter,
  .quarter.front-3:hover .filter,
  .quarter.front-3:focus .filter,
  .quarter.front-3:active .filter,
  .quarter.front-5:hover .filter,
  .quarter.front-5:focus .filter,
  .quarter.front-5:active .filter,
  .quarter.front-8:hover .filter,
  .quarter.front-8:focus .filter,
  .quarter.front-8:active .filter,
  .quarter.front-10:hover .filter,
  .quarter.front-10:focus .filter,
  .quarter.front-10:active .filter,
  .quarter.footer-front-2:hover .filter,
  .quarter.footer-front-2:focus .filter,
  .quarter.footer-front-2:active .filter {
    -webkit-filter: none;
    filter: none;
  }
  .mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .mask.light-green {
    color: #fff;
    background: rgba(76, 120, 162, 0.73);
  }
  .mask.light-gray {
    color: #000000;
    background: rgba(237, 234, 240, 0.73);
  }
  .mask-content.overlay-front.light-gray {
    color: #000000;
  }
  .mask.light-blue {
    color: #fff;
    background: rgba(76, 120, 162, 0.73);
  }

  .mask-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 10%;
    text-align: center;
  }
  .mask-content.green a {
    color: #f5f5f5;
  }
  .mask-content.blue a {
    color: #f5f5f5;
  }
  .icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 28px;
    width: 40px;
    margin-bottom: 1px;
    display: inline-block;
  }

  .mask .lines.dark {
    border-color: #333;
  }
  .mask .lines.white {
    border-color: #fff;
  }
  h2.mask-title {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
    font-size: 32px;
  }
  h2.mask-title.inverse {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
  }
  .quarter:hover .mask,
  .quarter:focus .mask,
  .quarter:active .mask {
    opacity: 0;
  }
  .quarter .mask.inverse {
    opacity: 0;
  }
  .quarter:hover .mask.inverse,
  .quarter:focus .mask.inverse,
  .quarter:active .mask.inverse {
    opacity: 1;
  }
  .mask-copy {
    bottom: 0;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.2;
    max-height: 0;
    opacity: 0;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
  }
  .brake-small {
    height: 10px;
  }
  .overlay-front {
    position: absolute;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .mask-content.overlay-front {
    background: transparent;
  }
  .quarter:hover .mask-content.overlay-front,
  .quarter:hover .mask-content.inverse,
  .quarter:focus .mask-content.overlay-front,
  .quarter:focus .mask-content.inverse,
  .quarter:active .mask-content.overlay-front,
  .quarter:active .mask-content.inverse {
    bottom: 0;
    padding: 12px 0;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .quarter:hover .mask-content.overlay-front.green,
  .quarter:focus .mask-content.overlay-front.green,
  .quarter:active .mask-content.overlay-front.green {
    background: rgba(76, 120, 162, 0.73);
    overflow: hidden;
  }
  .quarter:hover .mask-content.overlay-front.blue,
  .quarter:focus .mask-content.overlay-front.blue,
  .quarter:active .mask-content.overlay-front.blue {
    background: rgba(76, 120, 162, 0.73);
    overflow: hidden;
  }
  .quarter:hover .mask-content.overlay-front.light-gray,
  .quarter:focus .mask-content.overlay-front.light-gray,
  .quarter:active .mask-content.overlay-front.light-gray {
    background: rgba(237, 234, 240, 0.64);
    overflow: hidden;
    color: #000000;
  }
  .quarter:hover h2.mask-title,
  .quarter:focus h2.mask-title,
  .quarter:active h2.mask-title {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
  }
  .quarter:hover .mask-copy,
  .quarter:focus .mask-copy,
  .quarter:active .mask-copy {
    max-height: 300px;
    opacity: 1;
  }

  /**************** SLIDER 2 *****************/
  .slider-2 {
    float: left;
    margin-bottom: 7px;
    width: 100%;
  }
  .soliloquy-container .slider-2-caption {
    text-align: center;
    padding: 20px 10px;
  }
  .soliloquy-container .slider-copy-block {
    text-align: center;
    padding: 20px 0;
  }

  .soliloquy-container .slider-icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-bottom: 1px;
    display: inline-block;
  }
  .soliloquy-container .slider-icon.slider-icon-downtown {
    background-image: url(images/icons/adjacent-to-city-icon.svg);
  }
  .soliloquy-container .slider-icon.slider-icon-fountain {
    background-image: url(images/icons/fountain.svg);
  }
  .soliloquy-container .slider-icon.slider-icon-rittenhouse {
    background-image: url(images/icons/ritten-house-square.svg);
  }
  .soliloquy-container .slider-icon.slider-icon-music {
    background-image: url(images/icons/music.svg);
  }
  .soliloquy-container .slider-icon.slider-icon-park {
    background-image: url("/wp-content/uploads/2018/04/bench.svg");
  }
  .soliloquy-container .slider-icon.slider-icon-playground {
    background-image: url(images/icons/playground.svg);
  }
  .soliloquy-container .slider-icon.slider-icon-njpac {
    background-image: url("/wp-content/uploads/2018/04/Njpac_Logo_2017.svg");
    width: 70px !important;
  }
  .soliloquy-container .slider-icon.slider-icon-river {
    background-image: url("/wp-content/uploads/2018/04/schuykill-banks-icon.svg");
  }
  .soliloquy-container .slider-icon.slider-icon-njit {
    background-image: url("/wp-content/uploads/2018/04/New_Jersey_IT_logo.svg");
    width: 70px !important;
  }
  .soliloquy-container .slider-icon.slider-icon-train {
    background-image: url("/wp-content/uploads/2018/04/train.svg");
  }

  .soliloquy-container .slider-copy-block h1 {
    font-size: 34px;
    height: 34px;
    border-bottom: none;
    /*margin-top: 15px;
    margin-bottom: 15px;*/
    margin-top: 0px;
    margin-bottom: 0px;
  }

  /*VIDEO*/

  div.dark_square .pp_close {
    width: 20px;
    height: 15px;
    background: url(/wp-content/uploads/2018/04/x.png) -1px -1px no-repeat !important;
  }
  .pp_bottom {
    display: none;
  }

  /*********************** FOOTER ************************/
  .quarter-footer {
    float: left;
    height: 671px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin-right: 0.33%;
  }
  .quarter-footer.quarter-footer-home {
  }
  .quarter.footer-contact-3,
  .quarter.footer-front-3 {
    float: right;
  }
  .quarter.footer-front-1 .filter,
  .quarter.footer-contact-1 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.footer-front-2 .filter {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.footer-front-1,
  .quarter.footer-contact-1,
  .quarter.footer-front-2,
  .quarter.footer-neighborhood-1,
  .quarter.footer-neighborhood-2 {
    /* margin-right: 0.33%; */
  }
  .quarter.footer-front-2 a {
    color: #333;
  }
  .quarter.footer-contact-3 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .quarter.footer-front-3 .filter {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.footer-neighborhood-1 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quarter.footer-neighborhood-2 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .quarter-footer-amenities .quarter-image {
    background-image: url("/wp-content/uploads/2018/04/footer-quarter.jpg");
  }
  .amenities-footer-1 .quarter-image {
    background-image: url("/wp-content/uploads/2018/04/footer-square-1.jpg");
  }
  .amenities-footer-2 .quarter-image {
    background-image: url("/wp-content/uploads/2018/04/footer-square-2.jpg");
  }
  .amenities-footer-3 .quarter-image {
    background-image: url("/wp-content/uploads/2018/04/footer-square-3.jpg");
  }

  .footer-home {
    width: 100%;
    background-color: #f4f4f4;
    display: flex;
    align-items: flex-end;
    /* background-image: url("/wp-content/uploads/2019/01/one-theatre-square-building-black-logo-20-trans.png"); */
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    padding: 40px 25px;
  }

  .footer-left,.footer-center,.footer-right{
    width: 33.3333%;
  }


  .footer-menu-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row;
    align-items: center;
    margin-top: -6px;
    justify-content: center;
  }
  .footer-menu-container li {
    color: #f5f5f5;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    padding: 0 1.5%;
    /* flex: 1 0 auto; */
  }
  .bozzuto-logo {
    margin-right: 5px;
  }
  .footer-menu-container li a {
    color: #000;
    white-space: nowrap;
  }

  .footer-links {
    color: #777777;
  }

  .bozzuto-logo img{
    height: 22px;
  }

  .footer-links a, .privacy-policy a{
    color: #292929;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
  }

  .footer-privacy{
    position: relative;
  }

  .footer-dranoff{
    position: relative;
  }

  .footer-dranoff img{
    height: 22px;
  }

  .footer-privacy:before, .footer-dranoff:before{
    content: "";
    position: absolute;
    width: 1px;
    left: -11px;
    height: 12px;
    background: #777;
    top: 50%;
    transform: translateY(-50%);
  }

  .footer-address a, .footer-address .call-us-cnt{
    color: #292929;
    font-size: 16px;
  }

  .footer-address a.tel-link{
    text-decoration: none;
  }

  .footer-address p{
    margin-bottom: 0;
  }

  .footer-right{
    text-align: right;
  }

  .footer-center{
    text-align: center;
  }

  .footer-social{
    display: inline-block;
    margin-right: 21px;
  }

  .footer-social a{
    display: inline-block;
  }

  .footer-social a:not(:last-child){
    margin-right: 15px;
  }

  .footer-social img{
    height: 22px;
  }

  .footer-ada{
    display: inline-block;
    position: relative;
    margin-left: 18px;
  }

  .footer-ada a{
    display: inline-block;
  }

  .footer-ada:before{
    content: "";
    position: absolute;
    width: 1px;
    left: -18px;
    height: 12px;
    background: #777;
    top: 50%;
    transform: translateY(-50%);
  }

  .footer-ada a:not(:last-child){
    margin-right: 18px;
  }

  .footer-ada img{
    height: 20px;
  }

  .copyright {
    color: #000;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0;
    margin: 0;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    list-style: none;
    align-items: flex-end;
    flex-wrap: wrap;
  }
  .copyright.footer-top-wrapper li {
    margin-left: 5px;
    padding-left: 5px;
    color: #000;
    position: relative;
  }
  .copyright.footer-top-wrapper li:before{
    content: "";
    position: absolute;
    left: 0;
    height: 12px;
    width: 1px;
    background: #000;
    top: 48%;
    transform: translateY(-50%);
  }
  .copyright.footer-top-wrapper li:first-child:before{
    display: none;
  }

  .copyright.footer-bottom-wrapper li{
    margin-left: 5px;
  }

  .copyright li a,
  .copyright li a:hover,
  .copyright li a:visited {
    color: #000;
  }
  .footer-icon {
    width: 25px;
    height: auto;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    /* IE 5-7 */
    filter: alpha(opacity=70);
    /* Netscape */
    -moz-opacity: 0.7;
    /* Safari 1.x */
    -khtml-opacity: 0.7;
    /* Good browsers */
    opacity: 0.7;
  }

  .footer-bottom-wrapper .footer-icon {
    width: 19px;
  }

  /*UTILITY - MARGIN FIX FOR TOP OF PAGES*/
  .margin-fix {
    margin-top: 8px;
    width: 100%;
    height: 0;
  }

  .footer-top-wrapper{
    display: flex;
    justify-content: center;
  }

  .footer-bottom-wrapper {
    display: flex;
    align-items: center;
  }

  .footer-bottom-wrapper .dranoff-logo-2 img {
    height: 20px;
  }

  .footer-bottom-wrapper .bozzuto-logo img {
    height: 24px;
  }


  /*--------------------------------------------------------------
  ########## DRANOFF PAGE ############
  --------------------------------------------------------------*/

  .why-wrap{
    display: flex;
  }

  .why-wrap.bottom{
    flex-direction: row-reverse;
  }

  .half-block{
    width: 50%;
    padding: 5px;
  }

  .half-block.text{
    display: flex;
  }

  .why-half-image{
    width: 100%;
    background-size: cover;
    background-position: center;
  }

  .why-half-text{
    background-color: #b46248;
    color: #fff;
    text-align: center;
    padding: 35px 60px 75px 60px;
    font-size: 24px;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
  }

  .why-half-text h4{
    font-size: 28px;
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 40px;
  }

  .why-half-text h1{
    height: auto;
    color: #fff;
    font-size: 44px;
    margin-bottom: 1.2em;
  }

  .why-half-text p{
    font-size: 24px;
  }

  .learn-btn{
    display: inline-block;
    color: #fff;
    background: #ac4f30;
    font-size: 20px;
    padding: 6px 15px 6px;
    border: 1px solid #fff;
    font-weight: 300;
    margin-top: 25px;
    text-decoration: none;
  }

  .learn-btn:hover{
    background: #fff;
    color: #ac4f30;
    text-decoration: none;
  }

  .why-image-cols{
    display: flex;
  }

  .image-blocks{
    width: 25%;
    height: 476px;
    display: flex;
    padding: 5px;

  }

  .image-blocks div{
    width: 100%;
    background-size: cover;
    background-position: center;
  }



  .box {
    padding: 0px 0.25%;
    width: 100%;
    float: left;
  }
  .half-box {
    width: 50%;
    padding: 7px 0.25%;
  }
  .left {
    float: left;
  }
  .right {
    float: right;
  }
  .left-half {
    background-image: url(wp-content/uploads/2018/04/Symphony-house-BW.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1150px;
  }
  .blue-overlay {
    background: rgba(171, 79, 48, 0.9);
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  .copy {
    position: relative;
  }
  .icon-lines {
    margin-top: 16%;
    margin-bottom: 1%;
    text-align: center;
  }
  .lines {
    height: 5px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
  }
  .page-title {
    text-align: center;
    text-transform: uppercase;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  h1.page-title {
    color: #333;
    font-size: 44px;
    height: 44px;
  }
  .dranoff-text,
  .dranoff-text p {
    margin-top: 20px;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
    font-size: 30px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    color: #333;
  }

  .right-half-img {
    background: #dedede;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
  }
  .condo-headline {
    background: #5683ac;
    margin: 7px 0;
    max-height: 60px;
  }
  .condo-headline h1 {
    color: white;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 15px 0;
  }
  .half-half-box {
    width: 49.65%;
    overflow: hidden;
    position: relative;
    margin-bottom: 7px;
  }

  .overlay {
    padding: 12px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .green {
    background: rgba(76, 120, 162, 0.73);
    overflow: hidden;
    color: white;
  }
  .lines.white {
    height: 4px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  h1.apt-title,
  h1.retail-title {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
    font-size: 28px;
    height: 28px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
  }
  h1.retail-title{
    height: auto !important;
  }
  .apt-copy,
  .retail-copy {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    max-height: 0;
    opacity: 0;
    /*overflow: hidden;*/
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: max-height;
    -webkit-transition-duration: 0.75s;
    -webkit-transition-timing-function: ease;
    /* Standard syntax */
    transition-property: all;
    transition-duration: 0.75s;
    transition-timing-function: ease;
  }
  .apt-copy a,
  .retail-copy a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
  }

  .brake {
    height: 15px;
  }
  .half-half-box.left:hover .apt-copy,
  .half-half-box.right:hover .apt-copy,
  .quarter.first:hover .apt-copy,
  .quarter.second:hover .apt-copy,
  .quarter.third:hover .apt-copy,
  .quarter.fourth:hover .apt-copy,
  .half-half-box.retail-1:hover .retail-copy,
  .half-half-box.retail-2:hover .retail-copy,
  .half-half-box.retail-3:hover .retail-copy,
  .half-half-box.retail-4:hover .retail-copy,
  .half-half-box.left:focus .apt-copy,
  .half-half-box.right:focus .apt-copy,
  .quarter.first:focus .apt-copy,
  .quarter.second:focus .apt-copy,
  .quarter.third:focus .apt-copy,
  .quarter.fourth:focus .apt-copy,
  .half-half-box.retail-1:focus .retail-copy,
  .half-half-box.retail-2:focus .retail-copy,
  .half-half-box.retail-3:focus .retail-copy,
  .half-half-box.retail-4:focus .retail-copy,
  .half-half-box.left:active .apt-copy,
  .half-half-box.right:active .apt-copy,
  .quarter.first:active .apt-copy,
  .quarter.second:active .apt-copy,
  .quarter.third:active .apt-copy,
  .quarter.fourth:active .apt-copy,
  .half-half-box.retail-1:active .retail-copy,
  .half-half-box.retail-2:active .retail-copy,
  .half-half-box.retail-3:active .retail-copy,
  .half-half-box.retail-4:active .retail-copy {
    max-height: 500px;
    opacity: 1;
  }
  .half-half-box.left {
    background-image: url(images/2LibertyCondo.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .half-half-box.right {
    background-image: url(images/One-Riverside-condo.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .full-width-headline {
    width: 100%;
    background: rgba(171, 79, 48, 1);
    max-height: 60px;
    float: left;
    margin-bottom: 7px;
  }
  .full-width-headline h1 {
    color: white;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
    font-size: 30px;
    height: 30px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 15px 0;
  }
  .quarter {
    float: left;
    width: 25%;
    margin-bottom: 7px;
    overflow: hidden;
    position: relative;
  }

  .four-quarters .quarter:not(:first-child){
    padding-left: 7px;
  }

  .six-quarters .quarter{
    padding-left: 7px;
  }

  .quarter-image{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    right: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .quarter-image.no-padding{
    left: 0;
  }

  .quarter.first {
    background-image: url(images/LocustParkExterior_480x480.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 0.333%;
  }
  .quarter.second {
    background-image: url(images/777SouthBroadExterior_480x480.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 0.333%;
  }
  .quarter.third {
    background-image: url(images/SouthStarExterior_480x480.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 0.333%;
  }
  .quarter.fourth {
    background-image: url(images/VictorExterior_480x480.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: right;
  }

  .blue {
    background: rgba(76, 120, 162, 0.73);
    overflow: hidden;
    color: white;
  }
  /***************************** FOOTER DRANOFF PAGE *************/
  .site-footer {
    /* margin-top: 7px; */
    margin-bottom: 7px;
  }
  .site-footer-inner {
    width: 100%;
    padding: 0 0.25%;
  }
  /* Footer Slider */
  .quarter-slider-footer {
    float: left;
    margin-right: 0.33%;
  }
  .flexslider.distinction .slides li {
    height: 671px;
    width: 100%;
    background-position: center;
    display: none;
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .flexslider {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0px;
    overflow: hidden;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: "" 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: "" 0 0px 0px rgba(0, 0, 0, 0);
    -o-box-shadow: "" 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: "" 0 0px 0px rgba(0, 0, 0, 0);
  }
  .flex-direction-nav a {
    opacity: 0.5;
  }
  .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 36px;
    display: inline-block;
    content: "\f001";
    color: transparent;
    text-shadow: none;
    background-image: url(/wp-content/uploads/2018/04/arrow-prev.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .flex-direction-nav a.flex-next:before {
    content: "\f002";
    background-image: url(/wp-content/uploads/2018/04/arrow-next.png);
  }
  .flex-control-nav {
    position: absolute;
    bottom: 5%;
    text-align: right;
    padding-right: 10px;
  }
  .flex-control-paging li a {
    width: 12px;
    height: 12px;
    color: transparent;
    background: transparent;
    border: 1px solid white;
  }
  .flex-control-paging li a.flex-active {
    background: #fff;
  }
  .flex-caption {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 500;
    background: rgba(0, 90, 155, 0.8);
    color: #fff;
    margin: 0;
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 5%;
    max-width: 60%;
  }
  .flex-caption h2 {
    margin: 0;
    padding: 10px 0;
    font-size: 18px;
  }
  .flex-caption p {
    margin: 0;
    font-size: 14px;
  }
  /* END OF FOOTER SLIDER */
  .three-quarters-map {
    width: 74.92%;
    float: right;
    height: 476px;
    margin-bottom: 7px;
  }

  /*--------------------------------------------------------------
  ########### AMENITIES ###########
  --------------------------------------------------------------*/
  .right-half-amenities {
    background-image: url('images/one-theatre-square-amenities-background.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 959px;
  }
  .icon-lines-amenities {
    margin-top: 10%;
  }
  .dranoff-text.amenities {
    font-size: 23px;
    text-align: left;
    padding-left: 25px;
    padding-right: 18px;
  }
  .amenities-text {
    padding-left: 0;
  }
  .amenities-text:first-child {
    padding-right: 25px;
  }

  .half-half-box.amenities-1 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .half-half-box.amenities-2 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .half-half-box.amenities-3 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .half-half-box.amenities-4 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-template-amenities .page-title,
  .page-template-retail .page-title,
  .page-template-dranoff .page-title {
    color: #ffffff;
  }
  .page-template-amenities .lines,
  .page-template-retail .lines,
  .page-template-dranoff .lines {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .dranoff-text.amenities.col-xs-12,
  .dranoff-text.col-xs-10.col-xs-offset-1 p {
    color: #ffffff;
  }

  .page-template-neighborhood .dranoff-text.col-xs-10.col-xs-offset-1 p,
  .page-template-floorplans .dranoff-text.col-xs-10.col-xs-offset-1 p {
    color: #000;
  }
  .quarter-footer-amenities .quarter-image{
    left: 0;
  }

  /* .amenities-footer-1 {
    margin-right: 0.33%;
  }
  .amenities-footer-2 {
    margin-right: 0.33%;
  }
  .amenities-footer-3 {
    float: right;
  } */

  .amenities.half-box.left{
    padding-bottom: 0;
    padding-right: 0;
  }

  .amenities.right{
    padding-left: 7px;
  }

  .amenities .half-half-box{width: 50%;}

  .half-half-box.amenities-1 .quarter-image, .half-half-box.amenities-3 .quarter-image{
    left: 0;
  }

  /*--------------------------------------------------------------
  ########### RETAIL ###########
  --------------------------------------------------------------*/
  .right-half-retail {
    background-image: url(images/777-amenities-background.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 959px;
  }
  .icon-lines.icon-lines-retail {
    margin-top: 32%;
  }
  .nowrap {
    white-space: nowrap;
  }
  .capitalize {
    text-transform: capitalize;
  }

  /*--------------------------------------------------------------
  ########### FLOORPLANS ###########
  --------------------------------------------------------------*/
  .fp-pagination{
    text-align: center;
    font-size: 22px;
    color: #393939;
    margin-bottom: 75px;
  }

  .fp-pagination a{
    display: inline-block;
    background-color: #ab4f30;
    width: 40px;
    height: 40px;
    line-height: 37px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
  }

  .fp-page-text{
    padding: 0 50px;
  }

  .floor-top-bg{
    background-image: url('images/floorplans/floorplan-hero.jpg');
    background-size: cover;
    background-position: top;
  }
  .floorplans-hero{
    height: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .floorplans-hero h1{
    height: auto;
    color: #fff;
    width: 730px;
    font-size: 42px;
    font-weight: 900;
  }

  .floorplans-hero:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
  }

  div.floorplan-searchbox{
    background-color: rgba(171, 79, 48, 0.9);
    position: relative;
    padding: 20px 5px;
    margin-bottom: 0;
  }

  div.floorplan-searchbox .customSelect{
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 900;
  }

  .floorplan-searchbox.double-line-title::before{
    top: 20px;
    left: 5px;
    right: 5px;
    width: auto;
  }
  .floorplan-searchbox.double-line-title::after{
    bottom: 20px;
    left: 5px;
    right: 5px;
    width: auto;
  }

  .floorplan-searchbox p{
    color: #fff;
    font-size: 22px;
    margin-bottom: 6px;
  }

  .floorplan-searchbox  .customSelect .selectedValue{
    height: 40px;
    padding: 7px 10px;
    padding-left: 0;
  }

  .floorplan-searchbox .customSelect .selectValueWrap .caret{
    top: 13px;
    right: 1px;
  }

  .fp-search-container{
    text-align: left;
    max-width: 1500px;
    margin: auto;
    padding: 20px 60px;
  }

  .fp-col{
    padding-right: 30px;
    float: left;
    width: 20%;
  }

  .fp-col:last-child{
    padding-right: 0;
  }

  .fp-floor-select{
    display: flex;
    justify-content: space-between;
  }

  .check-type-bedroom{
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    text-align: center;
    text-decoration: none;
  }

  .check-type-bedroom label{
    cursor: pointer;
    width: 35px;
    position: relative;
    padding-bottom: 12px;
  }

  .check-type-bedroom input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 30px;
    height: 20px;
    z-index: -1;
  }

  .check-type-bedroom:not(:last-child){
    margin-right: 5px;
  }

  .check-type-bedroom label:after{
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 100%;
    bottom: 0;
    left: 0;
    transition: all ease .1s;
    opacity: 0;
    visibility: hidden;
  }

  .check-type-bedroom input[type=checkbox]:checked + label:after{
    opacity: 1;
    visibility: visible;
  }

  input[type="submit"].fp-search-button{
    background-color: #ffffff;
    color: #ab573b;
    width: 100%;
    margin-top: 16px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 900;
    padding: 15px 10px 13px;
  }

  .floorplans-blocks{
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
  }

  .fp-brow{
    margin-left: -5px;
    margin-right: -5px;
  }

  .fp-bcol{
    float: left;
    width: 25%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .fp-floor-blocks{
    display: block;
    width: 100%;
    padding-top: 105%;
    text-align: center;
    position: relative;
    background-position: center;
    background-size: cover;
  }

  .fp-floor-blocks.studio{
    background-image: url('./images/floorplans/fp-01.jpg');
  }

  .fp-floor-blocks.one-bed{
    background-image: url('./images/floorplans/fp-02.jpg');
  }

  .fp-floor-blocks.two-bed{
    background-image: url('./images/floorplans/fp-03.jpg');
  }

  .fp-floor-blocks.three-bed{
    background-image: url('./images/floorplans/fp-04.jpg');
  }

  .fp-floor-blocks:before{
    content: "";
    position: absolute;
    height: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(71,118,162, 0.66);
    transition: all ease .2s;
  }

  .fp-floor-blocks .double-line-title{
    margin-bottom: 0;
  }

  .fp-floor-blocks:hover::before{
    height: 140px;
  }

  .fp-floor-blocks .double-line-title{
    padding: 5px 0;
  }

  .fp-floor-blocks span{
    color: #fff;
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 40px;
    font-size: 32px;
  }

  .fp-detail-bg .floorplans-hero{
    height: 268px;
  }

  .fp-detail-wrapper{
    padding: 10px 5px;
    display: flex;
    justify-content: space-around;
  }

  .fp-detail-left{
    background-color: #ebebeb;
    padding: 20px;
    border-right: 10px solid #fff;
    flex-grow: 1;
    display: flex;
  }

  .fp-detail-image{
    background: #fff;
    text-align: center;
    padding: 95px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .fp-detail-right{
    position: relative;
    width: 550px;
    display: flex;
    background: rgba(172, 79, 48, 1);
  }

  .fp-detail-desc{
    background: url('images/floorplans/fp-detail-bg.png');
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
    padding: 0 65px;
    padding-bottom: 55px;
    width: 100%;
  }

  .fp-detail-desc section{
    color: #fff;
    margin: 80px 0 40px 0;
    padding: 50px 0 40px 0;
  }

  .fp-detail-desc h3{
    margin-top: 0;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 2.8rem;
  }

  .fp-detail-list ul{
    padding: 0;
    margin: 0;
    margin-bottom: 35px;
  }

  .fp-detail-list li{
    display: block;
    font-size: 20px;
    font-weight: 400;
    padding: 5px 0;
  }

  .fp-detail-btngroup{
    max-width: 250px;
    margin: auto;
  }

  .det-btn-white{
      background: #fff;
      display: block;
      font-family: "brandon-grotesque", sans-serif;
      font-weight: 700;
      color: #333;
      font-size: 20px;
      padding: 10px 10px 7px;
      text-transform: uppercase;
      margin-bottom: 20px;
  }

  .det-btn-white:hover{
    color: #333;
    text-decoration: none;
    background: rgba(255,255,255, 0.9);
  }

  .det-btn-bordergrp{
    display: flex;
  }

  .det-btn-bordergrp .at-icon-wrapper{
    display: none;
  }

  .det-btn-border{
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #fff;
    padding: 12px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .det-btn-border:hover ,.det-btn-border:focus{
    background: #fff;
    text-decoration: none;
    color: #fff;
    color: #333;
  }

  .det-btn-border:last-child{
    /* margin-left: 15px; */
    flex-grow: 1;
  }

  .fp-back{
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
  }

  .fp-back:hover{
    color: #fff;
  }

  .noresult_msg_wrap{
    color: #333;
    text-align: center;
    min-height: 300px;
    font-size: 24px;
    padding: 0 20px;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .noresult_msg_wrap div{
    max-width: 650px;
  }

  /*--------------------------------------------------------------
  ############# NEIGHBORHOOD PAGE #######
  --------------------------------------------------------------*/

  .neigh-slider{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
  }

  .neigh-slider-item{
    padding-top: 45%;
    background-size: cover;
    background-position: center;
    position: relative;
  }

  .neigh-slider .slides > li{
    position: relative;
  }
  
  @media screen and (max-width: 767px) {
    .neigh-slider .play-pause-btn {
      right: 105px;
      bottom: 158px;
    }
  }
  
  @media screen and (max-width: 480px) {
    .neigh-slider .play-pause-btn {
      right: 14px;
      bottom: 1px;
    }
  }

  .neigh-caption{
    position: absolute;
    bottom: 50px;
    left: 0;
    max-width: 42%;
    background: rgba(171, 79, 48, 0.9);
    padding: 30px 40px;
  }

  .neigh-caption .double-line-title{
    color: #f0f0f0;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 2px;
  }

  .neigh-slide-icon{
    height: 28px;
    width: 200px;
    margin: auto;
    margin-bottom: 4px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .neigh-slider .flex-control-paging {
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    width: auto;
  }

  .neigh-slider .flex-control-paging li a{
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: none;
  }

  .neigh-slider .flex-control-paging li a:hover{
    background: #fff;
  }

  .neigh-slider .flex-next{
    right: 10px;
    opacity: 1;
  }

  .neigh-slider .flex-prev{
    left: 10px;
    opacity: 1;
  }

  #neigh-map .gm-style .gm-style-iw-c{
    border-radius: 0;
    border-bottom: 3px solid #8a2a06;
    box-shadow: none;
  }

  #neigh-map .gm-style .gm-style-iw-d{
    overflow: auto !important;
  }

  #neigh-map .gm-style .gm-style-iw-t::after{
    background: #8a2a06;
    box-shadow: none;
    z-index: -1;
  }

  #neigh-map button.gm-ui-hover-effect{
    display: none !important;
  }

  #neigh-map .gm-style .gm-style-iw-c{
    overflow: visible !important;
    padding-right: 12px !important;
  }

  #neigh-map .close_button{
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: url('images/neighborhood/close.svg') #8a2a06 no-repeat center;
    top: -10px;
    right: -10px;
    text-indent: -9999px;
    cursor: pointer;
  }

  .map-popup{
    text-align: center;
    color: #3a3a3a;
    min-width: 190px;
    max-width: 250px;
    padding-bottom: 5px;
  }

  .pop-btn-group{
    display: flex;
    justify-content: space-around;
  }

  .pop-btn-group .link_block{
    width: 50%;
  }

  .pop-btn-group .link_block:last-child{
    padding-left: 5px;
  }
  .pop-btn-group .link_block:first-child{
    padding-left: 0;
  }

  .map-popup h4{
    font-size: 16px;
    font-weight: 600;
    font-family: proxima-nova, sans-serif;
  }

  .map-popup p{
    font-size: 14px;
    font-weight: 400;
    font-family: proxima-nova, sans-serif;
    color: #333333;
  }

  #neigh-map .vist-btn{
    display: block;
    background-color: #f2f3f4;
    font-size: 16px;
    font-weight: 400;
    font-family: proxima-nova, sans-serif;
    padding: 10px 15px;
    text-decoration: none !important;
    color: #3a3a3a !important;
    white-space: nowrap;
  }


  .neighborhood-map{
    float: left;
    width: 100%;
    display: flex;
    padding: 0 5px 10px 5px;
    overflow: hidden;
  }

  .neigh-sidebar{
    width: 320px;
  }

  .neigh-sidebar ul{
    margin: 0;
    padding: 0;
  }

  .neigh-sidebar ul>li{
    display: block;
    font-size: 22px;
    color: #333333;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    border-bottom: 1px solid #fff;
  }

  .neigh-item, .neigh-item-inner{
    background: #f2f3f4;
    padding: 28px 26px;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    text-transform: capitalize;
  }

  .neigh-item-inner span{
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 40px;
  }

   .neigh-item-inner span.active{
     font-weight: 600;
   }

  .neigh-item i,
  .neigh-item em{
    margin-right: 10px;
    width: 50px;
    height: 28px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
  }



  .neigh-map-wrap{
    flex-grow: 1;
    display: flex;
    position: relative;
    padding-right: 10px;
  }

  .neigh-map-buttons{
    position: absolute;
    bottom: 30px;
    left: 50px;
  }

  .neigh-map-buttons button, .neigh-map-zoom button{
    width: 42px;
    height: 42px;
    border: 0;
    margin-bottom: 10px;
    background: #b46248;
    padding: 0;
    display: block;
  }

  .neigh-map-buttons button.active{
    background: #7b4230;
  }

  .neigh-map-zoom{
    position: absolute;
    top: 40px;
    left: 50px;
  }

  #neigh-map{
    width: 100%;
  }

  #neighborhood-map{
    margin-bottom: 6px;
  }
  .wpgmp_map_container {
    box-shadow: none !important;
    margin-top: 40% !important; /*OVERRIDE GOOGLE MAPS DIV*/
  }
  .wpgmp_tabs_container {
    width: 170px !important;
    right: 100px !important;
  }
  .wpgmp_tabs_container .wpgmp_tabs {
    display: none !important;
  }
  .wpgmp_toggle_main_container {
    max-height: 400px !important;
  }
  .wpgmp_tabs_container {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
    font-size: 16px !important;
  }
  .wpgmp_toggle_main_container a,
  #wpgmp_tab_0 {
    font-size: 16px !important;
  }
  .gm-style-iw {
    white-space: normal !important;
  }
  .full-size {
    width: 100%;
    margin-left: 0.25%;
    margin-right: 0.25%;
    background-color: white;
    background-image: url('images/one-theatre-square-full-size-background-.1opacity.png');
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 590px; */
    margin-bottom: 5px;
    margin-top: 15px;
    float: left;
    padding-bottom: 20px;
  }

  /*--------------------------------------------------------------
  ########## PRESS PAGE ##############
  --------------------------------------------------------------*/
  .pa-row{
    margin-left: -5px;
    margin-right: 0;
    display: flex;
  }

  .pa-col{
    padding: 0 5px;
    display: flex;
  }

  .col-60{
    width: 60%;
    order: 1;
  }

  .col-40{
    width: 40%;
    order: 2;
  }

  .no-post-wrap{
    height: 75vh;
    padding: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .no-post{
    color: #333333;
    margin: 0;
  }

  .pa-featured-post{
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .pa-featured-post:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #ab4f30;
    opacity: 0.88;
    z-index: 0;
  }

  .pa-featured-inner{
    position: relative;
    z-index: 1;
    padding: 0 100px 95px 46px;
    margin-top: auto;
  }

  .pa-featured-post h2{
     font-weight: 900;
     font-size: 30px;
     margin-bottom: 32px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
  }

  .pa-featured-post p{
    font-size: 24px;
    margin-bottom: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .pa-featured-post p:empty{
    display: none;
  }

  .pa-feat-more{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
  }

  .pa-feat-more:hover{
    color: #fff;
  }

  .pa-icon{
    display: block;
    margin: auto;
    width: 51px;
    height: 61px;
    background: url(images/press-awards/article-icon.svg) no-repeat;
  }

  .double-line-title{
    font-size: 28px;
    position: relative;
    padding: 20px 0;
    color: #333;
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px;
  }

  .double-line-title::before{
    content:"";
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
  }

  .double-line-title::after{
    content:"";
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
  }

  .white.double-line-title::before, .white.double-line-title::after{
    border-color: #fff;
  }

  .pa-recent-article{
    position: relative;
    width: 100%;
    padding: 35px 50px;
    background: url('images/press-awards/recent-bg.png') #eeeeee no-repeat center;
    background-size: cover;
  }

  .pa-recent-article h2{
    font-size: 42px;
    font-weight: 900;
  }

  .pa-recent-inner{
    position: relative;
    z-index: 1;
    font-size: 22px;
    font-weight: 400;
  }

  .pa-recent-article ul{
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .pa-recent-article li{
    display: block;
    padding: 25px 0;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
  }

  .pa-recent-article li:not(:last-child):after{
    content:"";
    position: absolute;
    width: 20px;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
  }

  .pa-recent-article li a{
    color: #333;
    
  }

  .pa-recent-article li a:hover{
    text-decoration: none;
    font-weight: 700;
  }


  .press-title-area {
    padding: 50px 10px 20px;
    position: relative;
    overflow: auto;
  }
  .icon-lines-press {
    margin-top: 50px;
    margin-bottom: 5px;
  }

  .pa-panel{
    margin-top: 10px;
    background-color: #5683ac;
    padding: 40px 20px;
    position: relative;
  }


  .pa-panel:before, .pa-panel:after{
    content:"";
    width: 100%;
    height: 5px;
    position: absolute;
    top: 15px;
    left: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  .pa-panel:after{
    top: auto;
    bottom: 15px;
  }

  .pa-row-2{
    max-width: 1500px;
    margin: auto;
  }

  .pa-col-40{
    float: left;
    width: 40%;
  }

  .pa-col-30{
    float: left;
    width: 30%;
  }

  .pa-col2:not(:last-child){
    padding-right: 90px;
  }

  .pa-panel label{
    display: block;
    font-size: 22px;
    font-weight: 400;
  }

  .customSelect.pa-dropdown .selectedValue{
    padding-left: 0;
  }

  .customSelect.pa-dropdown{
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 900;
  }

  .pa-input-group{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .pa-input-group input[type="email"]{
    height: 50px;
    flex: 1 1 auto;
    width: 1%;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    color: rgba(255,255,255,0.3);
    font-size: 20px;
    font-weight: 700;
  }

  .pa-input-button{
    display: flex;
  }

  .pa-input-button button{
    height: 50px;
    background: #fff;
    color: #5683ac;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    padding-left: 60px;
    padding-right: 60px;
  }

  .pa-input-button button:hover{
    background: rgba(255,255,255,0.8);
  }

  .customSelect{
    width: 100%;
    margin-right: 0;
  }

  .customSelect .selectedValue{
    height: 50px;
    padding: 17px 10px 7px 10px;
    background: none;
    border: 0;
    border-bottom:  1px solid rgba(255,255,255,0.6);
    box-shadow: none;
    border-radius: 0;
    font-size: 20px;
    color: rgba(255,255,255,0.3);
    font-weight: 700;
    text-shadow: none;
  }

  .customSelect .selectValueWrap .caret{
    width: 8px;
    height: 12px;
    background: url('images/press-awards/caret.svg');
    border: 0;
    top: 22px;
    right: 0;
  }

  .customSelect .selectList{
    border-radius: 0;
    font-size: 20px;
    font-weight: 700;
    color: #333;
  }

  .blog-detail-container{
    display: flex;
  }

  .blog-detail-left, .blog-detail-right{
    width: 50%;
    position: relative;
  }

  .blog-detail-left{
    height: 90vh;
  }

  .blog-detail-right{
    /* padding: 40px 28px 40px 75px; */
    background: #000;
    background-image: linear-gradient(180deg, #f8f8f8 0%, #eeeeee 100%);
    position: relative;
  }

  .blog-detail-content{
    color: #333333;
    padding: 20px 28px 20px 75px;
    /* max-height: calc(100vh - 350px); */
    overflow-y: auto;
    position: absolute;
    top: 20px;
    bottom: 40px;
    left: 0;
    right: 20px;
  }
  .ham-menu ul li.active-news a{
    text-decoration: none;
    color: #5683ac;
  }

  .no-image-container .blog-detail-content{
    position: static;
    padding: 20px 28px 20px 28px;
    min-height: 60vh;
  }

  .no-image-container .blog-detail-right{
    width: 100%;
  }

  .blog-detail-content h1{
    font-weight: 900;
    font-size: 28px;
    margin-bottom: 28px;
    line-height: 1.4;
    color: #333;
    height: auto !important;
  }

  .blog-author{
    color: #403e40;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    margin-bottom: 12px;
  }

  .blog-date{
    color: #403e40;
    opacity: 0.48;
    font-size: 16px;
    font-family: proxima-nova, sans-serif;
  }

  .blog-content {
    padding-top: 30px;
    font-size: 22px;
  }

  .blog-detail-content .nicescroll-rails:before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 5px;
    top: 0;
    bottom: 0;
    background-color: #d8d8d8;
  }

  .blog-content p{
    font-size: 22px;
    line-height: 1.5;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
  }

  .blog-detail-img{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-size: cover;
    background-position: center;
  }

  .blog-bottom{
    background-color: #5683ac;
    padding: 50px 0;
    position: relative;
  }

  .blog-bottom:before, .blog-bottom:after{
    content:"";
    height: 5px;
    position: absolute;
    top: 15px;
    left: 5px;
    right: 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  .blog-bottom:after{
    top: auto;
    bottom: 15px;
  }

  .blog-bottom-container{
    max-width: 1400px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
  }

  .list-bottom .blog-bottom-container{
    align-items: baseline;
  }

  .list-bottom{
    margin-top: 5px;
  }

  .blog-back a{
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
  }

  .blog-tag-block a{
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
  }

  .blog-tag-block a:before{
    content: "/";
    margin: 0 24px;
  }

  .blog-tag-block a:hover{
    text-decoration: none;
  }

  .blog-tags{
    flex:1;
    max-width: 40%;
    padding-right: 40px;
    overflow: hidden;
  }

  .blog-tag-block{
    margin-left: -55px;
  }

  .blog-share{
    margin-left: auto;
  }

  .blog-bottom h4{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
  }

  .blog-share-btns a{
    display: inline-block;
  }

  .blog-share-btns a:not(:last-child){
    margin-right: 33px;
  }

  div.wp-pagenavi span.pages, div.wp-pagenavi span.current, div.wp-pagenavi span.page {
  display: none;
  }
  .page.larger {
  display: none;
  }

  .customSelect.select-open .selectList{
    right: 0;
  }


  .pa-post-list{
     margin: 5px 0;
     padding: 0;
  }

  .pa-post-list li{
    display: block;
    float: left;
    width: 33.3333%;
    padding: 5px;

  }

  .pa-post-list li:nth-of-type(5n+1),.pa-post-list li:nth-of-type(5n+2){
    width: 50%;
  }

  .pa-post-item{
    display: flex;
    position: relative;
    height: 600px;
    background-size: cover;
    background-position: center;
  }

  .post-item-text{
    width: 100%;
    padding: 40px 40px 52px 40px;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-top: auto;
    transition: background ease .2s;
  }
  .post-item-text h3, .post-item-text p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .pa-post-item:hover .post-item-text{
    background: rgba(71,118,162, 0.7);
  }

  .pa-post-item:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
    z-index: 0;
    transition: opacity ease .2s;
  }

  .pa-post-item:hover::before{
    opacity: 0;
  }



  .post-item-text h3{
    font-size: 24px;
    font-weight: 700;margin-bottom: 15px;
  }

  .post-item-text p {
    font-size: 22px;
    margin-bottom: 28px;
  }

  .post-item-text p:empty{
    display: none;
  }

  a.pa-post-more{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
  }

  .post-load-more{
    margin-top: 5px;
  }

  .post-load-more a{
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #5683ac;
    padding: 30px 0;
    border: 0;
    transition: all ease .2s;
    text-decoration: none;
  }

  .post-load-more a:hover{
    text-decoration: none;
    background: #5683ac;
    color: #fff;
  }

  .press {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .article-box {
    /* background: rgba(135, 189, 65, 0.05); */
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    /*  background: #f2f2f2; */
    padding: 50px 25px 30px 25px;
    width: 24.5%;
    max-width: 626px;
    min-width: 300px;
    min-height: 350px;
    margin: 20px 0.25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .article-title {
    font-size: 22px;
    height: 2.75em;
  }
  .article-source {
    padding: 20px;
  }
  .article-date {
    font-size: 20px;
    color: #a0a0a0;
  }
  .article-box button {
    background: #ac4f30;
    border: 2px solid #ac4f30;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 12px 10px;
    /* color: #AC4F30; */
    font-weight: bold;
  }
  .article-box button:hover {
    background: transparent;
    border: 2px solid #ac4f30;
    color: #ac4f30;
  }
  .load-more {
    background: #d0d0d0;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 12px 10px;
    margin-bottom: 60px;
    min-width: 123px;
  }
  .load-more:hover,
  .load-more:focus,
  .load-more:active {
    background: #c7c7c7;
  }

  #infscr-loading{
    text-align: center;
    font-size: 16px;
    color: #ccc;
  }

  #infscr-loading img{
    margin-top: 16px;
  }



  .awards-box {
    background: rgba(14, 70, 130, 0.14);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    padding: 25px;
    width: 24.5%;
    max-width: 626px;
    min-width: 300px;
    min-height: 350px;
    margin: 20px 0.25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .gold-dash {
    width: 40px;
    height: 3px;
    margin: 0 auto;
    background: #bf953a;
  }
  .award-description,
  .award-year {
    font-size: 24px;
  }
  .award-title {
    color: #b0b3b7;
  }
  /*--------------------------------------------------------------
  ########## THANK YOU PAGE ##############
  --------------------------------------------------------------*/

  .right-half-thank-you {

    color: rgba(0, 90, 156, 1);
  }

  .thank-you-text-wrap {
    position: relative;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .thank-you-text-wrap h2 {
    margin-bottom: .2em;
    line-height: 1.8em;
    font-weight: bold;
  }

  .thank-you-text-wrap p{
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 1.5em;
  }

  .thank-social{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.5em;
  }

  .thank-social a{
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
  }

  .thank-social img{
    height: 25px;
  }

  /*--------------------------------------------------------------
  ########## CONTACT PAGE ##############
  --------------------------------------------------------------*/
  .contact-wrap{
    margin-bottom: 5px;
  }

  .contact-row{
    display: flex;
    flex-flow: wrap;
  }

  .contact-col{
    width: 50%;
    padding: 5px;
  }

  .contact-address{
    display: flex;
  }

  .contact-address-box{
    width: 100%;
    text-align: center;
    display: flex;
    color: #fff;
    background: url('images/contact/address-bg.jpg') no-repeat center;
    background-size: cover;
  }

  .contact-address-box h2{
    font-size: 42px;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    margin: 0 20%;
    margin-top: 12px;
    margin-bottom: 15px;
  }

  .contact-address-box p{
    font-size: 22px;
    margin: 0;
  }

  .contact-address-box article{
    padding: 0 15%;
  }

  .contact-address-box h4{
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 0;
  }

  .contact-address-box address{
    margin: 25px 0;
  }

  .contact-address-box>div{
    background: rgba(171,79,48,0.8);
    width: 100%;
    padding: 55px 0;
  }

  .contact-bottom-image{
    background: url('images/contact/left-image.jpg') no-repeat center;
    background-size: cover;
    width: 100%;
    flex: 1;
    border-bottom: 10px solid #fff;
  }

  .contact-bottom-left{
    display: flex;
    flex-direction: column;
  }

  .contact-bottom-number{
    background-color: #5683ac;
    display: flex;
    padding: 60px 20px;
    font-size: 24px;
  }

  .contact-number, .contact-email{
    width: 50%;
    padding: 0 35px;
  }

  .contact-number a, .contact-email a{
    color: #fff;
    text-decoration: none !important;
  }

  .contact-number .double-line-title, .contact-email .double-line-title{
    color: #fff;
    font-weight: normal;
    font-size: 24px;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 30px 10px 30px 35px;
    margin-bottom: 0;
  }

  .contact-icon{
    padding-right: 30px;
  }

  .contact-form{
    background: #f0f0f0;
    padding: 60px 90px;
  }

  .contact-form h4{
    margin-top: 0;
    color: #333;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 20px;
  }

  #contactForm .hywrap{font-family: "brandon-grotesque", sans-serif;}

  #contactForm .hywrap .control-label{
    color: #333333;
    font-weight: 400;
    font-size: 22px;
    line-height: normal;
    margin-bottom: 12px;
  }

  #contactForm .hywrap input,
  #contactForm .hywrap input[type="text"],
  #contactForm .hywrap select,
  #contactForm .hywrap textarea{
    border: 0;
    border-bottom: 1px solid #333;
    border-radius: 0;
    font-weight: 900;
    font-size: 22px;
    color: #333;
    padding-left: 0;
    margin-bottom: 15px;
  }

  #contactForm .hywrap select{
    height: auto;
  }

  #contactForm .hywrap textarea{
    height: 35px;
  }

  #contactForm .hywrap button[type="submit"]{
    background-color: #5683ac;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    font-family: "brandon-grotesque", sans-serif;
    border-radius: 0;
    border: 0;
    width: 247px;
    height: 50px;
    padding: 0;
    display: inline-block;
  }

  #contactForm .hywrap button[type="submit"]:hover{
    background: #3e6182;
  }

  #contactForm .hywrap .radio input{
    margin-left: 0;
    position: static;
    margin-bottom: 0;
    margin-top: -3px;
  }

  #contactForm .hywrap .radio{
    margin-right: 10px !important;
  }
  #more-info a{
    font-size: 20px;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 50px;
  }

  #more-info {
    position: relative;
  }

  #more-info a:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(images/contact/line-bg.svg) repeat-x left bottom;
    height: 50px;
    pointer-events: none;
  }

  #contactForm #more-info a{
    font-size: 22px;
    color: #333;
    text-decoration: none;
  }


  .third-box-contact.left {
    float: left;
    margin-left: 0.25%;
    margin-right: 0.125%;
    width: 33%;
    padding-top: 7px;
    overflow: hidden;
  }
  .green-overlay-contact {
    background-color: rgba(76, 120, 162, 0.73);
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 2;
  }

  .green-777 {
    background-color: #5683ac !important;
  }

  .contact-title-container {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
  }
  h1.page-title-contact {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 100;
    color: #fff;
    line-height: 3rem;
    font-size: 32px;
    text-align: center;
    margin: 0;
    height: 60px;
    vertical-align: middle;
    padding: 14px 0;
    overflow: hidden;
  }
  .dranoff-text-contact {
    /*    height: 130px; */
    margin-top: 0;
    margin-bottom: 0;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
    font-size: 28px;
    padding: 30px 0;
    color: #000;
    text-align: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.14;
    overflow: hidden;
  }
  .dranoff-text-contact p {
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
  }
  .contact-button {
    text-align: center;
    padding: 0px 20px 40px;
  }
  .contact-button a button,
  .modal-close-btn {
    background: #ac4f30;
    border: 1px solid transparent;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
    padding: 8px 10px 8px;
    text-shadow: none;
    border-radius: 0;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
  }
  .contact-button a button:hover,
  .modal-close-btn:hover {
    /*background: transparent;*/
    background: #FFFFFF;
    border: 1px solid #ac4f30;
    color: #ac4f30;
  }

  .modal-close-btn {
    padding: 8px 10px 6px;
  }

  .modal-footer-affordable,
  .modal-header-affordable {
    border: none;
  }
  .modal-footer-affordable {
    padding: 0 15px 15px;
    text-align: center;
  }

  .modal-dialog-affordable {
    top: 5%;
  }

  .fa-download {
    font-size: 1.5rem;
  }
  /*-----------------------------
   * Contact Form 7 Modal
   * -----------------------------*/
  #contactFormModal {
    background: rgba(0, 0, 0, 0.5);
  }

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

  #contactFormModal .modal-body {
    padding-bottom: 33px;
  }

  #contactFormModal .modal-dialog {
    top: 0%;
    transform: translateY(0%) !important;
  }

  #contactFormModal input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    width: 100%;
  }
  #contactFormModal .radio input {
    position: static;
    margin: 0;
    width: auto;
  }
  #contactFormModal input[type="tel"] {
    color: #333;
  }

  #contactFormModal h3 {
    color: #5683ac;
  }

  #contactFormModal .modal-header {
    text-align: center;
    border-bottom: 1px solid #ac4f30;
  }

  #contactFormModal .form-label {
    padding: 5px 10px;
    color: #000;
  }

  #contactFormModal .required {
    color: #ac4f30;
    margin-left: -12px;
  }

  #contactFormModal .form-info {
    margin-bottom: 5px;
  }

  #contactFormModal .close {
    float: none;
  }
  .contactFormModal .close span {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  #contactFormModal .contact-submit input {
    position: relative;
    top: 10px;
    padding: 8px 0 0 0;
  }
  #contactFormModal .contact-submit {
    width: 98% !important;
    margin: auto !important;
  }

  #top-form-close {
    position: absolute;
    top: 10px;
    right: 15px;
  }



  /* form messages */
  div.wpcf7-validation-errors,
  div.wpcf7-acceptance-missing {
    border: 1px solid #ac4f30;
    color: #ac4f30;
  }
  div.wpcf7-response-output {
    margin: 1em 0.5em 1em;
    padding: 0.5em 1em;
    text-align: center;
  }
  span.wpcf7-not-valid-tip {
    color: #ac4f30;
    font-size: 18px;
  }
  div.wpcf7-mail-sent-ok {
    border: 0px solid transparent;
    /* color: #5683ac; */
  }

  /*-----------------------------
   * OnSite Contact form
   * -----------------------------*/

  .guestcard-dialog.ui-dialog {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
  }

  .guestcard-dialog.ui-dialog .ui-dialog-title {
    color: #6082a8;
  }

  .guestcard-dialog.ui-dialog .ui-dialog-content #contact_us_overlay {
    color: #999;
  }

  .ui-widget input,
  .ui-widget select,
  .ui-widget textarea,
  .ui-widget button {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
  }

  .guestcard-dialog.ui-dialog .ui-dialog-content #contact_us_overlay input,
  .guestcard-dialog.ui-dialog
    .ui-dialog-content
    #contact_us_overlay
    [type="text"] {
    font-size: 1em;
  }

  .guestcard-dialog.ui-dialog
    .ui-dialog-content
    #contact_us_overlay
    input.contact_form_submit,
  .guestcard-dialog.ui-dialog
    .ui-dialog-content
    #contact_us_overlay
    input.contact_form_apply,
  .guestcard-dialog.ui-dialog
    .ui-dialog-content
    #contact_us_overlay
    [type="text"].contact_form_submit,
  .guestcard-dialog.ui-dialog
    .ui-dialog-content
    #contact_us_overlay
    [type="text"].contact_form_apply {
    background-color: #6082a8;
  }

  .box-form {
    height: 589px;
    overflow: hidden;
  }
  .gravity-input-field-left-bank {
    min-width: 100%;
    list-style: none;
  }
  .gfield_label {
    display: none !important;
  }
  .gform_wrapper {
    width: 100% !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  .gform_wrapper .hidden_label input.large,
  .gform_wrapper .hidden_label select.large,
  .gform_wrapper .top_label input.large,
  .gform_wrapper .top_label select.large {
    width: 100% !important;
  }
  .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px !important;
  }
  .gform_wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .gform_body {
    width: 100%;
  }
  .ginput_container input {
    width: 100%;
    border: 0;
    border-radius: 0;
    background-color: rgba(135, 189, 65, 0.43);
  }
  input:focus,
  textarea:focus,
  keygen:focus,
  select:focus {
    outline-offset: 0;
  }
  :focus,
  a:focus {
    outline: -webkit-focus-ring-color auto 0;
  }
  .ginput_container_textarea {
    width: 100% !important;
    border: 0;
    background-color: rgba(135, 189, 65, 0.43);
  }
  .gform_wrapper textarea.large {
    height: 17.3em !important;
  }
  input[type="submit"] {
    width: 100%;
    border: none;
    border-radius: 0;
    background: #5683ac;
    box-shadow: none;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    font-size: 25px;
    padding: 0.6em 1em;
    text-shadow: none;
    padding-top: 1.5rem;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
  }
  .gform_wrapper input[type="email"],
  .gform_wrapper input[type="number"],
  .gform_wrapper input[type="password"],
  .gform_wrapper input[type="tel"],
  .gform_wrapper input[type="text"],
  .gform_wrapper input[type="url"] {
    font-size: large !important;
    padding: 0.64em 8px !important;
  }
  .gform_footer {
    margin-top: 1.6rem !important;
    margin-bottom: 0 !important;
  }
  body .gform_wrapper label.gfield_label + div.ginput_container {
    margin-top: 1.84rem !important;
    margin-bottom: 2rem;
  }
  .gform_wrapper .gform_footer {
    padding: 0 !important;
  }

  .two-thirds-box-contact {
    width: 66%;
    margin-left: 0.25%;
    margin-right: 0.25%;
    margin-bottom: 0.67%;
    float: right;
    padding-top: 7px;
  }
  .one-third-contact {
    display: inline-block;
    float: left;
    width: 32.6%;
    height: 305px;
    background-color: rgba(230, 230, 218, 0.5);
    text-align: center;
    margin-bottom: 7px;
    margin-right: 1%;
  }
  .woman-in-cafe {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .left-bank-white {
    background-color: white;
  }
  .address-box {
    color: black;
    margin-top: 20%;
  }
  .container-address {
    text-align: center;
  }
  .quarter.box-info{
    display: flex;
  }
  .address-wrap{
    background: #e7e7f1;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  .container-address a:hover,
  .container-address a:focus,
  .container-address a:active {
    text-decoration: none;
  }
  .address-icon-contact {
    background-image: url(images/address-icon-for-contact-page.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
  }
  .phone-icon-contact {
    background-image: url(images/telephone-for-contact-page-alt.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
  }
  .email-container {
    margin-top: 20%;
  }
  .email-icon-contact {
    background-image: url(images/email-icon-for-contact-page.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
  }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover,
  button:focus,
  input[type="button"]:focus,
  input[type="reset"]:focus,
  input[type="submit"]:focus,
  button:active,
  input[type="button"]:active,
  input[type="reset"]:active,
  input[type="submit"]:active {
    box-shadow: none;
  }
  p.address-title {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
    color: rgba(0, 90, 156, 1);
    font-size: 22px;
    position: relative;
    margin-bottom: 0;
  }
  .address-box p {
    margin-bottom: 0;
    margin-top: 0;
  }
  .left-bump-phone {
    text-align: center;
    color: #333;
  }
  .no-margin-right {
    margin-right: 0 !important;
  }
  .hours-icon-contact {
    background-image: url(images/hours-icon-for-contact-page.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
  }
  .right-half-google-map {
    width: 100%;
    min-height: 80vh;
    float: left;
  }
  .poi-info a {
    color: #000000;
    text-decoration: underline;
  }

  .get-direction{
    float: left;
    width: 100%;
    padding: 30px 0;
    text-align: center;
  }

  .get-direction a{
    display: inline-block;
    background: #ac4f30;
    color: #fff;
    padding: 8px 10px 8px;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
    text-decoration: none;
    font-size: 20px;
    border: 1px solid transparent;
    transition: all 250ms ease-out;
  }

  .get-direction a:hover{
    background: #fff;
    border: 1px solid #ac4f30;
    color: #ac4f30;
  }

  .quarter.box-info {
    /* background: #e7e7f1; */
  }
  /*--------------------------------------------------------------
  ######## GALLERY PAGE ###########
  --------------------------------------------------------------*/

  .gallery-wrap{
    position: relative;
  }

  .gallery-carousal .slides > li{
    position: relative;
  }

  .gallery-item{
    height: 746px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .gallery-item.lazy-trigger{
    background-size: auto;

  }

  .gallery-share{
    position: absolute;
    right: 10px;
    bottom: 10px;
  }

  .gallery-share a{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #5683ac;
    display: block;
    text-align: center;
    line-height: 50px;
  }

  .gallery-share img{
    width: 26px;
  }

  .gallery-container {
    margin-bottom: 50px;
  }

  .main-gallery-slide-caption{
    position: absolute;
    padding: 20px;
    bottom: 10%;
    left: 0;
    width: 40%;
    display: none;
  }

  .main-gallery-slide-caption p{
    margin: 0;
  }

  .building .main-gallery-slide-caption{
    background: #0d4485;
    color: #fff;
    font-size: 16px;
  }

  .units .main-gallery-slide-caption{
    background: rgba(171, 79, 48, 1);
    color: #fff;
    font-size: 16px;
  }

  .neighborhood .main-gallery-slide-caption{
    background: #5683ac;
    color: #fff;
    font-size: 16px;
  }

  .load {
    height: 746px;
  }
  .flexslider .gallery-slides li {
    height: 746px;
    background-position: top center;
    display: none;
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }



  .nav-tabs {
    border-bottom: 0px solid #ddd;
  }
  .nav-tabs > li {
    width: 33.33%;
    text-align: center;
    border-top: 2px solid rgb(255, 255, 255);
    border-right: 2px solid rgb(255, 255, 255);
    border-left: 2px solid rgb(255, 255, 255);
    font-size: 24px;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    background: #488fc7;
  }
  .nav-tabs > li:last-child {
    width: 33.34%;
  }

  .nav-tabs > li#blue {
    background: #0d4485;
  }
  .nav-tabs > li#light-green {
    background: rgba(171, 79, 48, 1);
  }
  .nav-tabs > li#navy {
    background: #003764;
  }
  .nav-tabs > li#dranoff-blue {
    background: #5683ac;
  }
  .nav-tabs > li > a {
    margin-right: 0;
    border: 0px solid transparent;
    border-radius: 0;
    color: white;
  }
  .nav > li > a:hover,
  .nav > li > a:focus {
    background-color: transparent;
  }
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    background-color: white;
    border: 0px solid #ddd;
    border-bottom: 6px solid;
    padding-bottom: 4px;
  }
  .nav-tabs > li#blue.active > a,
  .nav-tabs > li#blue.active > a:hover,
  .nav-tabs > li#blue.active > a:focus {
    color: #0d4485;
  }
  .nav-tabs > li#light-green.active > a,
  .nav-tabs > li#light-green.active > a:hover,
  .nav-tabs > li#light-green.active > a:focus {
    color: rgba(171, 79, 48, 1);
  }
  .nav-tabs > li#dranoff-blue.active > a,
  .nav-tabs > li#dranoff-blue.active > a:hover,
  .nav-tabs > li#dranoff-blue.active > a:focus {
    color: #488fc7;
  }
  .quarter-footer-gallery {
    float: left;
    height: 188px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 0.33%;
  }

  /*--------------------------------------------------------------
  ####### 404 ########
  --------------------------------------------------------------*/
  .not-found {
    padding: 20px;
    padding-top: 80px;
    padding-bottom: 50px;
    color: #000;
    text-align: center;
    min-height: 80vh;
  }

  .not-found h1{
    color: rgba(0, 90, 156, 1);
  }

  .not-found h2{
    line-height: 1.4;
  }

  .not-found a{
    text-decoration: underline;
  }

  .not-found a:hover{
    color: rgba(0, 90, 156, 1);
  }

  /*--------------------------------------------------------------
  # PAGE COPY HEADERS 2018
  --------------------------------------------------------------*/
  .icon-container {
    width: 100%;
    text-align: center;
  }

  .icon-container img {
    margin: 7.5% auto 10px auto;
  }

  .header-container {
    position: relative;
    width: 70%;
    height: 80px;
    /*padding-bottom: 11%; */
    margin: 0 auto;
    text-align: center;
  }

  .top-double-lines {
    position:absolute;
    top:0px;
    width:100%;
    height:5px;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
  }

  .bottom-double-lines {
    position:absolute;
    bottom:0px;
    width:100%;
    height:5px;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
  }

  .center-vert-header {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background:aqua;*/
  }

  #contactFormModal .hywrap input, #contactFormModal .hywrap input[type="text"], #contactFormModal .hywrap select, #contactFormModal .hywrap textarea {
    border-radius: 0;
    font-size: 16px;
    line-height: 18px;
  }

  #contactFormModal .hywrap form, #contactFormModal .hywrap button[type="submit"] {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
  }

  #contactFormModal .hywrap button[type="submit"] {
    background: #ac4f30;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
    padding: 8px 10px 8px;
    color: #fff;
    border-radius: 0;
    border: none;
  }
  .ppsPopupShell {
      max-width: 500px;
  }
@media (max-width: 768px) {
	.ppsPopupShell {
    max-width: 390px !important;
    left:0 !important;
}
}
@media (width: 320px) {
	.ppsPopupShell {
    max-width: 290px !important;
    left:0 !important;
}
}


  /*--------------FLOORPLAN LISTING--------------*/
  .floorplan-listing-table.table>thead>tr>th {color: #333333; opacity: 0.63;font-size: 20px;font-weight: 400; padding: 20px 10px; border: 0;}
  .floorplan-listing-table.table>tbody>tr>td {color: #333333;font-family: "brandon-grotesque", sans-serif;font-size: 20px;font-weight: 400; border-top: 0; padding: 20px 15px;border-bottom: 1px solid #333;}
  .floorplan-listing-table tr {text-align: center;}
  .floorplan-listing-table .plan, .floorplan-listing-table .fp-image-cnt {width: 180px;}
  .floorplan-listing-table .action {width: 200px;}
  .floorplan-listing-table .availability span{text-transform: lowercase;}
  .floorplan-listing-table .plan, .floorplan-listing-table .title-plan {padding-left: 8.5vw;}
  .floorplan-listing-table th.double-line-title::before, .floorplan-listing-table th.double-line-title::after{
    opacity: 0.17;
  }
  .floorplan-listing-table .action, .floorplan-listing-table .title-action {padding-right: 8.5vw;}
  .floorplan-listing-table .fp-image-cnt {display:block;}
  .floorplan-listing-wrapper {padding: 0 10px 50px;}
  .table.floorplan-listing-table>thead>tr>th, .table.floorplan-listing-table>thead>tr>td, .table.floorplan-listing-table>tbody>tr>th, .table.floorplan-listing-table>tbody>tr>td, .table.floorplan-listing-table>tfoot>tr>th, .table.floorplan-listing-table>tfoot>tr>td {vertical-align: middle;}
  .table.floorplan-listing-table tr>td:first-child{
    padding-left: 30px;
  }
  .table.floorplan-listing-table tr>td:last-child{
    padding-right: 30px;
  }
  .blue-btn {background: #5683ac;border: 2px solid #5683ac;padding: 3px 45px;font-size: 20px;color: #fff;transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out;-ms-transition: all 250ms ease-in; -o-transition: all 250ms ease-in;-moz-transition: all 250ms ease-in;}
  .blue-btn:hover {background: none;border: 2px solid #5683ac;color: #5683ac;text-decoration: none;}
  .floorplan-filter-container {margin: 0 auto; max-width: 1500px;padding: 30px 10px;}
  .sort-container {float: left;width: 255px;}
  .results-container {float: right;}
  .floorplan-filter-container h4 {color: #393939;font-size: 22px;font-weight: 400;margin-top: 0;}
  .results-count {color: #393939;font-size: 22px;font-weight: 900;text-align: center; margin-top: 20px;}
  .sort-container .customSelect .selectedValue {border-bottom: 1px solid #979797;color: #393939;font-size: 22px;padding-left: 0;font-family: "brandon-grotesque", sans-serif;}
  .sort-container .customSelect .selectValueWrap .caret {background: url(images/press-awards/red-caret.svg);}
  .sort-container .selectList{font-family: "brandon-grotesque", sans-serif;}
  .fp_tab_view {
    background: white !important;
    display: flex;
    justify-content: center;
    padding: 25px 0;
  }
  .fp_tab_view .tab {
    background: transparent !important;
    border: 2px solid #5683ac !important;
    color: #5683ac !important;
    text-decoration: none;
    padding: 12px 30px !important;
    margin: 0 10px !important;
    font-size: 20px !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background-color: transparent;
    text-decoration: none;
    transition: all 0.3s ease;
  }
  .fp_tab_view .tab.active {
    background: #5683ac !important;
    border: 2px solid #5683ac !important;
    padding: 3px 45px;
    font-size: 20px !important;
    color: #fff !important;
  }
  /* RESPONSIVE STYLES */
  @media (max-width: 1760px) {
    .header-container {
      height: 80px;
    }
    .icon-container img {
      margin: 4% auto 10px auto;
      /* height: 35px; */
    }
    .gallery-item{
      height: 656px;
    }
  }
  @media (max-width: 1510px) {
    .header-container {
      height: 70px;
    }
    .icon-container img {
      margin: 2% auto 10px auto;
      /* height: 28px; */
    }
    .floorplan-listing-table .plan, .floorplan-listing-table .fp-image-cnt {
      width: 190px;
    }
    .floorplan-listing-table .plan, .floorplan-listing-table .title-plan {
      padding-left: 2.5vw;
    }
    .floorplan-listing-table .action, .floorplan-listing-table .title-action {
      padding-right: 2.5vw;
    }

    .contact-number .double-line-title, .contact-email .double-line-title{
      padding: 30px 10px;
    }
    .contact-number, .contact-email{
      padding: 0 10px;
    }
    .contact-icon{
      width: 65px;
      padding-right: 25px;
    }
    .contact-form{
      padding: 60px;
    }

  }
  @media (max-width: 1200px) {
    .header-container {
      height: 50px;
    }
    .icon-container img {
      margin: 1% auto 10px auto;
    }
  }
  @media (max-width: 500px) {
    .icon-container img {
      margin: 1% auto 10px auto;
      height: 30px;
    }
  }
  /*END HEADER 2018*/

  /*--------------------------------------------------------------
  # DRANOFF DISTINCTION COPY 2018
  --------------------------------------------------------------*/
  #distinction-top-row {
    height: 600px;
  }
  #dranoff-distinction-copy p{
    font-size: 22px;
  }

  /*LEARN MORE BUTTON*/
  .copy-button-outside {
    margin: 60px auto;
    width: 50%;
    border: 1px white solid;
    bottom: 0;
  }
  .copy-button-inside {
    border: 1px white solid;
    margin: 5px;
    text-align:center;
    transition: all .4s ease;
  }
  .copy-button-inside:hover {
    background-color: #ffffff;
  }
  .copy-button-inside a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
  }
  .copy-button-inside a:hover {
    color: rgba(171, 79, 48, 1);
    text-decoration: none;
  }


  /* DISTINCTION RESPONSIVE STYLES */
  @media (min-width: 2000px) {
    #distinction-top-row {
      height: 760px;
    }
    #dranoff-distinction-copy p{
      font-size: 24px;
    }
  }

  @media (max-width: 1760px) {
    #distinction-top-row {
      height: 510px;
    }
    #dranoff-distinction-copy p{
      font-size: 20px;
    }
    .copy-button-outside {
      margin: 30px auto;
    }
  }

  @media (max-width: 1480px) {
    #distinction-top-row {
      height: 425px;
    }
    #dranoff-distinction-copy p{
      font-size: 17px;
      margin: 0 auto;
    }
    .copy-button-outside {
      margin: 20px auto;
    }
    .gallery-item{
      height: 540px;
    }
  }

  @media (min-width: 1480px) {
    .fp-col{
      padding-right: 70px;
    }
    .fp-floor-blocks span{
      bottom: 75px;
    }
    .fp-floor-blocks:hover::before{
      height: 210px;
    }
  }
  @media (max-width: 1300px) {
    .top-nav ul li {
      font-size: 18px;
    }
  }
  @media (max-width: 1228px) {
    .top-nav{
      margin-left: 25px;
    }
    .top-nav ul li{
      margin-right: 25px;
      font-size: 16px;
    }
    .top-nav ul li:last-child{
      margin-right: 20px;
    }
  }

  @media (min-width: 700px) and (max-width: 991px) {
    .post-item-text>div{
      max-width: 470px;
    }
  }


  @media (max-width: 991px) {
    .neigh-caption{
      max-width: 39%;
      bottom: 10px;
    }
    .main-header-bottom{
      padding: 10px;
    }

    .top-apply-btn a{
      font-size: 15px;
      padding: 7px 20px;
    }

    .top-nav{
      margin-left: 15px;
    }

    .top-nav ul li{
      margin-right: 13px;
      font-size: 13px;
    }

    .top-nav ul li:last-child{
      margin-right: 10px;
    }

    .why-wrap{
      display: block;
    }

    .half-block{
      width: 100%;
    }

    .why-half-image{
      height: 75vw;
    }

    .why-image-cols{
      flex-wrap: wrap;
    }

    .image-blocks{
      width: 50%;
    }

    .neigh-sidebar{
        width: 265px;
    }

    .blog-detail-container{
      display: block;
    }
    .blog-detail-left, .blog-detail-right{
      width: 100%;
    }
    .blog-detail-right{
      padding: 20px;
    }
    .blog-detail-content{
      max-height: none;
      padding: 0;
      position: static;
      top: auto;
      bottom: auto;
      right: auto;
      left: auto;
    }
    .blog-detail-content h1{
      font-size: 22px;
      margin-bottom: 15px;
      margin-top: 0;
    }
    .blog-content{
      padding-top: 20px;
    }
    .blog-author, .blog-date{
      font-size: 14px;
    }
    .blog-author{
      margin-bottom: 5px;
    }
    .blog-content p, .blog-content {
      font-size: 18px;
    }
    .pa-post-list li,.pa-post-list li:nth-of-type(5n+1), .pa-post-list li:nth-of-type(5n+2){
      width: 100%;
      padding-left: 0;
      padding-right: 0;
    }

    .post-item-text h3{
      font-size: 20px;
      margin-top: 0;
    }

    .post-item-text p, a.pa-post-more{
      font-size: 16px;
      margin: 0 0 13px 0;
    }

    .post-item-text{
      padding: 30px 15px 30px 25px;
    }

    .pa-col2:not(:last-child){
      padding-right: 0 !important;
      padding-bottom: 35px;
    }
    .pa-col2:last-child{
      padding-bottom: 15px;
    }
    .pa-col-40, .pa-col-30{
      width: 100%;
    }
    .pa-row{
      display: block;
    }
    .col-40,.col-60{
      width: 100%;
    }
    .pa-featured-inner{
      padding: 55px 24px 35px 24px;
    }

    .footer-dranoff{
      margin-right: 0 !important;
    }
    .gallery-item{
      height: 480px;
    }
    #distinction-top-row {
      height: 520px;
    }
    #dranoff-distinction-copy p{
      font-size: 16px;
      margin: 0 auto;
    }
    .copy-button-outside {
      margin: 10px auto;
    }
    .footer-home{
      display: block;
      text-align: center;
      float: left;
    }
    .footer-left, .footer-center, .footer-right{
      width: 100%;
      text-align: center;
    }
    .footer-address{
      float: none;
      padding: 15px 0;
    }
    .footer-bottom-wrapper{
      justify-content: center;
    }
    .copyright.footer-top-wrapper{
      justify-content: center;
    }
    .footer-address span{
      text-align: center;
    }
  }

  @media (min-width: 768px){

    .contact-map{
      display: flex;
    }
    .contact-map > div{
      width: 100%;
      background-size: cover;
      background-position: 60% 40%;
      position: relative;
    }

 
    .get-btn{
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 30px;
      text-align: center;
      display: inline-block;
      background: #b46248;
      color: #fff;
      font-family: "brandon-grotesque", sans-serif;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 600;
      padding: 15px 25px;
    }

    .get-btn a:hover{
      text-decoration: none;
      background: #b15335;
    }

    .neigh-sidebar ul>li.active .neigh-item,
    .neigh-sidebar ul>li:hover .neigh-item{
      background: #b46248;
      color: #fff;
    }
    .neigh-item i.icon-all,
    .neigh-item em.icon-all{
      background-image: url('images/neighborhood/icon-all.svg');
    }

    .neigh-sidebar ul>li.active .neigh-item  i.icon-all,
    .neigh-sidebar ul>li:hover .neigh-item  i.icon-all,
    .neigh-sidebar ul>li.active .neigh-item  em.icon-all,
    .neigh-sidebar ul>li:hover .neigh-item  em.icon-all{
      background-image: url('images/neighborhood/icon-all-hover.svg');
    }

    .neigh-item i.icon-education,.neigh-item em.icon-education{
      background-image: url('images/neighborhood/icon-education.svg');
    }

    .neigh-sidebar ul>li.active .neigh-item  i.icon-education,
    .neigh-sidebar ul>li:hover .neigh-item  i.icon-education,
    .neigh-sidebar ul>li.active .neigh-item  em.icon-education,
    .neigh-sidebar ul>li:hover .neigh-item  em.icon-education{
      background-image: url('images/neighborhood/icon-education-hover.svg');
    }

    .neigh-item i.icon-entertainment,
    .neigh-item em.icon-entertainment{
      background-image: url('images/neighborhood/icon-entertainment.svg');
    }

    .neigh-sidebar ul>li.active .neigh-item  i.icon-entertainment,
    .neigh-sidebar ul>li:hover .neigh-item  i.icon-entertainment,
    .neigh-sidebar ul>li.active .neigh-item  em.icon-entertainment,
    .neigh-sidebar ul>li:hover .neigh-item  em.icon-entertainment{
      background-image: url('images/neighborhood/icon-entertainment-hover.svg');
    }

    .neigh-item i.icon-groceries,
    .neigh-item em.icon-groceries{
      background-image: url('images/neighborhood/icon-groceries.svg');
    }

    .neigh-sidebar ul>li.active .neigh-item  i.icon-groceries,
    .neigh-sidebar ul>li:hover .neigh-item  i.icon-groceries,
    .neigh-sidebar ul>li.active .neigh-item  em.icon-groceries,
    .neigh-sidebar ul>li:hover .neigh-item  em.icon-groceries{
      background-image: url('images/neighborhood/icon-groceries-hover.svg');
    }

    .neigh-item i.icon-recreation,
    .neigh-item em.icon-recreation{
      background-image: url('images/neighborhood/icon-recreation.svg');
    }

    .neigh-sidebar ul>li.active .neigh-item  i.icon-recreation,
    .neigh-sidebar ul>li:hover .neigh-item  i.icon-recreation,
    .neigh-sidebar ul>li.active .neigh-item  em.icon-recreation,
    .neigh-sidebar ul>li:hover .neigh-item  em.icon-recreation{
      background-image: url('images/neighborhood/icon-recreation-hover.svg');
    }

    .neigh-item i.icon-restaurants,
    .neigh-item em.icon-restaurants{
      background-image: url('images/neighborhood/icon-restaurants.svg');
    }

    .neigh-sidebar ul>li.active .neigh-item  i.icon-restaurants,
    .neigh-sidebar ul>li:hover .neigh-item  i.icon-restaurants,
    .neigh-sidebar ul>li.active .neigh-item  em.icon-restaurants,
    .neigh-sidebar ul>li:hover .neigh-item  em.icon-restaurants{
      background-image: url('images/neighborhood/icon-restaurants-hover.svg');
    }

    .neigh-item i.icon-services,
    .neigh-item em.icon-services{
      background-image: url('images/neighborhood/icon-services.svg');
    }

    .neigh-sidebar ul>li.active .neigh-item  i.icon-services,
    .neigh-sidebar ul>li:hover .neigh-item  i.icon-services,
    .neigh-sidebar ul>li.active .neigh-item  em.icon-services,
    .neigh-sidebar ul>li:hover .neigh-item  em.icon-services{
      background-image: url('images/neighborhood/icon-services-hover.svg');
    }

    .neigh-item i.icon-shopping,
    .neigh-item em.icon-shopping{
      background-image: url('images/neighborhood/icon-shopping.svg');
    }

    .neigh-sidebar ul>li.active .neigh-item  i.icon-shopping,
    .neigh-sidebar ul>li:hover .neigh-item  i.icon-shopping,
    .neigh-sidebar ul>li.active .neigh-item  em.icon-shopping,
    .neigh-sidebar ul>li:hover .neigh-item  em.icon-shopping{
      background-image: url('images/neighborhood/icon-shopping-hover.svg');
    }

    .neigh-item i.icon-transportation,
    .neigh-item em.icon-transportation{
      background-image: url('images/neighborhood/icon-transport.svg');
    }

    .neigh-sidebar ul>li.active .neigh-item  i.icon-transportation,
    .neigh-sidebar ul>li:hover .neigh-item  i.icon-transportation,
    .neigh-sidebar ul>li.active .neigh-item  em.icon-transportation,
    .neigh-sidebar ul>li:hover .neigh-item  em.icon-transportation{
      background-image: url('images/neighborhood/icon-transport-hover.svg');
    }
    .neigh-sidebar ul>li>ul{
      display: none !important;
    }
    .neigh-mob-map, .mob-top-btn{
      display: none;
    }
    .contact-map{
      order: 1;
    }
    .contact-address{
      order: 2;
    }
    .contact-bottom-left{
      order: 3;
    }
    .contact-formwrap{
      order: 4;
    }
  }


  @media (min-width: 768px) {
    .gallery-counter{
      display: none;
    }


  }

  @media only screen
  and (min-device-width : 320px)
  and (max-device-width : 568px)
  and (orientation : landscape) {
    .ppsInnerTblContent {padding: 15px 40px !important;}
    .popup-title h3 {font-size: 18px !important;}
  }

  .popup-title h3 {color: #193d5b !important}

  @media (min-width: 768px) and (max-width:1199px){
    /* .home-slider .flex-control-paging li a{
      width: 25px;
      height: 25px;
    }
    .home-slider .flex-control-paging li{
      margin: 0 10px;
    } */
    .page-template-gallery .main-content{
      min-height: calc(100vh - 300px);
    }
  }

  /*--------------------------------------------------------------
  # DRANOFF DISTINCTION FOOTER 2018
  --------------------------------------------------------------*/
  #distinction-left-footer-image {
    height: 188px;
  }
  /* RESPONSIVE STYLES */
  @media (max-width: 1760px) {
    #distinction-left-footer-image {
      height: 174px;
    }
  }
  @media (max-width: 1480px) {
    #distinction-left-footer-image {
      height: 151px;
    }
  }
  @media (max-width: 991px) {
    #distinction-left-footer-image {
      display: none;
    }
  }
  /*END DISTINCTION FOOTER 2018*/



  /*********************************************
  @Media min width 1600px
  **********************************************/
  @media (min-width: 1600px) {
    .dranoff-text-contact {
      padding: 40px 0;
    }
  }

  /*********************************************
  @Media min width 2000px
  **********************************************/
  @media (min-width: 2000px) {
    .flexslider .gallery-slides li,
    .load {
      height: 980px;
    }
    .quarter-square,
    .three-quarters-map {
      height: 586px;
    }
    .quarter-long {
      height: 1179px;
    }
    .quarter-footer,
    .quarter-footer-home,
    .quarter-footer-floorplans,
    .flexslider.distinction .slides li {
      height: 781px;
    }
    .icon {
      height: 32px;
      width: 60px;
    }
    .floorplan-unit {
      height: 560px;
    }
    .two-thirds,
    .one-third.floorplan-first {
      height: 628px;
    }
    .one-third.floorplan-copy {
      height: 628px;
    }

    .left-half {
      height: 1420px;
    }
    .right-half-retail,
    .right-half-amenities {
      height: 1179px;
    }
    .right-half-img {
      height: 760px;
    }
    .right-half-google-map {
      height: 586px;
    }
    .one-third-contact {
      height: 340px;
    }
    .dranoff-text-contact {
      /* height: 266px; */
      padding: 50px 0;
      font-size: 30px;
    }
    .icon-lines-amenities {
      margin-top: 16%;
    }
    .dranoff-text.amenities {
      font-size: 30px;
    }
  }

  /*********************************************
  @Media max width 1760px
  **********************************************/
  @media (max-width: 1760px) {
    /******* Front Page ******/
    .full-slider {
      height: 540px;
    }

    h1 {
      font-size: 40px;
      height: 40px;
    }
    p {
      font-size: 18px;
    }
    .quarter-square,
    .three-quarters-map {
      height: 408px;
    }
    .quarter-long {
      height: 823px;
    }
    .quarter-footer,
    .quarter-footer-home,
    .quarter-footer-floorplans,
    .flexslider.distinction .slides li {
      height: 589px;
    }

    .quarter-footer-gallery {
      height: 174px;
    }

    /*********** Florplans*************/
    .two-thirds,
    .one-third.floorplan-first {
      height: 460px;
    }
    .one-third.floorplan-copy {
      height: 460px;
    }
    .floorplan-copy {
      height: 460px;
    }

    .floorplan-unit {
      height: 400px;
    }
    .icon-lines img {
      height: 48px;
    }

    h1.page-title {
      font-size: 40px;
      height: 40px;
    }
    .dranoff-text,
    .dranoff-text p {
      font-size: 26px;
    }
    .floorplan-unit-headline {
      height: 60px;
    }
    .floorplan-unit-headline h2 {
      font-size: 36px;
    }
    /*************** Gallery **************/
    .flexslider .gallery-slides li,
    .load {
      height: 656px;
    }
    /********** Retail ********/
    .right-half-retail,
    .right-half-amenities {
      height: 823px;
    }
    .icon-lines-retail img {
      height: 40px;
    }
    .icon-lines.icon-lines-retail {
      margin-top: 30%;
    }
    /********** Dranoff distinction ********/
    .left-half {
      height: 995px;
    } /*???*/
    .icon-lines {
      margin-top: 14%;
    }
    .right-half-img {
      height: 510px;
    }
    .condo-headline {
      max-height: 92px;
    }
    h1.apt-title,
    h1.retail-title {
      font-size: 26px;
      height: 26px;
      letter-spacing: normal;
    }
    /*******Amenities*****/
    .icon-lines-amenities {
      margin-top: 4%;
    }
    .icon-lines-amenities img {
      height: 35px;
    }
    /******** CONTACT ******/
    .dranoff-text-contact {
      font-size: 26px;
    }
    /******** Footer *********/
    .footer-menu-container li {
      padding: 0 1%;
    }
  }
  /*********************************************
  @Media max width 1600px
  **********************************************/
  @media (max-width: 1600px) {
    .soliloquy-container .explore-slider-link,
    .soliloquy-container .explore-neighborhood-slider-link,
    .soliloquy-container .apply-slider-link,
    .soliloquy-container .explore-gallery-slider-link {
      height: 78px;
    }
    .soliloquy-container .soliloquy-pager-link {
      width: 16px !important;
      height: 16px !important;
    }
  }


  /*********************************************
  @Media max width 1480px
  **********************************************/
  @media (max-width: 1480px) {
    /********** main menu *************/
    #main-menu li a {
      padding: 0px 8px 5px;
    }
    /******* Front Page ******/
    /* .gallery-item{
      height: 540px;
    } */
    .full-slider {
      height: 450px;
    }
    h1 {
      font-size: 34px;
      letter-spacing: 0.1rem;
      height: 34px;
    }
    p {
      font-size: 18px;
    }
    .soliloquy-container .soliloquy-caption.soliloquy-caption-left {
      width: 42% !important;
    }
    .home-caption{
      width: 42%;
    }
    .soliloquy-container h1 {
      font-size: 34px;
    }
    .soliloquy-container p {
      font-size: 18px;
    }
    .soliloquy-container .explore-slider-link,
    .soliloquy-container .explore-neighborhood-slider-link,
    .soliloquy-container .apply-slider-link,
    .soliloquy-container .explore-gallery-slider-link {
      height: 70px;
    }
    .soliloquy-container .soliloquy-caption.soliloquy-caption-left,
    .soliloquy-container .soliloquy-pager {
      bottom: 25px !important;
    }
    .soliloquy-container .soliloquy-pager-link {
      width: 14px !important;
      height: 14px !important;
    }
    /* Slider 2 */
    .soliloquy-container .slider-copy-block h1 {
      font-size: 28px;
    }
    .quarter-square,
    .three-quarters-map {
      height: 332px;
    }
    .parking-icon {
      height: 24px;
      width: 54px;
    }
    h2.mask-title {
      font-size: 26px;
    }
    .quarter-long {
      height: 671px;
    }
    .quarter-footer,
    .quarter-footer-home,
    .quarter-footer-floorplans,
    .flexslider.distinction .slides li {
      height: 490px;
    }
    .quarter-footer-gallery {
      height: 151px;
    }
    /*********** Florplans*************/
    .two-thirds,
    .one-third.floorplan-first {
      height: 414px;
    }
    .one-third.floorplan-copy {
      height: 414px;
    }
    .floorplan-unit {
      height: 360px;
    }
    .icon-lines img {
      height: 44px;
    }
    h1.page-title {
      font-size: 34px;
    }
    .dranoff-text,
    .dranoff-text p {
      font-size: 24px;
    }
    .floorplan-unit-headline {
      height: 54px;
    }
    .floorplan-unit-headline h2 {
      font-size: 28px;
    }
    /*************** Gallery **************/
    .flexslider .gallery-slides li,
    .load {
      height: 540px;
    }
    /********** Retail ********/
    .right-half-retail,
    .right-half-amenities {
      height: 671px;
    }
    .icon-lines-retail img {
      height: 36px;
    }
    /********** Dranoff distinction ********/
    .left-half {
      height: 867px;
    } /*???*/
    .icon-lines {
      margin-top: 12%;
    }
    .right-half-img {
      height: 425px;
    }
    .condo-headline {
      max-height: 100px;
    }
    .condo-headline h1 {
      padding: 15px 4px;
    }
    h1.apt-title,
    h1.retail-title {
      font-size: 22px;
      letter-spacing: normal;
    }
    /*******Amenities*****/
    .dranoff-text.amenities {
      font-size: 20px;
    }
    .icon-lines-amenities {
      margin-top: 3%;
    }
    .right-half-amenities img {
      height: 26px;
    }
    .right-half-amenities h1.page-title {
      font-size: 28px;
    }
    .amenities-text ul {
      padding-left: 15px;
    }
    /******** CONTACT ******/
    /******* Footer ****/
    .footer-address p {
      font-size: 16px;
    }
    .footer-menu-container li {
      padding: 0 0.6%;
    }

    .dranoff-logo {
      width: 175px;
    }
    .footer-menu-container li,
    .copyright {
      font-size: 13px;
    }
  }

  /*********************************************
  @Media max width 1410px
  **********************************************/
  @media (max-width: 1410px) {
    /********** main menu *************/
    #main-menu {
      font-size: 20px;
      text-transform: none;
    }

    .article-box,
    .awards-box {
      width: 32.833%;
    }
  }

  /*********************************************
  @Media max width 1228px
  **********************************************/
  @media (max-width: 1228px) {
    /********** main menu *************/
    #floorplan-p-copy p {
      font-size: 22px;
    }
  }


  /*********************************************
  @Media max width 1211px
  **********************************************/
  @media (max-width: 1211px) {
    /********** main menu *************/
    #main-menu {
      font-size: 20px;
    }
  }
  /*********************************************
  @Media max width 1199px
  **********************************************/
  @media (max-width: 1199px) {

    .floorplan-filter-container{
      padding-left: 20px;
      padding-right: 20px;
    }

    .blog-tags{
      max-width: 50%;
    }

    /********** main menu *************/
    .navbar {
      margin-top: 12px;
      margin-bottom: 8px;
    }
    #main-menu li a {
      padding: 0px 7px 5px;
    }

    /******* Front Page ******/
    .home-caption h2{
      font-size: 32px;
    }
    .home-caption p{
      font-size: 18px;
    }
    .soliloquy-container h1 {
      font-size: 32px;
    }
    .soliloquy-container p {
      font-size: 16px;
    }
    .soliloquy-container .explore-slider-link,
    .soliloquy-container .explore-neighborhood-slider-link,
    .soliloquy-container .apply-slider-link,
    .soliloquy-container .explore-gallery-slider-link {
      height: 62px;
    }
    .soliloquy-container .soliloquy-caption.soliloquy-caption-left,
    .soliloquy-container .soliloquy-pager {
      bottom: 15px !important;
    }
    .soliloquy-container .soliloquy-pager-link {
      width: 14px !important;
      height: 14px !important;
    }
    /* Slider 2 */
    .soliloquy-container .slider-copy-block h1 {
      font-size: 26px;
    }
    .quarter-square,
    .three-quarters-map {
      height: 278px;
    }
    .quarter-long {
      height: 563px;
    }
    .quarter-footer,
    .quarter-footer-home,
    .quarter-footer-floorplans,
    .flexslider.distinction .slides li {
      height: 436px;
    }
    h2.mask-title {
      font-size: 22px;
    }
    h1.retail-title{
      font-size: 18px;
    }
    .icon {
      height: 24px;
      width: 26px;
    }
    .bike-icon {
      width: 34px;
    }
    .parking-icon {
      height: 20px;
      width: 48px;
    }
    /*********** Florplans*************/
    .fp-detail-left{
      width: 60%;
    }
    .fp-detail-right{
      width: 40%;
    }
    .fp-floor-blocks{
      padding-top: 95%;
    }
    .fp-bcol{
      width: 50%;
      padding-bottom: 10px;
    }
    .fp-col{
      padding-right: 30px;
    }
    .two-thirds,
    .one-third.floorplan-first {
      height: 370px;
    }
    .one-third.floorplan-copy {
      height: 370px;
    }
    .floorplan-unit {
      height: 320px;
    }
    .icon-lines img {
      height: 38px;
    }
    h1.page-title {
      /*font-size: 30px;*/
      font-size: 22px;
    }
    .dranoff-text,
    .dranoff-text p {
      /*font-size: 22px;*/
      font-size: 18px;
    }
    .floorplan-unit-headline {
      height: 50px;
    }
    .floorplan-unit-headline h2 {
      font-size: 25px;
    }
    /*************** Gallery **************/
    .flexslider .gallery-slides li,
    .load {
      height: 540px;
    }
    /**************** NEIGHBORHOOD PAGE ***************/
    .wpgmp_tabs_container {
      right: 5px !important;
    }
    /****** Retail ********/
    .icon-lines-retail img {
      height: 29px;
    }
    .right-half-retail,
    .right-half-amenities {
      height: 563px;
    }
    /********** Dranoff distinction ********/
    .left-half {
      height: 813px;
    } /*???*/
    .icon-lines {
      margin-top: 8%;
    }
    /*******Amenities*****/
    .icon-lines-amenities {
      margin-top: 6%;
    }
    .right-half-amenities img {
      height: 28px;
    }
    .dranoff-text.amenities {
      font-size: 16px;
    }
    /********* Contact*******/
    .email-container {
      margin-top: 13%;
    }
    /******* Footer ****/
    .footer-menu-container {
      margin-top: -1px;
    }
    .dranoff-logo {
      width: 160px;
    }
    .footer-menu-container li,
    .copyright {
      font-size: 13px;
    }
    .copyright li .footer-icon img {
      max-width: 23px;
    }
    .footer-home{
      padding-left: 15px;
      padding-right: 15px;
    }
    .footer-links a{font-size: 14px;}
    .privacy-policy a{font-size: 13px;}
    .privacy-policy {margin-bottom: 20px;}
    .footer-address a, .footer-address .call-us-cnt{font-size: 14px;}

    .pa-input-button button{
      padding-left: 20px;
      padding-right: 20px;
    }
    .pa-col2:not(:last-child){
      padding-right: 40px;
    }

    .contact-address-box h2{
      font-size: 29px;
      margin: 12px 50px 15px 50px;
    }
    .contact-address-box article{
      padding: 0 25px;
    }
    .contact-address-box h4{
      font-size: 20px;
    }
    .contact-address-box p{
      font-size: 18px;
    }
    .contact-address-box>div{
      padding: 40px 0;
    }

    .contact-form{
      padding: 40px 30px;
    }
    #contactForm .hywrap .control-label{
      font-size: 18px;
    }

    .contact-bottom-number{
      display: block;
    }
    .contact-number, .contact-email{
      width: 100%;
    }
    .contact-number .double-line-title::after{
      display: none;
    }
    .contact-icon{
      width: auto;
    }
    .contact-icon img{
      width: 50px;
    }
    .contact-number .double-line-title, .contact-email .double-line-title{
      padding-left: 50px;
    }


  }

  /*********************************************
  @Media max width 1126px
  **********************************************/
  @media (max-width: 1126px) {
    /********** main menu *************/
    #floorplan-p-copy p {
      font-size: 20px;
    }
  }



  /*********************************************
  @Media max width 1069px
  **********************************************/
  @media (max-width: 1069px) {
    /********** main menu *************/
    #main-menu li a {
      padding: 0px 6px 5px;
    }
  }


  @media (min-width: 992px) {

    .blog-content{
      padding-bottom: 30px;
    }

    .footer-menu-container {
      width: 100%;
    }
    .footer-middle-row {
      /* display: flex;
      flex-direction: column;
      max-width: 535px; */
      /* width: 100%;
      top: -17px; */
    }
    .footer-left{
      width: 65%;
    }

    .device-only{
      display: none;
    }

  }

  @media (min-width: 1200px) {
    .check-type-bedroom:hover label:after {
      opacity: 1;
      visibility: visible;
    }
    .footer-left{
      width: 45%;
    }
    .footer-middle-row {
        /* max-width: 620px; */
        /* top: -15px; */
    }
    .page-template-gallery .main-content{
      min-height: calc(100vh - 290px);
    }
  }

  @media (min-width: 1470px) {
    .footer-middle-row {
        /* max-width: 620px; */
        /* top: -15px; */
    }
    .footer-left{
      width: 33.3333%;
    }
  }

  /*********************************************
  @Media max width 1199px and min-width 992px
  **********************************************/
  @media (max-width: 1199px) and (min-width: 992px) {
    .footer-menu-container li {
      padding: 4px 0.7% 2px;
    }
    .footer-top-wrapper {
      padding-top: 0;
      padding-bottom: 2px;
    }
    .footer-bottom-wrapper {
      padding-top: 0;
      padding-bottom: 0;
    }
    .flex-item-footer-1.dranoff-logo {
      display: none;
    }
  }

  @media (max-width: 1199px) {
  
    .fp-search-container{
      padding: 20px 20px;
    }
  }

  /*********************************************
  @Media max width 1093px and min-width 992px
  **********************************************/
  @media (max-width: 1093px) and (min-width: 992px) {
    .woman-in-cafe {
      display: none;
    }
    .one-third-contact {
      width: 49.5%;
    }
    .floorplans .icon-lines {
      margin-top: 3%;
    }
    .explore-floorplan {
      height: 125px;
      margin-top: 36%;
    }
    .dranoff-text-contact {
      font-size: 24px;
    }
    /*    .footer-menu-container li, .copyright {font-size: 12.5px;}
      .footer-menu-container li {padding: 0 0.6%;}
      .dranoff-logo {width: 132px;} */
  }
  /*********************************************
  @Media max width 1024px
  **********************************************/
  @media (max-width: 1024px) {
    /********** main menu *************/
    .table.floorplan-listing-table tr>td:first-child {
      padding-left: 20px;
    }
    .table.floorplan-listing-table tr>td:last-child{
      padding-right: 20px;
    }

    .fixed-secondary-menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    .fixed-secondary-menu li img {
      max-width: 290px;
    }
    .home-slider .flex-control-nav{
      text-align: right;
      bottom: 28px;
      left: 50%;
      right: 0;
      width: auto;
    }

    /***** Slider******/
    .soliloquy-container .soliloquy-caption.soliloquy-caption-left {
      width: 50% !important;
    }
    .home-caption{
      width: 50%;
    }
    .home-slider .flex-next:before, .home-slider .flex-prev:before, .gallery-carousal .flex-next:before, .gallery-carousal .flex-prev:before{
      opacity: 1;
    }
    /*-----------FLOORPLAN LISTING-------------*/
  /*  .table-responsive table,.table-responsive tbody,.table-responsive td,.table-responsive th,.table-responsive thead,.table-responsive tr{display:block}
    .table-responsive thead tr{position:absolute;top:-9999px;left:-9999px}
    .table-responsive tr{border:1px solid #d6d6d6}
    .table-responsive td{min-height:2em}
    .table-responsive td:not(.nonResponsiveRow){border:none;position:relative!important;padding-top:30px;white-space:normal!important;text-align:left!important}
    .table-responsive td:before{position:absolute;top:6px!important;left:6px!important;width:100%!important;padding-right:10px!important;text-align:left!important;font-weight:700!important}
    .table-responsive td,.table-responsive th{border-width:0}
    .table-responsive.table-striped tbody>tr:nth-child(2n+1)>td,.table-responsive.table-striped tbody>tr:nth-child(2n+1)>th{background-color:#f5f5f5}
    .table-responsive td:before{content:attr(data-label);text-transform:uppercase;font-weight:700;color:#123123}
    .table-responsive center{text-align:left}
    .table-responsive input[type=checkbox]{-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);padding:5px;margin-top:-4px}
    td.hide-element {display: none;}*/
    .sort-container{width: 160px;}
    .results-container h4{
      margin-bottom: 25px;
    }
    .fp-pagination{
      margin-bottom: 40px;
    }

  }

  @media (max-width:1023px){
    .floorplan-listing-wrapper{padding: 20px 0;}
    .table.floorplan-listing-table>tbody>tr>td {border: none;}
    .floorplan-listing-table.table thead {display: none; }

    .floorplan-listing-table.table tr {
      border-bottom: 1px solid rgba(51, 51, 51, 0.17);
      border-top: 1px solid rgba(51, 51, 51, 0.17);
      display: block;
      margin-bottom: 3px;
      padding-bottom: 30px;
    }

    .floorplan-listing-table.table-responsive{
      border: 0;
    }

    .floorplan-listing-table.table tbody{
      border-top: 1px solid rgba(51, 51, 51, 0.17);
      border-bottom: 1px solid rgba(51, 51, 51, 0.17);
    }

    .floorplan-listing-table.table tr:first-child{
      margin-top: 3px;
      border-top: 1px solid rgba(51, 51, 51, 0.17);
    }

    .floorplan-listing-table.table>tbody>tr>td {
      border-bottom: 0;
      display: block;
      font-size: 20px;
      text-align: left;
      padding: 12px 15px;
    }

    .floorplan-listing-table.table>tbody>tr>td.action{display: none;}

    .floorplan-listing-table.table>tbody>tr>td.price{padding-bottom: 35px;}

    .floorplan-listing-table.table td.plan{text-align: center; padding: 35px 10px;}





    .floorplan-listing-table.table td::before {
      color: rgba(51,51,51,0.63);
      font-family: "brandon-grotesque", sans-serif;
      font-size: 20px;
      font-weight: 400;
      content: attr(data-label);
      float: left;
      /* text-transform: uppercase; */
      width: 50%;
    }

    .floorplan-listing-table.table td:last-child {
      border-bottom: 0;
    }
    .floorplan-listing-table .plan, .floorplan-listing-table .action {width: 100%; text-align: center;}
    .floorplan-listing-table .fp-image-cnt {width: 300px; margin: 0 auto;}
  }

  /*********************************************
  @Media max width 991px
  **********************************************/
  @media (max-width: 991px) {

    /********** General Layout ********/
    .quarter,
    .one-third {
      width: 50%;
    }
    .desktop-only{
      display: none !important;
    }
    .half-box {
      width: 100%;
    }
    .amenities.right{
      padding-left: 0.25%;
      padding-bottom: 0;
    }
    .quarter-slider-footer {
      width: 49.65%;
    }
    .three-quarters-map {
      width: 49.65%;
    }
    .footer-home {
      width: 100%;
    }
    .two-thirds {
      width: 100%;
    }
    .quarter {
      margin-left: 0;
      margin-right: 0;
    }

    .quarter.box-info{
      padding-left: 0 !important;
    }

    /********** main menu *************/
    .navbar {
      margin-top: 12px;
      margin-bottom: 8px;
    }
    /***** Front Page *********/
    .home-caption{
      width: 60%;
      bottom: 0;
    }

    .home-caption h2{
      font-size: 24px;
    }

    .home-caption p{
      margin-top: .5em;
      font-size: 18px;
    }

    .home-slide-btn{
      height: 52px;
    }

    .soliloquy-container h1 {
      font-size: 28px;
    }
    .soliloquy-container .explore-slider-link,
    .soliloquy-container .explore-neighborhood-slider-link,
    .soliloquy-container .apply-slider-link,
    .soliloquy-container .explore-gallery-slider-link {
      height: 52px;
    }
    .quarter.footer-neighborhood-2 .quarter-image{
      left: 0;
    }
    .quarter-square {
      height: 425px;
    }
    .quarter-long {
      display: none;
    }
    .quarter-footer,
    .quarter-footer-home,
    .quarter-footer-floorplans {
      height: 425px;
    }
    .quarter.front-1,
    .quarter.front-2,
    .quarter.front-2 .filter,
    .quarter.front-4,
    .quarter.front-8,
    .quarter.front-5,
    .quarter.front-9,
    .quarter.front-10,
    .quarter.footer-front-1,
    .quarter.footer-contact-1,
    .quarter.footer-front-2,
    .quarter.first,
    .quarter.second,
    .quarter.third,
    .quarter.footer-neighborhood-1,
    .retail-footer-1,
    .amenities-footer-1 {
      margin-right: 0;
    }

    .quarter.front-2,
    .quarter.front-6,
    .quarter.footer-front-1,
    .quarter.footer-contact-1,
    .quarter.footer-front-3,
    .quarter.footer-floorplans-1,
    .quarter.footer-floorplans-2,
    .quarter.second,
    .quarter.front-8,
    .quarter.footer-neighborhood-1,
    .quarter.front-9,
    .retail-footer-1,
    .amenities-footer-1 {
      float: right;
    }
    .quarter.front-1,
    .quarter.front-4,
    .quarter.footer-floorplans-3,
    .quarter.front-10 {
      float: left;
    }
    h2.mask-title {
      font-size: 30px;
    }
    .icon {
      height: 32px;
      width: 48px;
    }
    .parking-icon {
      height: 28px;
      width: 60px;
    }
    .quarter.front-1,
    .quarter.front-4,
    .quarter.front-5,
    .quarter.front-10,
    .quarter.footer-front-1,
    .quarter.footer-front-2 {
      padding-left: 0 !important;
    }

    .quarter.front-4 .quarter-image{
      left: 0;
    }


    .neigh-caption .double-line-title{
      font-size: 18px;
      padding-left: 20px;
      padding-right: 20px;
    }

    /****** Floorplans *******/
    .fp-detail-wrapper{
      display: block;
      padding: 0;
    }
    .fp-detail-left, .fp-detail-right{
      width: 100%;
      border: 0;
    }

    .fp-detail-left{
      padding: 0;
    }

    .fp-detail-image{
      padding: 40px 32px 70px 32px;
    }

    .fp-col{
      width: 25%;
    }
    .fp-col:last-child{
      width: 100%;
    }

    .fp-search-button{
      max-width: 320px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }

    .one-third.floorplan-first {
      margin-top: 0;
      display: none;
    }
    .floorplan-first.two-columns {
      display: block;
      height: 459px;
    }
    .floorplan-unit-headline,
    .floorplan-first-headline {
      margin-left: -1%;
      margin-right: -1%;
    }
    .floorplan-unit-headline.last {
      margin-left: 0;
      margin-right: 0;
    }

    .one-third.left,
    .one-third.right,
    .one-third.middle {
      margin-left: 0.175%;
      margin-right: 0.175%;
    }
    h1.page-title {
      /*font-size: 32px;*/
      font-size: 22px;
    }
    .dranoff-text,
    .dranoff-text p {
      /*font-size: 24px;*/
      font-size: 18px;
    }
    .floorplan-unit-headline h2 {
      font-size: 32px;
    }
    .floorplan-unit-headline {
      height: 54px;
    }
    .two-thirds {
      height: 400px;
    }
    .floorplan-unit {
      height: 405px;
    }
    .explore-floorplan {
      margin-top: 35%;
    }
    .quarter.footer-floorplans-1,
    .quarter.footer-floorplans-2 {
      margin-right: 0;
    }
    /************ Gallery *********/
    .flexslider .gallery-slides li,
    .load {
      height: 480px;
    }
    .quarter-footer-gallery {
      display: none;
    }
    /************* Retail **********/
    .right-half-retail {
      height: 400px;
    }
    .icon-lines.icon-lines-retail {
      margin-top: 8%;
    }
    /******* Dranoff Distinction ***********/
    .left-half {
      height: 670px;
    }
    .icon-lines {
      margin-top: 8%;
    }
    .right-half-img {
      height: 520px;
    }
    .full-width-headline {
      max-height: 100px;
    }
    .flexslider.distinction .slides li,
    .three-quarters-map {
      height: 620px;
    }
    /*******Amenities*****/
    .right-half-amenities {
      height: inherit;
    }
    .icon-lines-amenities {
      margin-top: 6%;
    }
    .dranoff-text.amenities {
      font-size: 20px;
      margin-bottom: 40px;
    }
    /********* Contact ********/
    .third-box-contact.left {
      margin-left: 0.5%;
      margin-right: 0.5%;
      width: 99%;
    }
    /*   .dranoff-text-contact {height: 100px;} */
    .two-thirds-box-contact {
      width: 99%;
      margin-left: 0.5%;
      margin-right: 0.5%;
      margin-bottom: 15px;
    }

    /***** Footer ********/
    .footer-home {
      height: auto;
      background-size: initial;
      padding: 20px 0;
    }

    .footer-address p {
      font-size: 17px;
    }

    .footer-menu-container {
      margin-top: 0;
    }
    .dranoff-logo {
      width: 195px;
      margin-left: -3px;
      margin-top: 10px;
    }
    .footer-menu-container {
      display: block;
      padding-top: 0px;
    }
    .footer-menu-container li {
      font-size: 14px;
      padding: 5px 14px;
    }
    .footer-top-wrapper {
      justify-content: flex-start;
      padding-left: 0;
      width: 100%;
    }
    .schedule-btn a {
      font-size: 12px;
    }
    .top-phone {
      font-size: 14px;
    }
  }

  /*********************************************
  @Media max width 936px
  **********************************************/
  @media (max-width: 936px) {
    /********** main menu *************/
    #main-menu {
      font-size: 18px;
    }

    .article-box,
    .awards-box {
      width: 49.5%;
    }
  }

  /*********************************************
  @Media max width 899px
  **********************************************/
  @media (max-width: 899px) {
    /********** main menu *************/
  }

  /*********************************************
  @Media max width 860px
  **********************************************/
  @media (max-width: 860px) {

    #main-menu {
      font-size: 17px;
    }
    #main-menu li a {
      padding: 0px 5px 4px;
    }
    .quarter-square,
    .three-quarters-map,
    .quarter-footer,
    .quarter-footer-home,
    .quarter-footer-floorplans {
      height: 390px;
    }
    .floorplan-unit-headline h2 {
      font-size: 28px;
    }
    .explore-floorplan {
      height: 125px;
      margin-top: 40%;
    }
    /*************** Gallery **************/
    .flexslider .gallery-slides li,
    .load {
      height: 480px;
    }
    /*************** Dranoff Distinction **************/
    .flexslider.distinction .slides li,
    .three-quarters-map {
      height: 560px;
    }
  }
  /*********************************************
  @Media max width 820px
  **********************************************/
  @media (max-width: 820px) {
    .fixed-secondary-menu li {
      padding-left: 6px;
      padding-right: 6px;
    }
    .fixed-secondary-menu li img {
      max-width: 275px;
    }
    #main-menu {
      font-size: 16px;
    }

    /***** Front Page *********/
    .soliloquy-container .soliloquy-caption.soliloquy-caption-left {
      width: 52% !important;
    }
    .soliloquy-container h1 {
      font-size: 28px;
    }
    .icon-lines {
      margin-top: 5%;
    }
    /************* Retail **********/
    .right-half-retail {
      height: 340px;
    }
    .icon-lines.icon-lines-retail {
      margin-top: 5%;
    }
    .explore-floorplan {
      margin-top: 38%;
    }
  }
  /*********************************************
  @Media max width 767px
  **********************************************/
  @media (max-width: 767px) {
    .mobile-only {
      display: block !important;
    }
    .desktop-tab {
      display: none !important;
    }
    .floorplan-listing-table.table>tbody>tr>td{
      padding: 12px 20px;
    }
    .post-load-more a:hover{
      color: #5683ac;
      background: #fff;
    }
    .why-half-image{
      background-position: left center;
    }
    .pa-col{
      padding: 0;
    }

    input[type="submit"].fp-search-button{
      max-width: 236px;
      padding: 12px 10px 10px;
    }

    .check-type-bedroom{      
      padding: 0 15px;
      padding-top: 20px;
    }
    
    .get-btn{
      text-indent: -9999px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
    }

    .neigh-slider{
      margin-bottom: 0;
    }

    .neigh-slider .flex-direction-nav a{
      top: 40vw;
    }

    .neigh-slide-icon{
      height: 24px;
    }
    .neigh-caption{
      position: static;
      width: 100%;
      max-width: none;
      padding: 15px 20px;
    }

    .neigh-slider .flex-control-paging{
      display: none;
    }

    .floorplan-listing-table.table td > div{padding-left: 50%;}

    .why-half-text h1.double-line-title{
      padding: 12px 0;
      max-width: 70%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1em;
    }
    .why-half-text h4:first-of-type{
      margin-top: 24px;
    }
    .contact-map > div{
      padding-top: 100%;
      position: relative;
      background-position: 60% 40%;
    }
    .icon-container img{
      height: 30px;
    }
    .contact-bottom-number{
      padding: 20px;
    }
    .contact-number, .contact-email{
      padding: 0;
    }
    .contact-row{
      display: block;
    }

    .contact-col{
      width: 100%;
      padding: 0;
    }

    .contact-bottom-left{
      display: block;
    }

    .contact-bottom-image{
      height: auto;
      padding-top: 75%;
      border-bottom: 0;
    }

    .contact-address-box img{
      width: 32px;
    }

    .contact-address-box h2{
      margin-top: 8px;
    }

    .pa-panel:before, .pa-panel:after{
      width: auto;
      right: 10px;
      left: 10px;
    }
    .pa-panel{
      margin-top: 0;
    }
    .pa-featured-post h2{
      font-size: 24px;
      margin-bottom: 40px;
      line-height: 36px;
    }
    .pa-featured-post p{
      font-size: 18px;
      margin: 0 0 35px 0;
      line-height: 1.6;
    }
    .pa-icon{
      width: 27px;
      height: 32px;
      background-size: contain;
    }
    .blog-bottom-container{
      display: block;
    }

    .pa-recent-article li:after{
      display: none;
    }

    .post-load-more a{
      padding: 15px 0;
    }

    .blog-tags{
      margin-bottom: 40px;
      max-width: 500px;
      padding-right: 0;
    }

    .top-apply-btn, .top-nav, .main-header-top{
      display: none;
    }

    .ham-menu{
      width: 100%;
      overflow-y: auto;
    }

    .main-nav{
      margin-left: 0;
    }

    .main-header{
      padding: 5px;
    }

    .main-header-bottom{
      padding: 0;
      align-items: center;
    }

    .mob-top-btn{
      margin-left: auto;
    }

    .mob-top-btn a{
      display: inline-block;
      margin-right: 10px;
    }

    .half-block{
      padding: 5px 0;
    }

    .why-image-cols .image-blocks:not(:first-child){
      display: none;
    }

    .image-blocks{
      width: 100%;
      padding: 5px 0;
    }

    .why-half-text h1{
      font-size: 28px;
    }

    .why-half-text{
      padding: 40px 20px;
    }

    .why-half-text ,.why-half-text p{
      font-size: 16px;
    }

    .why-half-text h4{
      font-size: 16px;
      margin-bottom: 16px;
    }

    .neighborhood-map{
      display: block;
      padding-left: 0;
      padding-right: 0;
    }

    .neigh-mob-map{
      margin-bottom: 2px;
    }

    .neigh-mob-map img{
      width: 100%;
    }

    .neigh-map-wrap{
      display: none;
    }

    .neigh-sidebar{
      width: 100%;
    }

    .neigh-sidebar ul>li{
      font-size: 18px;
    }

    .neigh-sidebar ul>li.all{
      display: none;
    }

    .neigh-item, .neigh-item-inner{
      padding: 19px 26px;
    }

    .neigh-item-inner.active span{
      font-weight: 600;
    }

    .neigh-item i,
    .neigh-item em{
      height: 22px;
      width: 45px;
    }

    .neigh-item:after, .neigh-item-inner:after{
      content:"";
      width: 13px;
      height: 9px;
      background: url('images/neighborhood/arrow-brown.svg');
      background-size: contain;
      position: absolute;
      right: 16px;
      top: 27px;
    }

    .neigh-sidebar ul>li li .neigh-item-inner:after{
      background: url('images/neighborhood/arrow-gray.svg');
      background-size: contain;
      top: 25px;
    }

    .neigh-sidebar ul>li>ul{
      border-top: 1px solid #fff;
    }

    .neigh-sidebar ul>li li .neigh-item-inner{
      padding: 0;
      padding-left: 80px;
      padding-right: 0;
      display: block;
      background-color: #d8d8d8;
    }

    .neigh-sidebar>ul>li.active > .neigh-item{
      background: #d8d8d8;
      font-weight: 600;
    }

    .neigh-sidebar>ul>li li:last-child{
      border-bottom: 0;
    }

    .neigh-sidebar>ul>li.active > .neigh-item:after, .neigh-sidebar ul>li li .neigh-item-inner.active:after{
      transform: rotate(180deg);
    }

    .neigh-sidebar ul>li>ul{
      display: none;
    }

    .neigh-sidebar ul>li.active>ul{
      display: block !important;
    }

    .neigh-list-address{
      padding-bottom: 15px;
      padding-right: 40px;
      display: none;
    }

    .neigh-list-btn{
      display: flex;
      padding-top: 10px;
      max-width: 300px;
    }

    .neigh-list-btn a{
      display: block;
      background: #b46248;
      font-size: 16px;
      color: #fff;
      width: 50%;
      padding: 8px;
      text-align: center;
      text-decoration: none;
    }

    .neigh-mob-map .sm{
      display: none;
    }

    .neigh-list-btn a:first-child{
      margin-right: 5px;
    }

    .neigh-item i.icon-all,
    .neigh-item em.icon-all{
      background-image: url('images/neighborhood/icon-all-mob.svg');
    }
    .neigh-item i.icon-education,
    .neigh-item em.icon-education{
        background-image: url('images/neighborhood/icon-education-mob.svg');
      }
    .neigh-item i.icon-entertainment,
    .neigh-item em.icon-entertainment{
        background-image: url('images/neighborhood/icon-entertainment-mob.svg');
      }
    .neigh-item i.icon-groceries,
    .neigh-item em.icon-groceries{
        background-image: url('images/neighborhood/icon-groceries-mob.svg');
      }
    .neigh-item i.icon-recreation,
    .neigh-item em.icon-recreation{
        background-image: url('images/neighborhood/icon-recreation-mob.svg');
      }
    .neigh-item i.icon-restaurants,
    .neigh-item em.icon-restaurants{
        background-image: url('images/neighborhood/icon-restaurants-mob.svg');
      }
    .neigh-item i.icon-services,
    .neigh-item em.icon-services{
        background-image: url('images/neighborhood/icon-services-mob.svg');
      }
    .neigh-item i.icon-shopping,
    .neigh-item em.icon-shopping{
        background-image: url('images/neighborhood/icon-shopping-mob.svg');
      }
    .neigh-item i.icon-transportation,
    .neigh-item em.icon-transportation{
        background-image: url('images/neighborhood/icon-transport-mob.svg');
      }

    #videoModal .modal-dialog{
      width: 95%;
      margin-left: 0;
      margin-right: 0;
    }
    .gallery-carousal .flex-control-nav{
      display: none;
    }
    #distinction-top-row {
      height: 435px;
    }
    #dranoff-distinction-copy p{
      font-size: 14px;
      margin: 0 auto;
    }
    .copy-button-outside {
      margin: 8px auto;
    }
    .popup-title h3 {
      font-size: 22px !important;
    }
    #contactFormModal.modal.in {
      position: absolute;
      height: 100vh;
    }
    .footer-ada:before{
      top: 60%;
    }
    .footer-privacy:before{
      top: 45%;
    }
    .pa-recent-article h2{
      font-size: 29px;
    }
    .floorplans-blocks{
      margin-top: 0;
    }

    .floorplans-hero h1{
      font-size: 29px;
    }

    .floorplans-hero h1.double-line-title{
      padding: 13px 0;
    }

    .gallery-category li a{
      font-size: 18px;
    }
    .gallery-item{
      height: 460px;
    }
    .main-gallery-slide-caption{
      position: static;
      font-size: 14px;
      padding: 15px;
      width: 100%;
    }
    .gallery-share{
      bottom: 70px;
    }
    /******* Mobile Manu ********/
    #toggle-bar {
      text-align: right;
    }
    #toggle-bar img {
      width: 3.5em;
      padding-top: 35px;
      margin-right: 20px;
    }
    #mobile ul {
      padding-left: 0px;
    }
    #mobile ul li {
      list-style: none;
      padding: 15px 0;
      font-family: "brandon-grotesque", sans-serif;
      font-weight: 500;
      font-size: 20px;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(0, 170, 148, 0.18);
      text-align: center;
    }
    #mobile ul li a {
      color: #005a9b;
      text-decoration: none;
      display: inline-block;
      position: relative;
    }

    #mobile ul li.current-menu-item a:after, #mobile ul li a:hover:after{
      content:"";
      position: absolute;
      bottom: 0;
      height: 2px;
      width: 100%;
      left: 0;
      background: #005a9b;
    }

    #mobile ul li.apply-now-menu a::after, #mobile ul li.affordable-housing-menu a:after{
      display: none;
    }

    /********* Height ******/
    .quarter-square,
    .quarter-footer,
    .quarter-footer-home,
    .quarter-footer-floorplans,
    .flexslider .slides li {
      height: 360px;
    }
    /******* Front Page *****/
    .videoWrapper{
      padding-bottom: 50%;
    }
    .home-slide-image{
      height: 440px;
      display: block;
    }

    .home-slider .flex-direction-nav a{
      top: 36%;
    }

    .home-slide-img{
      display: none;
    }
    .home-caption{
      bottom: 0;
      width: 100%;
      background: #000;
      background-color: rgba(0, 90, 156, 0.8);
      padding: 15px;
    }
    .home-caption-collapse,.home-slider .flex-control-nav{
      display: none;
    }
    .home-slider .flex-next:before, .home-slider .flex-prev:before{
      opacity: 1;
    }
    .home-caption h2{
      font-size: 20px;
      margin-top: 0;
      padding-bottom: 10px;
    }
    .home-caption p{
      font-size: 15px;
      margin-bottom: 4px;
    }
    .slider-overlay-copy {
      width: 100%;
      position: absolute;
      bottom: 0;
      background-color: rgba(0, 90, 156, 0.8);
      padding-bottom: 1px;
    }
    .slider-overlay-copy h1 {
      font-size: 24px;
      margin-left: 5%;
      border-bottom: 1px solid white;
      display: inline-block;
      margin-top: 10px;
    }
    .slider-overlay-copy p {
      color: white !important;
      margin: 0 5%;
      font-size: 16px;
    }
    /* .apply-slider-link {
      height: 50px;
      background-repeat: no-repeat;
      background-image: url(images/apply-now-2.svg);
      background-position: right;
      margin: 3px 5%;
      background-size: contain;
    }
    .explore-slider-link {
      height: 50px;
      background-repeat: no-repeat;
      background-image: url(images/explore-the-floorplans.svg);
      background-position: right;
      margin: 3px 5%;
      background-size: contain;
    }
    .explore-neighborhood-slider-link {
      height: 50px;
      background-repeat: no-repeat;
      background-image: url(images/explore-the-neighborhood.svg);
      background-position: right;
      margin: 3px 5%;
      background-size: contain;
    }
    .explore-gallery-slider-link {
      height: 50px;
      background-repeat: no-repeat;
      background-image: url(images/explore-the-gallery.svg);
      background-position: right;
      margin: 3px 5%;
      background-size: contain;
    } */

    /********** Front Slider Small ******/
    .front-slider-small {
      min-height: 440px;
    }
    .flexslider.front-small .slides li {
      height: 440px;
      width: 100%;
      background-position: center;
      display: none;
      position: relative;
      -webkit-backface-visibility: hidden;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #expand-small-1,
    #expand-small-2,
    #expand-small-3,
    #expand-small-4,
    #expand-small-5 {
      height: 20px;
      width: 97%;
      text-align: right;
      background: url(images/icons/collapse-3.svg) no-repeat right center;
      cursor: pointer;
    }
    /********** Slider 2 Small ******/
    .slider-2-small {
      min-height: 400px;
    }
    .flexslider.slider-2-small .slides li {
      height: 440px;
      width: 100%;
      background-position: center;
      display: none;
      position: relative;
      -webkit-backface-visibility: hidden;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #expand-small-21,
    #expand-small-22,
    #expand-small-23,
    #expand-small-24 {
      height: 20px;
      width: 97%;
      text-align: right;
      background: url(images/icons/collapse-3.svg) no-repeat right center;
      cursor: pointer;
    }

    .slider-2-caption {
      position: absolute;
      bottom: 0;
      background-color: rgba(0, 90, 156, 0.8);
      padding: 5px 25px 10px;
      text-align: center;
      width: 100%;
    }
    .slider-copy-block {
      text-align: center;
    }
    .slider-icon {
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      margin-bottom: 1px;
      display: inline-block;
      height: 26px;
      width: 26px;
    }
    .slider-icon-downtown {
      background-image: url(images/icons/adjacent-to-city-icon.svg);
    }
    .slider-icon-rittenhouse {
      background-image: url(images/icons/ritten-house-square.svg);
    }
    .slider-icon-restaurant {
      background-image: url(images/icons/restaurant.svg);
    }
    .slider-icon-music {
      background-image: url(images/icons/music.svg);
    }
    .slider-icon-park {
      background-image: url(images/icons/park.svg);
    }
    .slider-icon-playground {
      background-image: url(images/icons/playground.svg);
    }

    .slider-2-caption h1 {
      font-size: 24px;
    }
    .icon {
      height: 28px;
      width: 35px;
    }
    .parking-icon {
      height: 24px;
      width: 54px;
    }
    h2.mask-title {
      font-size: 28px;
    }

    /********** Florplans *********/
    .fp-detail-list li{
      padding: 6px 0;
    }
    .fp-detail-desc{
      padding: 0 15px;
      padding-bottom: 35px;
    }
    .fp-detail-desc section{
      margin: 40px 0 25px 0;
      padding: 50px 0 35px 0;
    }
    .det-btn-white{
      font-size: 16px;
    }
    .det-btn-border{
      font-size: 12px;
    }
    .fp-detail-btngroup{
      max-width: 200px;
    }
    .det-btn-border:last-child{
      margin-left: 10px;
    }
    .floorplans-hero, .fp-detail-bg .floorplans-hero{
      height: 185px;
    }
    .floor-top-bg{
      background-image: url('images/floorplans/fp-mobile-hero.jpg');
    }
    .floorplan-searchbox.double-line-title::before,.floorplan-searchbox.double-line-title::after{
      display: none;
    }
    .fp-search-button{
      margin-top: 10px;
    }
    .floorplan-searchbox p{
      font-size: 18px;
      margin-bottom: 3px;
    }
    .fp-col{
      width: 100%;
      padding-bottom: 20px;
      padding-right: 0;
    }
    .fp-floor-select a{
      width: 23%;
    }
    .fp-floor-select a:hover:after, .fp-floor-select a.active:after{
      left: 50%;
      transform: translateX(-125%);
    }
    .fp-bcol{
      width: 100%;
      padding: 0;
    }
    .fp-floor-blocks{
      padding-top: 75%;
    }
    .fp-floor-blocks:before, .fp-floor-blocks:hover::before{
      height: 146px;
    }
    .fp-floor-blocks span{
      font-size: 26px;
      bottom: 47px;
    }
    .floorplan-first.two-columns {
      height: 374px;
    }
    .floorplan-unit-headline h2 {
      font-size: 24px;
    }
    .floorplan-unit {
      height: 320px;
    }
    .explore-floorplan {
      margin-top: 34%;
    }
    /******* Gallery ********/
    .flexslider .gallery-slides li,
    .load {
      height: 460px;
    }
    .nav-tabs > li {
      font-size: 18px;
    }
    /************* NEIGHBORHOOD **********/
    .wpgmp_map_container {
      margin-top: intital !important;
    }

    /****** Dranoff Distinction ******/
    h1.page-title,
    .condo-headline h1,
    .full-width-headline h1 {
      font-size: 30px;
    }
    .dranoff-text,
    .dranoff-text p {
      font-size: 22px;
    }
    .right-half-img {
      height: 435px;
    }
    .flexslider.distinction .slides li,
    .three-quarters-map {
      height: 500px;
    }
    /******* Amenities ********/
    /*    .right-half-amenities {height: 642px;} */
    /******** Contact *********/
    .woman-in-cafe {
      display: none;
    }
    .one-third-contact {
      width: 49.5%;
    }
  }
  /*********************************************
  @Media max width 640px
  **********************************************/
  @media (max-width: 640px) {
    .contact-map > div{
      padding-top: 140%;
    }
    .fp-detail-bg .floorplans-hero{
      background: transparent;
    }
    .floorplans-hero h1{
      margin: 3rem 0;
    }
    .pa-input-group{
      flex-direction: column;
    }
    .pa-input-group input[type="email"]{
      width: 100%;
      height: 40px;
    }
    .pa-panel label{
      font-size: 18px;
    }
    .pa-input-button button{
      width: 100%;
      margin-top: 10px;
      font-size: 16px;
      height: 40px;
      color: #333;
    }
    .gallery-category li{
      width: 100%;
    }
    .gallery-item{
      height: 420px;
    }
    .quarter-square,
    .three-quarters-map,
    .quarter-footer,
    .quarter-footer-home,
    .quarter-footer-floorplans,
    .flexslider.distinction .slides li {
      height: 290px;
    }
    h2.mask-title {
      font-size: 22px;
    }
    .icon {
      height: 24px;
      width: 30px;
    }
    .parking-icon {
      height: 20px;
      width: 48px;
    }
    .slider-overlay-copy h1 {
      font-size: 22px;
    }
    .slider-overlay-copy p {
      font-size: 14px;
    }

    /********** Florplans *********/
    .floorplan-first.two-columns {
      height: 368px;
    }
    .two-thirds {
      background-size: cover;
    }
    .floorplan-unit-headline {
      height: 48px;
    }
    .floorplan-unit-headline h2 {
      font-size: 20px;
    }
    .explore-floorplan {
      height: 105px;
      margin-top: 48%;
    }
    /*********** Gallery **********/
    .flexslider .gallery-slides li,
    .load {
      height: 420px;
    }
    .nav-tabs > li,
    .nav-tabs > li:last-child {
      width: 100%;
    }
    /****** Dranoff Distinction ******/
    h1.page-title,
    .condo-headline h1,
    .full-width-headline h1 {
      font-size: 28px;
    }
    .dranoff-text,
    .dranoff-text p {
      font-size: 20px;
    }
    .right-half-img {
      height: 360px;
    }
    .flexslider.distinction .slides li,
    .three-quarters-map {
      height: 420px;
    }
    /********* Amenities ********/
    .amenities-text {
      width: 100%;
    }
    .amenities-text:first-child ul {
      padding-right: 0;
      margin-bottom: 0;
    }
    /*    .right-half-amenities {height: 720px;} */
    .dranoff-text.amenities {
      font-size: 18px;
    }

    .article-box,
    .awards-box {
      width: 92%;
    }

    /*********** Footer *****/
    .footer-home {
      /* text-align: left; */
      background-position: bottom right;
    }
    .footer-menu-container,
    footer-address,
    .copyright {
      width: 100%;
    }
    .copyright {
      padding: 0 5px 0;
    }

    .copyright li:first-child {
      margin-left: 0px;
    }
    .footer-address {
      padding: 12px 22px;
    }
    .footer-middle-row {
      width: 100%;
    }
    .footer-menu-container li, .copyright{
      font-size: 11px;
    }
    .footer-links img{
      height: 26px;
    }
    .footer-links a:not(last-child){
      margin-right: 18px;
    }

    .footer-privacy{
      margin-left: 10px;
    }
    .footer-links a{
      font-size: 14px;
    }
    .footer-right img{
      height: 18px;
    }
  }

  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .why-wrap.top .why-half-image{
      background-position: 20% center;
    }
  }

  /*********************************************
  @Media max width 500px
  **********************************************/
  @media (max-width: 500px) {
    .why-half-image{
      height: 445px;
    }
    .neigh-mob-map .sm{
      display: block;
    }
    .neigh-mob-map .md{
      display: none;
    }
    .contact-number .double-line-title, .contact-email .double-line-title{
      padding: 20px 10px;
      padding-left: 35px;
    }
    .fp-floor-blocks{
      height: 375px;
    }
    .blog-back{
      margin-bottom: 75px;
    }
    .blog-bottom-container{
      display: block;
    }
    .pa-post-item{
      height: 357px;
    }
    .gallery-item{
      height: 400px;
    }
    .amenities .half-half-box{
      width: 100%;
    }
    .quarter,
    .one-third,
    .half-half-box,
    .three-quarters-map {
      width: 99%;
      margin: 0 0.5%;
      margin-bottom: 3px;
      float: none;
    }
    .quarter.front-1,
    .quarter.front-2,
    .quarter.front-4,
    .quarter.front-8,
    .quarter.footer-neighborhood-3,
    .quarter.front-5,
    .quarter.front-9,
    .quarter.front-10,
    .quarter.footer-front-1,
    .quarter.footer-contact-1,
    .quarter.footer-front-2,
    .quarter.first,
    .quarter.second,
    .quarter.third {
      margin-right: 0.5%;
    }
    .half-box {
      width: 100%;
    }
    .six-quarters .quarter,.four-quarters .quarter:not(:first-child){
      padding-left: 0;
    }
    .quarter-image{
      left: 0;
    }
    .four-quarters .quarter{
      float: none !important;
    }

    .quarter.front-2,
    .quarter.front-4,
    .quarter.front-3,
    .quarter.front-6,
    .quarter.footer-front-1,
    .quarter.footer-conact-1,
    .quarter.footer-front-3,
    .quarter.footer-floorplans-1,
    .quarter.footer-floorplans-2,
    .quarter.second,
    .quarter.footer-contact-3,
    .quarter.fourth,
    .quarter.footer-neighborhood-1 {
      float: none;
    }
    .quarter-square,
    .three-quarters-map,
    .quarter-footer,
    .quarter-footer-home,
    .quarter-footer-floorplans {
      height: 330px;
    }
    .flexslider.distinction .slides li {
      height: 500px;
    }
    h2.mask-title {
      font-size: 30px;
    }
    .icon {
      height: 32px;
      width: 44px;
    }
    .parking-icon {
      height: 28px;
      width: 60px;
    }

    .home-slider .flex-direction-nav{
      display: block;
    }
    .front-image-2-small {
      height: 400px;
      margin-top: 4px;
    }
    .slider-2-caption h1 {
      font-size: 22px;
    }
    /********** Floorplans ********/
    .floorplan-first.two-columns {
      display: none;
    }
    .floorplan-unit-headline.last {
      margin-left: -1%;
      margin-right: -1%;
    }
    .icon-lines img {
      height: 30px;
    }
    h1.page-title,
    .condo-headline h1,
    .full-width-headline h1 {
      font-size: 23px;
    }
    .dranoff-text,
    .dranoff-text p {
      font-size: 18px;
    }
    .floorplan-unit {
      height: 370px;
    }
    .floorplan-unit-headline {
      height: 52px;
    }
    .floorplan-unit-headline h2 {
      font-size: 25px;
    }
    .explore-floorplan {
      margin-top: 33%;
    }
    /********** Gallery **********/
    .flexslider .gallery-slides li,
    .load {
      height: 400px;
    }
    /********************* Neighborhood *********/
    .wpgmp_toggle_main_container a,
    #wpgmp_tab_0,
    .poi-info {
      font-size: 14px !important;
    }
    .wpgmp_tabs_container {
      width: 155px !important;
    }
    /****** Retail ********/
    .icon-lines-retail img {
      height: 26px;
    }
    /****** Dranoff Distinction ******/
    .right-half-img {
      height: 330px;
    }
    .left-half {
      height: 660px;
    }

    /******** Contact *********/
    .dranoff-text-contact {
      /* height: 135px; */
      font-size: 24px;
    }
    .one-third-contact {
      width: 99.5%;
    }


  }
  /*********************************************
  @Media max width 450px
  **********************************************/
  @media (max-width: 450px) {

    .floorplan-listing-table .fp-image-cnt{
      width: auto;
    }

    .front-image-2-small {
      height: 380px;
    }
    /********** Floorplans ********/
    .explore-floorplan {
      margin-top: 38%;
    }
    /*******Amenities*****/
    /*    .right-half-amenities {height: 750px;}  */
  }
  /*********************************************
  @Media max width 410px
  **********************************************/
  @media (max-width: 410px) {
    /****** Dranoff Distinction ******/
    .left-half {
      height: 720px;
    }
    /*******Amenities*****/
    /*    .right-half-amenities {height: 775px;}  */
  }
  /*********************************************
  @Media max width 370px
  **********************************************/
  @media (max-width: 370px) {
    .quarter-square,
    .three-quarters-map,
    .quarter-footer,
    .quarter-footer-home,
    .quarter-footer-floorplans {
      height: 290px;
    }
    .front-image-2-small {
      height: 340px;
    }
    .icon {
      height: 28px;
      width: 35px;
    }
    .parking-icon {
      height: 24px;
      width: 54px;
    }
    h2.mask-title {
      font-size: 28px;
    }
    #toggle-bar img {
      width: 3em;
      padding-top: 28px;
      margin-right: 20px;
    }
    h1.page-title,
    .condo-headline h1,
    .full-width-headline h1 {
      font-size: 20px;
    }
    .floorplans .icon-lines {
      margin-top: 2%;
    }
    .dranoff-text {
      margin-top: 10px;
    }
    .floorplan-unit {
      height: 320px;
    }
    /****** Dranoff Distinction ******/
    .left-half {
      height: 730px;
    }
    .right-half-img {
      height: 300px;
    }
    /*******Amenities*****/
    /*   .right-half-amenities {height: 790px;}  */
  }
  /*********************************************
  @Media max width 355px
  **********************************************/
  @media (max-width: 355px) {
    /****** Dranoff Distinction ******/
    .left-half {
      height: 785px;
    }
    /*******Amenities*****/
    /*    .right-half-amenities {height: 850px;} */
    /******** Contact *********/
    .dranoff-text-contact {
      font-size: 22px;
    }
  }

  /*********************************************
  @Media max width 330px
  **********************************************/
  @media (max-width: 330px) {
    h1.page-title,
    .condo-headline h1,
    .full-width-headline h1 {
      font-size: 19px;
      height: 19px;
    }
  }

  #contactFormModal .form-label {
      padding: 0px;
      padding-left: 7px;
      color: #000;
  }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #soliloquy-container-135{
      height: auto !important;
    }
  }

  @media (max-width: 1023px) and (min-width:768px){
    .floorplan-listing-table.table tbody{
      display: flex;
      flex-wrap: wrap;
    }
    .floorplan-listing-table.table tr{
      padding: 0 10px;
      width: 50%;
    }

    .floorplan-listing-table.table tr:nth-child(2n+1){
      border-right: 1px solid rgba(51, 51, 51, 0.17);
    }

    .floorplan-listing-table.table tr:nth-child(2){
      margin-top: 3px;
      border-top: 1px solid rgba(51, 51, 51, 0.17);
    }
    .floorplan-listing-table.table td::before{
      width: 40%;
    }
  }

  @media (max-width: 1199px) and (min-width:1024px){
    .floorplan-listing-table.table>tbody>tr>td{
      font-size: 16px;
      padding: 15px 10px;
    }
    .floorplan-listing-table.table>thead>tr>th{
      font-size: 16px;
    }
    .blue-btn{
      font-size: 16px;
      padding: 3px 15px;
    }
  }


  @media (max-width: 1400px) and (min-width:1200px) {
    .floorplan-filter-container{
      padding-left: 60px;
      padding-right: 60px;
    }
  }

@media(max-width: 360px){
  .ham-menu ul li {
    font-size: 18px;
  }
}
/* Retail page styles */
.selectivo {
  background: transparent;
}
.selectivo__label:focus, .selectivo__option:focus {
  outline: 3px dotted #000 !important;
}
.selectivo__label, .selectivo__option {
  color: #ffffff;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 22px;
  -webkit-appearance: initial;
}
.selectivo__dropdown a:hover {
  text-decoration: none;
}
.selectivo__option:first-child {
  background: none;
}
.retail .floor-top-bg {
  background-image: url(images/retail/banner-new-retailpage.jpg);
  background-position: center bottom;
}
.retail .tab_content .top-cont {
  padding: 35px 100px 53px;
  color: #222222;
  text-align: center;
}
.retail .tab_content h2{
  font-family: "brandon-grotesque", sans-serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 3px;
  color: #222222;
}
.retail .tab_content .top-cont h2 {
  margin-bottom: 40px;
  text-transform: uppercase;
}
.retail .tab_content p{
  font-family: "brandon-grotesque", sans-serif;
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 1.8px;
  color: #222222;
}
.retail .retailer-blocks {
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}
.retail .retailer-blocks .retail-block {
  width: calc(33.3% - 13px);
  background-color: #f2f3f5;
  margin-bottom: 20px;
  margin-right: 20px;
}
.retail .retailer-blocks .retail-block:nth-child(3n) {
  margin-right: 0px;
}
.retail .retailer-blocks::after {
  content: "";
  flex: auto;
}
.retail .retailer-blocks .retail-block h2 {
  text-transform: capitalize;
  margin-bottom: 20px;
}
.retail .retailer-blocks .retail-block .retail-bg {
  height: 21vw;
  min-height: 200px;
}
.retail .retailer-blocks .retail-block .retail-cont {
  padding: 5px 30px 25px;
}
.retail-cont .specials {
  margin-top: 35px;
}
.retail .retailer-blocks .retail-block .retail-cont .specials h3 {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #5783aa;
  margin-bottom: 10px;
}
.retail .retail-pagination{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 40px 20px 50px;
}
.retail .retail-pagination .pag-btn {
  display: inline-block;
  width: 19px;
  height: 36px;
  background: url(images/retail/left.png) no-repeat center center;
  background-size: contain;
}
.retail .retail-pagination .pag-btn.disabled {
  cursor: default;
  pointer-events: none;
}
.retail .retail-pagination .pag-btn.pag-right {
  background: url(images/retail/right.png) no-repeat center center;
}
.retail-pagination p {
  margin: 0 20px;
}
.view_glry{
	display: block;
    font-weight: 500;
    text-transform: uppercase;
    background: #5683ac;
    border: 2px solid #5683ac;
    padding: 7px 20px;
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}
.retailer_glry_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(71,118,162,0.8);
    z-index: 9;
    padding: 70px 70px;
    opacity: 0;
}
.retailer_glry_popup h3{
    position: absolute;
    top: 25px;
    margin: 0;
    max-width: calc(100% - 61px);
}
.retailer_grly{
  position: relative;
}
.retailer_grly, .retailer_grly .flex-viewport, .retailer_grly .slides, .retailer_grly .slides li, .retailer_grly .retail_slide {
    height: 100%;
}
.retailer_grly .retail_slide{
	display: flex;
	align-items: center;
	justify-content: center;
}
.retailer_grly .retail_slide img{
  max-height: 100%;
}
.retail_glry_close{
	border: 0;
	background: none;
	border-radius: 0;
	position: absolute;
	right: 0;
	top: 10px;
}
.retailer_glry_popup .flex-control-nav{
    text-align: center;
    left: 0;
    bottom: -45px;
}
.retailer_glry_popup .flex-direction-nav a{
    opacity: 1;
}
.retail-block .loader {
    margin: 10px 0;
    max-width: 24px;
}
.pgination_num{
  position: absolute;
  bottom: 30px;
  left: 0;
  width:100%;
  display: none;
  text-align: center;
  font-weight: bold;
}
body.post-type-archive-retail{
  overflow-x: hidden;
}
.retailer_grly .slides > li {display: none;}
.retailer_grly .slides > li:first-child {display: block;}
.ham-menu .mCSB_inside>.mCSB_container{
  margin-right: 0;
}
.ham-menu .mCSB_scrollTools_vertical{
  opacity: 0 !important;
}
.ham-menu .menu-toggle-menu-container{
  height: 100%;
}
@media (max-width: 1480px){
  .retail .tab_content p{
    font-size: 20px;
  }
}
@media (max-width: 1199px){
  .retail .tab_content p{
    font-size: 16px;
  }
}
@media (max-width: 1024px){
  .retail .retailer-blocks .retail-block {
    width: calc(33.3% - 14px);
  }
}
@media(max-width: 991px) {
  .retail .retailer-blocks .retail-block {
    width: calc(33.3% - 14px);
  }
  .retail .tab_content p{
    font-size: 20px;
  }
}
@media(max-width: 856px) {
  .retail .retailer-blocks .retail-block {
    width: calc(50% - 10px);
  }
  .retail .retailer-blocks .retail-block:nth-child(3n) {
    margin-right: 20px;
  }
  .retail .retailer-blocks .retail-block:nth-child(2n) {
    margin-right: 0;
  }
}
@media(min-width: 769px)  {
  .selectivo__dropdown {
    text-align: left;
  }
}
@media(max-width: 768px) {
    .retail .retailer-blocks .retail-block .retail-bg {
      height: 55vw;
    }
    .retail .retailer-blocks .retail-block .retail-cont .specials h3 {
      font-size: 26px;
    }
    .retail .retailer-blocks .retail-block:nth-child(3n),
    .retail .retailer-blocks .retail-block{
      margin-right: 0;
    }
    .retail .floorplans-hero {
      height: 390px;      
    } 
    .retail .floorplans-hero h1 {
      width: 500px;
    }  
    .retail-cont .specials {
      margin-top: 30px;
    } 
/*    .retail .floor-top-bg {
      background-image: url(images/retail/retail-mob.jpg);
      background-position: top right -80px;
    }
*/    .retail .tab_content .top-cont {
      padding: 35px 50px 45px;
    }
    .retail .retailer-blocks .retail-block .retail-cont .specials  {
      margin-bottom: 15px;
    }
    .retail .retailer-blocks .retail-block {
      width: 100%;
      margin-bottom: 15px;
    }
    .retail .retailer-blocks .retail-block .retail-cont {
      padding: 5px 30px 25px;
    }
    .retail .retailer-blocks .retail-block .retail-cont h2 {
      margin-bottom: 25px;
    }
    .retail .retail-pagination {
      padding: 20px 20px 30px;
    }
    .retail .tab_content .top-cont h2 {
      margin-bottom: 30px;
    }
    .selectivo__label {
      background: url(images/retail/darrow.png) no-repeat right 15px center;;
    }
    .retail .floorplan-searchbox.double-line-title::before,
    .retail .floorplan-searchbox.double-line-title::after{
      display: block;
    }
    .selectivo > button,
    .selectivo__dropdown button,
    .selectivo__dropdown a {
      padding: 13px 0;
      line-height: 22px;
      text-decoration: none;
    }
    .selectivo {
      width: calc(100%);
      /* margin: 30px; */
    }
    .selectivo__label, .selectivo__option,
    .selectivo > button,
    .selectivo__dropdown {
      color:  rgba(171, 79, 48, 0.9);
      background-color: #ffffff;
    }
    .selectivo__dropdown{
      top: auto;
    }
    .selectivo__label, .selectivo__dropdown{
      border: 1px solid #ab573b;
    }
    .selectivo__dropdown a:focus,
    .selectivo__dropdown a:hover,
    .selectivo__dropdown a:active,
    .selectivo__dropdown a.selectivo__option--selected {
      background-color:  #ab573b;
      color: #ffffff;
      text-decoration: none;
    }
    .retailer_glry_popup{
      padding: 70px 4vw;
    }
    .retailer_glry_popup h3{
      top: 20px;
    }
    .retail_glry_close img{
      max-width: 16px;
    }
    .pgination_num{
      display: block
    }
    .retailer_glry_popup .flex-control-nav{
      display:none;
    }
}
@media (max-width: 640px){
  .retail .tab_content p{
    font-size: 18px;
  }
}
@media(min-width: 769px){
    .selectivo__option:first-child {
      background: none;
    }
    .selectivo__label {
      display: none !important;
    }
    .selectivo {
      display: block;
      padding: 30px 0 0 6vw;
    }
    .selectivo__label, .selectivo__option {
      display: inline-block;
      width: auto;
    }
    .selectivo__option:focus,
    .selectivo__option:hover,
    .selectivo__option.selectivo__option--selected {
      background: #fff;
      color: rgba(171, 79, 48, 0.9);
      text-decoration: none;
    }
    .selectivo__option {
      margin-right: 30px;
    }
    .retail-selectivo .selectivo__dropdown {
      display: block !important;
    }
    .retail-selectivo .selectivo__dropdown {
      background: transparent;
      border: none;
      position: relative;
    }
    .selectivo__dropdown a,
    .selectivo__dropdown button {
      width: 275px;
      border: 1px solid #fff;
      padding: 10px 0;
      text-align: center;
      margin-bottom: 30px;
    }
}
.call-us-cnt {
  display: inline-block;
}

/* ADA fixes */
.skip-nav {
  background-color: #000000;
  background: #000000;
  color: #fff !important;
  text-decoration: none !important;
  left: 0;
  padding: 1rem 1.5rem;
  position: absolute;
  top: -4.2rem;
  z-index: 99999;
  font-size: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.skip-nav:focus {
  background: #000000;
  left: 0;
  outline: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:focus,input:focus,button:focus, select:focus, textarea:focus,.hywrap select:focus, .hywrap textarea:focus, .check-type-bedroom:focus { 
  outline:transparent dashed 3px;
  outline-offset: 1px;
}
.using-keytab a:focus,.using-keytab button:focus,.using-keytab *:focus, .check-type-bedroom:focus {
  outline-color: #000000 !important;
}
.hywrap input:focus, .hywrap button:focus, .hywrap textarea:focus,
.check-type-bedroom input:focus + label,
.addthis_button_compact:focus { 
  outline: #000 dashed 3px !important;;
}
.check-type-bedroom:focus,
.addthis_button_compact:focus {
  outline: 1px solid #000000 !important;
}
.mfp-close {
  cursor: pointer !important;
  width: 44px !important;
  height: 44px;
}
.no-display-read {
  height: 0;
  overflow: hidden;
  margin: 0;
}
.fp-selectivo {
  padding: 0;
}
.fp-selectivo button {
  border: transparent;
  margin-bottom: 0;
  padding: 2px 10px 2px 8px;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  width: 100%;
  line-height: 1.428571429;
  text-transform: capitalize;
  text-align: left;
  white-space: normal;
}
.fp-selectivo .selectivo__option[aria-selected='true'] {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
}
.fp-selectivo .selectivo__label {
  height: 40px;
  padding: 7px 10px;
  padding-left: 0;
  border-bottom: 1px solid rgba(255,255,255,0.6);
  box-shadow: none;
  border-radius: 0;
  font-size: 20px;
  color: rgba(255,255,255,0.3);
  font-weight: 700;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow: none;
  display: block !important;
  background: transparent;
}
.fp-selectivo .selectivo__label:hover {
  background: transparent;
  color:  rgba(255,255,255,0.3);
}
.fp-selectivo .caret {
  width: 8px;
  height: 12px;
  background: url(images/press-awards/caret.svg);
  border: 0;
  top: 13px;
  right: 0;
  position: absolute;
  z-index: 99999;
  cursor: pointer ;
}
.fp-selectivo button:hover {
  background: #999;
  color: #fff;
}
.fp-selectivo .selectivo__dropdown {
  z-index: 100;
  position: absolute;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  max-height: 150px;
  overflow-y: scroll;
  padding: 0px;
}
@media screen and (min-width: 768px) {
  .fp-selectivo .selectivo__dropdown {
    margin-top: 46px; 
  }
}
.fp-selectivo .selectivo__dropdown::-webkit-scrollbar {
  width: 8px;
}
 
.fp-selectivo .selectivo__dropdown::-webkit-scrollbar-track {
  background: transparent;
  z-index: 99 !important;
}
 
.fp-selectivo .selectivo__dropdown::-webkit-scrollbar-thumb {
  background-color: #7c7c7c;
  outline: 1px solid #7c7c7c;
  border-radius: 15px;
  z-index: 99;
}
.play-pause-btn {
    position: absolute;
    z-index: 9;
    right: 50px;
    bottom: 43px;
}
@media screen and (max-width: 900px) {
    .play-pause-btn {
        right: 25px;
        bottom: 17px;
    }
    .play-pause-btn button {
        width: 40px !important;
    }
}
.play-pause-btn button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    width: 54px;
    height: 54px;
    margin-left: 18px;
    cursor: pointer;
    position: relative;
    background: transparent;
}
.play-pause-btn button:before, 
.play-pause-btn button:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.play-pause-btn button:before {
    background: url('./images/pause-icon.svg') no-repeat center center;
    background-size: contain;
}
.play-pause-btn button:after {
    background: url('./images/play-icon.svg') no-repeat center center;
    background-size: contain;
}
.play-pause-btn button.mt_play:after {
    opacity: 0;
}
.play-pause-btn button.mt_pause:before {
    opacity: 0;
}
.gallery-category {
  position: relative;
}
.gallery-category .play-pause-btn {
  right: 96px;
  bottom: 8px;
}
@media screen and (max-width: 767px) {
  .gallery-category .play-pause-btn {
    bottom: 97px;
  }
}
.home-caption .collapse-wrap a {
  float: right;
  width: 100%;
}
.home-caption .collapse-wrap a span:focus {
  outline: 2px dotted #000;
  outline-color: #000;
}
.why-half-text a {
  border-bottom: 1px solid transparent;
}
.selectivo.sort-container {
  padding-left: 0;
}
.selectivo.sort-container .selectivo__label {
  display: block !important;
  color: #393939;
  font-size: 22px;
  padding-left: 0;
  font-family: "brandon-grotesque", sans-serif;
  border: none;
  border-bottom: 1px solid #979797;
  height: 50px;
  font-weight: 700;
  width: 100%;
  text-align: left;
  text-transform: capitalize;
  background: transparent;
  line-height: 7px;
}
.selectivo.sort-container .caret {
  background: url('./images/press-awards/red-caret.svg');
  width: 8px;
  height: 12px;
  border: 0;
  top: 83px;
  right: 17px;
  position: absolute;
  content: "";
  cursor: pointer;
}
.selectivo.sort-container .selectivo__dropdown {
  top: 118px;
}
.selectivo.sort-container .selectivo__dropdown button {
  width: 99%;
  padding: 0;
  margin: 0;
  color: #000;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  padding: 8px;
  text-transform: capitalize;
  margin: 3px;
}
.selectivo.sort-container .selectivo__dropdown button:hover {
  background: #999;
  color: #fff;
}
.selectivo.sort-container .selectivo__dropdown button.selectivo__option--selected {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
}

.osano-cm-widget {
  display: none;
}
.osano-cm-disclosure__toggle {
  color: #000 ;
}
.osano-cm-disclosure__toggle:hover {
  color: #000 ;
  text-decoration: underline !important;
}

.osano-cm-link {
  color: #000 ;
}
.osano-cm-link:hover {
  color: #000 ;
  text-decoration: underline !important;
}
.osano-cm-info-dialog-header__header {
    font-family: inherit ;
}
.osano-cm-description p{
    font-family: inherit ;
    font-size: 12px ;
    line-height: inherit;
}
.osano-cm-description {
    font-family: inherit ;
}
.osano-cm-drawer-toggle .osano-cm-label{
 font-weight: 400;
}

/* Specials PopUp Styles */
#specialsPopup {
  /* width: [width][width_measure]; */
  padding: 15px;
  font-family: 'BrandonGrotesqueWeb-Medium', Sans-Serif;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #000;
}

.specialsPopupWrap{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  overflow: auto;
  z-index: 20;
}

.specialsPopupWrap.hidden{
  opacity: 0;
  visibility: hidden;
}

.ppsPopupShell{
  position: relative;
}

.specialsPopupClose{
  position: absolute;
  right: 20px;
  top: 20px;
}

#specialsPopup, #specialsPopup * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing:    content-box;
  box-sizing:         content-box;
}
#specialsPopup p {
  margin: 2px 0;
}
#specialsPopup .ppsInnerTblContent {
  height: 100%;
  border: 8px solid #e8e8e8;
  border-radius: 0px;
  padding: 40px;
  background-color: #fff;
  text-align: center;
}
.popup-title h2 {
color: #3f85b6;
font-family: 'BrandonGrotesqueWeb-Bold', sans-serif;
font-size: 50px;
line-height: 1.1;

}
.popup-title h3 {
color: #9b9b9b;
color: #3f85b6;
font-family: 'BrandonGrotesqueWeb-Medium', Sans-Serif;
text-transform: uppercase;
font-size: 30px;
line-height: 1.2;
}
.popup-italic {
  font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
  font-style: italic;
}
.ppsInnerTblContent button {
  text-transform: uppercase;
  padding: 15px 15px 13px;
  margin: 20px;
  background: #AC4F30;
  color:#fff;
  border: none;
}
.ppsInnerTblContent button:hover {
  background: #AC4F30;
}
#ppsPopupShell .ppsPopupClose {
  top: 35px !important;
  right: 35px !important;
  width: 16px !important;
  height: 16px !important;
    background-image: url(wp-content/themes/dranoff_777southbroad/images/close.png) !important;
  background-size: contain;
color: #000;
}

.ppsPopupClose_{
text-decoration: none;
color: #000;
}

/* Fee updates */

.floorplan-listing-table.table>tbody>tr>td .price{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 165px;
}
@media only screen and (max-width: 767px) {
  .floorplan-listing-table.table>tbody>tr>td .price{
  display: block;
  font-size: 18px;
}
}

.floor-plans .detail-calculator-wrap .rfwa-fee-calculator {
  width: 100% !important;
  height: auto;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px; }
  .floor-plans .detail-calculator-wrap .rfwa-fee-calculator:hover{
    text-decoration: none;
  }
  .floor-plans .detail-calculator-wrap .rfwa-fee-calculator::before {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    position: relative;
    top: 7px; }
    @media only screen and (max-width: 991.8px) {
      .floor-plans .rfwa-fee-calculator::before {
        top: 7px; } }
  .floor-plans .fp-content-wrap .fp-info .unit_details.price {
    margin: 0px;
    color: #333; }
    .floor-plans .fp-content-wrap .fp-info .unit_details.price {
      font-size: calc(28px + strip-unit(8px) * ((100vw - 750px) / strip-unit(1170px))); }
    .floor-plans .fp-content-wrap .fp-info .unit_details.price {
      line-height: calc(40px + strip-unit(16px) * ((100vw - 750px) / strip-unit(1170px))); }
.floor-plans .fp-detail-list .fp_details_tmlp {
  font-weight: 600; }
.floor-plans .total_fee_disclaimer {
  margin-top: 20px; 
  color: #333333;
  font-size: 15px;}

.floor-plans .expense-display .rfwa-expense-guide-container {
  padding-top: 20px; }

.expense-display .rfwa-expense-guide-container {
  position: relative;
  z-index: 0; }
  .expense-display .rfwa-expense-guide-container h2 {
    color: #193d5b;
    font-size: 32px; }
  .expense-display .rfwa-expense-guide-container p {
    color: #333; }
  .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-header .rfwa-group-title {
    color: #333; }
  .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-header .rfwa-accordion-icon::before {
    border-color: #333; }
  .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-expense-type-badge {
    font-size: 12px;
    line-height: 1.2;
    text-transform: none; }
  .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-expense-type-required {
    background-color: #193d5b;
    color: #fff;
    border-color: #193d5b; }
  .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-expense-type-optional,
  .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-expense-type-situational {
    background-color: transparent;
    color: #193d5b;
    border-color: #193d5b; }
  .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-group-description {
    color: #333; }
  .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list th {
    font-weight: 700; }
  .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list td .rfwa-expense-details {
    font-weight: 400; }
  .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list th,
  .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list td {
    color: #333; }
    .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list th div,
    .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list th span,
    .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list td div,
    .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list td span {
      color: #333;
 }
    .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list th .Required,
    .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list td .Required {
      background-color: #193d5b;
      color: #fff;
      border-color: #193d5b;
 }
    .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list th .Optional,
    .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list th .Situational,
    .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list td .Optional,
    .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list td .Situational {
      background-color: transparent;
      color: #193d5b;
      border-color: #193d5b;
 }
    @media (min-width: 1201px) {
      .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list th:first-child,
      .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list td:first-child {
        width: 40%; } }
    @media (min-width: 1201px) {
      .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list th:nth-child(4),
      .expense-display .rfwa-expense-guide-container .rfwa-expense-accordion .rfwa-accordion-item .rfwa-accordion-content .rfwa-expense-list td:nth-child(4) {
        width: 15%; } }
  .expense-display .rfwa-expense-guide-container .rfwa-expense-footer {
    color: #333;
    padding-bottom: 32px; }
  .expense-display .rfwa-expense-guide-container .rfwa-export-link {
    margin-bottom: 20px;
    text-align: right;
    position: relative; }
    .expense-display .rfwa-expense-guide-container .rfwa-export-link .rfwa-export-pdf-link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: #333;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      transition: all 0.2s ease; }
      .expense-display .rfwa-expense-guide-container .rfwa-export-link .rfwa-export-pdf-link .rfwa-pdf-icon {
        flex-shrink: 0;
        color: #e74c3c; }

#rfwa-disclaimer-popup .rfwa-disclaimer-content {
  font-weight: 400; }