@font-face {
  font-family: "sonder_slabblack_rough";
  src: url("fonts/sonderslab-blackrough-webfont.woff2") format("woff2"),
    url("fonts/sonderslab-blackrough-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "sonder_slabblack";
  /* src: url('fonts/sonderslab-black-webfont.eot'); */
  src: url("fonts/sonderslab-black-webfont.woff2") format("woff2"),
    url("fonts/sonderslab-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "sonder_sansblack_rough";

  src: url("fonts/sondersans-blackrough-webfont.woff2") format("woff2"),
    url("fonts/sondersans-blackrough-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "sonder_sansblack";
  src: url("fonts/sondersans-black-webfont.woff2") format("woff2"),
    url("fonts/sondersans-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "freight_text_probook_italic";
  src: url("fonts/freighttextpro-bookitalic-webfont.eot");
  src: url("fonts/freighttextpro-bookitalic-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/freighttextpro-bookitalic-webfont.woff2") format("woff2"),
    url("fonts/freighttextpro-bookitalic-webfont.woff") format("woff"),
    url("fonts/freighttextpro-bookitalic-webfont.ttf") format("truetype"),
    url("fonts/freighttextpro-bookitalic-webfont.svg#freight_text_probook_italic")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "freight_text_probook";
  src: url("fonts/freighttextpro-book-webfont.eot");
  src: url("fonts/freighttextpro-book-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/freighttextpro-book-webfont.woff2") format("woff2"),
    url("fonts/freighttextpro-book-webfont.woff") format("woff"),
    url("fonts/freighttextpro-book-webfont.ttf") format("truetype"),
    url("fonts/freighttextpro-book-webfont.svg#freight_text_probook")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



* {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
html,
body {
  height: 100%;
  font-weight: 400;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle; /*width: auto\9;*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: normal;
}
a,
button {
  outline: none;
  color: #31302e;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a:hover,
button:hover {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
input {
  outline: none;
}
ul li {
  list-style-type: none;
}
sup {
  font-size: 0.7em;
  vertical-align: super;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
}
.skip-nav {
  background: transparent;
  color: #000;
  left: 0;
  padding: 1rem 1.5rem;
  position: absolute;
  top: -4.2rem;
  -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,
.skip-nav:active {
  background: #d88d2a;
  left: 0;
  outline: 0;
  position: fixed;
  top: 0;
  z-index: 999;
  -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,
#artist_slider_scroll #mCSB_2:focus,
#hamburger_menu:focus {
  outline: 2px dotted #fff !important;
  outline-offset: 1px !important;
}

/*................................................
    COMMON CSS CLASSES
.................................................*/
#wrapper {
  *zoom: 1;
  position: relative;
  float: left;
  width: 100%;
}
.flt_lft {
  float: left;
}
.flt_rt {
  float: right;
}
.clear {
  clear: both;
}
.rel {
  position: relative;
}
.aln-lt {
  text-align: left;
}
.aln-rt {
  text-align: right;
}
.aln-ctr {
  text-align: center;
  margin: 0 auto;
}
.mob-only {
  display: none;
}
.no-link {
  cursor: default;
}
.no_opacity {
  opacity: 0;
}
.disable_link {
  cursor: default !important;
  pointer-events: none !important;
}

body {
  overflow-x: hidden;
  display: block;
  max-width: 100%;
  font-size: 21px;
  line-height: 32px;
  font-family: "freight_text_probook";
  color: #31302e;
}
.main_wrapper {
  position: relative;
  float: left;
  min-height: 100%;
  width: 100%;
}
.inner_wrapper {
  position: relative;
  min-height: 100%;
  width: 100%;
  float: left;
  padding-top: 77px;
}
.mob_only {
  display: none;
}

.page_title {
  font-family: "sonder_sansblack_rough";
  font-size: 21px;
  line-height: 27px;
  letter-spacing: 2px;
  margin-bottom: 4px;
}
.hero_headline {
  font-family: "sonder_sansblack_rough";
  font-size: 137px;
  line-height: 122px;
}
.hero_sub_headline {
  font-family: "freight_text_probook";
  font-size: 27px;
  line-height: 45px;
}
.section_headline {
  font-family: "sonder_sansblack_rough";
  font-size: 47px;
  line-height: 59px;
  letter-spacing: 2px;
}
.specials_case {
  font-family: "sonder_sansblack_rough";
  font-size: 17px;
  line-height: 21px;
}
.btn {
  font-family: "sonder_sansblack_rough";
  font-size: 15px;
  letter-spacing: 3.6px;
}
.btn_A {
  display: block;
  color: #d88d2a;
  width: 300px;
  border: 2px solid #d88d2a;
  text-align: center;
  background: transparent;
}
.btn_A:hover {
  color: #e3ded6;
  background-color: #d88d2a;
}
.btn_B {
  display: block;
  width: 100%;
  background-color: #a21b03;
  color: #fffbf4;
  position: relative;
  height: 40px;
  line-height: 43px;
  padding: 0 55px;
}
.btn_B:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 87px;
  height: 18px;
  background: url(images/combined-shape.svg) no-repeat center center;
  background-size: 100% auto;
  transform: translateY(-50%) scale(1, 1);
  transform-origin: right center;
}
.btn_B:hover:after,
.btn_D:hover:after {
  transform: translateY(-50%) scale(1.1, 0.9);
}
.btn_C {
  background-color: #a21b03;
  width: 100%;
  padding: 15px 0 11px;
  text-align: center;
  color: #fffbf4;
  height: 40px;
  line-height: 43px;
  padding: 0 55px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn_C:hover {
  background-color: #31302e;
}
.btn_D {
  padding-right: 115px;
  position: relative;
}
.btn_D:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 87px;
  height: 18px;
  background: url("images/arrow.svg") no-repeat center center;
  background-size: 100% auto;
  transform: translateY(-50%) scale(1, 1);
  transform-origin: right center;
}
.bullets {
  font-family: "freight_text_probook";
  font-size: 24px;
  line-height: 46px;
}
.designer_name {
  font-family: "freight_text_probook";
  font-size: 28px;
}
.company_title {
  font-family: "sonder_sansblack_rough";
  font-size: 14px;
  letter-spacing: 2px;
}
/*=====================================================
HEADER STYLES
======================================================*/

header {
  position: fixed;
  display: block;
  width: 100%;
  padding: 23px 55px 18px;
  background-color: #31302e; /*-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;*/
  clear: both;
  line-height: 1;
  z-index: 17;
  float: left;
  height: 77px;
}
.nav {
  margin-top: 4px;
}
.nav ul,
#hamburger_menu {
  display: inline-block;
  vertical-align: middle;
}
.nav ul {
  margin-top: -4px;
}
.menu_icon_wrap {
  width: 32px;
  margin-left: 28px;
  cursor: pointer;
  height: 30px;
}
.menu_icon,
.menu_icon:before,
.menu_icon:after {
  display: block;
  position: relative;
  height: 5px;
  width: 100%;
  background-color: #a21b03;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.nav ul li {
  list-style: none;
  display: inline-block;
  margin-left: 20px;
}
.nav ul li a {
  color: #e3ddd2;
  font-size: 16px;
  font-weight: 900;
  line-height: 29px;
  letter-spacing: 2px;
  font-family: "sonder_sansblack";
}
.nav ul li.take_tour a {
  color: #d9912b;
}
body.menu-opened .menu_icon,
body.menu-opened .menu_icon:after,
.bio_close .menu_icon,
.bio_close .menu_icon:after {
  height: 4px;
  background-color: #a21b03;
  top: 11px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.menu-opened .menu_icon:after,
.bio_close .menu_icon:after {
  top: -5px;
  left: 0px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
body.menu-opened .menu_icon:before,
.bio_close .menu_icon:before {
  background: none;
}
body.menu-opened .menu_icon_wrap {
  z-index: 7;
  position: relative;
}
.menu_icon {
  top: 0px;
}
.menu_icon:before,
.menu_icon:after {
  content: "";
}
.menu_icon:before {
  top: 9px;
}
.menu_icon:after {
  top: 13px;
}
#nav_menu {
  display: none;
  position: absolute;
  width: 100%;
  top: 77px;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #a21b03;
  height: 90vh;
}
.nav-wrapper #nav_scroll {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  list-style: none;
}
#nav_menu ul li a {
  color: #fffbf4;
  font-family: "sonder_sansblack";
  font-size: 47px;
  font-weight: 900;
  line-height: 75px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/*.social-media a:nth-child(2){margin: 0 20px;}*/
.nav-wrapper {
  position: relative;
  height: 100%;
  text-align: center;
}
.mCSB_inside > .mCSB_container {
  margin-right: 0 !important;
}
#nav_menu ul li a:hover,
#nav_menu ul li.current-menu-item > a,
#nav_menu ul li.current-page-ancestor > a {
  color: #31302e;
}
.nav ul li a:hover,
.nav ul li.current-menu-item > a,
.nav ul li.current-page-ancestor > a {
  color: #e55941;
}
/*menu edits*/
#menu_logo {
  display: inline-block;
  width: 30vw;
  margin-bottom: 75px;
  margin-top: 50px;
}
.primary_menu,
.secondary_menu {
  max-width: 1200px;
  width: 67%;
  margin: 0 auto;
  display: table;
}
#nav_menu .primary_menu ul {
  width: calc(50% - 41px);
  float: left;
  text-align: left;
  padding-left: 75px;
}
.secondary_menu {
  text-align: left;
  position: relative;
  margin-top: 68px;
  margin-bottom: 40px;
}
.secondary_menu li {
  width: calc(50% - 41px);
  float: left;
  border: 1px solid #e3ddd2;
  padding-left: 75px;
  border-left: 0;
}
#nav_menu .secondary_menu ul li a {
  font-size: 28px;
}
.secondary_menu li:nth-child(1),
.secondary_menu li:nth-child(2),
header .social-media a:nth-child(1) {
  border-bottom: 0;
}
header .social-media {
  position: absolute;
  right: 0;
  top: 0;
  width: 82px;
}
header .social-media a {
  border: 1px solid #e3ddd2;
  display: block;
  width: 82px;
  line-height: 75px;
  text-align: center;
  margin: 0;
  border-left: 0;
  border-right: 0;
}
header .social-media a:nth-child(1) img {
  margin-top: -7px;
}
header .social-media a:nth-child(2) img {
  margin-top: -9px;
}
#nav_menu .secondary_menu ul li a,
header .social-media a {
  line-height: 68px;
}
.secondary_menu li,
header .social-media a {
  padding-top: 5px;
}
header #mCSB_1_scrollbar_vertical {
  opacity: 0;
}
#nav_menu .primary_menu .ham-vt ul {
  display: none;
  width: 100%;
  padding-left: 0;
}
#nav_menu .primary_menu .ham-vt ul a {
  font-size: 34px;
  line-height: 58.46px;
}
.ham-vt > a {
  cursor: pointer;
  padding-right: 33px;
}

/*=====================================================
FOOTER STYLES
======================================================*/
footer {
  width: 100%;
  float: left;
  position: relative;
}
#footer {
  background-color: #201f1e;
  padding: 90px 50px 27px;
  color: #e3ddd2;
}
.copyright {
  text-align: center;
  padding-bottom: 2px;
  width: 400px;
  line-height: 1.3;
}
.copyright ul li a,
.copyright ul li {
  font-size: 14px;
  line-height: 0.8;
  color: #e3ddd2;
}
.copyright ul li:not(:last-child) {
  border-right: 1px solid;
  padding-right: 10px;
  margin-right: 5px;
}
.footer-wrapper {
  display: table;
  width: 100%;
  margin-top: -80px;
  table-layout: fixed;
}
.left-content,
.ahaedo,
.copyright {
  display: table-cell;
  vertical-align: bottom;
}
.footer-wrapper ul li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}
.left-content {
  margin-top: -64px;
}
.address a span {
  color: #fffbf4;
  font-size: 18px;
  line-height: 34px;
}
.address a span.footer-content {
  display: inline-block;
}
footer .social-media {
  margin-top: 23px;
  display: block;
}
.ahaedo {
  text-align: right;
}
.ahaedo ul li {
  margin-left: 15px;
}
.ahaedo li a {
  display: inline-block;
}
.ahaedo li:last-child img {
  height: 19px;
  width: auto;
}
.ahaedo li:nth-child(3) {
  padding-top: 5px;
}
.ahaedo li:last-child {
  padding-top: 10px;
}
#sub_footer {
  padding: 60px 32px 40px;
  background-color: #fffbf4;
}
.head-wrapper {
  text-align: center;
}
#sub_footer h3 {
  color: #a21b03;
  font-size: 47px;
  letter-spacing: 3px;
  font-family: "sonder_sansblack";
  display: inline-block;
  vertical-align: middle;
}
#sub_footer h6 {
  color: #31302e;
  font-weight: 900;
  line-height: 29px;
  font-family: "sonder_sansblack";
  letter-spacing: 3px;
  margin-top: 30px;
}
#sub_footer form {
  max-width: 76vw;
  margin: 25px auto 0;
}
.form-input {
  width: 22.6vw;
  float: left;
  position: relative;
}
.form-input input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #31302e;
  color: #9b978f;
  letter-spacing: 1px;
  font-size: 17px;
  font-weight: 900;
  text-transform: uppercase;
  font-family: "sonder_sansblack";
  padding-bottom: 5px;
  background: transparent;
  border-radius: 0;
}
.form-input input::-moz-placeholder {
  color: #9b978f;
}
.form-input input::-webkit-input-placeholder {
  color: #9b978f;
}
.form-input input:-moz-placeholder {
  color: #9b978f;
}
.form-input input:-ms-input-placeholder {
  color: #9b978f;
}
.form-input:nth-child(2) {
  margin: 0 5.3%;
}
#sub_footer input[type="submit"] {
  cursor: pointer;
  background-color: #a21b03;
  width: 100%;
  padding: 15px 0 11px;
  text-align: center;
  margin: 40px 0 57px;
  color: #fffbf4;
  font-weight: 900;
  line-height: 30px;
  text-transform: uppercase;
  font-family: "sonder_sansblack";
  letter-spacing: 3px;
  font-size: 21px;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#sub_footer input[type="submit"]:hover {
  background-color: #31302e;
}
.separator:before,
.separator:after {
  content: "";
  width: 100%;
  border-top: 1px solid #31302e;
  display: block;
}
.separator:after {
  margin-top: 7px;
}
.side-separators {
  width: 36.9vw;
  vertical-align: middle;
  float: left;
  margin-top: 14px;
}
.side-separators:last-child {
  float: right;
}
.update-confirm-message {
  text-align: center;
  font-family: "sonder_sansblack";
  display: block;
  margin: auto;
  height: 214px;
  line-height: 214px;
  font-size: 18px;
}
.content_wrapper .hywrap #form-success {
  height: 496px;
  background-color: transparent !important;
  display: table;
  width: 100%;
}
.hywrap #form-success .ss-msg {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  font-family: "freight_text_probook";
}
footer .social-media a {
  margin-right: 20px;
}
footer .social-media a:last-of-type {
  margin-right: 0;
}
/*................................................
    BODY
.................................................*/
#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 16;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fffbf4;
}
#loader img,
#loader .loader_compass {
  width: 10%;
  min-width: 40px;
  max-width: 75px;
}
#loader .loader_compass img {
  width: 100%;
}
#loader .loader_compass svg {
  width: 100%;
  height: 100%;
}
#loader .compass_needle {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 50% 50%;
  animation: needle_anim 1.5s linear alternate infinite;
  -webkit-animation: needle_anim 1.5s linear alternate infinite;
  -moz-animation: needle_anim 1.5s linear alternate infinite;
  -o-animation: needle_anim 1.5s linear alternate infinite;
}
.loader_compass {
  position: relative;
}
@keyframes needle_anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(100deg);
  }
}
@-webkit-keyframes needle_anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
  }
}
@-moz-keyframes needle_anim {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(100deg);
    transform: rotate(100deg);
  }
}
@-o-keyframes needle_anim {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(100deg);
    transform: rotate(100deg);
  }
}
@-ms-keyframes needle_anim {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);
  }
}

.progress_bar_wrap {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 46px;
  padding-top: 1px;
  z-index: 15;
  background: #fffbf4;
  font-family: "sonder_sansblack";
  font-size: 18px;
  pointer-events: none;
}
.progress_bar_wrap .pgrs_bar_sec {
  position: relative;
  width: 80%;
  height: 100%;
  border-top: 1px solid #31302e;
  float: right;
  opacity: 0.6;
}
.progress_bar_wrap .pgrs_bar_sec:last-child {
  border-bottom: 1px solid #31302e;
}
.progress_bar_wrap .pgrs_bar_sec span {
  border-bottom: 1px solid #31302e;
  width: 51%;
  display: block;
  height: 25%;
  float: right;
  clear: both;
}
.progress_bar_wrap .pgrs_bar_sec span:last-child {
  border-bottom: 0;
}
.progress_bar_wrap .pgrs_bar_sec span.section_title {
  border: 0;
  position: absolute;
  right: 36%;
  top: 0;
  height: 100%;
  width: auto;
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-rl;
  text-align: left;
  padding-top: 8px;
  display: none;
}
#progress_bar,
#progress_bar_top {
  width: 10px;
  height: 10%;
  background: #d9912b;
  position: absolute;
  top: 1px;
  right: 0;
}
#progress_bar_top {
  height: 1px;
  top: 0px;
}

/*......home......*/
#home .hero_section {
  position: relative;
  z-index: 0;
  display: flex;
  width: 100%;
  margin-top: 76px;
  height: calc(100vh - 76px);
  color: #fffbf4;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
}
#home .hero_section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(49, 48, 46, 0.63);
  z-index: -1;
}
.h_hero_headline {
  max-width: 1248px;
  width: 65vw;
}
.h_hero_headline img {
  width: 100%;
}
#home .hero_sub_headline {
  max-width: 700px;
  margin-top: 0;
}
.hero_dwn_arrow {
  font-family: "sonder_sansblack";
  font-size: 15px;
  letter-spacing: 2.25px;
  color: #e3ddd2;
  text-transform: uppercase;
  position: absolute;
  bottom: 7vh;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.hero_dwn_arrow img {
  width: 2vw;
  max-width: 50px;
  min-width: 30px;
  display: block;
  margin: 0 auto;
}

.h_intro_section {
  position: relative;
  z-index: 0;
  text-align: right;
}
.h_intro_bg,
.h_courtyard_bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.h_intro_bg > div,
.h_courtyard_bg > div {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.h_courtyard_amenities .h_courtyard_bg {
  opacity: 0.55;
}
.h_intro_text {
  bottom: 0px;
  margin-top: 30vw;
  padding-bottom: 4vw;
  max-width: 719px;
  margin-right: 10vw;
  text-align: left;
  display: inline-block;
}
.h_intro_text h2 {
  font-size: 69px;
  line-height: 76px;
  margin-bottom: 12px;
  font-family: "sonder_sansblack_rough";
  letter-spacing: 3.53px;
  text-transform: none;
}
.h_image_sep {
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #fffbf4;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 46vw;
  width: calc(100% - 150px);
  margin: 0 auto 0;
}
.h_image_sep video,
.neigh_bg_video {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100%;
  object-fit: cover;
}
.h_intro_section .cloud,
.courtyard_wrap .cloud {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.h_intro_section .cloud > *,
.courtyard_wrap .cloud > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-attachment: fixed !important;
}

.courtyard_wrap {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
  background-color: #e3ddd2;
}
.content_box {
  max-width: 1150px;
  width: 61vw;
  margin-right: 75px;
  margin-top: 72px;
}
.content_img {
  width: 100%;
  height: 23vw;
}
.content_img.flexslider {
  margin: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.content_img .flex-viewport {
  width: 100%;
  height: 100%;
}
.content_img.flexslider .slides,
.content_img.flexslider .slides > li {
  height: 100%;
}
.content_img .flex-control-nav {
  width: auto;
  right: 12px;
  bottom: 5px;
}
.content_img .flex-control-paging li a {
  width: 14px;
  height: 14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 1px solid #fffbf4;
  background: transparent !important;
}
.content_img .flex-control-paging li a.flex-active {
  background: #fffbf4 !important;
}
.content_text {
  background-color: #fffbf4;
  padding: 25px 55px;
  position: relative;
  margin-top: -1px;
}
.content_box .section_headline {
  color: #a21b03;
  margin-bottom: 5px;
}
.text_sec {
  max-width: 925px;
  width: 90%;
}
.content_text .specials_case {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 0 36px;
}
.content_text .specials_case li {
  width: 50%;
  border-top: 1px solid #31302e;
  padding: 12px 10px;
  letter-spacing: 1.5px;
  font-family: "sonder_sansblack";
  text-transform: uppercase;
}
.content_text .specials_case li:nth-of-type(2n + 1) {
  border-right: 1px solid #31302e;
}
.content_text .specials_case li:nth-child(1),
.content_text .specials_case li:nth-child(2) {
  border-top: 0;
  padding-top: 0 !important;
}
.content_text .specials_case li:nth-last-of-type(1),
.content_text .specials_case li:nth-last-child(2) {
  padding-bottom: 0 !important;
}
.content_text .btn {
  padding: 0 55px;
}
.residence_conditions {
  position: absolute;
  right: 55px;
  text-transform: uppercase;
  font-size: 9px;
  bottom: 0;
  letter-spacing: 2px;
  font-family: "sonder_sansblack_rough";
}

.h_residences_box .content_text {
  background-color: #201f1e;
  color: #fffbf4;
}
.h_residences_box.content_box .page_title {
  color: #f2bc70;
}
.h_residences_box.content_box .section_headline {
  color: #e55941;
}
.h_residences_box .content_text .specials_case li {
  border-color: #fffbf4;
}

.courtyard_sep_quote {
  text-align: center;
  padding: 150px 0 50px;
}
.courtyard_sep_quote .section_headline,
.everett_quote .section_headline {
  font-size: 52px;
  line-height: 69px;
  max-width: 1240px;
  width: 90%;
  text-align: center;
  margin: 0 auto;
  color: #a21b03;
}
.q_author_name {
  font-family: "sonder_sansblack";
  font-size: 21px;
  line-height: 70px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.h_neighb_wrap .content_text,
#thankyou_page.inner_wrapper,
#error_page.inner_wrapper {
  background-color: #a21b03;
  color: #fffbf4;
}
.h_neighb_wrap .page_title,
.h_neighb_wrap .section_headline {
  color: #fffbf4;
}
.h_neighb_wrap .btn_B {
  background-color: #31302e;
  margin-bottom: 3vw;
}
.h_courtyard_bg2 .cloud_bg {
  transform: rotate(180deg);
}
#home .btn_A {
  margin-top: 15px;
  padding-top: 4px;
}
.quote_wrap {
  position: absolute;
  top: 54.5%;
  transform: translateY(-50%);
  width: 100%;
}
.award_banner {
  background-color: #a21b03;
  position: relative;
  margin: 5vh auto 3vh;
  padding: 0 22px;
  line-height: 28px;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 15px;
}
.award_banner:before,
.award_banner:after {
  content: "";
  position: absolute;
  left: -14px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-top: 20px solid #a21b03;
  border-bottom: 20px solid #a21b03;
}
.award_banner:after {
  transform: rotate(180deg);
  left: 100%;
}

/*=====================================================
CONTACT STYLES
======================================================*/
.banner_image {
  /*height: 750px;*/
  background-size: cover !important;
  position: relative;
  height: 39.1vw;
  display: flex;
  align-items: center;
  z-index: 1;
  width: 100%;
}
.overlap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #31302e;
  opacity: 0.63;
  z-index: -9999;
}
.heading {
  color: #ffffff; /*position: absolute;top: 50%;transform: translateY(-50%);*/
  margin-left: 15.5%;
}
#contact_page .hero_headline {
  margin-top: 30px;
  letter-spacing: 4px;
}
#contact_page .page_title {
  letter-spacing: 5px;
}
.col-2 img {
  width: 100%;
}
.directions {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #7f4c0a;
  display: block;
  color: #fff;
  font-family: "sonder_sansblack";
  font-size: 14px;
  font-weight: 900;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 3.64px;
  padding: 12px 8% 9px;
  transition: all 200ms ease-in-out;
}
.directions:hover:after {
  transform: scaleX(1.1) scaleY(0.9);
  transform-origin: right;
}
.directions:after {
  content: "";
  background-image: url(images/DoubleArrow-Tan.svg);
  background-repeat: no-repeat;
  width: 87px;
  height: 18px;
  position: absolute;
  top: 15px;
  right: 8%;
  transition: all 200ms ease-in-out;
  background-size: contain;
}
.content_wrapper {
  display: table;
  width: 100%;
}
.col-2:last-child {
  padding: 134px 7% 50px;
  width: 63%;
  display: table-cell;
  background-color: #a21b03;
}
.col-2:first-child {
  width: 37%;
  display: table-cell;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
}
#contact_page .col-2:first-child {
  background-size: auto 1740px;
}
.col-2:first-child img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 75px;
  height: 80px;
  margin: auto;
}
.col-2 h6 {
  color: #ffffff;
}
#contact_page .col-2 h2 {
  color: #ffffff;
}
.office-hrs {
  float: left;
  text-align: left;
}
.office-hrs ul {
  list-style: none;
  color: #fffbf4;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  text-transform: uppercase;
  font-family: "freight_text_probook";
  margin-top: 10px;
}
.control-group {
  position: relative;
}
#footer-form .error-msg {
  font-size: 0;
  position: absolute;
  right: 5px;
  width: 20px;
  height: 20px;
  background: url(images/contact/error.png) no-repeat;
  top: 2px;
  background-size: cover;
}
.contact-address {
  text-align: right;
  margin-top: 14px;
  color: #fffbf4;
  float: right;
  line-height: normal;
}

#contact_page .hywrap {
  margin-top: 30px !important;
  max-width: 100% !important;
  margin-bottom: 20px;
}
.hywrap .LV_invalid {
  font-size: 0;
  position: absolute;
  right: 15px;
  width: 20px;
  height: 20px;
  background: url(images/contact/error.png) no-repeat;
  top: 47px;
  background-size: cover;
}

.hywrap form {
  font-family: "sonder_sansblack";
  color: #31302e !important;
  background-color: transparent !important;
  font-size: 20px !important;
  letter-spacing: 1.5px;
}
.hywrap .control-group {
  margin-bottom: 10px !important;
}
.hywrap select,
.hywrap input[type="text"] {
  height: 48px !important;
}
.hywrap input[type="text"],
.hywrap textarea {
  padding: 13px 16px 12px !important;
  -webkit-appearance: none;
}
.hywrap select {
  padding: 7px 10px 7px !important;
}
.hywrap .radio {
  float: left;
  color: #31302e !important;
  padding: 8px 16px 9px 0 !important;
  -webkit-appearance: none;
  cursor: pointer;
}
#contact_page .hywrap textarea,
#contact_page .hywrap select,
#contact_page .hywrap input[type="text"],
#contact_page .hywrap .radio {
  color: #243849;
  font-family: "sonder_sansblack";
  font-size: 20px !important;
  border-color: #fff !important;
  margin-top: 0 !important;
  text-transform: uppercase;
  border-radius: 0px;
  background-color: #fff;
}
.hywrap .form-actions {
  padding: 15px 0px 0px 0px !important;
}
#contact_page .hywrap button {
  border-radius: 0px;
  color: #fffbf4 !important;
  font-size: 24px !important;
  font-weight: bold !important;
  border-width: 0px !important;
  background: #31302e !important;
  width: 100%;
  letter-spacing: 3px;
  padding: 16px 0 11px !important;
  font-family: "sonder_sansblack";
}
#more-info a {
  font-size: 15px;
  color: #fff !important;
}
.hywrap .radio input {
  cursor: pointer;
  vertical-align: text-top;
  margin-top: 3px !important;
}
.hywrap .top_align .control-label {
  font-family: "sonder_sansblack";
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
}
#contact_page .hywrap .name-fields li:first-child {
  margin-bottom: 10px;
}
#contact_page .hywrap .radio {
  background-color: transparent;
  font-size: 14px !important;
}
.hywrap .radio input {
  min-height: auto;
}

/*=====================================================
THANK YOU STYLES
======================================================*/
#thankyou_page h3 {
  color: #ffffff;
  font-family: "sonder_sansblack_rough";
  font-size: 55px;
  font-weight: 900;
  line-height: 125px;
  text-transform: uppercase;
}
#thankyou_page p {
  max-width: 910px;
  margin: 0 auto 70px;
}
#error_page p {
  max-width: 910px;
  margin: 0 15% 30px;
  padding-right: 145px;
}
#error_page h5,
#error_page h1 {
  max-width: 910px;
  margin: 0px 15% 30px;
}
#error_page h5 {
  font-family: "sonder_sansblack";
  letter-spacing: 5px;
}
#thankyou_page {
  padding: 75px 50px 0px;
  height: 100vh;
  display: table;
  min-height: 450px;
}
.thankyou-wrapper {
  display: table-cell;
  vertical-align: middle;
}
#thankyou_page .social-media a {
  margin-right: 30px;
}
#thankyou_page .social-media a:last-of-type {
  margin-right: 0;
}
#thankyou_page .social-media a:nth-child(2) img {
  width: 30px;
  height: 23px;
  vertical-align: bottom;
}
#thankyou_page .social-media a:first-child img {
  height: 28px;
  width: 14px;
  vertical-align: bottom;
}
#thankyou_page .social-media a:last-child img {
  width: 29px;
  height: 29px;
  vertical-align: bottom;
}
/*=====================================================
 404 STYLES
======================================================*/
#error_page {
  margin: 50px auto 0;
  padding: 75px 50px 50px;
  display: table;
  min-height: 500px;
  height: 95vh;
}
#error_page ul {
  border-top: 1px solid #fffbf4;
  margin: 30px 15% 0;
  padding-top: 20px;
  max-width: 1200px;
  text-align: center;
  overflow: hidden;
}
#error_page ul li {
  display: inline-block;
  padding: 0 4.4%;
  text-align: center;
}
#error_page ul li a {
  color: #ffffff;
  font-size: 27px;
  font-weight: 900;
  line-height: 45px;
  text-transform: uppercase;
  letter-spacing: 1.75px;
  font-family: "sonder_sansblack";
}
.conditions-text {
  margin: 80px 15% 0;
  font-size: 18px;
  max-width: 1200px;
  line-height: 1.6;
}
/*=====================================================
 STORY STYLES
 ======================================================*/
.fixed-wrap {
  z-index: 1;
  width: 100%;
}
#story_page {
  pointer-events: none;
}
#story_page .hero_headline,
#neighborhood .hero_headline {
  margin-top: 30px;
  margin-bottom: 10px;
}
#story_page .hero_sub_headline,
#neighborhood .hero_sub_headline {
  max-width: 800px;
  margin-right: 20px;
}
#story_page .col-2 {
  width: 50%;
}
/*#story_page .bio.col-2{pointer-events: all;}*/
#story_page .col-2 p {
  margin-top: 20px;
}
#story_page .top-section {
  z-index: 1;
  width: 100%;
}
#story_page .top-section .col-2 {
  height: calc(100vh - 76px);
  display: inline-block;
  position: relative;
  overflow: hidden;
  color: #fffbf4;
  padding: 0 0 0 44px;
  vertical-align: middle;
  margin-top: -1px;
}
#story_page .top-section .col-2:first-child {
  padding: 0;
  width: 45%;
}
#story_page .top-section .col-2:last-child {
  float: right;
  width: 55%;
}
#story_page .btm-section .col-2:last-child {
  background-position: center;
  background-size: cover;
}
#story_page .top-section .col-2:last-child div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 18.3%;
}
#story_page .top-section .section_headline {
  max-width: 450px;
}
.mid-section {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 790px;
  background-size: 50% auto;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-color: #e3ddd1;
}
.mid-section h4,
.vt-container h1 {
  color: #d88d2a;
  font-size: 21px;
  font-weight: 900;
  font-family: "sonder_sansblack_rough";
  line-height: 57px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-top: -17px;
}
.mid-section p {
  color: #31302e;
  font-size: 53px;
  font-weight: 300;
  line-height: 69px;
  font-family: "freight_text_probook";
  padding: 0 18%;
}
.btm-section {
  display: table;
  width: 100%;
}
#story_page .btm-section .col-2 {
  height: 28vw;
  background-size: cover;
}
.bio-section {
  background-color: #a21b03;
  padding: 90px 4.5% 47px;
  text-align: center;
  color: #fffbf4;
  float: left;
}
.bio-section .heading {
  padding: 0 20%;
  position: static;
  transform: none;
  margin-bottom: 100px;
  margin-left: 0;
}
.bio-section p {
  margin-top: 10px;
}
.bio:hover .hover-lay {
  opacity: 1;
}
.hover-lay {
  opacity: 0;
  background-color: #31302e;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: 0.3s ease;
  z-index: 1;
}
.hover-lay p {
  margin-left: 25px;
  margin-top: 110px !important;
  margin-right: 12%;
}
.bio {
  float: left;
  position: relative;
  margin-top: 20px;
  height: 475px !important;
  overflow: hidden;
  text-align: left;
}
.bio h5 {
  font-size: 25px;
  font-weight: 300;
  font-family: "freight_text_probook";
  color: #fffbf4;
}
.bio .company-name {
  color: #fffbf4;
  font-size: 12px;
  line-height: 25px;
  font-weight: 900;
  letter-spacing: 3.64px;
  font-family: "sonder_sansblack";
  margin-top: 3px;
  cursor: pointer;
}
.bio:nth-child(2n + 1) {
  padding: 0 0 0 20px !important;
}
.bio:nth-child(2n + 2) {
  padding: 0 10px 0 0 !important;
}
.design-name {
  position: absolute;
  top: 18px;
  left: 25px;
  color: #fffbf4 !important;
  font-family: "sonder_sansblack";
  font-size: 15px;
  font-weight: 900;
  line-height: 29px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.design-name.mob-hide,
.bio .designation.mob-hide {
  left: 45px;
}
.bio .designation {
  position: absolute;
  left: 25px;
  bottom: 32px;
}
.bio .image {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: 60% 0;
  background-repeat: no-repeat;
}
.close_icon {
  position: fixed;
  right: 20px;
  top: 67px;
  font-size: 10px;
  font-weight: 900;
  line-height: 29px;
  text-transform: uppercase;
  letter-spacing: 1.75px;
  font-family: "sonder_sansblack";
}
path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000px;
}
.bio .company-name a:hover,
.bio:hover .company-name a {
  color: #fffbf4;
}

#story_page path#Path-2 {
  -webkit-backface-visibility: hidden;
  transition: stroke-dashoffset 3s ease;
  -moz-transition: stroke-dashoffset 3s ease;
  -ms-transition: stroke-dashoffset 3s ease;
  -o-transition: stroke-dashoffset 3s ease;
  -webkit-transition: stroke-dashoffset 3s ease;
}
#story_page path#Path-2.active {
  stroke-dashoffset: 0px;
}
/*=====================================================
 AMENITIES
======================================================*/
#amenities .hero_headline {
  max-width: 650px;
}
.center_sect_wrap {
  width: 100%;
  background-color: #e3ddd2;
}
.center_sect {
  width: 80%;
  max-width: 1500px;
  margin: 0 auto;
  display: block;
  position: relative;
}
.artcle_sect {
  width: 100%;
  margin-bottom: 100px;
  z-index: 9;
}
.artcle_banner {
  background-size: cover !important;
  width: 100%;
  height: 31.3vw;
}
.artcle_info {
  background-color: #fffbf4;
  padding: 50px 58px;
}
.artcle_info .section_headline,
.artcle_info p {
  padding-bottom: 20px;
}
.artcle_info .section_headline {
  color: #a21b03;
}
.artcle_info li {
  font-family: "sonder_sansblack";
  font-size: 20px;
  letter-spacing: 1.8px;
}
.info_btm ul {
  position: relative;
  display: table;
  width: 100%;
  padding-top: 20px;
}
.info_btm li {
  font-family: "sonder_sansblack";
  width: 25%;
  text-align: center;
  height: 100%;
  position: relative;
  line-height: 21px;
  letter-spacing: 1.3px;
  font-size: 17px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  border-right: 1px solid #31302e;
  text-transform: uppercase;
}
/*.artcle_info li:after {content: "";width: 1px;height: 100%;background-color: #31302e;position: absolute;top: 0;right: 0;}*/
/*.info_btm li:last-child:after{display: none;}*/
.info_btm li:last-child {
  border-right: 0;
}
.center_sect .artcle_sect:nth-child(2n) .artcle_info {
  background-color: #31302e;
}
.center_sect .artcle_sect:nth-child(2n) .artcle_info .section_headline {
  color: #d9912b;
}
.center_sect .artcle_sect:nth-child(2n) .artcle_info p,
.center_sect .artcle_sect:nth-child(2n) .artcle_info li {
  color: #fffbf4;
}
.center_sect .artcle_sect:nth-child(2n) .artcle_info li {
  border-color: #fffbf4;
}
#amenities .banner_image {
  z-index: 10;
}
.center_sect_parallx {
  z-index: 9;
}
.center_sect_parallx.skrollable {
  position: relative;
}
.tanbg {
  position: absolute;
  right: 0;
  z-index: 1;
  width: 100%;
  background-image: url(images/amenities/bg-tan.jpg);
  background-size: 100% auto;
  background-repeat: repeat-y;
  width: 100%;
  height: 100%;
  top: 0;
}
.see_all_btn {
  font-size: 17px;
  font-family: "sonder_sansblack";
  line-height: 24px;
  height: 45px;
  width: 300px;
  color: #d88d2a;
  border: 2px solid #d88d2a;
  text-align: center;
  font-weight: 200;
  display: block;
  padding: 10px 0;
  margin-top: 15px;
  letter-spacing: 3.64px;
}
.see_all_btn:hover {
  color: #e3ded6;
  background-color: #d88d2a;
}
#red_sect {
  width: 100%;
  background-color: #a21b03;
  padding: 70px 48px;
  float: left;
}
.heading_block {
  width: 100%;
  text-align: center;
}
.heading_block span {
  font-size: 21px;
  font-family: "sonder_sansblack_rough";
  padding: 0 30px;
  width: auto;
  display: inline-block;
  position: relative;
  z-index: 1;
  background-color: #a21b03;
  line-height: 26px;
  letter-spacing: 3.53px;
  text-transform: uppercase;
  color: #fff;
}
.heading_block h2 {
  font-size: 47px;
  line-height: 61px;
  color: #fffbf4;
  letter-spacing: 3px;
  font-family: "sonder_sansblack_rough";
  text-align: center;
  border-top: 1px solid #31302e;
  padding-top: 20px;
  margin-top: -20px;
  text-transform: uppercase;
}
.box_50 {
  width: calc(50% - 10px);
  float: left;
  margin-top: 50px;
}
.list_block {
  width: 90%;
  max-width: 1598px;
  margin: 0 auto;
  display: table;
  text-align: left;
}
.list_block .box_50:nth-child(even) {
  float: right;
}
.list_block .box_50:nth-child(odd) {
  clear: left;
}
.box_50 h3 {
  font-size: 21px;
  color: #fff;
  letter-spacing: 3px;
  font-family: "sonder_sansblack_rough";
  padding-bottom: 10px;
  text-transform: uppercase;
}
.box_50 li {
  color: #fffbf4;
  font-size: 21px;
  line-height: 40px;
  position: relative;
  padding-left: 18px;
}
.box_50 li:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fffbf4;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 20px;
}
.box_50 ul ul li {
  margin-left: 25px;
}
.box_50 ul ul li:before {
  width: 7px;
  height: 3px;
  top: 22px;
}
.info_top {
  width: 88%;
  max-width: 1200px;
}

/*=====================================================
 Residences
======================================================*/
#residences .hero_headline {
  max-width: 1360px;
}
#residences .tanbg {
  background-image: url(images/residences/tan-bg.jpg);
  background-size: 100% auto;
  background-repeat: repeat-y;
}
.info_txt {
  font-family: "sonder_sansblack";
  font-size: 9px;
  color: #31302e;
  float: right;
  width: calc(50% - 10px);
  letter-spacing: 1px;
  margin-top: 47px;
  color: #fff;
}
#residences_wrap #red_sect {
  padding-bottom: 50px;
}
#residences_wrap .info_txt {
  margin-top: 37px;
}

/*=====================================================
 NEIGHBORHOOD
======================================================*/
#neighborhood .overlap {
  z-index: -1;
}
#neighborhood .cloud {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  z-index: 1;
}
#neighborhood .banner_image {
  z-index: 0;
}
.everett_quote {
  width: 100%;
  background: #31302e;
  color: #f4c3bb;
  text-align: center;
  padding: 25px 2%;
}
.everett_quote .q_author_name {
  display: block;
  overflow: hidden;
}
.everett_quote .q_author_name span {
  display: inline-block;
  position: relative;
  width: 330px;
}
.everett_quote .q_author_name span:after,
.everett_quote .q_author_name span:before {
  content: "";
  display: block;
  width: 1920px;
  height: 1px;
  background: #fffbf4;
  right: 100%;
  top: 50%;
  position: absolute;
}
.everett_quote .q_author_name span:before {
  right: auto;
  left: 100%;
}
.everett_quote .q_author_name.quote_author span {
  width: 0;
  padding: 0;
}
.everett_quote .section_headline {
  color: #fffbf4;
  padding: 50px 0;
}
.accessibility_wrap {
  min-height: 651px;
  width: 100%;
  background-color: #e3ddd2;
  overflow: hidden;
  position: relative;
}
.accessibility_wrap .n_interactive_map {
  width: 68%;
  margin-top: -4vw;
  display: inline-block;
  float: left;
  height: 100%;
}
.accessibility_wrap .n_interactive_map svg {
  width: 100%;
  float: left;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -40%);
}
#neighborhood .content_box .section_headline {
  color: #9a5c0b;
}
.accessibility_box.content_box {
  max-width: 750px;
  width: 39vw;
  position: absolute;
  right: 0;
  top: 4vw;
  margin-top: 0;
  z-index: 1;
}
.accessibility_box .content_text {
  padding: 40px 35px;
}
.accessibility_box .content_text > * {
  max-width: 95%;
}
.accessibility_details {
  background: #714103;
  padding: 3px 25px 0;
  color: #fff;
  letter-spacing: 1.5px;
}
.accessibility_details .accessibility_distance_wrap {
  padding: 18px 0 16px;
}
.accessibility_details .accessibility_time_wrap {
  padding: 24px 0;
}
.accessibility_distance_wrap {
  border-bottom: 2px solid #fffbf4;
}
.accessibility_details img {
  width: 54px;
  margin-right: 5px;
}
.accessibility_distance,
.accessibility_drive {
  float: right;
}
.accessibility_time span,
.accessibility_drive span {
  display: inline-block;
  margin-top: 3px;
  vertical-align: middle;
  margin-left: 16px;
}
.accessibility_name.page_title {
  margin-bottom: 0;
  max-width: 75%;
  display: inline-block;
}

.poi_icon {
  cursor: pointer;
}
.poi_icon .poi_icon_tan {
  opacity: 1;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
}
.poi_icon .poi_icon_red {
  opacity: 0;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
}
.poi_icon.active .poi_icon_red {
  opacity: 1;
}
.poi_icon.active .poi_icon_tan {
  opacity: 0;
}

.mystic_side {
  text-align: center;
  background: #ffffff;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.mystic_side img {
  width: 517px;
}
.neighborhood_path_details {
  background: #e3ddd2;
  width: 100%;
}
.neighborhood_path_details .content_box {
  margin-bottom: 72px;
}
.n_path_map.dsktp-only {
  width: 38vw;
  background-size: 100% auto !important;
  background-position: right center !important;
  height: 100%;
}
.n_path_map.dsktp-only svg {
  position: absolute;
  left: 100%;
  top: 50%;
  width: 100%;
  transform: translate(-100%, -50%);
}
.silver_line_path_wrap {
  position: relative;
  z-index: 0;
  background: #d88d2a;
  color: #fffbf4;
  padding: 59px 72px 74px;
}
.silver_line_path_wrap .path_name_silver {
  color: #3a302d;
  position: absolute;
  bottom: 25px;
  left: 0;
  transform: translate(-30%);
}
.silver_line_path {
  position: relative;
  border-top: 5px solid #fffbf4;
  font-family: "sonder_sansblack";
  letter-spacing: 1px;
  text-transform: uppercase;
}
.silver_line_path .n_circle {
  position: absolute;
  top: -15px;
  left: 0;
  transform: translateX(-50%);
  width: 21px;
  height: 21px;
  background: #3a302d;
  border-radius: 100%;
}
.silver_line_path .n_rect {
  position: absolute;
  top: -12px;
  z-index: -1;
  width: 6px;
  height: 19px;
  background: #fffbf4;
  transform: none !important;
}
.path_time {
  position: absolute;
  bottom: 25px;
  left: 0;
  font-size: 12px;
  line-height: 20px;
  transform: translateX(-50%);
}
.path_name {
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  transform: translateX(-50%);
}
.marker_logan .path_name,
.marker_logan .path_time,
.marker_logan .n_rect {
  left: 33.33%;
}
.marker_seaport .path_name,
.marker_seaport .path_time,
.marker_seaport .n_rect {
  left: auto;
  right: 33.33%;
  transform: translateX(50%);
}
.marker_station .path_name,
.marker_station .path_time,
.marker_station .n_rect {
  left: auto;
  right: 0;
  transform: translateX(50%);
}
.marker_logan .n_rect {
  background: #4a90e2;
}
.marker_station .n_rect {
  background: #ea5843;
}
.explore_together {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a21b03;
}

.neighborhood_map_wrap {
  background: #31302e;
  position: relative;
  display: flex;
  width: 100%;
}
#category_wrapper {
  display: inline-block;
  min-height: 756px;
  padding: 113px 5vw;
  background: #31302e;
  color: #e3ddd2;
}
#category_wrapper .section_headline {
  margin-bottom: 15px;
}
#category_wrapper .category_select p {
  font-size: 17px;
}
#key_display li {
  margin-top: 15px;
}
.category {
  display: block;
  color: #f3c487;
  padding-top: 15px;
  letter-spacing: 1.5px;
  cursor: pointer;
}
.active .category {
  color: #f4c3bb;
}

.neighborhood_static_map {
  width: 100%;
}
.neigh_map {
  flex-grow: 1;
  position: relative;
}
.neigh_map #map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.neigh_map #map_btn {
  position: absolute;
  right: 142px;
  top: 20px;
}
.neigh_map #map_zoom_btn {
  position: absolute;
  right: 56px;
  top: 20px;
}
.neigh_map #map_btn a,
.neigh_map #map_zoom_btn span {
  display: inline-block;
  margin: 0 3px;
  width: 33px;
  height: 33px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
}
.neigh_map #map_btn a#walk {
  background-image: url(images/neighborhood/walk.png);
}
.neigh_map #map_btn a#bike {
  background-image: url(images/neighborhood/bike.png);
}
.neigh_map #map_btn a#drive {
  background-image: url(images/neighborhood/drive.png);
}
.neigh_map #map_zoom_btn span {
  cursor: pointer;
}
.neigh_map #map_zoom_btn .zoom_in {
  background-image: url(images/neighborhood/zoom-in.png);
}
.neigh_map #map_zoom_btn .zoom_out {
  background-image: url(images/neighborhood/zoom-out.png);
}

.gm-style-iw ~ div img {
  display: none;
}
#map_pop_up_wrap h3 a,
#map_pop_up_wrap address p,
#map_pop_up_wrap .mapdirections a {
  font-size: 18px;
  color: #31302e;
  font-family: "freighttext_probook";
  font-style: normal;
}
#map_pop_up_wrap h3 a {
  color: #a21b03;
}
#map_pop_up_wrap .mapdirections a {
  color: #d88d2a;
}
#map_pop_up_wrap .mapdirections {
  margin: 5px 0 7px;
}
#map_pop_up_wrap h3 a {
  font-weight: bold;
  line-height: 1.5;
  cursor: pointer;
}
#map_pop_up_wrap a.close_btn {
  font-size: 15px;
  color: #263d26;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: normal;
  font-family: sans-serif;
}
#map_pop_up_wrap .arrow_box {
  padding-top: 15px;
}
.gm-style-iw {
  text-align: center;
}

.neigh_map_footer {
  width: 100%;
  display: inline-block;
}
/*=====================================================
 General Fixes
======================================================*/
/*for ie*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .progress_bar_wrap .pgrs_bar_sec span.section_title {
    line-height: 100%;
  }
}
/*=====================================================
 specials Box
======================================================*/
.specials_popup_wrap {
  display: flex;
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 17;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fffbf4;
}
.specials_popup {
  position: relative;
  display: flex;
  font-size: 18px;
  line-height: 28px;
  min-height: 400px;
  justify-content: center;
  align-items: center;
  width: 700px;
  max-width: 700px;
}
.specials_img {
  width: 300px;
  min-height: 400px;
  background: #bcce68;
  align-self: stretch;
}
.specials_right {
  display: flex;
  background: #31302e;
  flex-direction: column;
  align-self: stretch;
  flex: 1 1;
  width: 100%;
}
.specials_content {
  position: relative;
  margin: 10px;
  flex: 1 1;
  border: 1px dashed #fffbf4;
  padding: 50px 25px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.specials_content p {
  margin-bottom: 30px;
}
.specials_button {
  color: #fffbf4;
  background: #d88c2a;
}
.specials_content .page_title {
  font-family: "sonder_sansblack";
  text-transform: uppercase;
  font-weight: 900;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 15px;
  color: #fffbf4;
}
.specials_close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 17px;
  height: 17px;
  cursor: pointer;
}
.specials_close:before,
.specials_close:after {
  display: block;
  position: relative;
  width: 100%;
  background-color: #fffbf4;
  height: 2px;
  top: 7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.specials_close:after,
.specials_close:before {
  content: "";
}
.specials_close:after {
  top: 5px;
  left: 0px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.specials_popup_wrap .mCustomScrollBox {
  width: 100%;
}
.specials_inner_wrap {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.specials_content p a {
  color: #d9912b;
  cursor: pointer;
}
.specials_content p a:hover {
  color: #a21b03;
}

/*#story_page .story_map{position: absolute;left:20%;width:auto;bottom:0;transform: translateX(-20%);height: 100%;}
#story_page .story_map .story_map_bg{position: relative;left:auto;top:auto;right:auto;bottom: auto;opacity: 0;width:auto;max-width:none;height:100%;}
#story_page .story_map svg{position: absolute;top:0;left:0;width:100%;height:100%;}*/

/*=====================================================
 Floorplans
======================================================*/
.floorplans .inner_wrapper {
  width: 100vw;
  background: url(images/floorplans/bg_grid.png) repeat left top #fffbf4;
  border-bottom: 5px solid #d9912b;
}
.floorplans .progress_bar_wrap {
  box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);
}
.srch_bar {
  width: 100%;
  background: #e3ddd2;
  padding: 25px 55px;
  padding-left: 10vw;
  float: left;
}
.srch_bar form {
  display: flex;
  float: right;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.srch_bar form .srch_bar_innerwrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.srch_bar form .srch_bar_innerwrap:after,
.srch_bar form .srch_bar_innerwrap:before {
  content: "";
}
.select_box_holders h2 {
  font-family: "sonder_sansblack";
  font-size: 12px;
  letter-spacing: 1.6px;
  line-height: normal;
}
.price_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.custom_select_box {
  width: 7.8vw;
  max-width: 152px;
}
#floors.custom_select_box {
  width: 16vw;
  max-width: 323px;
}
.price_box .selectivo:last-of-type {
  margin-left: 10px;
}

.floorplans .selectivo {
  padding: 3px 0;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #31302e;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
  color: #333333;
  text-transform: uppercase;
  width: auto;
  min-width: 125px;
  text-align: left;
}

.floorplans .selectivo__label {
  padding: 0;
  line-height: 1.2;
  color: #333333;
  text-transform: uppercase;
  font-family: "sonder_sansblack";
  letter-spacing: 1.5px;
  border: none;
  text-align: left;
  background: url(images/down_arrow.svg) no-repeat right center;
  background-size: 14px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 15px;
}

.floorplans .price_box .selectivo {
  width: 9.8vw;
  max-width: 152px;
}

#floors.selectivo {
  width: 16vw;
  max-width: 323px;
}

.floorplans button.selectivo__option {
  padding: 6px 6px 4px 8px;
  line-height: 1.5;
  font-family: "sonder_sansblack";
  text-align: left;
  font-size: 14px;
  letter-spacing: 1.5px;
  white-space: normal;
}

.floorplans button.selectivo__option:hover {
  background: #e55941 !important;
  color: #fff;
}

.floorplans button.selectivo__option.selectivo__option--selected {
  background: #31302e;
  color: #fff;
}

.floorplans .selectivo__dropdown {
  top: 25px;
  padding: 5px 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  max-height: 200px;
}

.floorplans .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #31302e;
  opacity: 1;
}

.floorplans .mCSB_scrollTools {
  width: 10px;
  opacity: 1;
}

.floorplans .mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.floorplans .selectivo__label,
.floorplans button.selectivo__option {
  font-size: 14px;
}

.srch_bar .customSelect {
  margin-right: 0;
  width: 100% !important;
  z-index: 1 !important;
  font-family: "sonder_sansblack";
  font-size: 18px;
  letter-spacing: 1.5px;
}
.srch_bar .customSelect.select-open {
  z-index: 2 !important;
}
.srch_bar .customSelect .selectedValue {
  padding: 3px 17px 3px 0px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #31302e;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.srch_bar .customSelect .selectValueWrap .caret {
  border: 0;
  right: 0px;
  top: 50%;
  width: 18px;
  height: 10px;
  background: url(images/down_arrow.svg) no-repeat center center;
  background-size: contain;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
/*.customSelect .selectValueWrap .caret:after{content:'\2039';width:20px;height:20px;position: absolute;right:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}*/
/*.srch_bar .customSelect .selectValueWrap .caret:before, .customSelect .selectValueWrap .caret:after {border-right: 2px solid #a21b03;content: '';display: block;height: 8px;margin-top: -6px;position: absolute;-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);right: 10px;top: 50%;width: 0;}
.srch_bar .customSelect .selectValueWrap .caret:after {-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);right: 5px;}*/

.srch_bar .customSelect .selectList,
.sort_by .customSelect .selectList {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 0;
}
.srch_bar .customSelect .selectList dl dd,
.sort_by .customSelect .selectList dl dd {
  padding: 6px 6px 4px 8px;
  line-height: 1.5;
}
.srch_bar .customSelect .selected,
.sort_by .customSelect .selected {
  background: #31302e;
}
.srch_bar .customSelect .selectList dl dd.hovered,
.sort_by .customSelect .selectList dl dd.hovered {
  background: #a21b03;
}
.srch_bar .customSelect .jspVerticalBar,
.sort_by .customSelect .jspVerticalBar {
  width: 4px;
}
.srch_bar .customSelect .jspTrack,
.sort_by .customSelect .jspTrack {
  right: 3px;
}
.srch_bar .customSelect .jspDrag,
.sort_by .customSelect .jspDrag {
  opacity: 1;
  background: #31302e;
}
.srch_bar .customSelect *,
.sort_by .customSelect * {
  outline: 0 !important;
}

.srch_bar select,
.sort_by select {
  position: absolute;
  z-index: -1;
  opacity: 0;
  left: -999em;
}
.customSelect.focused .selectedValue {
  box-shadow: none;
}
.hasJS select.use-default {
  z-index: 1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.customSelect.select-open .selectList,
.customSelect .selectList dl,
.customSelect .selectList .selectListOuterWrap,
.customSelect .selectList .jspScrollable,
.customSelect .selectList .jspContainer,
.customSelect .selectList .jspPane {
  width: 100% !important;
}
.selectList,
.selectListInnerWrap,
.jspTrack,
.jspDrag {
  width: 100%;
}
.jspContainer,
.jspPane {
  left: 0 !important;
}

.srch_icon input[type="submit"] {
  cursor: pointer;
  font-family: "sonder_sansblack";
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  padding-right: 40px;
  background: url(images/floorplans/search_icon.svg) no-repeat center right;
  background-size: contain;
}
.quick_search_wrap,
.quick_search {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.quick_search_wrap {
  height: 100vh;
  min-height: 150px;
  font-family: "sonder_sansblack";
}
.quick_search_innerwrap {
  display: inline-block;
  max-width: 1440px;
  width: 85%;
  overflow-x: hidden;
  text-align: center;
}
.title_qk_srch,
.qksrch_btm_line {
  position: relative;
  display: inline-block;
}
.title_qk_srch {
  padding: 0 5px;
  font-size: 12px;
  letter-spacing: 1.6px;
}
.title_qk_srch:after,
.title_qk_srch:before,
.qksrch_btm_line:after {
  content: "";
  display: block;
  width: 1920px;
  height: 5px;
  border-top: 2px solid #31302e;
  border-bottom: 2px solid #31302e;
  right: 100%;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.title_qk_srch:before {
  right: auto;
  left: 100%;
}
.title_qk_srch {
  font-size: 12px;
}
.qksrch_btm_line {
  width: 100%;
}
.qksrch_btm_line:after {
  left: 0;
  right: 0;
}
.quick_search {
  justify-content: space-between;
  padding: 50px 0;
}
.quick_search:after,
.quick_search:before {
  content: "";
}
.quick_search .check_type a {
  display: block;
  text-transform: uppercase;
  font-size: 42px;
  line-height: normal;
  letter-spacing: 1.29px;
  color: #a21b03;
  cursor: pointer;
}
.quick_search .check_type a span {
  display: inline-block;
  vertical-align: middle;
  padding-top: 4px;
}
.quick_search .check_type a .flrpln_check_box {
  vertical-align: middle;
  position: relative;
  width: 42px;
  height: 41px;
  border: 3px solid #31302e;
  margin-right: 20px;
}
.quick_search .check_type a .flrpln_check_box:after {
  content: "";
  opacity: 0;
  position: absolute;
  right: 5px;
  left: 5px;
  top: 5px;
  bottom: 5px;
  background: url(images/floorplans/cross_icon.png) no-repeat center center;
  background-size: contain;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
html.system .quick_search a:hover .flrpln_check_box:after {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

/*floorplans listing*/
.fp_listing {
  display: block;
  width: 100%;
  text-align: center;
  float: left;
}
.fp_listing > * {
  text-align: left;
}
.result_item_outerwrap {
  width: 90%;
  padding: 2.2vw 25px;
  max-width: 1690px;
  margin: 0 auto;
}
.result_item_outerwrap:after {
  content: "";
  display: block;
  clear: both;
}
.result_item_wrap {
  position: relative;
  margin: 1.3vw;
  width: calc(33.3333% - 2.6vw);
  float: left;
}
.result_item_wrap .btn_B {
  padding: 0 30px;
}
.result_item_title {
  display: flex;
}
.result_item {
  border: 2px solid #31302e;
  border-top: 5px solid #d9912b;
}
.result_item_wrap:after {
  content: "";
  display: block;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #d9912b;
}
.result_item_title .section_headline {
  flex-shrink: 0;
  flex-grow: 1;
  font-family: "sonder_sansblack";
  background-color: #31302e;
  color: #fffbf4;
  padding: 22px 35px;
  padding-right: 10px;
  white-space: nowrap;
}
.result_item_title .bed_item,
.fp_details_left .bed_item {
  flex-shrink: 1;
  font-family: "sonder_sansblack";
  letter-spacing: 1.3px;
  display: flex;
  flex-direction: column;
  width: 172px;
  text-align: center;
  justify-content: center;
}
.result_item_title .bed_item > span,
.fp_details_left .bed_item > span {
  flex: 1;
  border-bottom: 2px solid #31302e;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  padding: 0 5px;
}
.result_content {
  display: flex;
  padding: 30px 28px;
  position: relative;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.result_content .thumb_box {
  padding-left: 20px;
  flex: 1;
  text-align: center;
}
.result_content .thumb_box img {
  height: 145px;
}
.result_content .info,
#flrplans_detail .fp_info_content {
  width: 45%;
  font-family: "freight_text_probook";
  line-height: 26px;
  color: #404040;
}
.result_content .fp_info_content {
  padding-top: 10px;
}

.sort_result_count {
  font-family: "sonder_sansblack";
  text-align: center;
  width: 100%;
  display: inline-block;
  background-color: #a21b03;
  color: #ffffff;
  padding: 2px 10px;
}
.sort_result_count > * {
  display: inline-block;
  font-size: 14px;
  padding-top: 2px;
  letter-spacing: 1px;
  vertical-align: middle;
}
.sort_by .customSelect {
  width: auto !important;
  z-index: 1 !important;
  font-family: "sonder_sansblack";
  font-size: 14px;
  margin-right: 0;
}
.sort_by .customSelect.select-open {
  z-index: 2 !important;
}
.sort_by .customSelect .selectValueWrap {
  min-height: 26px;
  text-align: right;
}
.sort_by .customSelect .selectedValue {
  color: #ffffff;
  padding: 0px;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 26px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}
.sort_by .customSelect .selectValueWrap .caret {
  display: none;
}
.sort_by .customSelect .selectList {
  width: 195px !important;
  left: auto !important;
  right: -20px !important;
}
.sort_by .customSelect .selectList dl {
  color: #31302e;
}
.floorplans .sort_result_count .selectivo__label {
  font-size: 12px;
  color: #fff;
  background: none;
  padding: 0;
  width: auto;
  margin-left: auto;
}
.floorplans .sort_result_count .selectivo {
  width: auto;
  padding: 0;
  border: none;
  background: transparent;
  min-width: 195px;
}
.sort_result_count button.selectivo__option {
  font-size: 12px;
  text-align: center;
  padding: 7px 6px 4px 8px;
}
.floorplans .sort_result_count .sort_by {
  margin-left: -100px;
}
.floorplans .sort_result_count .selectivo__option:first-child {
  background: none;
}
.floorplans
  .sort_result_count
  button.selectivo__option.selectivo__option--selected {
  background: #31302e !important;
}
.floorplans
  .sort_result_count
  button.selectivo__option.selectivo__option--selected:hover {
  background: #e55941 !important;
}
/*.sort_by .customSelect .selectedValue,.sort_result_count .fp_result_count{}*/

.sort_sep {
  margin: 0 15px;
  height: 16px;
  width: 2px;
  background: #ffffff;
}
.result_item_outerwrap.noresult_msg_wrap {
  display: table;
}
.fp_listing .noresult_msg {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 100px 0;
  letter-spacing: 1.75px;
}

/*floorplans detail*/
#flrplans_detail .srch_bar {
  float: none;
  display: inline-block;
}
.flrpln_detail_wrap {
  display: flex;
  margin: 4vw auto 3vw;
  width: 80%;
  max-width: 1240px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.fp_details_right {
  flex: 1;
  text-align: right;
  padding-left: 5vw;
}
.fp_details_left {
  width: 300px;
  position: relative;
  padding-bottom: 243px;
  align-self: flex-start;
}
#flrplans_detail .section_headline {
  font-family: "sonder_sansblack";
  color: #a21b03;
  border-bottom: 3px solid #31302e;
}
.fp_details_left .bed_item {
  flex-direction: row;
  width: 100%;
  border-bottom: 1px solid #31302e;
}
.fp_details_left .bed_item > span {
  width: 100%;
  height: 56px;
  padding-top: 1px;
  border-bottom: 0;
  border-right: 1px solid #31302e;
  justify-content: flex-start;
  margin-right: 20px;
}
.fp_details_left .bed_item > span:last-of-type {
  border-right: 0;
  margin-right: 0;
}
#flrplans_detail .fp_info_content {
  width: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #31302e;
}
.fp_btn_wrap {
  margin-top: 28px;
  border-bottom: 1px solid #31302e;
  width: 100%;
}
.fp_btn_wrap a {
  font-family: "sonder_sansblack";
  display: inline-block;
  position: relative;
  width: 100%;
  padding-right: 40px;
  color: #d88d2a;
  margin-bottom: 28px;
  letter-spacing: 2px;
}
.fp_btn_wrap a:after,
.fp_back_btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  width: 36px;
  height: 18px;
  background: url(images/btn-arrow-next.svg) no-repeat center center;
  background-size: contain;
  transform: translateY(-50%) scale(1, 1);
  transform-origin: right center;
}
.fp_btn_wrap a:hover:after {
  transform: translateY(-50%) scale(1.1, 0.85);
}
.fp_btn_wrap a.fp_view_larger:after {
  background: url(images/floorplans/search_icon_orange.png) no-repeat center
    center;
  background-size: contain;
  transform-origin: center center;
}
.fp_btn_wrap a.fp_view_larger:hover:after {
  transform: translateY(-50%) scale(1.1, 1.1);
}
.fp_back_btn:after {
  width: 118px;
  right: auto;
  left: 0;
  background: url(images/fp_back_btn.svg) no-repeat center center;
  background-size: contain;
  transform-origin: left center;
}
.fp_back_btn {
  display: inline-block;
  margin-top: 10px;
  text-align: right;
  position: relative;
  width: 100%;
  font-family: "sonder_sansblack";
  font-size: 14px;
  letter-spacing: 2px;
  padding-left: 132px;
}
.fp_back_btn:hover:after {
  transform: translateY(-50%) scale(1.1, 0.9);
}
.fp_keyplan {
  height: 193px;
  width: 95%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.fp_keyplan img {
  max-height: 100%;
  max-width: 100%;
}

.floorplan_popup {
  background-color: #fff;
  padding: 0 45px;
  width: 100%;
}
.mfp-image-holder .mfp-close {
  cursor: pointer !important;
  color: #000 !important;
  top: 0 !important;
  right: 0px !important;
  margin-right: 10px !important;
  width: auto;
}
.mfp-zoom-out-cur {
  cursor: default;
}
#flrplans_detail a .at-icon-wrapper {
  display: none;
}
.mfp-zoom-out-cur {
  cursor: default !important;
}

/*=====================================================
 Services
======================================================*/
.topnotch {
  color: #fff;
  background: url(images/services/grid_large.png) repeat #d9912b;
}
.grid_wrap {
  max-width: 740px;
  margin: 0 auto;
  padding: 165px 50px 185px;
}
.grid_wrap h2 {
  margin-bottom: 15px;
}

.services_slides {
  width: 100%;
  background-color: #e3e3d7;
  color: #231f20;
  height: 655px;
}
.services_slides .serv_slider_area > div {
  position: relative;
  width: 100%;
}
.services_slides_wrap {
  width: 100%;
}
.services_slides_wrap > div {
  width: 50%;
  float: left;
  height: 655px;
  background-color: #31302e;
}
.serv_flexslider .slides {
  width: 100%;
}
.serv_flexslider .slides li {
  height: 655px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.flex-custom-container {
  position: relative;
  height: 20%;
}
.flex-custom-container .flex-control-nav li {
  list-style: none;
  margin: 0 6px;
  display: inline-block;
  width: 13px;
  height: 13px;
}

.flex-custom-container .flex-control-paging li a {
  text-indent: -9999px;
}
.services_slides .text_wrap > div {
  padding-left: 100px;
  float: left;
  width: 100%;
  background-color: #31302e;
  color: #fff;
}
.flex-custom-container .flex-control-nav {
  display: block;
  margin-top: 40px;
  width: auto;
}
.services_slides .text_wrap h2.section_headline {
  color: #d88d2a;
  margin-bottom: 15px;
}
.services_slides .text_wrap .services_content {
  height: 80%;
}
.services_slides .text_wrap .content_wrap {
  height: 100%;
  padding-top: 65px;
}
.flex-custom-container .flex-control-paging li a {
  width: 13px;
  height: 13px;
  background: transparent;
  box-shadow: none !important;
  border-radius: 50% !important;
  display: block;
  border: 1px solid #a21b03;
}
.flex-custom-container .flex-control-paging li a.flex-active {
  background: #a21b03;
  background: #a21b03;
}
.flex-custom-container .flex-control-paging li a:hover {
  background: #a21b03;
}
.services_slides .text_wrap ul li {
  padding-left: 30px;
  margin-bottom: 10px;
  position: relative;
}
.services_slides .text_wrap ul li:before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 4.5px;
  background-color: #fffbf4;
  position: absolute;
  left: 0;
  top: 12px;
}
.services_slides .text_wrap ul {
  padding-left: 5px;
}

.whybozzuto {
  background-color: #a21b03;
  color: #fff;
  float: left;
  width: 100%;
}
.whybozzuto .content_wrap {
  max-width: 740px;
  margin: 0 auto;
  padding: 150px 50px 165px;
}
.whybozzuto .section_headline {
  padding-bottom: 15px;
}

/*=====================================================
 Artists
======================================================*/
.artists_grid {
  background-color: #a21b03;
  float: left;
  width: 100%;
  padding: 0 75px 45px;
}
.artist_headline {
  text-align: center;
  color: #fff;
  max-width: 1080px;
  margin: 0 auto;
  padding: 100px 10px 75px;
}
.artist_two_column {
  float: left;
  width: 100%;
}
.artist_item {
  float: left;
  width: 50%;
}
.artist_item_wrap {
  padding: 25px 10px;
  display: block;
}
.artist_item_wrap .btn {
  background-color: #31302e;
  padding: 0 28px;
  line-height: 50px;
  height: 50px;
}
.artist_img_holder {
  height: 470px;
  position: relative;
}
.artist_img_holder .artist_info {
  position: absolute;
  top: 24px;
  left: 35px;
  color: #fff;
}
.artist_info .name_holder {
  font-size: 25px;
  padding-top: 20px;
  line-height: 29px;
}
.artist_info .title_holder {
  text-transform: uppercase;
  font-family: "sonder_sansblack";
  font-size: 14px;
  letter-spacing: 3px;
  padding: 5px 0 10px;
}
.artist_popup {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 77px;
  z-index: 2;
  background-color: #31302e;
  width: 100%;
  padding: 15px 0;
}
.artist_popup.open {
  opacity: 1;
  pointer-events: all;
}
#artist_slider .slides .img_holder {
  position: relative;
  height: 473px;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-color: #000000;
}
#artist_lightbox .artist_popup_close,
#gallery_lightbox .popup_close {
  color: #fff;
  text-transform: uppercase;
  font-family: "sonder_sansblack";
  font-size: 14px;
  line-height: 29px;
  letter-spacing: 2.45px;
  position: absolute;
  right: 52px;
  top: 39px;
  background: url(images/close.svg) no-repeat right center/ 27px 27px;
  padding-right: 38px;
}
.slider_nav_ctrl {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.slider_nav_ctrl .lt_nav {
  transform: rotateY(180deg);
}
.artist_img_holder:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(49, 48, 46, 0.8);
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.red_plus {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  tranform: translate(-50%);
  opacity: 0;
}
.artist_item_wrap:hover .artist_img_holder:after {
  opacity: 1;
}
.artist_item_wrap:hover .red_plus {
  opacity: 1;
}
.artist_info p {
  font-size: 16px;
  line-height: 30px;
}
#artist_slider .share_optn {
  top: 0;
  border-top: 2px solid #fffbf4;
  margin-top: 20px;
  padding-top: 15px;
}
#artist_slider .share_optn .btn {
  color: #fffbf4;
  font-size: 13px;
  line-height: 29px;
  text-transform: uppercase;
  letter-spacing: 3.64px;
  padding-right: 115px;
  position: relative;
  font-family: "sonder_sansblack";
}
#artist_slider .share_txt {
  color: #fffbf4;
}
#artist_slider span.share_txt:after {
  background-color: #fffbf4;
}
#artist_lightbox .mCSB_inside > .mCSB_container {
  margin-right: 10px !important;
}
#artist_lightbox .mCSB_scrollTools {
  right: -5px;
}
#artist_lightbox .slider_nav_ctrl a {
  background-color: #fffbf4;
}
.artist_headline .section_headline {
  margin-bottom: 10px;
}
.artist_img_holder:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(49, 48, 46, 0.2);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.visit_website {
  display: flex;
}
.artist_fb img {
  max-height: 19px;
}

#artist_slider {
  position: relative;
}

#artist_slider .slider-play-btn {
  position: absolute;
  top: 260px;
  right: 10px;
  width: 50px;
  height: 50px;
  background-image: url(images/artists/pause-circular-button.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  cursor: pointer;
  border: none;
  z-index: 10;
}

#artist_slider .slider-play-btn.pause {
  background-image: url(images/artists/play-button.svg);
}

/*=====================================================
 Gallery
======================================================*/
#gallery_page {
  background: #fffbf4;
}
#gallery_page .loading_icon img {
  width: 50px;
  margin: 0 auto;
}
#gallery_page .progress_bar_wrap {
  box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);
}
#gallery_page .section_count {
  display: block;
  width: 100%;
  position: relative;
}
#gallery_page .section_count:after {
  content: "";
  display: block;
  clear: both;
}
.gallery_sidebar {
  width: 25%;
  float: left;
  position: fixed;
  left: 0;
  top: 77px;
  pointer-events: none;
}
.sidebar_filters {
  padding-top: 45px;
}
.gallery_sidebar .sidebar_filters {
  padding-bottom: 45px;
}
.sidebar_filters li {
  border-bottom: 1px solid #31302e;
  padding: 11px 0 11px 12%;
}
.sidebar_filters li:last-child {
  border-bottom: 0;
}
.sidebar_filters a {
  display: inline-block;
  cursor: pointer;
  min-width: 250px;
}
.sidebar_filters a span.spn_cross {
  width: 45px;
  height: 45px;
  border: 2px solid #31302e;
  display: inline-block;
  position: relative;
  float: left;
  margin-right: 24px;
}
.sidebar_filters a span.spn_cross:after,
.sidebar_filters a span.spn_cross:before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #a21b03;
  display: block;
  position: absolute;
  left: 18px;
  top: 0px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidebar_filters a span.spn_cross:before {
  transform: scale(0) rotate(45deg);
}
.sidebar_filters a span.spn_cross:after {
  transform: scale(0) rotate(-45deg);
}
.system .sidebar_filters a:hover span.spn_cross:before,
.sidebar_filters a.active span.spn_cross:before {
  transform: scale(1) rotate(45deg);
}
.system .sidebar_filters a:hover span.spn_cross:after,
.sidebar_filters a.active span.spn_cross:after {
  transform: scale(1) rotate(-45deg);
}
.sidebar_filters span.spn_txt {
  line-height: 43px;
  display: inline-block;
  padding-top: 2px;
  font-family: "sonder_sansblack";
  color: #31302e;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 3.64px;
}
.gallery_grid {
  width: 75%;
  float: right;
  padding-right: 46px;
}
.gllry_img {
  background-size: cover !important;
  width: 25%;
  float: left;
  height: 18.5vw;
  position: relative;
  border: 1px solid #e3ddd2;
}
.gllry_overlay {
  background-color: rgba(49, 48, 46, 0.8);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
.system .gllry_img:hover .gllry_overlay {
  opacity: 1;
}
.gllry_overlay:after,
.gllry_overlay:before {
  content: "";
  background-color: #a21b03;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  height: 35px;
  margin: auto;
}
.gllry_overlay:after {
  transform: rotate(90deg);
}
#gallery_lightbox {
  background-color: rgba(49, 48, 46, 0.9);
}
#gallery_slider,
#gallery_slider .flex-viewport,
#gallery_slider .slides,
#gallery_slider .slides li,
#artist_slider_scroll {
  height: 100%;
}
#gallery_slider_wrap,
#artist_slider_wrap {
  background-color: #fffbf4;
  position: absolute;
  right: 0;
  left: 0;
  top: 15px;
  bottom: 15px;
  margin: auto;
  height: calc(100% - 30px);
  width: 65vw;
  max-width: 1200px;
  color: #fff;
  padding: 20px;
}
#artist_slider_wrap {
  top: 80px;
  bottom: 80px;
  height: calc(100% - 160px);
}
#artist_slider_wrap {
  background-color: #a21b03;
}
#gallery_slider .slides li {
  position: relative;
}
.tag_title {
  color: #31302e;
  font-family: "sonder_sansblack";
  font-size: 19px;
  line-height: 32px;
  text-transform: uppercase;
  letter-spacing: 4.71px;
  text-align: center;
  padding-bottom: 10px;
  width: 100%;
  background-color: #fffbf4;
}
.lightbox_img {
  height: auto;
  flex-grow: 1;
  background-repeat: no-repeat;
  background-size: contain !important;
}
#gallery_slider .gallery_img_wrap {
  height: calc(100% - 59px);
  display: flex;
  flex-direction: column;
}
.lightbox_img img {
  max-height: 100%;
  width: auto;
}
.share_optn {
  height: 59px;
  padding-top: 22px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: -59px;
  overflow: hidden;
}
.share_box {
  display: flex;
  align-items: center;
}
.share_box a {
  margin: 0 8px;
  display: inline-block;
}
.share_box a img {
  display: block;
  max-height: 18px;
}
.share_box a:nth-child(2) img {
  max-height: 16px;
}
.share_txt {
  color: #31302e;
  font-size: 15px;
  line-height: 28px;
  text-transform: uppercase;
  font-family: "sonder_sansblack";
  letter-spacing: 3.64px;
}
span.share_txt:after,
span.pagtn > span:first-child:after {
  content: "";
  width: 1px;
  height: 14px;
  background-color: #31302e;
  display: inline-block;
  margin: 7px 10px 0;
  float: right;
}
span.pagtn {
  color: #31302e;
  font-size: 15px;
  line-height: 29px;
  font-family: "sonder_sansblack";
  letter-spacing: 3.64px;
}
span.pagtn > span {
  vertical-align: middle;
  display: inline-block;
}
span.pagtn > span:first-child:after {
  margin-left: 10px !important;
  margin-right: 12px !important;
  margin-top: 8px !important;
}
.artist_popup .slider_nav_ctrl a {
  background-color: #a21b03;
  width: 69px;
  height: 69px;
  text-align: center;
  line-height: 60px;
}
#gallery_lightbox .popup_close {
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  display: inline-block;
  padding: 0;
  background: none;
  top: 23px;
}
.artist_popup .slider_nav_ctrl a.lt_nav {
  margin-left: -69px;
}
.artist_popup .slider_nav_ctrl a.rt_nav {
  margin-right: -69px;
}
#mob_filter {
  pointer-events: all;
  height: 51px;
  background-color: #a21b03;
  text-align: center;
  line-height: 53px;
  font-size: 14px;
  letter-spacing: 1.75px;
  font-family: "sonder_sansblack";
  color: #fffbf4;
  cursor: pointer;
}
.ftlr_plus {
  display: inline-block;
  width: 16px;
  height: 15px;
  position: relative;
  margin: 0 26px;
}
span.ftlr_plus:after,
span.ftlr_plus:before {
  content: "";
  width: 16px;
  height: 2px;
  background-color: #fffbf4;
  position: absolute;
  top: 9px;
  left: 0;
}
span.ftlr_plus:after {
  transform: rotate(90deg);
}
#mob_filter.open span.ftlr_plus:after {
  transform: rotate(0deg);
}
.share_icon {
  width: 20px;
  height: 25px;
  background: url(images/gallery/share_icon.svg) no-repeat center center;
  max-height: 100%;
  background-size: 20px auto;
  position: relative;
}
.share_icon.active {
  background: url(images/gallery/share_active.svg) no-repeat center center;
}
.share_icons a:last-child {
  margin-right: 0;
}

/*=====================================================
 Blog
======================================================*/
.blog_filter .sidebar_filters {
  padding: 26px 0;
  text-align: center;
}
.blog_filter .sidebar_filters li {
  padding: 0 4.8vw 0 0;
  display: inline-block;
  border-bottom: 0;
}
.blog_filter .sidebar_filters a {
  min-width: 0;
}
.blog_filter .sidebar_filters span.spn_txt.dsktp-only {
  display: inline-block;
  padding-right: 2.8vw;
}
.blog_filter .sidebar_filters ul {
  display: inline-block;
}
.blog_grid {
  padding: 45px 55px;
  display: table;
  width: 100%;
  background: url(images/blog/grid_01.png) repeat #e3ddd2;
}
.blog_post {
  width: 32.33%;
  margin-right: 1.5%;
  float: left;
  background-color: #fffbf4;
  margin-bottom: 50px;
}
.blog_post:nth-child(3n) {
  margin-right: 0;
}
.post_cnt {
  padding: 20px 24px;
  min-height: 215px;
}
.post_img {
  width: 100%;
  height: 24vw;
  background-size: cover !important;
}
.blog_post .post_date {
  color: #a21b03;
  font-family: "sonder_sansblack";
  font-size: 14px;
  line-height: 29px;
  letter-spacing: 3.64px;
}
.blog_post h2 {
  font-size: 25px;
  line-height: 29px;
  padding: 5px 0 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.blog_post span.btn {
  padding-left: 28px;
}
.blog_pagtn {
  border-top: 2px solid #31302e;
  border-bottom: 2px solid #31302e;
  clear: both;
}
.pagn_wrap {
  padding: 25px 0;
  display: flex;
  justify-content: space-between;
  width: 60%;
  margin: auto;
  max-width: 940px;
}
.blog_pagtn .btn_D {
  padding-right: 110px;
  color: #a21b03;
}
.blog_pagtn .btn_D:after {
  right: 0;
  background: url(images/arrow_pink.svg) no-repeat center center;
  background-size: 100% auto;
}
.blog_pagtn .b_prev.btn_D {
  display: flex;
}
.blog_pagtn .b_prev.btn_D,
.blog_detail .blog_pagtn .btn_D:first-child {
  padding: 3px 0 1px 110px;
}
.blog_pagtn .b_prev.btn_D:after,
.blog_detail .blog_pagtn .btn_D:first-child:after {
  left: -87px;
  right: auto;
  transform: translateY(-50%) scale(1, 1) rotateY(180deg);
}
.blog_pagtn .b_prev.btn_D:hover:after,
.blog_detail .blog_pagtn .btn_D:first-child:hover:after {
  transform: translateY(-50%) scale(1.1, 0.9) rotateY(180deg);
}
.blog_sidebar {
  background-color: #f5b55b;
  padding: 31px 55px;
  display: flex;
}
.blog_widget {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #fffbf4;
  padding: 19px 20px;
  align-items: center;
}
.blog_widget:first-child {
  width: 32%;
  order: 1;
}
.blog_widget:last-child {
  width: 29%;
  order: 2;
}
.blog_widget:nth-child(2) {
  width: 39%;
  border-right: 0;
  order: 3;
}
.widget_wrap {
  display: block;
  text-align: left;
  max-width: 100%;
}
.blog_widget h4,
.blog_widget h3 {
  font-family: "sonder_sansblack";
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding-bottom: 10px;
}
a.art_info {
  line-height: 23px;
  display: block;
  padding-bottom: 10px;
}
a.art_info:first-child {
  margin-top: 6px;
}
span.art_date {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  color: #480303;
}
#tags {
  color: #480303;
  align-items: flex-start;
  overflow: hidden;
}
#tags a,
#tags h4,
#tags h3 {
  color: #31302e;
  display: block;
}
#tags a,
#tags span {
  display: inline-block;
  line-height: 23px;
  float: left;
}
.select-container {
  width: 70%;
}
.select-container:not(:last-of-type) {
  margin-bottom: 25px;
}
.select-container .custom-select-box {
  width: 100%;
}
.select-container .selected-value-wrap {
  background-color: #fffbf4;
}
.select-container .selected-value-wrap a {
  color: #7cbd41;
}
.select-container .selected-value-wrap .selected-value {
  display: block;
  white-space: nowrap;
  background-image: url(images/triangle_dwn.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 25px auto;
  color: #31302e;
  font-family: "sonder_sansblack";
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  height: 50px;
  line-height: 54px;
  padding: 0 16px;
}
.select-container .custom-select-list {
  position: static;
  background-color: transparent;
  border: 1px solid #fffbf4;
  border-bottom: none;
  display: none;
  z-index: 5;
}
.select-container .custom-select-list .list-range .range-item {
  border-bottom: 1px solid #fffbf4;
  font-family: "sonder_sansblack";
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  height: 50px;
  line-height: 54px;
  padding: 0 16px;
}
.select-container .custom-select-list .list-range .range-item a {
  display: block;
  text-transform: capitalize;
  transition: none;
}
.select-container .custom-select-list .list-range .range-item:hover {
  background-color: #fffbf4;
  color: #a21b03;
}
.select-container .custom-select-list .list-range .range-item:hover a {
  color: #a21b03;
}
#blog_page .hero_headline {
  padding-right: 35px;
}
#tags,
#recent_artcle {
  padding-left: 5%;
  padding-right: 5%;
}

/* blog details */
.blog_detail {
  padding: 150px 55px 50px;
  background: url(images/blog/grid_01.png) repeat #fffbf4;
}
.details_inner {
  width: 84%;
  margin: 0 auto;
}
.details_inner h2 {
  color: #a21b03;
}
.details_inner h5,
.details_inner h3 {
  padding-bottom: 45px;
  letter-spacing: 3px;
  line-height: 54px;
}
.dtlpost_img {
  padding-bottom: 50px;
  text-align: center;
}
.dtlpost_cnt {
  width: 70%;
  margin: 0 auto;
}
.dtlpost_cnt p {
  padding-bottom: 30px;
}
.details_inner .pagn_wrap {
  width: 70%;
  max-width: 100%;
}
.details_inner .blog_pagtn {
  margin-top: 50px;
}
.dtlpost_cnt a {
  color: #a21b03;
  border-bottom: 1px solid transparent;
}
.dtlpost_cnt ul,
.dtlpost_cnt ol {
  padding-left: 17px;
  padding-bottom: 20px;
}
.dtlpost_cnt ol {
  padding-left: 14px;
}
.dtlpost_cnt ul li {
  list-style-type: disc;
}
html.system .dtlpost_cnt a:hover {
  text-decoration: underline;
}
.homepage_hidden {
  display: none;
}
.hidden_heading {
  font-size: 0 !important;
  height: 0 !important;
}
.mobonly,
.fp_btn_wrap a.mobonly {
  display: none;
}
@media (max-width: 767px) {
  .mobonly {
    display: block;
  }
  .deskonly {
    display: none;
  }
}
@media (max-width: 768px) {
  header .mobonly {
    display: block;
  }
  .fp_btn_wrap a.mobonly {
    display: inline-block;
  }
  header .deskonly,
  .dtp-nly,
  .blank_menu_li,
  .fp_btn_wrap a.dtp-nly {
    display: none;
  }
}

/* VT video */
.vt-submenu ul,
.deskonly .header-submenu {
  /* display:none; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.deskonly.vt-header {
  position: relative;
}
.vt-submenu ul {
  width: calc(100% + 2px);
  left: -1px;
}
.vt-submenu ul li {
  width: 100%;
  border-left: 1px solid #e3ddd2;
}
.vt-submenu ul li:first-child {
  border-top: none;
}
.vt-submenu ul li:last-child {
  border-bottom: none !important;
}
.mg-bottom {
  margin-bottom: 100px;
}
#nav_menu .secondary_menu ul li.vt-submenu ul li a {
  font-size: 15px;
  line-height: 40px;
}
.deskonly .header-submenu {
  position: absolute;
  width: calc(100% + 20px);
  left: -10px;
  background-color: #31302e;
  top: 30px;
  display: flex;
  /*padding-top: 10px;*/
  padding: 25px 5px 20px;
  z-index: 1;
  height: 150px;
  justify-content: flex-start;
}
.header-submenu .mCSB_scrollTools {
  right: -5px;
}
.deskonly .header-submenu li {
  margin-left: 0;
  /*border-top:1px solid #e3ddd2;*/
  width: 100%;
  text-align: center;
  padding: 5px 0;
}
/*.deskonly .header-submenu li:last-child {
    border-top:1px solid #e3ddd2;
}*/
.deskonly .header-submenu li a {
  font-size: 11px;
  line-height: 15px;
}
#cross {
  background: #e3ddd2 !important;
  height: 18px;
  position: relative;
  margin-right: -25px;
  top: -2px;
  width: 3px;
  display: inline-flex;
  margin-left: 4px;
  margin-top: 0;
}
.dropdown_open #cross {
  background: transparent !important;
}
#cross:after {
  background: #e3ddd2 !important;
  content: "";
  height: 3px;
  left: -8px;
  position: absolute;
  top: 7px;
  width: 19px;
}
.secondary_menu li.vt-submenu a:hover #cross,
.secondary_menu li.vt-submenu a:hover #cross:after {
  background: #31302e !important;
}
.vt-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 10% 0 5%;
}
.vt-container .video-container {
  width: 70%;
  margin: 15px auto;
  /* height:35vw; */
  position: relative;
}
.vt-container .video-container .cnt-btn {
  position: absolute;
  display: flex;
  top: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.vt-container .video-container .cnt-btn .play-btn,
.vt-container .video-container .cnt-btn .mute-btn {
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  cursor: pointer;
}
.vt-container .video-container .cnt-btn .play-btn {
  background-image: url("../pioneer-theme/images/play.svg");
}
.vt-container .video-container .cnt-btn .play-btn.pause {
  background-image: url("../pioneer-theme/images/pause.svg");
}
.vt-container .video-container video {
  width: 100%;
  height: 100%;
}

/* .above-footer {
    position: absolute !important;
} */

#rg-widget-feature-icons {
  transition: bottom 0.6s ease-in-out;
}
.gm-ui-hover-effect span {
  display: none !important;
}
iframe[src*="https://my.hy.ly"]
{
  height: 0 !important;
  width: 0 !important;
  position: absolute;
  border: 0;
  margin-top: -1px;
}
.osano-cm-widget {
  display: none;
}
.osano-cm-disclosure__toggle,
.osano-cm-expansion-panel__toggle,
.osano-cm-disclosure__toggle:hover,
.osano-cm-link:hover,
.osano-cm-link:active,
.osano-cm-link {
  color: #000;
}
.osano-cm-disclosure__toggle,
.osano-cm-expansion-panel__toggle,
.osano-cm-disclosure__toggle:hover,
.osano-cm-link,
.osano-cm-link:hover,
.osano-cm-link:active {
  color: #000;
}
.realync_tour_wrapper {
  width: 100%;
}
.realync_tour_wrapper iframe {
  width: 100%;
  max-width: 100vw;
}
.blog_menu a {
  pointer-events: none;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .blog_menu {
    display: none;
  }
}
.sitemap-container {
  margin-top: 76px;
  width: 100vw;
  background: url(images/floorplans/bg_grid.png) repeat left top #fffbf4;
  border-bottom: 5px solid #d9912b;
}
.back_fp_wrap {
  text-align: center;
  padding: 16px 0px;
  display: flex;
  justify-content: center;
}
.back_fp_wrap .back_fp_btn {
  padding: 10px 20px;
  border: 1px solid #7f4c0a;
  color: #7f4c0a;
}
.back_fp_wrap .back_fp_btn.active {
  background-color: #7f4c0a;
  border: 1px solid #7f4c0a;
  color: #fff;
}

.sitemap-container .fp_back_btn {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .sitemap-container {
    margin-top: 54px;
  }
}
.sitemap-frame {
  height: 45vw;
}
@media only screen and (max-width: 992px) {
  .sitemap-frame {
    height: 125vw;
  }
}
.rfwa-expense-guide-container h2 {
  font-family: "sonder_sansblack_rough";
  color: #a21b03 !important;
}
.rfwa-expense-guide-container p,
.rfwa-expense-footer {
  font-family: "freight_text_probook";
  color: #31302e !important;
}
.rfwa-expense-footer {
  margin-bottom: 32px;
}
.rfwa-group-title {
  font-family: "freight_text_probook";
  color: #a21b03 !important;
}
.rfwa-expense-type-badge,
.rfwa-expense-type {
  font-family: "freight_text_probook";
  text-transform: none;
}
.rfwa-group-description {
  font-family: "freight_text_probook";
  color: #31302e !important;
}
.rfwa-expense-list td,
.rfwa-expense-list th,
.rfwa-expense-list td div:not(.rfwa-expense-type),
.rfwa-expense-list td div span {
  font-family: "freight_text_probook";
  color: #31302e !important;
}
.rfwa-expense-list th {
  font-weight: 600 !important;
}

.rfwa-expense-type-required,
.Required {
  background-color: #a21b03 !important;
  color: #fffbf4 !important;
  border: 1px solid #a21b03 !important;
  text-transform: none;
}
.rfwa-expense-type-optional,
.rfwa-expense-type-situational,
.Optional,
.Situational {
  background-color: #31302e !important;
  color: #fffbf4 !important;
  border: 1px solid #31302e !important;
}
.rfwa-fee-calculator::before {
  background-position: top center !important;
}
.rfwa-accordion-item,
.rfwa-accordion-header,
.rfwa-accordion-content {
  background: #fffbf4 !important;
}
.rfwa-accordion-icon::before {
  border-right: 2px solid #282744 !important;
  border-bottom: 2px solid #282744 !important;
}

@media only screen and (min-width: 768px) {
  .expense-display {
    width: 90%;
    max-width: 1690px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .sitemap-container .expense-display {
    width: calc(100% - 20px);
  }
}

.rfwa-export-link {
  margin-bottom: 20px !important;
  text-align: right !important;
  position: relative !important;
}

.rfwa-export-pdf-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
  color: #31302e !important;
  font-weight: 600 !important;
  font-family: "freight_text_probook" !important;
}

.rfwa-export-pdf-link:hover {
  text-decoration: underline !important;
}

.rfwa-pdf-icon {
  flex-shrink: 0 !important;
  color: #e74c3c !important;
}
.rfwa-export-pdf-link svg path {
  stroke-dashoffset: 0 !important;
  stroke-dasharray: 0 !important;
}
#flrplans_detail .fp_details_left .rfwa-fee-calculator {
  width: auto !important;
  height: auto;
}
#flrplans_detail .fp_details_left .rfwa-fee-calculator span {
  padding-left: 28px;
  font-weight: 700;
  color: #404040;
  font-family: "freight_text_probook";
}
#flrplans_detail .fp_details_left .rfwa-fee-calculator::before {
  position: absolute;
  background-position: top left !important;
}
#flrplans_detail .fp_btn_wrap a {
  font-size: 14px !important;
}
.floorplans .result_item_wrap .fp-price-disclaimer {
  font-size: 14px;
  color: #404040;
  font-family: "freight_text_probook";
  text-align: center;
}