/*
Theme Name: Polaris Pacific v2.1.7
Theme URI: http://polarispacific.com
Description: This update includes QA items from HotJar/GoogleAnalytics Insights
Author: Allis Inc
Version: 2.1.7
Tags:
/* @import must be at top of file, otherwise CSS will not work */

*/
/*@import url("//hello.myfonts.net/count/32184b");*/
@font-face {
  font-family: "NHaasGroteskTXStd-55Rg";
  src: url("webfonts/32184B_0_0.eot");
  src:
    url("webfonts/32184B_0_0.eot?#iefix") format("embedded-opentype"),
    url("webfonts/32184B_0_0.woff2") format("woff2"),
    url("webfonts/32184B_0_0.woff") format("woff"),
    url("webfonts/32184B_0_0.ttf") format("truetype");
}

@font-face {
  font-family: "NHaasGroteskTXStd-56It";
  src: url("webfonts/32184B_1_0.eot");
  src:
    url("webfonts/32184B_1_0.eot?#iefix") format("embedded-opentype"),
    url("webfonts/32184B_1_0.woff2") format("woff2"),
    url("webfonts/32184B_1_0.woff") format("woff"),
    url("webfonts/32184B_1_0.ttf") format("truetype");
}

@font-face {
  font-family: "NHaasGroteskTXStd-75Bd";
  src: url("webfonts/32184B_2_0.eot");
  src:
    url("webfonts/32184B_2_0.eot?#iefix") format("embedded-opentype"),
    url("webfonts/32184B_2_0.woff2") format("woff2"),
    url("webfonts/32184B_2_0.woff") format("woff"),
    url("webfonts/32184B_2_0.ttf") format("truetype");
}

/*
Fonts

font-family: "Knockout 27 A", "Knockout 27 B";
font-style: normal;
font-weight: 400;

font-family: "Knockout 29 A", "Knockout 29 B";
font-style: normal;
font-weight: 400;

font-family: "Knockout 67 A", "Knockout 67 B";
font-style: normal;
font-weight: 400;
*/

/* --------------------------------------
   Reset CSS
   -------------------------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: #ee2127;
}
table {
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-weight: normal;
  font-style: normal;
}
strong {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
}
em {
  font-family: "NHaasGroteskTXStd-56Itd", helvetica, sans-serif;
  font-style: italic;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
  margin: 0;
  padding: 0;
  color: #000;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

::selection {
  background: #ee2127; /* WebKit/Blink Browsers */
  color: #fff;
}

textarea,
input {
  outline: none;
  border-radius: 0;
}

:focus {
  outline-color: transparent;
  outline-style: none;
}

/* @group grid */
.row .span1,
.row .span2,
.row .span3,
.row .span4,
.row .span5,
.row .span6,
.row .span7,
.row .span8,
.row .span9,
.row .span10,
.row .span11,
.row .span12 {
  float: left;
  margin-left: 2%;
}
.row .span1 {
  width: 6.5%;
}
.row .span2 {
  width: 15%;
}
.row .span2 .span1 {
  margin-left: 13.3333333333%;
  width: 43.3333333333%;
}
.row .span3 {
  width: 23.5%;
}
.row .span3 .span1 {
  margin-left: 8.5106382979%;
  width: 27.6595744681%;
}
.row .span3 .span2 {
  margin-left: 8.5106382979%;
  width: 63.829787234%;
}
.row .span4 {
  width: 32%;
}
.row .span4 .span1 {
  margin-left: 6.25%;
  width: 20.3125%;
}
.row .span4 .span2 {
  margin-left: 6.25%;
  width: 46.875%;
}
.row .span4 .span3 {
  margin-left: 6.25%;
  width: 73.4375%;
}
.row .span5 {
  width: 40.5%;
}
.row .span5 .span1 {
  margin-left: 4.9382716049%;
  width: 16.049382716%;
}
.row .span5 .span2 {
  margin-left: 4.9382716049%;
  width: 37.037037037%;
}
.row .span5 .span3 {
  margin-left: 4.9382716049%;
  width: 58.024691358%;
}
.row .span5 .span4 {
  margin-left: 4.9382716049%;
  width: 79.012345679%;
}
.row .span6 {
  width: 49%;
}
.row .span6 .span1 {
  margin-left: 4.0816326531%;
  width: 13.2653061224%;
}
.row .span6 .span2 {
  margin-left: 4.0816326531%;
  width: 30.612244898%;
}
.row .span6 .span3 {
  margin-left: 4.0816326531%;
  width: 47.9591836735%;
}
.row .span6 .span4 {
  margin-left: 4.0816326531%;
  width: 65.306122449%;
}
.row .span6 .span5 {
  margin-left: 4.0816326531%;
  width: 82.6530612245%;
}
.row .span7 {
  width: 57.5%;
}
.row .span7 .span1 {
  margin-left: 3.4782608696%;
  width: 11.3043478261%;
}
.row .span7 .span2 {
  margin-left: 3.4782608696%;
  width: 26.0869565217%;
}
.row .span7 .span3 {
  margin-left: 3.4782608696%;
  width: 40.8695652174%;
}
.row .span7 .span4 {
  margin-left: 3.4782608696%;
  width: 55.652173913%;
}
.row .span7 .span5 {
  margin-left: 3.4782608696%;
  width: 70.4347826087%;
}
.row .span7 .span6 {
  margin-left: 3.4782608696%;
  width: 85.2173913043%;
}
.row .span8 {
  width: 66%;
}
.row .span8 .span1 {
  margin-left: 3.0303030303%;
  width: 9.8484848485%;
}
.row .span8 .span2 {
  margin-left: 3.0303030303%;
  width: 22.7272727273%;
}
.row .span8 .span3 {
  margin-left: 3.0303030303%;
  width: 35.6060606061%;
}
.row .span8 .span4 {
  margin-left: 3.0303030303%;
  width: 48.4848484848%;
}
.row .span8 .span5 {
  margin-left: 3.0303030303%;
  width: 61.3636363636%;
}
.row .span8 .span6 {
  margin-left: 3.0303030303%;
  width: 74.2424242424%;
}
.row .span8 .span7 {
  margin-left: 3.0303030303%;
  width: 87.1212121212%;
}
.row .span9 {
  width: 74.5%;
}
.row .span9 .span1 {
  margin-left: 2.6845637584%;
  width: 8.7248322148%;
}
.row .span9 .span2 {
  margin-left: 2.6845637584%;
  width: 20.1342281879%;
}
.row .span9 .span3 {
  margin-left: 2.6845637584%;
  width: 31.5436241611%;
}
.row .span9 .span4 {
  margin-left: 2.6845637584%;
  width: 42.9530201342%;
}
.row .span9 .span5 {
  margin-left: 2.6845637584%;
  width: 54.3624161074%;
}
.row .span9 .span6 {
  margin-left: 2.6845637584%;
  width: 65.7718120805%;
}
.row .span9 .span7 {
  margin-left: 2.6845637584%;
  width: 77.1812080537%;
}
.row .span9 .span8 {
  margin-left: 2.6845637584%;
  width: 88.5906040268%;
}
.row .span10 {
  width: 83%;
}
.row .span10 .span1 {
  margin-left: 2.4096385542%;
  width: 7.8313253012%;
}
.row .span10 .span2 {
  margin-left: 2.4096385542%;
  width: 18.0722891566%;
}
.row .span10 .span3 {
  margin-left: 2.4096385542%;
  width: 28.313253012%;
}
.row .span10 .span4 {
  margin-left: 2.4096385542%;
  width: 38.5542168675%;
}
.row .span10 .span5 {
  margin-left: 2.4096385542%;
  width: 48.7951807229%;
}
.row .span10 .span6 {
  margin-left: 2.4096385542%;
  width: 59.0361445783%;
}
.row .span10 .span7 {
  margin-left: 2.4096385542%;
  width: 69.2771084337%;
}
.row .span10 .span8 {
  margin-left: 2.4096385542%;
  width: 79.5180722892%;
}
.row .span10 .span9 {
  margin-left: 2.4096385542%;
  width: 89.7590361446%;
}
.row .span11 {
  width: 91.5%;
}
.row .span11 .span1 {
  margin-left: 2.1857923497%;
  width: 7.1038251366%;
}
.row .span11 .span2 {
  margin-left: 2.1857923497%;
  width: 16.393442623%;
}
.row .span11 .span3 {
  margin-left: 2.1857923497%;
  width: 25.6830601093%;
}
.row .span11 .span4 {
  margin-left: 2.1857923497%;
  width: 34.9726775956%;
}
.row .span11 .span5 {
  margin-left: 2.1857923497%;
  width: 44.262295082%;
}
.row .span11 .span6 {
  margin-left: 2.1857923497%;
  width: 53.5519125683%;
}
.row .span11 .span7 {
  margin-left: 2.1857923497%;
  width: 62.8415300546%;
}
.row .span11 .span8 {
  margin-left: 2.1857923497%;
  width: 72.131147541%;
}
.row .span11 .span9 {
  margin-left: 2.1857923497%;
  width: 81.4207650273%;
}
.row .span11 .span10 {
  margin-left: 2.1857923497%;
  width: 90.7103825137%;
}
.row .span12 {
  width: 100%;
}
.row .span12 .span1 {
  margin-left: 2%;
  width: 6.5%;
}
.row .span12 .span2 {
  margin-left: 2%;
  width: 15%;
}
.row .span12 .span3 {
  margin-left: 2%;
  width: 23.5%;
}
.row .span12 .span4 {
  margin-left: 2%;
  width: 32%;
}
.row .span12 .span5 {
  margin-left: 2%;
  width: 40.5%;
}
.row .span12 .span6 {
  margin-left: 2%;
  width: 49%;
}
.row .span12 .span7 {
  margin-left: 2%;
  width: 57.5%;
}
.row .span12 .span8 {
  margin-left: 2%;
  width: 66%;
}
.row .span12 .span9 {
  margin-left: 2%;
  width: 74.5%;
}
.row .span12 .span10 {
  margin-left: 2%;
  width: 83%;
}
.row .span12 .span11 {
  margin-left: 2%;
  width: 91.5%;
}
.row > :first-child,
.row .row > :first-child {
  margin-left: 0;
}
.row:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.lte7 .row {
  height: 1%;
}
.wrapper {
  margin: 0 auto;
  max-width: 1000px;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1 {
  font-size: 30px;
  line-height: 36px;
}
.row {
  margin-bottom: 20px;
}
.row > [class*="span"] {
  min-height: 80px;
  padding: 0 0 20px;
}
.row .row {
  background: none;
  margin-bottom: 0;
}
.row .row > [class*="span"] {
  min-height: 100%;
  padding: 0 0 20px;
}

/* --------------------------------------
   Basics
   -------------------------------------- */
*,
*:before,
*:after {
  box-sizing: inherit;
}

html,
body {
  width: 100%;
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  font-weight: normal;
  background-color: #fff;
  color: #000;
  margin: 0;
}

@supports (-ms-ime-align: auto) {
  html {
    width: 100vw;
    overflow-x: hidden;
  }
}

html {
  background-color: #f7f7f7;
}

body {
  overflow-x: hidden;
  overflow-y: visible;
}

#chk {
  position: fixed;
  width: 479px;
  height: 500px;
  z-index: 99999999999;
  background: url(img/animated-chicken-rooster-gif-3.gif) center center
    no-repeat;
  left: -500px;
  bottom: 60px;
}

/*
html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space
    background: transparent;  /* optional: just make scrollbar invisible
}
html {
    overflow: hidden;
}
body {
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}
*/

.post-edit-link {
  position: fixed;
  top: 160px;
  right: 0;
  background: #ee2126;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  z-index: 9999;
  display: block;
  font-size: 12px;
}
body.the-red-room {
  background-color: #f7f7f7;
}

.bg-finished {
  background-color: #fff;
  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}

.mobile-hide {
  display: none;
}

.mobile-show {
  display: block;
}

a {
  color: #ee2126;
}

p {
  line-height: 1.575;
  font-size: 14px;
  color: #000;
  margin-bottom: 20px;
}

.cool-link {
  color: #000;
  text-decoration: none;
  position: relative;
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  transition: all 0.75s ease;
}

.cool-link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: 0;
  width: 100%;
  border-bottom: 2px solid #ee2127;
  transition: 0.4s;
}

.single-format-video .cool-link {
  color: #fff;
}

/*****************************************************
Homepage - Preloader
*****************************************************/
#logo-block img {
  position: absolute;
}

#home-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999999999;
  background-color: #fff;
}

#logo {
  width: 100%;
  height: 560px;
  top: 0;
  bottom: 0px;
  margin: auto;
  overflow: hidden;
  position: absolute;
  -webkit-transform: scale(0.45);
  -moz-transform: scale(0.45);
  -ms-transform: scale(0.45);
  -o-transform: scale(0.45);
  transform: scale(0.45);
}

#logo-block {
  width: 245px;
  height: 560px;
  left: 0px;
  right: 0px;
  margin: auto;
  position: absolute;
  -webkit-transform: translateY(560px);
  -moz-transform: translateY(560px);
  -ms-transform: translateY(560px);
  -o-transform: translateY(560px);
  transform: translateY(560px);
}

#aris {
  top: 140px;
  left: -5px;
}

#pac {
  top: 280px;
}
#ific {
  top: 420px;
}

body.home.bg-finished #logo {
  -webkit-transition: opacity 0.5s 2.75s ease-out;
  -moz-transition: opacity 0.5s 2.75s ease-out;
  -ms-transition: opacity 0.5s 2.75s ease-out;
  -o-transition: opacity 0.5s 2.75s ease-out;
  transition: opacity 0.5s 2.75s ease-out;
  opacity: 0;
}

body.home.bg-finished #home-loader {
  /*
    -webkit-transition: opacity .5s 3.25s ease-out, height 1.25s 3.75s;
    -moz-transition: opacity .5s 3.25s ease-out, height 1.25s 3.75s;
    -ms-transition: opacity .5s 3.25s ease-out, height 1.25s 3.75s;
    -o-transition: opacity .5s 3.25s ease-out, height 1.25s 3.75s;
    transition: opacity .5s 3.25s ease-out, height 1.25s 3.75s;
    opacity: 0;
    */
  -webkit-transition: height 1.75s 3.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: height 1.75s 3.5s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: height 1.75s 3.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: height 1.75s 3.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: height 1.75s 3.5s cubic-bezier(0.19, 1, 0.22, 1);
  height: 0;
}

/*****************************************************
Grid (Footer & Red Room)
*****************************************************/
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

.col {
  margin: 0;
  color: #fff;
}

.tile-collection .col {
  background-color: #ee2127;
}

.col img {
  max-width: 100%;
  display: block;
}

.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
}

.span_12_of_12,
.span_11_of_12,
.span_10_of_12,
.span_9_of_12,
.span_8_of_12,
.span_7_of_12,
.span_6_of_12,
.span_5_of_12,
.span_4_of_12,
.span_3_of_12,
.span_2_of_12,
.span_1_of_12 {
  width: 100%;
}

/*****************************************************
Grid (Tiles)
*****************************************************/
.half {
  background-color: #ee2127;
}

.half .half-2.red {
  display: none;
}

body.chinese .half .half-2.red {
  display: block;
}

.half-1 {
  padding: 50px 0 0 20px;
}

.half-1 h3 {
  position: relative;
  height: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: 10;
  line-height: 1.5;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #fff;
  font-size: 15vw;
  line-height: 0.8;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.tile {
  overflow: hidden;
}

.tile-25,
.grid-sizer {
  position: relative;
  width: 50%;
  padding-bottom: 62.5%;
  float: left;
}

.tile-25 {
  cursor: pointer;
}

.tile-50 {
  cursor: pointer;
  position: relative;
  width: 100%;
  padding-bottom: 125%;
}

.tile.tile-red {
  background-color: #ee2127;
  transition: background 1.25s ease-out;
}
.tile.tile-red:hover {
  background-color: #c81a19;
}
.tile.tile-black {
  background-color: #000;
  transition: background 1.25s ease-out;
}
.tile.tile-black:hover {
  background-color: #000;
}

.tile-text {
  position: absolute;
  height: 100%;
  left: 10px;
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: 10;
  line-height: 1.5;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.tile-text.tile-refresh {
  left: auto;
}

.tile-refresh {
  text-align: center;
  left: 0;
  width: 100%;
  cursor: pointer;
}

.tile-refresh div {
  text-align: center;
  width: 100%;
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;

  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.15em;
  margin: 2px 0;
}

.animate-in .tile-refresh svg {
  transform: rotate(360deg);
  transition: all 0.9s ease-in-out;
  transition-delay: 1.5s;
}

.animate-in .tile-refresh:hover svg {
  animation: rotating 1s ease-in-out 1;
}

.tile-text .prehead,
tile-25.tile-red .tile-text .prehead {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;

  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.15em;
  margin-bottom: 6px;
}

.tile-text h3 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #fff;
  font-size: 8vw;
  line-height: 0.8;
  margin-bottom: 10px;
}

.tile-50 h3 {
  font-size: 18vw;
}

.tile-text .subhead {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-size: 14px;
}

tile-50.tile-red .tile-text .prehead {
  margin-bottom: 20px;
}

.tile-red .tile-text .button,
.tile-black .tile-text .button {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  padding: 9px 12% 7px;
  display: inline-block;
  font-size: 13px;
  margin-top: 20px;
  box-shadow: inset 0 0 0 1px #fff;
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  border: 3px solid #fff;
}
.tile-black .tile-text .button {
  color: #ee2127;
}
.tile-black .tile-text .button {
  color: #000;
}
.tile-black {
  position: relative;
}
.tile-black .rover {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 10%;
  width: 60%;
  height: auto;
  transform: translate3d(5%, -50%, 0);
  opacity: 0;
  transition: all 0.5s ease;
}
.tile-black h3:hover {
  cursor: default;
}
.tile-black h3:hover + .rover {
  opacity: 1;
  transform: translate3d(0%, -50%, 0);
}
.tile-black h3 span {
  font-weight: 400;
  color: #23abe2;
  text-decoration: none;
  transition: all 0.3s;
  position: relative;
}
.tile-black h3 span:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.15em;
  background: #23abe2;
  transition: all 0.3s;
}
.tile-black h3:hover span:before {
  height: 2px;
}

.tile-black h3:hover span {
  color: #000;
  -webkit-text-stroke: 2px #23abe2;
}
.tile-link-green h3 span {
  color: #8cc440;
}
.tile-link-green h3 span:before {
  background: #8cc440;
}
.tile-link-green h3:hover span {
  -webkit-text-stroke: 2px #8cc440;
}
.tile-link-yellow h3 span {
  color: #ffde14;
}
.tile-link-yellow h3 span:before {
  background: #ffde14;
}
.tile-link-yellow h3:hover span {
  -webkit-text-stroke: 2px #ffde14;
}

.tile-overlay {
  cursor: pointer;
  z-index: 4;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-transition: opacity 1.25s ease-out;
  -ms-transition: opacity 1.25s ease-out;
  transition: opacity 1.25s ease-out;
  opacity: 0.35;
}

.tile-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*
    image-rendering: -moz-crisp-edges;         /* Firefox /
    image-rendering:   -o-crisp-edges;         /* Opera /
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) /
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) /
    */
}

.tile-reveal {
  display: none;
}

svg.icon-arrow {
  width: 50px;
  height: 44px;
  display: block;
  fill: #fff;
  cursor: pointer;
  -webkit-transition: all 0.5s 1.5s ease-out;
  -ms-transition: all 0.5s 1.5s ease-out;
  transition: all 0.5s 1.5s ease-out;
  margin-top: 20px;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
  position: absolute;
  bottom: -26vh;
}

body.company svg.icon-arrow {
  bottom: -22vh;
}

#down-arrow-2 {
  display: none;
}

body.bg-finished svg.icon-arrow {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

body.bg-finished svg.icon-arrow:hover {
  fill: #ee2126;
  -webkit-transition: all 0.5s 0s ease-out;
  -ms-transition: all 0.5s 0s ease-out;
  transition: all 0.5s 0s ease-out;
}

.tile.animate-in .tile-image {
  /*
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    */
}

.tile-ro.animate-in .tile-overlay {
  opacity: 0.35;
}

.tile-ro.animate-in:hover .tile-overlay {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.tile-ro.tile-red .tile-overlay {
  opacity: 0;
}

.tile-ro.tile-red:hover .tile-overlay {
  opacity: 0;
}

.tile.animate-in .tile-text {
  transform: translateY(0);
  opacity: 1;
  -webkit-transition:
    transform 2.5s cubic-bezier(0.19, 1, 0.22, 1),
    opacity 2.75s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition:
    transform 2.5s cubic-bezier(0.19, 1, 0.22, 1),
    opacity 2.75s cubic-bezier(0.19, 1, 0.22, 1);
  transition:
    transform 2.5s cubic-bezier(0.19, 1, 0.22, 1),
    opacity 2.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.tile.animate-in:nth-child(2) .tile-text {
  transition-delay: 1s;
  -webkit-transition-delay: 1;
}

.tile.animate-in:nth-child(3) .tile-text {
  transition-delay: 2s;
  -webkit-transition-delay: 2s;
}

.tile.animate-in:nth-child(4).tile-text {
  transition-delay: 3s;
  -webkit-transition-delay: 3s;
}

.prehead.br-2 {
  margin-top: 22.5%;
}

#tile-properties-0 .tile-image.transition,
#tile-redroom-0 .tile-image.transition {
  -webkit-transition-delay: 0.25s;
  -ms-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

#tile-properties-1 .tile-image.transition,
#tile-redroom-1 .tile-image.transition {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

#tile-properties-2 .tile-image.transition,
#tile-redroom-2 .tile-image.transition {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

#tile-properties-3 .tile-image.transition,
#tile-redroom-3 .tile-image.transition {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

body.single .half,
body.page-template .half,
body.page-template .full {
  width: 100%;
  box-sizing: border-box;
}

body.page-template .full {
  width: 100%;
  padding: 60px 20px;
}

#fun-stats {
  height: calc(100vh - 80px);
  position: relative;
  padding: 5vh 20px;
}

#fun-stats h4 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.15em;
  margin-bottom: 60px;
}

#fun-stats .span_3_of_12 {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#fun-stats .span_3_of_12.active {
  opacity: 1;
  -webkit-transition: all 0.5s 0.5s ease-out;
  -moz-transition: all 0.5s 0.5s ease-out;
  -ms-transition: all 0.5s 0.5s ease-out;
  -o-transition: all 0.5s 0.5s ease-out;
  transition: all 0.5s 0.5s ease-out;
}

#stats .span_3_of_12 div,
#stats .span_3_of_12 p {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #fff;
  font-size: 60vw;
  line-height: 0.8;
}

#stats .span_3_of_12 p {
  font-size: 14vw;
  margin-top: 6px;
}

.half-1,
.half-2 {
  width: 100%;
  padding: 0 0 100% 0;
  overflow: hidden;
  background-color: #fff;
}

.red {
  background-color: #ee2127;
}

.photo {
  background-image: url("http://fpoimg.com/800x800");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s 0.3s ease-out;
  -ms-transition: all 0.5s 0.3s ease-out;
  transition: all 0.5s 0.3s ease-out;
  background-color: #161616;
  padding: 0;
}

.half-1 h3 {
  position: absolute;
  height: 100%;
  left: 25%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: 10;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #fff;
  font-size: 7.5vw;
  line-height: 0.8;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.half-1 div.slide,
.half-2 div.slide {
  position: absolute;
  height: 100%;
  left: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.half-1 div.slide.active,
.half-2 div.slide.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.5s 0.5s ease-out;
  -moz-transition: all 0.5s 0.5s ease-out;
  -ms-transition: all 0.5s 0.5s ease-out;
  -o-transition: all 0.5s 0.5s ease-out;
  transition: all 0.5s 0.5s ease-out;
}

.half-1 div.slide {
  left: 20%;
  width: 51%;
}
.half-2 div.slide img.hidden {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
}

.half-1 div.slide.active blockquote,
.half-2 div.slide.active blockquote {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #ee2127;
  font-size: 4.5vw;
  line-height: 0.8;
}

#quotes .half-1 div.slide.active blockquote.smallest,
#quotes .half-2 div.slide.active blockquote.smallest {
  font-size: 10vw;
}

#quotes .half-1 div.slide.active blockquote.small,
#quotes .half-2 div.slide.active blockquote.small {
  font-size: 12.5vw;
}

#quotes .half-1 div.slide.active blockquote.large,
#quotes .half-2 div.slide.active blockquote.large {
  font-size: 15.5vw;
}

.half-1.red div.slide.active blockquote,
.half-2.red div.slide.active blockquote {
  color: #fff;
}

.half-2.red .gallery-next-button .arrow {
  fill: #ee2127;
}

.half-2.red .gallery-next-button .bg {
  fill: #fff;
}

.half-1 div.slide.active svg.quote {
  width: 1.5vw;
  height: 1.74735vw;
  fill: #ee2127;
  margin: 5px 0;
}

.half-1.red div.slide.active svg.quote {
  fill: #fff;
}

.half-1 div.slide.active svg.quote:first-child {
  margin-top: 10vh;
}

.half-1 div.slide.active svg.quote:last-child {
  margin-top: 12px;
}

.slide .slide-stats figure,
.slide .slide-stats figcaption {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  color: #ee2127;
  font-size: 5vw;
  line-height: 0.8;
}

.slide .slide-stats figure sup {
  font-size: 6.2vw;
  margin-left: 3px;
  letter-spacing: 0.03em;
}

.slide .slide-stats figure {
  font-size: 13vw;
}

.half-1 ul li,
.half-2 ul li {
  display: block;
}

.half-1 ul li a,
.half-1 ul li,
.half-2 ul li a,
.half-2 ul li {
  line-height: 1.575;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #ee2127;
  font-size: 5vw;
  line-height: 0.8;
  -webkit-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  transition: all 0.75s ease;
  display: block;
}

.half-1.red ul li a,
.half-1.red ul li,
.half-2.red ul li a,
.half-2.red ul li {
  color: #fff;
}

.half-1.red ul li a:hover,
.half-2.red ul li a:hover {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

/*
.half-2 ul:hover li a {
    opacity: .7;
}

.half-2 ul li a:hover {
    opacity: 1;
}
*/

.full .slide-nav,
.half-1 .slide-nav,
.half-2 .slide-nav {
  position: absolute;
  left: 40px;
  bottom: 30px;
}

.full .slide-nav {
  left: 16px;
}

.half-1 .slide-nav {
  left: 25%;
}

.half-1 #slide-subhead,
.half-2 #slide-subhead,
.half-1 .slide-subhead,
.half-2 .slide-subhead,
body.chinese .half-2 #slide-subhead {
  position: absolute;
  left: 40px;
  top: 60px;
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  text-transform: uppercase;
  color: #ee2127;
  font-size: 10px;
  letter-spacing: 0.15em;
  line-height: 1.6;
}

body.chinese .half-2 #slide-subhead {
  color: #fff;
  font-family:
    "Hiragino Sans GB W3", "Hiragino Sans GB", "Microsoft YaHei",
    "Lucida Grande", sans-serif;
  font-size: 13px;
  left: 20px;
}

body.chinese .half-2 div.slide div {
  color: #fff;
  font-family:
    "Hiragino Sans GB W3", "Hiragino Sans GB", "Microsoft YaHei",
    "Lucida Grande", sans-serif;
  font-size: 6vw;
  line-height: 1.2;
  padding-right: 20%;
}

.half-1 #slide-subhead,
.half-1 .slide-subhead {
  left: 20%;
}

.half-1 .slide .slide-subhead,
.half-2 .slide .slide-subhead {
  left: 0;
  top: 10vh;
}

.half-1.red #slide-subhead,
.half-1.red .slide-subhead,
.half-2.red .slide-subhead {
  color: #fff;
}

.full .slide-nav ul li,
.half-1 .slide-nav ul li,
.half-2 .slide-nav ul li {
  display: inline;
  margin-right: 10px;
}

.full .slide-nav ul li svg,
.half-1 .slide-nav ul li svg,
.half-2 .slide-nav ul li svg {
  height: 19px;
  width: 19px;
  cursor: pointer;
}

.full .slide-nav ul li svg rect.background,
.half-1 .slide-nav ul li svg rect.background,
.half-2 .slide-nav ul li svg rect.background {
  fill: #fff;
}

.full .slide-nav ul li svg path.on,
.full .slide-nav ul li svg circle.off,
.half-1 .slide-nav ul li svg path.on,
.half-1 .slide-nav ul li svg circle.off,
.half-2 .slide-nav ul li svg path.on,
.half-2 .slide-nav ul li svg circle.off {
  fill: #ee2127;
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.full.red .slide-nav ul li svg rect.background,
.half-1.red .slide-nav ul li svg rect.background,
.half-2.red .slide-nav ul li svg rect.background {
  fill: #ee2127;
}

.full.red .slide-nav ul li svg path.on,
.full.red .slide-nav ul li svg circle.off,
.half-1.red .slide-nav ul li svg path.on,
.half-1.red .slide-nav ul li svg circle.off,
.half-2.red .slide-nav ul li svg path.on,
.half-2.red .slide-nav ul li svg circle.off {
  fill: #fff;
}

.half-1 .contributor a,
.half-2 .contributor a {
  color: #fff;
  margin: 0;
  letter-spacing: 0;
  text-transform: none;
  display: block;
  font-size: 13px;
  transform: translateY(-6%);
}

@media only screen and (min-width: 321px) {
  .half-1 .contributor a,
  .half-2 .contributor a {
    display: inline-block;
  }
}

.half-2 .contributor a {
  color: #ee2127;
}

.full .slide-nav ul li svg path.on,
.half-1 .slide-nav ul li svg path.on,
.half-2 .slide-nav ul li svg path.on {
  opacity: 0;
}

.half-1 .slide-nav ul li svg:hover path.on,
.half-2 .slide-nav ul li svg:hover path.on {
  opacity: 1;
}

.full .slide-nav ul li.active svg path.on,
.half-1 .slide-nav ul li.active svg path.on,
.half-2 .slide-nav ul li.active svg path.on {
  opacity: 1;
}

.full .slide-nav ul li.active svg circle.off,
.half-1 .slide-nav ul li.active svg circle.off,
.half-2 .slide-nav ul li.active svg circle.off {
  opacity: 0;
  -webkit-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out;
}

/*****************************************************
Property
*****************************************************/

/* Landing    ***************************************/
.mobile-featured-list {
  padding-bottom: 20px;
}

.mobile-featured-list h2 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  font-size: 15vw;
  line-height: 0.75;
  margin: 55px 0 25px;
  color: #fff;
}

/* Interior    **************************************/
#quotes {
  position: relative;
  overflow: auto;
}

#quotes .half-1,
#quotes .half-2,
#call-outs .half-1,
#call-outs .half-2 {
  position: relative;
  width: 100%;
  padding: 0 20px calc(100vh - 80px);
  background-color: #ee2126;
}

#call-outs .half-1,
#call-outs .half-2 {
  background-color: #fff;
}

#quotes .half-1 div.slide,
#call-outs .half-1 div.slide {
  left: 0;
  width: 100%;
  padding: 0 20px;
}

#quotes .half-1 .slide .slide-subhead,
#quotes .half-2 .slide .slide-subhead,
#call-outs .half-1 .slide .slide-subhead,
#call-outs .half-2 .slide .slide-subhead {
  left: 20px;
  top: 5vh;
}

#quotes .half-1 div.slide.active blockquote,
#quotes .half-2 div.slide.active blockquote {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #ee2127;
  font-size: 14vw;
  line-height: 0.8;
}

#quotes .half-1.red div.slide.active blockquote,
#quotes .half-2.red div.slide.active blockquote {
  color: #fff;
}

#quotes .half-1 div.slide.active svg.quote {
  width: 4.5vw;
  height: 5.24025vw;
}

/*****************************************************
Capabilities
*****************************************************/
#capabilities-list .gallery-next-button {
  display: none;
}

#capabilities-list-container {
  position: relative;
  overflow: auto;
}

#capabilities-list-container .half-1,
#capabilities-list-container .half-2 {
  position: relative;
  width: 100%;
  padding: 0 20px calc(100vh - 80px);
}

#capabilities-list.half-2 #slide-subhead {
  left: 20px;
  top: 5vh;
}

#capabilities-list-container .half-2 ul li {
  font-size: 14vw;
}

#capabilities-list-container .half-2 div.slide {
  left: 0;
  width: 100%;
  padding: 0 20px;
}

#capabilities-list-container .half-2 .slide-nav {
  left: 16px;
}

#fun-stats .span_3_of_12 {
  width: calc(100% - 40px);
  margin-right: 0;
  float: left;
}

#catchphrase .half-1,
#catchphrase .half-2 {
  position: relative;
  width: 100%;
  padding: 0 20px calc(100vh - 80px);
}

#catchphrase .half-1 #slide-subhead,
#catchphrase .half-1 .slide-subhead {
  left: 20px;
  top: 5vh;
}

#catchphrase .half-1 div.slide {
  left: 0;
  width: 100%;
  padding: 0 20px;
}

#catchphrase .half-1 div.slide.active blockquote,
#catchphrase .half-2 div.slide.active blockquote {
  font-size: 14vw;
}

#catchphrase .half-1 div.slide.active blockquote.smallest,
#catchphrase .half-2 div.slide.active blockquote.smallest {
  font-size: 10vw;
}

#catchphrase .half-1 div.slide.active blockquote.small,
#catchphrase .half-2 div.slide.active blockquote.small {
  font-size: 12.5vw;
}

#catchphrase .half-1 div.slide.active blockquote.large,
#catchphrase .half-2 div.slide.active blockquote.large {
  font-size: 15.5vw;
}

#catchphrase .half-1 div.slide.active svg.quote {
  width: 4.5vw;
  height: 5.24025vw;
}

#catchphrase .half-1.catchphrase-dark {
  background: #000;
}
#catchphrase .catchphrase-dark #slide-subhead {
  color: #fff;
}
#catchphrase .catchphrase-blue blockquote {
  color: #00aeef;
}
#catchphrase .catchphrase-blue svg.quote {
  fill: #00aeef;
}

#catchphrase .catchphrase-red blockquote {
  color: #ee2127;
}
#catchphrase .catchphrase-red svg.quote {
  fill: #ee2127;
}
#catchphrase .catchphrase-green blockquote {
  color: #8cc440;
}
#catchphrase .catchphrase-green svg.quote {
  fill: #8cc440;
}
#catchphrase .catchphrase-yellow blockquote {
  color: #ffde14;
}
#catchphrase .catchphrase-yellow svg.quote {
  fill: #ffde14;
}

#popup {
  background: #000;

  margin: auto;
}
/*****************************************************
Popup
*****************************************************/
.mfp-content {
  max-width: 1000px;
}
button.mfp-close,
button.mfp-arrow {
  color: #fff;
  background: transparent;
  opacity: 1;
}
.mfp-close-btn-in .mfp-close {
  color: #fff;
}
.popup {
  padding: 40px 10px;
}

.popup img {
  width: 100%;
  height: auto;
}
.popup p {
  color: #fff;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #fff;
  font-size: 30px;
  line-height: 0.8;
  margin-right: 0;
  margin-bottom: 20px;
}
.popup__cta svg {
  width: 8vw;
  max-width: 140px;
  height: auto;
}
/*****************************************************
Company
*****************************************************/
#company-background p,
#overview p {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}

#company-background h3,
#overview h3 {
  font-size: 35px;
  font-family: "Knockout 27 A", "Knockout 27 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 16px;
}

body.page-template-template-company .half-1,
body.page-template-template-company .half-2 {
  width: 100%;
  overflow: hidden;
  /*     height: calc(100vh - 80px); */
  height: 100vh;
  position: relative;
}

body.page-template-template-company .half-1.photo,
body.page-template-template-company .half-2.photo {
  /* 	 height: calc(100vh - 80px); */
}

body.page-template-template-company .half-1 div.slide,
body.page-template-template-company .half-2 div.slide {
  width: 100%;
  left: 0;
  padding: 0 20px;
}

body.page-template-template-company .slide.active h5,
body.page-template-template-company .contributor {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 11px;
  letter-spacing: 0.16em;
}

body.page-template-template-company .contributor {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #dadbdc;
  padding: 3% 0 3% 20px;
}

body.page-template-template-company .contributor div {
  width: auto;
  margin: 0;
}

body.page-template-template-company .slide.active ul {
  margin-top: 8px;
}

body.page-template-template-company .slide.active h2 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  font-size: 15vw;
  line-height: 0.75;
  margin-bottom: 18px;
}

body.page-template-template-company .slide.active li,
body.page-template-template-company .slide.active li a,
body.page-template-template-company .slide.active .contributor,
body.page-template-template-company .slide.active .contributor a {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  text-transform: none;
  line-height: normal;
}

body.page-template-template-company .slide.active li {
  margin-bottom: 4px;
}

body.page-template-template-company .slide.active p {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 20px;
}

body.page-template-template-company .slide.active h2,
body.page-template-template-company .slide.active h5,
body.page-template-template-company .slide.active li a {
  color: #ee2127;
}

body.page-template-template-company .red .slide.active h2,
body.page-template-template-company .red .slide.active h5,
body.page-template-template-company .red .slide.active p,
body.page-template-template-company .red .slide.active li a {
  color: #fff;
}

#company-background {
  padding: 20px 20px 50px;
}

#company-background h4 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
  margin-bottom: 8px;
}

#company-background-image {
  width: 100%;
  padding-bottom: 160%;
  /*     background: url('//dummyimage.com/1200x800/fff/aaa') 28% 50% no-repeat; */
  background-size: cover;
  background-color: #f7f7f7;
}

body.single-news #company-background-image {
  padding-bottom: 60%;
}

/*****************************************************
Grid (Tiles)
*****************************************************/
#scroll-video-text-1,
#scroll-video-text-2,
#scroll-video-text-3 {
  /* opacity: 0; */
  position: absolute;
  z-index: 90;
  left: 20px;
  bottom: 10%;
}

body.home #scroll-video-text-1 {
  left: auto;
  bottom: auto;
  top: 75vh;
  width: 100%;
  height: calc(100vh - 80px);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}

.video-text-contained {
  padding: 20px;
}

.video-text-interior {
  position: absolute;
  z-index: 90;
  left: 20px;
}

#scroll-video-text-0 {
  top: 30%;
}

body.bg-finished #scroll-video-text-0 {
  top: 26%;
}

#scroll-video-text-0 h1 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #fff;
  font-size: 24vw;
  line-height: 0.8;
  margin-bottom: 13px;
}

.video-text-interior p {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

body.company .video-text-interior p {
  margin-right: 8%;
}

#scroll-video-text-1.video-text-interior {
  bottom: auto;
  right: auto;
  top: 100vh;
  width: 100%;
  height: 50vh;
  box-sizing: border-box;
  left: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 20px;
  background-color: #fff;
}

#scroll-video-text-1.video-text-interior p {
  color: #000;
}

#scroll-video-text-1 h2 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #ee2126;
  font-size: 18vw;
  line-height: 0.8;
  margin-bottom: 13px;
  margin-top: 13px;
}

body.home #scroll-video-text-1 h2 {
  color: #fff;
}

.video-text-link {
  display: inline-block;
  margin: 8px 0 0;
}

.video-text .prehead {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.15em;
  margin-bottom: 12px;
}

.video-text h2 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #fff;
  font-size: 7vw;
  line-height: 0.8;
  margin-bottom: 13px;
}

.video-text a.button,
.more-articles .button,
.video-ad-max-content .button,
.button-cta {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  background-color: #ee2127;
  color: #fff;
  padding: 10px 40px 8px;
  display: inline-block;
  font-size: 13px;
  margin-top: 20px;
  box-shadow: inset 0 0 0 1px #ee2127;
  cursor: pointer;
  /* Old browsers */
  transition: all 0.5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.video-text a.button,
.more-articles .button,
.video-ad-max-content .button {
  border: 3px solid #ee2127;
}

body.home #scroll-video-text-2,
body.home #scroll-video-text-3 {
  left: auto;
  bottom: auto;
  width: 100%;
  height: calc(100vh - 80px);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}

body.home #scroll-video-text-2 h2,
body.home #scroll-video-text-3 h2 {
  font-size: 18vw;
}

/* --------------------------------------
   Hamburger
   https://github.com/jonsuh/hamburgers
   -------------------------------------- */
#header-logo {
  position: fixed;
  left: 20px;
  width: 80px;
  height: 80px;
  z-index: 1000;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  overflow: hidden;
}

#header-logo svg.logo-pp-small {
  position: absolute;
  top: 18px;
  fill: #ee2127;
  width: 73px;
  height: 45px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

body.home #header-logo svg.logo-pp-small {
  transform: translateY(100px);
}

body.home.show-logo #header-logo svg.logo-pp-small {
  transform: translateY(0);
}

#menu,
#menu-overlay-menu {
  position: absolute;
  z-index: 2001;
  top: 18px;
  right: 18px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#menu-open,
#menu-close {
  position: absolute;
  z-index: 2001;
  top: 18px;
  right: 18px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: #ee2127;
  width: 45px;
  height: 45px;
  cursor: pointer;
  overflow: hidden;
}

#menu-open {
  background-image: url(img/icon_menu-open-21x12.svg);
  background-position: 12px 16px;
  background-size: 21px 12px;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s 0.5s ease-out;
  -moz-transition: all 0.5s 0.5s ease-out;
  transition: all 0.25s 0.5s ease-out;
}

#menu-open.is-active {
  background-position: -50px 16px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s 0.25s ease-out;
}

#menu-close {
  background-image: url(img/icon_menu-close-17x17.svg);
  background-position: 64px 14px;
  background-size: 17px 17px;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s 0.25s ease-out;
  -moz-transition: all 0.5s 0.25s ease-out;
  transition: all 0.5s 0.25s ease-out;
}

#menu-close.is-active {
  background-position: 14px 14px;
  -webkit-transition: all 0.5s 0.25s ease-out;
  -moz-transition: all 0.5s 0.25s ease-out;
  transition: all 0.5s 0.25s ease-out;
}

#cn,
#menu-overlay-cn {
  position: absolute;
  right: 72px;
  top: 33px;
  white-space: nowrap;
  color: #ee2127;
  font-size: 12px;
  margin-right: 10px;
  -webkit-transition: color 0.5s 0s ease-out;
  -moz-transition: color 0.5s 0s ease-out;
  transition: color 0.5s 0s ease-out;
  font-family:
    Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei,
    "华文细黑", sans-serif;
}

#menu-overlay-cn {
  color: #fff;
}

body.the-red-room #cn,
body.single-redroom #cn {
  color: #fff;
}

body.menu #cn {
  color: #fff;
  -webkit-transition: color 0.5s 0.25s ease-out;
  -moz-transition: color 0.5s 0.25s ease-out;
  transition: color 0.5s 0.25s ease-out;
}

.hamburger {
  padding: 16px 12px 13px 12px;
  display: inline-block;
  cursor: pointer;
  border: 0;
  margin: 0;
  overflow: visible;
  background-color: #ee2127;
  outline: none;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

body.the-red-room #menu-open,
body.single-redroom #menu-open {
  background-image: url(img/icon_menu-open-21x12-redroom.svg);
  background-color: #fff;
}

body.the-red-room #menu-open.is-active,
body.single-redroom #menu-open.is-active {
  background-color: #ee2127;
}

.hamburger-box {
  width: 21px;
  height: 14px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 21px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

body.the-red-room .hamburger-inner,
body.the-red-room .hamburger-inner::before,
body.the-red-room .hamburger-inner::after,
body.single-redroom .hamburger-inner,
body.single-redroom .hamburger-inner::before,
body.single-redroom .hamburger-inner::after {
  background-color: #ee2127;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -5px;
}

.hamburger-inner::after {
  bottom: -5px;
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition:
    top 0.1s 0.14s ease,
    opacity 0.1s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition:
    bottom 0.1s 0.14s ease,
    -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition:
    bottom 0.1s 0.14s ease,
    transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition:
    bottom 0.1s 0.14s ease,
    transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition:
    top 0.1s ease,
    opacity 0.1s 0.14s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition:
    bottom 0.1s ease,
    -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:
    bottom 0.1s ease,
    transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:
    bottom 0.1s ease,
    transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

body.the-red-room .hamburger.is-active,
body.single-redroom .hamburger.is-active {
  background-color: #ee2127;
}

body.the-red-room .hamburger.is-active .hamburger-inner,
body.the-red-room .hamburger.is-active .hamburger-inner::before,
body.the-red-room .hamburger.is-active .hamburger-inner::after,
body.single-redroom .hamburger.is-active .hamburger-inner,
body.single-redroom .hamburger.is-active .hamburger-inner::before,
body.single-redroom .hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

/* --------------------------------------
   Menu
   -------------------------------------- */
#menu-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100vw;
  height: 80px;
  display: inline-block;
  overflow: hidden;
  background-color: #fff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

body.home #menu-bar {
  opacity: 0;
}

body.home #menu-bar {
  -webkit-transition: all 0.5s 2s ease-out;
  -moz-transition: all 0.5s 2s ease-out;
  transition: all 0.5s 2s ease-out;
  opacity: 1;
}

body.the-red-room #menu-bar,
body.single-redroom #menu-bar {
  background-color: #ee2127;
  z-index: 998;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  -webkit-transform-style: preserve-3d;
}

#menu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background-color: #ee2127;
  z-index: 2000;
  padding: 0;
  box-sizing: border-box;
  -webkit-transition: all 0.5s 0.25s ease-out;
  -moz-transition: all 0.5s 0.25s ease-out;
  transition: all 0.5s 0.25s ease-out;
  overflow: hidden;
}

body.menu {
  /* overflow: hidden; */
}

/* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body.menu {
    overflow: scroll;
  }
}
@supports (-ms-ime-align: auto) {
  body.menu {
    overflow: scroll;
  }
} */

body.menu #menu-overlay {
  width: 100%;
  overflow-y: scroll;
}

@supports (-ms-ime-align: auto) {
  body.menu #menu-overlay {
    overflow: hidden;
  }
}

body.single-property.resizing,
body.page-template-template-capabilities.resizing,
body.page-template-template-company.resizing {
  background-color: #fff;
}

body.resizing #menu-overlay,
body.resizing #preloader {
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  transition: all 0s ease-out;
}

#menu-overlay-main,
#menu-overlay-red-room-tiles,
#menu-overlay-secondary {
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

#menu-overlay-red-room-tiles {
  transition: all 0.25s ease-in;
}

#menu-overlay-main {
  margin: 20% 0 0 20px;
}

#menu-overlay-red-room-tiles,
#menu-overlay-secondary {
  display: none;
}

#menu-overlay #menu-overlay-main h3 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  letter-spacing: 0.2em;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 8px;
}

#menu-overlay #menu-overlay-secondary h3 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  font-size: 13px;
  color: #fff;
  margin-bottom: 2px;
}

#menu-overlay #menu-overlay-secondary p {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
  margin-bottom: 16px;
  line-height: 1.5;
}

#menu-overlay #menu-overlay-secondary p:nth-child(5) {
  margin-bottom: 44px;
}

#menu-overlay #menu-overlay-secondary a {
  color: #fff;
  font-size: 13px;
  display: inline-block;
  -webkit-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
#menu-overlay #menu-overlay-secondary a:hover {
  color: #000;
}

#menu-overlay-main ul li a {
  color: #fff;
  font-family: "Knockout 67 A", "Knockout 67 B";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  font-size: 10vh;
  text-transform: uppercase;
  line-height: 0.8;
  letter-spacing: 0.01em;
  display: block;
}

#menu-overlay-main ul {
  margin-bottom: 40px;
}

body.menu #menu-overlay-red-room-tiles {
  top: 0;
  height: 100%;
  transition: all 0.5s 0.25s ease-out;
}

#menu-overlay-red-room-tiles .tile {
  opacity: 0;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(0, 12%, 0);
  transition: all 1s ease;
}

body.menu #menu-overlay-red-room-tiles .tile {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  /* easeOutCubic */
}

body.menu #menu-overlay-red-room-tiles .tile:nth-child(1) {
  transition-delay: 0 !important;
}

body.menu #menu-overlay-red-room-tiles .tile:nth-child(2) {
  transition-delay: 0.3s;
}

body.menu #menu-overlay-red-room-tiles .tile:nth-child(3) {
  transition-delay: 0.5s;
}

body.menu #menu-overlay-red-room-tiles .tile:nth-child(4) {
  transition-delay: 0.7s;
}

body.menu #menu-overlay-red-room-tiles .tile:nth-child(5) {
  transition-delay: 0.9s;
}

body.menu #menu-overlay-red-room-tiles .tile:nth-child(6) {
  transition-delay: 1.1s;
}

body.menu #menu-overlay-red-room-tiles .tile:nth-child(7) {
  transition-delay: 1.3s;
}

body.menu #menu-overlay-red-room-tiles .tile:nth-child(8) {
  transition-delay: 1.5s;
}

body.menu .menu-main-menu-container,
body.menu #menu-overlay-main {
  opacity: 1;
  -webkit-transition: all 0.5s 0.85s ease-out;
  -moz-transition: all 0.5s 0.85s ease-out;
  transition: all 0.5s 0.75s ease-out;
}

body.menu #menu-overlay-red-room-tiles {
  opacity: 1;
  transition: all 1s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); /* easeOutCubic */
}

body.menu #menu-overlay-secondary {
  opacity: 1;
  -webkit-transition: all 0.5s 0.75s ease-out;
  -moz-transition: all 0.5s 0.75s ease-out;
  transition: all 0.5s 0.75s ease-out;
}

#menu-overlay-main a.footer-icon:hover svg path {
  fill: #000;
}

#video-1,
#video-2,
#video-3 {
  display: none;
}

.videoContainer {
  opacity: 0;
  position: absolute;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#header-logo-red-room {
  position: fixed;
  z-index: 1000;
  width: 181px;
  height: 33px;
  left: 20px;
  top: 24px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#header-logo-red-room svg {
  fill: #fff;
  width: 181px;
  height: 33px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#overview {
  padding: 50px 20px 50px;
  background-color: #f7f7f7;
}

/* --------------------------------------
   Homepage
   -------------------------------------- */
.home-red-room-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

#home-header-logo {
  position: absolute;
  height: 50vh;
  z-index: 1000;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -moz-transform: translateX(-50vh);
  -webkit-transform: translateX(-50vh);
  transform: translateX(-50vh);
  top: 6px;
  left: 6px;
}

body.bg-finished #home-header-logo {
  -webkit-transition: transform 1s 3.5s ease;
  -ms-transition: transform 1s 3.5s ease;
  transition: transform 1s 3.5s ease;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

#home-header-logo-svg {
  fill: #ee2127;
  height: 50vh;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#home-header-bar {
  position: relative;
  width: 100%;
  height: calc(25vh + 6px);
  background-color: #fff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#home-header-content {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 20px;
  width: calc(100% - 40px);
  height: 100vh;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: bottom;
  -webkit-align-items: bottom;
  -webkit-box-align: bottom;

  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#home-header-content div {
  align-self: flex-end;
  padding-bottom: 10%;
  flex: 1;
}

#home-header-content ul {
  position: relative;
}

/*****************************************************
Intro
*****************************************************/
#home-intro {
  background: #000;
  color: #fff;
  margin-top: 20px;
}
#home-intro h3 {
  color: #fff;
  font-size: 6vw;
}
#home-intro h3 span {
  color: #00aeef;
}
#home-intro .row {
}
#home-intro .span4,
#home-intro .span8 {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.home-intro__title,
.home-intro__image {
  width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box;
}
.home-intro__title {
  padding-left: 13%;
  padding-top: 18%;
  width: 86%;
}
.home-intro__content {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
  width: 60%;
}
.home-intro__text {
  color: #fff;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #fff;
  font-size: 7vw;
  line-height: 0.8;
  margin-bottom: 30px;
}
.home-intro__link {
}
.home-intro__link svg {
  display: block;
  width: 8vw;
  height: 8vw;
}

@media screen and (min-width: 1025px) {
  #home-intro {
    margin-top: 80px;
  }
  #home-intro h3 {
    font-size: 6vw;
  }
  #home-intro .span4 {
    width: 34.79%;
    padding-bottom: 0;
  }
  #home-intro .span8 {
    width: 62.21%;
    padding-bottom: 0;
  }
  .home-intro__title {
    padding-left: 30%;
    padding-top: 19%;
    width: 86%;
  }
  .home-intro__text {
    font-size: 4vw;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  #home-header-content div {
    /*         padding-bottom: 90px; */
  }
}

@media only screen and and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
  #home-header-content div {
    padding-bottom: 90px;
  }
}

#home-header-content h1,
#home-header-content h2 {
  text-transform: uppercase;
  margin-bottom: 12px;
  color: #fff;
}

#home-header-content h1 {
  font-family: "Knockout 27 A", "Knockout 27 B";
  font-style: normal;
  font-weight: 400;
  /*     font-size: 40px; */
  font-size: 10vw;
  letter-spacing: 0.025em;
  line-height: 0.9;
}

#home-header-content h2 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  letter-spacing: 0.25em;
  font-size: 10px;
}

#home-header-content a {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  font-size: 14px;
  color: #fff;
}

#home-header-content ul {
  height: 16vh;
}

#scroll-video,
#scroll-video-2,
#scroll-video-3 {
  width: 100vw;
  height: 75vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

#scroll-video {
  height: 150vh;
  background-position: top center;
  /*     background-size: 66vh auto; */
  background-size: cover;
}

body.home #scroll-video {
  height: calc(175vh - 80px);
}

#scroll-video-2,
#scroll-video-3 {
  height: calc(100vh - 80px);
}

.tile-collection {
  margin: 20px;
  overflow: auto;
}

svg.refresh-svg {
  pointer-events: none;
  fill: #fff;
  width: 40px;
  height: 40px;
  /*     transition: 1s ease, transform 1.75s;  */
}

/*
.tile .refresh-more{
	transition: all 1s ease;
}
*/

body.single-survey .global-filters,
body.page-template-template-survey .global-filters {
  display: none;
}

/*******************************************
Listings
*******************************************/
.mCSB_scrollTools {
  opacity: 1;
  width: 8px;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #f1f1f1;
}

.mCSB_draggerContainer {
  /* 	border-left: 1px solid #000; */
  /* 	border-right: 1px solid #000; */
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
}

.mCSB_scrollTools .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 0;
  width: 100%;
}

.listings {
  overflow: auto;
  padding: 80px 20px 40px;
}

body.properties .listings {
  padding: 35px 20px 0;
}

.listings h3,
#footer-redroom h4,
#related-news h4,
#related-red-articles h4 {
  font-size: 35px;
  font-family: "Knockout 27 A", "Knockout 27 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 30px;
}

.listings h3 {
  margin-bottom: 15px;
}

#footer-redroom h4,
#related-news h4,
#related-red-articles h4 {
  margin-top: 30px;
  margin-bottom: 15px;
}

#listings-container {
  border-top: 1px solid #1d1d1d;
  border-bottom: 1px solid #1d1d1d;
  height: 50vh;
  color: #000;
  text-align: left;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

#listings-container > a,
#mCSB_1_container > a {
  display: block;
}

.list-headline {
  padding: 20px 0 8px;
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.16em;
}

.list-headline .span_2_of_12,
.list-headline .span_3_of_12 {
  display: none;
}

.list-headline .span_3_of_12:first-child {
  display: inline-block;
}

.list-row {
  position: relative;
  width: 100%;
  padding: 15px 0 13px;
  margin-top: 0px;
  margin-bottom: -5px;
  border-bottom: 1px solid #efefef;
  overflow: hidden;
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  color: #000;
  display: none;
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.list-row.link span {
  font-family: "NHaasGroteskTXStd-75bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.bottom-list {
  border-bottom: none;
}
/*
.list-row:hover {
    background-color: #f6f6f6;
}
*/
.list-row .list-col-1 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
}

#listings-container.now-selling .list-row.now-selling {
  display: inline-block;
}

#listings-container.future .list-row.future {
  display: inline-block;
}

#listings-container.sold-out .list-row.sold-out {
  display: inline-block;
}

#listings-container.all .list-row {
  display: inline-block;
}

.listings nav {
  margin-bottom: 10px;
}

.listings nav ul {
  position: absolute;
  left: 17px;
  right: 17px;
  border: 3px solid #d6d6d6;
  border-top: none;
  border-bottom: none;
  list-style: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  max-height: 0;
  overflow: hidden;
  z-index: 99;
  background-color: #f6f6f6;
}

.listings nav span,
.listings nav ul li {
  font-family: "NHaasGroteskTXStd-75bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  display: inline-block;
  padding: 14px 0 12px;
  border: 3px solid #d6d6d6;
  width: 100%;
  text-align: center;
  margin-left: -3px;
  z-index: 2;
  position: relative;
  -webkit-transition:
    border-color 0.5s ease-out,
    background-color 0.5s ease-out,
    color 0.5s ease-out;
  -ms-transition:
    border-color 0.5s ease-out,
    background-color 0.5s ease-out,
    color 0.5s ease-out;
  transition:
    border-color 0.5s ease-out,
    background-color 0.5s ease-out,
    color 0.5s ease-out;
  cursor: pointer;
  border-width: 3px 3px 0 3px;
  background-color: #f6f6f6;
}

.listings nav ul li.active {
  color: #999;
  background-color: #f6f6f6;
}

.listings nav span {
  color: #ee2127;
  background: url("img/form_down-arrow.png") 96% center no-repeat;
  background-size: 17px 9px;
}

.listings nav ul li:first-child {
  border-width: 0 3px 0 3px;
}

.listings nav span,
.listings nav ul li:last-child {
  border-width: 3px 3px 3px 3px;
}

.listings nav.active ul {
  max-height: 200px;
}

.list-col-1.span_3_of_12 {
  box-sizing: border-box;
}

.list-col-5.span_2_of_12 {
  width: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  color: #ee2127;
}

.list-col-1.span_3_of_12,
.list-col-2.span_3_of_12 {
  width: auto;
}

.list-col-1,
.list-col-2 {
  float: left;
}

.list-col-1:after {
  content: ", ";
  margin-right: 5px;
}

.list-col-2 {
  font-family: "NHaasGroteskTXStd-75bd", helvetica, sans-serif;
}

.list-col-3:after {
  content: " Residences";
}

.list-col-3 {
  margin-top: 2px;
  clear: left;
}

.list-col-4 {
  display: none;
}

#select-clients {
  padding: 55px 20px 0;
}

#select-clients .list-row .list-col-1,
#select-clients .list-row .list-col-2,
#select-clients .list-row .list-col-3 {
  margin-bottom: 2px;
}

#select-clients .list-col-1:after {
  content: none;
}

#select-clients .list-col-2 {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
}

#select-clients .list-col-3:after {
  content: none;
}

#listings-container.builder-developer .list-row.builder-developer {
  display: inline-block;
}

#listings-container.financial .list-row.financial {
  display: inline-block;
}

#select-clients .list-headline .span_4_of_12,
#select-clients .list-headline .span_3_of_12 {
  display: none;
}

/************************************************
Property
************************************************/
#featured-properties,
#featured-properties-ro {
  display: none;
}

/* Interior    **************************************/
body.single-property .content,
body.page-template .content,
body.chinese .content {
  padding: 150px 20px 80px;
  background-color: #f7f7f7;
  width: 100%;
  box-sizing: border-box;
}

body.chinese #cn-form.content {
  padding-top: 80px;
}

#introduction h1 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  color: #ee2127;
  font-size: 15vw;
  letter-spacing: 0.01em;
  margin-bottom: 3px;
  text-transform: uppercase;
  line-height: 0.8;
}

body.chinese #introduction h1 {
  font-family:
    "Hiragino Sans GB W6", "Hiragino Sans GB", "Microsoft YaHei",
    "Lucida Grande", sans-serif;
  line-height: 1.1;
  font-size: 10vw;
  margin-bottom: 30px;
}

body.single-property #introduction h1 {
  margin-bottom: 20px;
}

#introduction .cool-link {
  letter-spacing: 0;
  font-size: 14px;
}

#introduction .span_4_of_12:first-child {
  margin-bottom: 40px;
}

#introduction h4,
body.page-template-template-company .contributor {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  letter-spacing: 0.2em;
  font-size: 10px;
  text-transform: uppercase;
  margin-bottom: 6px;
}

body.page-template-template-company .contributor {
  margin-bottom: 0;
}

#introduction li,
#introduction p {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  font-size: 14px;
}

body.news-events #introduction li {
  font-family: "NHaasGroteskTXStd-75bd", helvetica, sans-serif;
}

body.chinese #introduction .span_4_of_12:first-child {
  margin-bottom: 0;
}

body.chinese #introduction h4,
body.chinese #introduction li,
body.chinese #introduction p {
  font-family:
    "Hiragino Sans GB W3", "Hiragino Sans GB", "Microsoft YaHei",
    "Lucida Grande", sans-serif;
}

body.chinese #introduction h4 {
  font-family:
    "Hiragino Sans GB W6", "Hiragino Sans GB", "Microsoft YaHei",
    "Lucida Grande", sans-serif;
  font-size: 13px;
  letter-spacing: normal;
  font-weight: bold;
}

body.chinese #introduction li,
body.chinese #introduction p {
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
}

body.chinese #cn-form h4 {
  margin-bottom: 20px;
  font-size: 22px;
  font-family:
    "Hiragino Sans GB W6", "Hiragino Sans GB", "Microsoft YaHei",
    "Lucida Grande", sans-serif;
}

body.chinese #cn-pdf {
  background-color: #ee2127;
  padding: 30% 20%;
  text-align: center;
  margin-top: 72px;
}

body.chinese #cn-pdf p,
body.chinese #cn-pdf a {
  font-family:
    "Hiragino Sans GB W6", "Hiragino Sans GB", "Microsoft YaHei",
    "Lucida Grande", sans-serif;
  font-size: 22px;
  color: #fff;
}

body.chinese #cn-pdf a {
  display: inline-block;
  border-bottom: 2px solid #fff;
  font-size: 15px;
}

#introduction p {
  line-height: 1.575;
}

#introduction .col-2,
#introduction .col-3 {
  align-self: flex-start;
}

#introduction .col-2 {
  margin-bottom: 30px;
}

#introduction .col-2 li span {
  font-family: "NHaasGroteskTXStd-56It", helvetica, sans-serif;
}

#introduction p a {
  color: #000;
  display: block;
}

#introduction li {
  margin-bottom: 4px;
}

#introduction ul.first,
#introduction p {
  margin-bottom: 25px;
}

.property-gallery {
  width: 100%;
  height: 36vh;
  background-color: #111;
  position: relative;
  overflow: hidden;
  margin: 80px 0;
}

#gallery-slides {
  width: 100%;
  height: 100%;
}

.gallery-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  -webkit-transition:
    opacity 0.75s ease,
    -webkit-transform 1.75s;
  -ms-transition:
    opacity 0.75s ease,
    -ms-transform 1.75s;
  transition:
    opacity 0.75s ease,
    transform 1.75s;
  /*
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    */
  overflow: hidden;
}

.gallery-slide.current-slide {
  opacity: 1;
  /*
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    */
  -webkit-transition:
    opacity 0.75s ease,
    -webkit-transform 1.75s;
  -ms-transition:
    opacity 0.75s ease,
    -ms-transform 1.75s;
  transition:
    opacity 0.75s ease,
    transform 1.75s;
}

.gallery-prev-button,
.gallery-next-button,
#menu-sidebar-prev-button,
#menu-sidebar-next-button {
  width: 45px;
  height: 45px;
  cursor: pointer;
}

.gallery-prev-button,
.gallery-next-button {
  position: absolute;
  z-index: 30;
  top: 50%;
  transform: translateY(-50%);
}

.gallery-prev-button.hidden,
.gallery-next-button.hidden {
  display: none;
}

#menu-sidebar-prev-button,
#menu-sidebar-next-button {
  position: fixed;
  z-index: 30;
  left: 10px;
  z-index: 99999999;
  -webkit-transition: opacity 0.75s 0.5s ease;
  -ms-transition: opacity 0.75s 0.5s ease;
  transition: opacity 0.75s 0.5s ease;
}

#menu-sidebar-prev-button {
  bottom: 10px;
}

#menu-sidebar-next-button {
  left: 55px;
  bottom: 10px;
}

.gallery-prev-button svg rect.bg,
.gallery-next-button svg rect.bg,
#menu-sidebar-prev-button svg rect.bg,
#menu-sidebar-next-button svg rect.bg {
  fill: #ee2127;
}

.gallery-prev-button svg polygon.arrow,
.gallery-next-button svg polygon.arrow,
#menu-sidebar-prev-button svg polygon.arrow,
#menu-sidebar-next-button svg polygon.arrow {
  fill: #fff;
}

.gallery-prev-button svg polygon:nth-child(odd),
.gallery-next-button svg polygon:nth-child(odd) {
  transform: translate3d(0, 0, 0);
  animation: oddPrompt 5s infinite;
  animation-timing-function: ease-in-out;
}

.gallery-prev-button svg polygon:nth-child(even),
.gallery-next-button svg polygon:nth-child(even) {
  transition: none;
  transform: translate3d(-45px, 0, 0);
  animation: evenPrompt 5s infinite;
  animation-timing-function: ease-in-out;
}

.gallery-next-button.clicked svg polygon:nth-child(odd),
.gallery-next-button.test svg polygon:nth-child(odd) {
  transition: none;
  transform: translate3d(0px, 0, 0);
}

.gallery-next-button.clicked svg polygon:nth-child(even) {
  transform: translate3d(-45px, 0, 0);
}

.gallery-prev-button svg polygon:nth-child(even) {
  transform: translate3d(45px, 0, 0);
}

.gallery-next-button.clicked svg polygon:nth-child(odd),
.gallery-next-button.clicked svg polygon:nth-child(even),
.gallery-prev-button svg polygon:nth-child(odd),
.gallery-prev-button svg polygon:nth-child(even) {
  animation-name: none;
}

@keyframes oddPrompt {
  0%,
  20% {
    transform: translate3d(0, 0, 0);
  } /* hold for 1sec */
  40%,
  100% {
    transform: translate3d(45px, 0, 0);
  } /* animate for 4sec */
}

@keyframes evenPrompt {
  0%,
  20% {
    transform: translate3d(-45px, 0, 0);
  } /* hold for 1sec */
  40%,
  100% {
    transform: translate3d(0px, 0, 0);
  } /* animate for 4sec */
}

@keyframes slideOn {
  0%,
  50% {
    transform: translate3d(-45px, 0, 0);
  } /* hold for 1sec */
  50%,
  100% {
    transform: translate3d(0px, 0, 0);
  } /* animate for 4sec */
}

@keyframes slideOff {
  0%,
  50% {
    transform: translate3d(0px, 0, 0);
  } /* hold for 1sec */
  50%,
  100% {
    transform: translate3d(45px, 0, 0);
  } /* animate for 4sec */
}

@keyframes slideLeft {
  0%,
  50% {
    transform: translate3d(0px, 0, 0);
  } /* hold for 1sec */
  50%,
  100% {
    transform: translate3d(-45px, 0, 0);
  } /* animate for 4sec */
}

@keyframes slideRight {
  0%,
  50% {
    transform: translate3d(45px, 0, 0);
  } /* hold for 1sec */
  50%,
  100% {
    transform: translate3d(0px, 0, 0);
  } /* animate for 4sec */
}

#menu-sidebar-prev-button.nope svg polygon.arrow,
#menu-sidebar-next-button.nope svg polygon.arrow {
  opacity: 0.5;
}

#menu-sidebar-prev-button.nope,
#menu-sidebar-next-button.nope {
  cursor: default;
}

.gallery-prev-button {
  left: 0;
}

.gallery-next-button {
  right: 0;
}

body.menu #menu-sidebar-prev-button,
body.menu #menu-sidebar-next-button,
body.menu #menu-sidebar-title,
body.menu #menu-sidebar-close {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

#menu-sidebar-title {
  padding-top: 27px;
  padding-left: 10px;
}

#menu-sidebar-title div {
  text-align: center;
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;

  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.15em;
}

body.single-property #footer-redroom.tile-collection,
body.page-template-template-company #footer-redroom.tile-collection {
  margin: 0;
  padding: 40px 20px 0;
  background-color: #f7f7f7;
}

body.page-template-template-capabilities #footer-redroom.tile-collection,
body.single-news #footer-redroom.tile-collection {
  margin: 0;
  padding: 20px 20px 60px;
  background-color: #f7f7f7;
}

/************************************************
Red Room
************************************************/
body.the-red-room .content {
  width: 100%;
  padding: 0 20px 35px;
  box-sizing: border-box;
}

body.the-red-room #introduction {
  background: #000;
  text-align: left;
  padding-top: 140px;
  margin-bottom: 0;
  padding-bottom: 0;
}

body.the-red-room #introduction h1 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 11px;
  color: #ee2127;
  line-height: 1.6;
  text-align: center;
  padding: 2vh 0;
  margin-bottom: 0;
  border-top: 1px solid #3e3e3e;
  border-bottom: 1px solid #3e3e3e;
}
body.the-red-room #sticky {
  background: #000;
}

body.the-red-room #sticky h3 {
  color: #fff;
}
body.the-red-room #sticky p {
  color: #7d7d7d;
}
body.the-red-room #sticky:hover h3 {
  color: #ee2127;
}

body.the-red-room #sticky .red-tile-img .mobile {
  display: none;
}
body.the-red-room #sticky .red-tile-img .large {
  display: block;
}

body.the-red-room section {
  clear: both;
  padding: 0px;
  margin: 0px;
  display: block;
}
body.real-time-reality-check #red-content img {
  display: none;
}
body.real-time-reality-check #red-poll {
  display: none;
}

#red-tagline {
  display: none;
}

.red-main-3 {
  margin-top: 20px;
}

#red-main-2 .span3 {
  border-top: none;
  padding: 0 0 20px 0;
  margin-left: 0;
  width: 100%;
}

.red-tile-img {
  overflow: hidden;
  position: relative;
  float: left;
  width: 47%;
  margin-right: 3%;
}

.red-tile-img img {
  /*max-width: 100%;*/
  width: 100%;
  display: block;
}

.red-tile-text {
  float: left;
  width: 47%;
  margin-left: 3%;
}
.row .red-tile-text p {
  line-height: 1.45;
}

#red-featured-video .red-tile-img {
  overflow: hidden;
  position: relative;
  float: none;
  width: 100%;
  display: block;
}

#red-featured-video .red-tile-text {
  float: none;
  width: 100%;
  padding-left: 0;
  margin-left: 0;
}
#red-sidebar-2:after {
  content: "";
  display: table;
  clear: both;
}
#red-sidebar-2 .red-tile-img {
  float: left;
  width: 47%;
  margin-right: 3%;
}
#red-sidebar-2 .red-tile-text {
  float: left;
  width: 47%;
  margin-left: 3%;
}
#red-sidebar-2 .red-tile-text h3 {
  font-size: 8vw;
}
#red-featured-video {
  background-color: #161616;
  padding-top: 55px;
  padding-bottom: 35px;
  margin-bottom: 0;
}

#red-featured-video h2 {
  font-family: "Knockout 27 A", "Knockout 27 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 30px;
  color: #fff;
  margin-bottom: 30px;
}

#red-featured-video .cool-link {
  color: #fff;
  font-size: 14px;
}
#red-featured-video .cool-link:hover {
  color: #ee2127;
}

#red-main-2 h2 {
  color: #fff;
}

.icon-video,
.icon-gallery {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  background-color: #ee2127;
  z-index: 40;
}
.icon-video {
  background-image: url("img/pp_play_icon_30x30-transparent.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

.icon-gallery {
  background-image: url("img/pp_slideshow_icon_30x30-transparent.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

#red-sidebar-1,
#red-sidebar-2,
#red-sidebar-3 {
  width: 100%;
  float: none;
  margin-left: 0;
}

#red-quote,
#red-poll {
  background-color: #ee2127;
  padding: 55px 10%;
}

.totalpoll-wrapper,
.totalpoll-container,
.totalpoll-form {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

.totalpoll-question-content {
  display: none !important;
}

.totalpoll-questions,
.totalpoll-wrapper .totalpoll-question,
.totalpoll-question-container,
.totalpoll-question-choices {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.totalpoll-question-choices {
  margin: 1em auto !important;
}
.totalpoll-question-choices-item,
.totalpoll-question-choices-item-container,
.totalpoll-question-choices-item-control {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.totalpoll-question-choices-item-selector,
.totalpoll-question-choices-item-selector-single {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  width: 32px !important;
  max-width: 32px !important;
  min-width: 32px !important;
  align-items: flex-start !important;
}
.totalpoll-question-choices-item-selector-box {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  border: 2px solid #fff !important;
  border-radius: 0 !important;
  background: none !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transition: all 0.5s !important;
}
.totalpoll-question-choices-item-selector-box svg {
  display: none !important;
}
.totalpoll-question-choices-item-checked
  .totalpoll-question-choices-item-selector-box {
  background-image: url(img/icon-checkbox-checked.svg) !important;
  border-color: #fff !important;
}
.totalpoll-question-choices-item input {
  display: none !important;
}

.totalpoll-question-choices-item-label,
.totalpoll-question-choices-item-content {
  padding: 10px 0 8px !important;
  color: #fff !important;
  background: none !important;
  border: 0 !important;
  text-align: left !important;
  gap: 2px !important;
}

.totalpoll-question-choices-item-votes {
  margin-top: 0 !important;
  background: none !important;
}
.totalpoll-question-choices-item-votes-bar {
  background: #fff !important;
  border-radius: 0 !important;
  height: 12px !important;
}
.totalpoll-question-choices-item-votes-text {
  opacity: 0.5 !important;
  color: #fff !important;
  font-size: 12px !important;
}

.totalpoll-buttons {
  color: #fff;
  display: flex;
}
.totalpoll-wrapper .totalpoll-buttons {
  display: flex !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0px !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}
.totalpoll-button {
  border-radius: 0 !important;
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  background: none !important;
  color: #fff !important;
  padding: 9px 20px 7px !important;
  display: inline-block !important;
  font-size: 13px !important;
  box-shadow: inset 0 0 #fff;
  -webkit-transition: all 0.5s ease-out !important;
  -ms-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
  border: 3px solid #fff !important;
  order: 2;
  margin: 0 10px 0 0 !important;
  min-width: 150px;
}
.totalpoll-wrapper .totalpoll-button {
  text-transform: none !important;
}
.totalpoll-button:hover {
  box-shadow: inset 300px 0 #fff !important;
  color: #ee2127 !important;
  text-decoration: none !important;
  cursor: pointer;
}
.totalpoll-button.totalpoll-button-primary {
  order: 1;
  background: #fff !important;
  color: #ee2127 !important;
  box-shadow: inset 0 0 #ee2127;
}
.totalpoll-button.totalpoll-button-primary:hover {
  color: #fff !important;
  box-shadow: inset 300px 0 #ee2127 !important;
}

.totalpoll-message-error,
.totalpoll-form-field-errors {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  font-weight: bold;
  color: #fff !important;
}
.totalpoll-message-error p,
.totalpoll-form-field-errors p {
  color: #fff !important;
}

/* TotalPoll 3.x markup */
.totalpoll-choices {
  border: 0 !important;
}
.totalpoll-choice-container {
  border: 0 !important;
  background: none !important;
}
.totalpoll-choice-content {
  padding: 6px 0 5px !important;
  color: #fff;
  border-bottom: 0px solid rgba(255, 255, 255, 0.5) !important;
}
.totalpoll-choice-separator {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.totalpoll-choice-separator {
  display: none !important;
}
.totalpoll-choice-votes {
  margin-top: 0 !important;
}
.totalpoll-choice-votes-bar {
  background: #fff !important;
  border-radius: 0 !important;
}
.totalpoll-choice-checkbox-container {
  border: 0 !important;
  width: 32px !important;
  max-width: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
}
.totalpoll-error-message {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  font-weight: bold;
  color: #fff !important;
}
.totalpoll-error-message p {
  color: #fff !important;
}
.totalpoll-choice.totalpoll-choice-text input {
  display: none;
}
.totalpoll-choice.totalpoll-choice-text
  .totalpoll-choice-checkbox-container:after {
  content: "";
  display: block;
  -webkit-background-size: contain;
  background-size: contain;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  transition: all 0.5s;
}
.totalpoll-choice.totalpoll-choice-text.checked
  .totalpoll-choice-checkbox-container:after {
  background-image: url(img/icon-checkbox-checked.svg);
  border-color: #fff;
}
.totalpoll-choice-votes-text {
  opacity: 0.5;
}

.red-container {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.red-article {
  padding: 185px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.red-article.row {
  margin-bottom: 0;
}

.span3 .rr-single-profile-pic {
  display: block;
}

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

#red-sidebar-1 h2 {
  display: none;
}

.span3 h5,
.span12 h5,
.contributor.row a,
#red-featured-1 h5,
#red-quote h3,
.span6 h5 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
  margin: 0 0 10px 0;
  color: #ee2127;
}

#red-main-2 h5 {
  margin-top: 12px;
}

.span3 h3,
.span6 h3,
.span12 h3,
#red-featured-1 h3,
.red-archive h3,
.sticky h3 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: #000;
  font-size: 8vw;
  letter-spacing: normal;
  margin-bottom: 12px;
  text-transform: uppercase;
  line-height: 0.8;
}

.span12 h3 {
  /* font-size: 4.5vw; */
}
.span6 h3 {
  margin-top: -4px;
}
#red-featured-video .span12 h3 {
  color: #fff;
  font-size: 12vw;
}
#red-featured-video .span3 h3 {
  color: #fff;
  font-size: 8vw;
}

.span3 p,
.span4 p,
.span12 p {
  line-height: 1.575;
  margin-bottom: 0;
}

#red-featured-video .span3 p,
#red-featured-video .span12 p {
  color: #7d7d7d;
  line-height: 1.575;
}

#red-quote {
  padding-top: 55px;
  padding-bottom: 35px;
}
#red-quote h3 {
  font-family: "Knockout 27 A", "Knockout 27 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 30px;
  color: #fff;
  display: inline-block;
  margin: 0 10px;
}

#red-quote svg.quote {
  /*width: 4.5vw;*/
  width: 17px;
  /*height: 5.24025vw;*/
  height: 19px;
  fill: #ee2127;
  margin: 0;
  display: inline-block;
}

#red-quote svg.quote {
  fill: #fff;
}

#red-quote svg.quote:last-child {
  margin-top: 2px;
}
.author {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
  color: #fff;
  display: block;
  margin-top: 10px;
}

#red-quote blockquote,
#red-poll h3,
.red-article h1,
.red-article .video-ad-max-content h3 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: 10vw;
  letter-spacing: normal;
  margin-bottom: 10px;
  text-transform: uppercase;
  line-height: 0.8;
}

#red-quote blockquote {
  margin-bottom: 0;
}

#red-poll {
  display: flex;
  align-items: center;
  margin: 0;
}

#red-poll h5 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 10px;
  color: #fff;
  margin-bottom: 10px;
}
#red-poll h3 {
  font-size: 8vw;
}
#red-poll .span4 p {
  color: #fff;
  margin-bottom: 0;
  display: none;
}
#red-poll h4 {
  display: none;
}

#red-hero {
  background-size: cover;
  background-position: center;
  padding-top: 80px;
}
#red-hero .row {
  padding-top: 100px;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
#red-hero .row .span6 {
  width: 100%;
}
#red-hero .row .span6:nth-child(2) {
  display: none;
}
@media screen and (min-width: 1025px) {
  #red-hero .row {
    padding-bottom: 50px;
  }
  #red-hero .row .span6 {
    width: 49%;
  }
  #red-hero .row .span6:nth-child(2) {
    display: block;
  }
}

#red-hero h3 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: 8vw;
  letter-spacing: normal;
  margin-bottom: 12px;
  text-transform: uppercase;
  line-height: 0.8;
}
#red-hero img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (min-width: 1025px) {
  #red-hero h3 {
    font-size: 3.25vw;
  }
}

#red-pinned {
}
#red-pinned .red-tile-img {
  /* padding-bottom: 60%; */
}
#red-pinned .red-tile-img img {
  /* position: absolute; */
}

@media screen and (min-width: 1025px) {
  #red-pinned .row > .span6:nth-child(2n + 1) {
    margin-left: 0;
    clear: both;
  }
}

.red-article h1 {
  color: #000;
  font-size: 15vw;
  margin: 0 1vw 12px 0;
}

body.single-format-gallery .red-article h1,
body.single-format-video .red-article h1 {
  /*margin-bottom: 20px;*/
}
.red-article img {
  max-width: 100%;
  display: block;
  width: 100% !important;
  height: auto;
}

.red-article .wp-caption {
  padding: 0;
  width: auto !important;
}
.red-article .wp-caption-text {
  font-weight: normal;
  font-size: 9px;
  margin-top: 5px;
}

.red-article .additional-reading {
  margin-top: 70px;
  padding-top: 35px;
}
.red-article .additional-reading:before {
  content: "";
  width: 70px;
  height: 1px;
  background: black;
}

.red-article-image-source {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  letter-spacing: 0.02em;
  font-size: 10px;
  margin: 10px 0 20px;
  color: #7d7d7d;
  line-height: 1.7;
}

.red-article-quote {
  font-family: "Knockout 67 A", "Knockout 67 B";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: #000;
  font-size: 12vw;
  letter-spacing: normal;
  text-transform: uppercase;
  line-height: 0.8;
}

.red-article-content a.cool-link {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 6px;
}

.red-author-headshot {
  display: block;
  width: 45px;
  height: 45px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}

.red-article h3,
.red-author-by,
.red-author-by a,
.red-article-left-top h5,
.red-article-content h3,
.red-article-content h5 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;

  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 10px;
  margin: 0 0 14px;
  color: #ee2127;
  line-height: 1.6;
}

.red-article h3,
.red-article-content h5 {
  margin-bottom: 7px;
}

.single-news .red-article h3 {
  color: #fff;
}

.red-article-left-top h5 {
  /* 	font-size:15px; */
  font-size: 12px;
}
.red-article-left-top .red-share h5 {
  font-size: 10px;
  margin-bottom: 10px;
}

.red-article-left-top p {
  font-size: 13px;
}
.red-article-content h3 {
  color: #000;
  font-size: 14px;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 0;
}

.red-author-by {
  font-size: 10px;
  margin-bottom: 0;
  margin: 0 0 5px 0;
}

.red-author-by a {
  font-size: 10px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#red-fixed {
  transition: none;
}

#red-fixed p {
  margin-bottom: 12px;
}

.red-author-by,
.red-article-left-top h5,
.red-article-content h5 {
  color: #000;
}

.red-author-by a {
  color: #ee2127;
}

.red-article-left-top h5 {
  margin-bottom: 4px;
}

.red-article-left-top .red-block a.cool-link {
  font-size: 13px;
}

body.single-format-video .red-article {
  background-color: #161616;
}

body.single-format-video .red-article h1,
body.single-format-video .red-article-left-top h5,
body.single-format-video .red-article-content h3,
body.single-format-video .red-article-content h5,
body.single-format-video .red-block p,
body.single-format-video .video-ad-max-content h3,
body.single-format-video .video-ad-max-content p {
  color: #fff;
}

body.single-format-video .red-block p,
.video-ad-max-content .prev .titles p.button-play {
  color: #7d7d7d;
}

.red-block {
  margin-bottom: 40px;
}

.row .span12 *,
.row .span3 * {
  transition: all 0.5s ease-out;
}
.row .span12:hover h3,
.row .span3:hover h3,
#red-featured-1 .row .span12:hover h3,
#red-featured-video .row .span3:hover h3,
#red-featured-video .row .span12:hover h3 {
  color: #ee2127;
}

.red-filters {
  background: #000;
  position: fixed;
  width: 100%;
  top: 80px;
  left: 0;
  right: 0;
  height: 60px;
  overflow: hidden;
  z-index: 999;
}
.red-filters div {
  -webkit-user-select: none;
  display: block;
  height: 71px;
  overflow-y: hidden;
  padding: 0;
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

.red-filters.global-filters,
.red-filters.global-filters div {
  display: none;
}

.red-filters ul {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.red-filters a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  transition: 0.5s all ease-out;
}

.red-filters.global-filters a:after,
.red-filters a:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0%;
  border-bottom: 2px solid #fff;
  transition: all 0.4s ease-out;
}

.red-filters.global-filters a:after {
  border-bottom: 2px solid #ee2127;
}

.red-filters .selected a:after,
.red-filters.global-filters .selected a:after,
.red-filters a:hover:after,
.red-filters.global-filters a:hover:after {
  width: 100%;
  transition: width 0.3s;
}

.red-filters li {
  display: inline-block;
  line-height: 60px;
  height: 60px;
  margin: 0;
  padding: 0px 20px;
}

.more-articles {
  text-align: center;
  margin-bottom: 40px;
  padding-top: 0;
}
.more-articles .button {
  margin-top: 0;
}

#related-red-articles .more-articles {
  margin-bottom: 0;
  padding-top: 20px;
}
/*.more-articles span {
    background: #ee2127;
    color: #fff;
    padding: 13px 80px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}*/

.contributors.row {
}
.contributor.row:first-child {
  margin: auto;
}

.contributor.row .red-author-headshot {
  margin: auto;
  margin-bottom: 20px;
  display: block;
  vertical-align: middle;
}

.contributor.row h1,
.contributor.row a {
  display: inline;
}

.contributor.row .expertise {
  white-space: nowrap;
  display: block;
}

.contributor.row a {
  margin-left: 10px;
}

/* Interior *******************************************/
.red-article .span3,
.red-article .span9 .row .span2,
.red-article .span9 .row .span6,
.red-article .row .span12 {
  width: 100%;
  padding: 0 20px;
  margin: 0;
}

.red-article .span9 .row .span2 {
  width: 60%;
}

.red-article .span9 .row .span6 {
  padding-bottom: 50px;
}

.red-article .span9 {
  width: 100%;
  padding: 0 0 40px;
  margin: 0;
}

.red-article .span9 p {
  font-size: 14px;
}

body.single-format-video .red-article .span9 {
  padding-bottom: 0;
}

.red-article.news-article h1 {
  margin-bottom: 25px;
}

.red-article-right-bottom ul {
  margin-left: 0;
  margin-bottom: 20px;
}

.red-article-right-bottom ul {
  list-style-type: none;
}

.red-article-right-bottom ul > li {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #fff;
  margin-bottom: 5px;
}

.red-article-right-bottom ul > li:before {
  content: "\2014\a0";
  text-indent: -15px;
}

.red-article .red-share h5 {
  color: #000;
}
body.single-format-video .red-share.red-mobile {
  margin: 30px 20px 20px;
}
body.single-format-gallery .red-share.red-mobile {
  margin: 30px 0 0;
}
body.single-format-gallery .red-article .span9 {
  padding-bottom: 40px;
}

body.single-format-video .red-share.red-mobile h5 {
  color: #fff;
}

.red-mobile {
  display: block;
}
.red-desktop {
  display: none;
}

.red-article .red-share.red-mobile,
.red-article .red-share.red-desktop {
  margin-top: 50px;
}

.news-details .red-share.red-mobile h5 {
  color: #fff;
}
.single-format-video .red-block,
.single-format-gallery .red-block {
  margin-bottom: 30px;
}

.red-article h3,
.red-article-content h5 {
  margin-bottom: 10px;
}
#related-red-articles {
  padding: 50px 20px 40px;
  background-color: #f7f7f7;
}

#related-red-articles.row {
  margin-bottom: 0;
}

#related-red-articles h4 {
  margin-top: 0;
}

#related-red-articles .span3 {
  border-top: 1px solid #d9d9d9;
  padding: 20px 0;
  margin-left: 0;
  width: 100%;
}

/* Slideshow ****************************************/
.red-gallery {
  width: 100%;
  height: 40vh;
  background-color: #7d7d7d;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

#slide-number {
  font-family: "NHaasGroteskTXStd-75bd", helvetica, sans-serif;
  font-size: 14px;
  margin: 0 20px;
}

#slide-caption {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  font-size: 14px;
  margin: 0 20px;
}

#slide-caption span {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-left: 7px;
}
#slide-caption .link1 {
  text-decoration: underline;
  color: #000;
}

#red-room-subscribe h4 span {
  display: inline-block;
}

/*****************************************************
News
*****************************************************/
body.news-events {
  background-color: #f7f7f7;
}

body.news-events #introduction {
  padding: 140px 20px 30px;
}

body.news-events #introduction h1 {
  font-size: 26vw;
  margin-bottom: 20px;
}

#news-list {
  position: relative;
  /* overflow: auto; */
  margin: 20px 20px 80px;
  background-color: #eee;
}

.news-article {
  background-color: #ee2127;
}

.news-article .span5 {
  width: 100%;
  padding: 0;
}

.news-article .span7 {
  width: 100%;
  padding: 40px 20px 60px;
  background-color: #fff;
  margin-left: 0;
}

.news-details {
  padding: 0 20px;
}

.news-article p,
.news-article a {
  -webkit-font-smoothing: antialiased;
}

.news-article h2 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 10px;
  margin: 0 0 10px;
  color: #fff;
  line-height: 1.6;
}

.news-article time {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  margin: 0 0 30px;
  color: #fff;
  display: block;
}

.news-article h2,
.news-article h4,
.news-article p,
.news-article a {
  color: #000;
}

.news-article h1,
.red-share h5 {
  color: #fff;
}

.news-article p.event {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

#related-news p {
  text-align: center;
}

#related-news .button {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #ee2127;
  color: #fff;
  padding: 8px 40px 6px;
  display: inline-block;
  font-size: 13px;
  margin-top: 30px;
  box-shadow: inset 0 0 #ee2127;
  border: 3px solid #ee2127;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#related-news .button:hover {
  box-shadow: inset 200px 0 white;
  color: #ee2127;
}

/************************************************
Video
************************************************/
#video {
  width: 100%;
  padding: 55px 25px;
  box-sizing: border-box;
  -webkit-transition: background-color 1s ease;
  -ms-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

#video.playing {
  background-color: #161616;
}

body.single-format-video #video {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-cover {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: #222;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
  -webkit-transition:
    opacity 1s ease,
    -webkit-transform 1.75s,
    visibility 0s 0s;
  -ms-transition:
    opacity 1s ease,
    -ms-transform 1.75s,
    visibility 0s 0s;
  transition:
    opacity 1s ease,
    transform 1.75s,
    visibility 0s 0s;
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  overflow: hidden;
}

.video-control {
  position: relative;
  min-width: 200px;
  margin: 0 auto;
  width: 100%;
}

.play {
  overflow: hidden;
  width: 50px;
  height: 50px;
  position: relative;
  background-color: #ee2127;
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.play:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  left: calc(50% + 3px);
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #fff;
}

.video-cover:hover .play {
  background-color: #161616;
}

#video.finished .play {
  opacity: 0;
  visibility: hidden;
}

#video-player {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}

body.single-property #video .video-cover {
  display: none;
}

.video-cover.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition:
    opacity 1s ease,
    -webkit-transform 1.75s,
    visibility 0s 1.75s;
  -ms-transition:
    opacity 1s ease,
    -ms-transform 1.75s,
    visibility 0s 1.75s;
  transition:
    opacity 1s ease,
    transform 1.75s,
    visibility 0s 1.75s;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.video-cover.hidden .play {
  opacity: 0;
}

.red-article .video-ad-max-content h3 {
  font-size: 9vw;
  margin-bottom: 0px;
}

#video.finished .video-ad-max,
#video.finished .video-ad-max-content .prev .replayWrap {
  opacity: 1;
  visibility: visible;
}

.video-ad-max-content .prev .replayWrap p.replay a {
  transition: all 0.5s ease;
}
.video-ad-max-content .prev .replayWrap:hover p.replay a {
  color: #fff !important;
}

.video-ad-min {
  display: none;
  overflow: hidden;
}

#video.finished .video-ad-min.show .video-ad-min-text,
.video-ad-min-text {
  background-color: #000;
  transition: all 1s ease;
  transform: translateY(-120%);
  overflow: hidden;
}

.video-ad-min-text-next,
.video-ad-min-text-current {
  display: block;
  box-sizing: border-box;
  color: #7d7d7d;
  line-height: 1.575;
  font-size: 14px;
  padding: 12px;
  transition: all 1s ease;
  overflow: hidden;
  transform: translateY(0);
  cursor: pointer;
}

.video-ad-min-text-current {
  transform: translateY(100%);
}

.video-ad-min.finished .video-ad-min-text-next {
  transform: translateY(-100%);
}

.video-ad-min.finished .video-ad-min-text-current {
  transform: translateY(-100%);
}

.video-ad-min-text-next span {
  color: #ee2126;
  font-weight: bold;
  display: block;
}

.video-ad-min-text-current span {
  color: #666;
  font-weight: bold;
}

.video-ad-max {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}

#video.finished .video-ad-max {
  z-index: 100;
}

.video-ad-max-content {
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  /*     transform: translateY(100%); */
  opacity: 0;
  transition:
    opacity 1s ease,
    transform 1.75s,
    visibility 0s 0s;
}

.video-ad-max-content .prev,
.video-ad-max-content .next,
.video-ad-max-content .titles {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  opacity: 0;
}

#video.finished .video-ad-max-content,
#video.finished .video-ad-max-content .prev,
#video.finished .video-ad-max-content .next,
#video.finished .video-ad-max-content .titles {
  opacity: 1;
}

.video-ad-max-content .prev {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  /*     justify-content:flex-start; */
  padding-top: 5%;
  padding-left: 5%;
}

.video-ad-max-content .prev .replayWrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}

.video-ad-max-content .prev img {
  width: 114px;
  display: inline-block;
}

.video-ad-max-content .prev .titles {
  /* 	height:30%; */
  /* 	padding-top:3%; */
  /* 	width:100%; */
  padding-left: 2.1%;
  transform: translateY(2%);
}

.video-ad-max-content .prev .titles h3 {
  font-family: NHaasGroteskTXStd-75Bd, helvetica, sans-serif;
  font-weight: normal;
  font-size: 13px;
  text-transform: none;
  letter-spacing: -0.5px;
  margin-bottom: 3px;
}

.video-ad-max-content .prev .titles p {
  font-size: 13px;
  line-height: 1.3em;
  margin-bottom: 3px;
}

.titles .t1 {
  display: block;
}

.titles .t2 {
  display: none;
  visibility: hidden;
}

.video-ad-max-content .prev .titles p.replay {
  font-weight: bold;
  cursor: pointer;
}

.video-ad-max-content .next {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-left: 5%;
  padding-bottom: 5%;
}

.video-ad-max-content .next .titles {
  width: auto;
}

.video-ad-max-content .next .titles p {
  display: none;
  visibility: hidden;
  margin-bottom: 5px;
}

.video-ad-max-content .button {
  margin-top: 10px;
  font-size: 13px;
  font-weight: normal;
}

/* Carousel ****************************************/
#video-carousel-container {
  display: none;
}

#video-carousel-container-mobile {
  position: relative;
  display: block;
  margin: 20px 0 0;
  width: 100%;
  overflow: auto;
}

#video-carousel-container-mobile .slide {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}

#video-carousel-container-mobile .slide img {
  max-width: 100%;
  display: block;
}

#video-carousel-container-mobile .slide h5 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  letter-spacing: 0.15em;
  font-size: 9px;
  color: #000;
  text-transform: uppercase;
  margin-top: 7px;
  margin-bottom: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#video-carousel-container-mobile .slide.active h5 {
  color: #ee2127;
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

/************************************************
Contact
************************************************/
body.contact #introduction {
  background-color: #ee2127;
  width: 100%;
  padding: 150px 20px 60px;
  box-sizing: border-box;
  color: #fff;
}

body.contact #introduction .span_3_of_12 {
  margin-bottom: 30px;
}

body.contact #introduction h1,
body.contact #introduction h4 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: 13vw;
  letter-spacing: normal;
  margin-bottom: 10px;
  text-transform: uppercase;
  line-height: 0.8;
}

body.contact #introduction h4 span {
  display: inline-block;
}

body.contact #introduction h1 {
  font-size: 28vw;
  margin-bottom: 16px;
}

body.contact #introduction h3 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
  margin-bottom: 8px;
  color: #fff;
}

body.contact #introduction p,
body.contact #introduction a {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  margin-bottom: 15px;
  color: #fff;
}

body.contact .group:first-child {
  margin-bottom: 50px;
}

body.contact .tile-collection a {
  color: #fff;
}

body.contact .tile-collection h3 {
  font-size: 15vw;
}

body.contact .tile-collection .tile-text .four {
  margin-top: 4.2vw;
}

body.contact .tile-25,
body.contact .grid-sizer {
  position: relative;
  width: 100%;
  padding-bottom: 120%;
}

#offices h4 {
  font-size: 35px;
  font-family: "Knockout 27 A", "Knockout 27 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 30px;
}

#contact-register {
  padding: 46px 20px 1px;
  background-color: #000;
}

#contact-register h2 {
  color: #fff;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  font-size: 13vw;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 20px;
  line-height: 0.8;
}

#contact-register .group {
  margin-bottom: 55px;
}

#f4 form > div:first-child,
#red-room-subscribe-container form > div:first-child {
  display: inline-block;
  width: 60%;
}

#f4 .hs_submit,
#red-room-subscribe-container .hs_submit {
  display: inline-block;
  width: 40%;
  text-align: right;
}

.content-dark {
  padding: 80px 20px 80px;
  background-color: #161616;
  display: block;
}
.text_6 {
  color: #ee2127;
  font-size: 13px;
}
.text_7 {
  color: #fff;
  font-size: 32px;
}
.link_1 {
  color: #fff;
  font-size: 14px;
}

/************************************************
Footer
************************************************/
footer {
  background-color: #161616;
  padding: 30px 20px 0;
}

footer h3 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.2em;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 14px;
}

footer h4 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  color: #7d7d7d;
  font-size: 13px;
  margin-bottom: 3px;
}

footer p {
  color: #7d7d7d;
  font-size: 13px;
  margin-bottom: 16px;
  line-height: 1.5;
}

footer a {
  display: inline-block;
  color: #7d7d7d;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

footer .section {
  display: flex;
  flex-direction: column;
}

footer a:hover {
  color: #ee2127;
}

footer a.tel:hover {
  color: #7d7d7d;
  cursor: default;
}

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

#f1 {
  order: 2;
}
#f2 {
  order: 3;
}
#f3 {
  order: 4;
}
#f4 {
  order: 1;
}

footer .section .span_3_of_12 {
  width: 100%;
  float: none;
}

footer #copyright {
  margin-top: 30px;
  border-top: 1px solid #4a4a4a;
  padding: 18px 0;
  font-size: 10px;
}

footer #copy span {
  color: #555;
  display: block;
}

footer #copyright .col {
  color: #7d7d7d;
  white-space: nowrap;
}

footer #copyright ul {
  text-align: right;
}

#red-room-footer-nav ul {
  text-align: left;
  margin: 30px 0;
}

footer #copyright li {
  display: inline;
  margin-left: 12px;
}

#red-room-footer-nav li {
  margin: 0 0 20px 0;
}

footer #copyright li:first-child,
#red-room-footer-nav li:first-child {
  margin-left: 0;
}

#red-room-footer-nav li a {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  letter-spacing: 0.3em;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
}

#red-room-footer-nav li a:hover {
  color: #ee2127;
}

footer #copyright.section {
  flex-direction: row;
}

footer #copyright .span_6_of_12:first-child {
  width: 30%;
  float: none;
}

footer #copyright .span_6_of_12:last-child {
  width: 70%;
  float: none;
}

body.page-template-template-survey footer #copyright .span_6_of_12:first-child,
body.single-survey footer #copyright .span_6_of_12:first-child {
  width: 70%;
}

body.page-template-template-survey footer #copyright .span_6_of_12:last-child,
body.single-survey footer #copyright .span_6_of_12:last-child {
  width: 30%;
}

a.footer-icon {
  margin-right: 30px;
}

a.footer-icon svg path {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  fill: #fff;
}

a.footer-icon:hover svg path {
  fill: #ee2127;
}

#footer-linkedin {
  width: 19px;
  height: 17px;
}

#footer-facebook {
  width: 9px;
  height: 18px;
}

#footer-twitter {
  width: 20px;
  height: 15px;
}

#footer-vimeo {
  width: 18px;
  height: 13px;
}

#footer-instagram {
  width: 18px;
  height: 20px;
  position: relative;
  top: 4px;
}

#footer-logo {
  height: 45px;
}

#footer-logo svg.logo-pp-small {
  fill: #ee2127;
  width: 73px;
  height: 45px;
}

body.page-id-34 footer,
body.parent-pageid-34 footer,
body.single-redroom footer,
body.tax-redroom-category footer {
  padding-top: 22px;
}

body.page-id-34 #copyright,
body.parent-pageid-34 #copyright,
body.single-redroom #copyright,
body.tax-redroom-category #copyright {
  margin-top: 20px;
}

#red-room-social {
  text-align: left;
}

footer #red-room-social p {
  padding-right: 0;
  margin-bottom: 0;
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  letter-spacing: 0.3em;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
}

footer #red-room-social a.footer-icon:last-child {
  margin-right: 0;
}

footer #red-room-social .label {
  display: none;
}

#red-room-subscribe {
  background-color: #ee2127;
  padding: 60px 20px;
  text-align: center;
}

#red-room-subscribe-container {
  text-align: center;
  margin: 0 auto;
}

#red-room-subscribe h4 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #fff;
  font-size: 9vw;
  line-height: 0.8;
  letter-spacing: 0.025em;
  margin-bottom: 20px;
}
#red-room-subscribe h5 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 10px;
  color: #fff;
  margin-bottom: 10px;
}
#red-room-subscribe h4 span {
  /* display: block; */
}

#contact-register h3 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  letter-spacing: 0.2em;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  margin: 2vh 0 6px;
}

#f4 form,
#red-room-subscribe form,
#contact-register form {
  display: flex;
  flex-direction: column;
}

#f4 form,
#contact-register form {
  border-color: #6e6e6e;
}

#f4 form {
  margin-bottom: 26px;
}

#contact-register form {
  width: 100%;
  margin-bottom: 0;
}

#f4 form input,
#red-room-subscribe form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
  padding: 5px;
  font-size: 12px;
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  background-color: transparent;
}

#f4 .hbspt-form input[type="email"] {
  width: 100%;
  color: #fff;
}

#red-room-subscribe form input[type="text"],
#contact-register .hs-form .hs-input {
  background-color: transparent;
  flex-grow: 1;
  color: #fff;
  width: 90%;
}

.hs_email.field.hs-form-field,
#contact-register .hs_email.field.hs-form-field {
  width: 100%;
}

.hs_email label {
  display: none;
}

#red-room-subscribe .hs-form .hs-input {
  color: #fff;
  background-color: transparent;
  font-size: 13px;
  padding: 6px 5px 4px;
  width: 100%;
}

#contact-register .hs-form .hs-input {
  background-color: transparent;
}

.submitted-message {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  font-size: 13px;
  color: #ee2127;
  margin: 6px 0 46px;
}

#red-room-subscribe .submitted-message {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  color: #fff;
  margin: 13px 0;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #666 !important;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666 !important;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666 !important;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #666 !important;
}

.error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ee2127 !important;
}

.error:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ee2127 !important;
  opacity: 1;
}

.error::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ee2127 !important;
  opacity: 1;
}

.error:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ee2127 !important;
}

#red-room-subscribe ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ff878b !important;
}
#red-room-subscribe :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ff878b !important;
  opacity: 1;
}
#red-room-subscribe ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ff878b !important;
  opacity: 1;
}
#red-room-subscribe :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ff878b !important;
}

#red-room-subscribe .error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff !important;
}

#red-room-subscribe .error:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff !important;
  opacity: 1;
}

#red-room-subscribe .error::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff !important;
  opacity: 1;
}

#red-room-subscribe .error:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ee2127 !important;
}

#red-room-subscribe form input[type="text"]:focus {
  /* background-color: #eb3438; */
}

#f4 form input[type="submit"],
#f4 .button,
#red-room-subscribe form input[type="submit"],
#red-room-subscribe .button,
#contact-register form input[type="submit"],
.ao-form-submit {
  background-color: #fff !important;
  color: #ee2127 !important;
  padding: 10px 40px 8px !important;
  font-size: 13px !important;
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif !important;
  transition: all 0.5s ease !important;
  border: 3px solid #fff !important;
  min-width: 150px !important;
  cursor: pointer !important;
}

#f4 form input[type="submit"],
#f4 .button {
  background-color: #ee2127 !important;
  color: #fff !important;
  padding: 6px 15px 5px !important;
  border: 0 !important;
  min-width: initial !important;
}

#contact-register form input[type="submit"],
.ao-form-submit {
  background-color: #ee2127 !important;
  color: #fff !important;
  border: 0 !important;
  padding: 14px 40px 12px !important;
  border-radius: 0 !important;
  box-sizing: content-box;
}

#red-room-footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
}
#red-room-subscribe p {
  margin-top: 30px;
}
.wpcf7-form,
.ao-form {
  border: 0;
  flex-direction: column;
  margin-top: 40px;
}
.wpcf7-form br {
  display: none;
}
.wpcf7-form p {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.wpcf7-form label {
  flex: 1 0 100%;
  margin-bottom: 20px;
}
.wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-text,
.wpcf7-select,
input.ao-form-field:not([type="radio"]):not([type="checkbox"]) {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 12px !important;
  font-size: 14px;
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  background-color: transparent;
  color: #6e6e6e;
  border: 2px solid #6e6e6e;
  width: 100%;
}
.wpcf7-form .wpcf7-text.active,
.wpcf7-form .wpcf7-select.active {
  color: #fff;
}
span.wpcf7-not-valid-tip,
.ao-form-error-message {
  position: absolute;
  top: 5.4em;
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 10px;
  color: #ee2127;
}
.ao-form-error-message {
  display: none !important;
  position: relative;
  top: 0;
  padding: 10px 0 15px;
}

div.wpcf7-response-output {
  margin: 2em 0 0;
  padding: 0;
  border: 0;
  color: #fff;
  display: none !important;
}
div.wpcf7 .ajax-loader {
  background-image: url(img/ajax-loader.gif);
}
.wpcf7-not-valid,
input.ao-form-error:not([type="radio"]):not([type="checkbox"]) {
  border-color: #ee2127;
}
.wpcf7-not-valid::-webkit-input-placeholder,
.ao-form-error::-webkit-input-placeholder {
  color: #ee2127 !important;
}
.wpcf7-not-valid:-moz-placeholder,
.ao-form-error:-moz-placeholder {
  color: #ee2127 !important;
}
.wpcf7-not-valid::-moz-placeholder,
.ao-form-error::-moz-placeholder {
  color: #ee2127 !important;
}
.wpcf7-not-valid:-ms-input-placeholder,
.ao-form-error:-ms-input-placeholder {
  color: #ee2127 !important;
}

.wpcf7 .sent p {
  display: none;
}
.wpcf7 .sent div.wpcf7-response-output {
  display: block !important;
}
.ao-form {
}
.ao-input-block {
  margin-bottom: 20px;
}
.ao-submit-block {
  margin-top: 20px;
}
.ao-submit-block div {
  text-align: left !important;
}

/************************************************
Back to Top
************************************************/
#back-to-top {
  background-color: #f7f7f7;
  text-align: center;
  padding: 40px 0;
  width: 100%;
}
#back-to-top a:hover {
  color: #ee2127;
}

/************************************************
Legal
************************************************/
body.legal .content,
body.page-template-template-text .content {
  padding: 150px 25px 60px;
  background-color: #ee2127;
}

body.legal .content h1,
body.page-template-template-text .content h1 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  font-size: 58px;
  line-height: 0.8;
  letter-spacing: 0.025em;
  margin-bottom: 40px;
}

body.legal .content h2,
body.page-template-template-text .content h2 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  color: #fff;
  margin-bottom: 0;
}

body.legal .content p,
body.legal .content a,
body.page-template-template-text .content p,
body.page-template-template-text .content a {
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.575;
}

body.page-template-template-text .content p.list-header {
  margin-bottom: 10px;
}

body.page-template-template-text ol,
body.page-template-template-text ul {
  list-style-type: decimal;
  list-style-position: inside;
  font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.575;
}

body.page-template-template-text ul {
  list-style-type: disc;
}

body.page-template-template-text ol li {
  display: list-item;
  list-style-position: inside;
  text-indent: -1.2em;
  padding-left: 1em;
}

/*****************************************************
Share Icons
*****************************************************/
.red-share ul {
  display: flex;
}

.red-share ul li {
  display: inline-block;
  overflow: hidden;
}

.red-share-link {
  display: inline-block;
  width: 50px;
  height: 50px;
  -webkit-transition: background-color 0.75s ease;
  -ms-transition: background-color 0.75s ease;
  transition: background-color 0.75s ease;
  text-align: center;
}

.red-share-link svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  fill: #fff;
  -webkit-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

.red-share-link.facebook {
  background-color: #39579a;
}
.red-share-link.twitter {
  background-color: #00abf0;
}
.red-share-link.linkedin {
  background-color: #2897cf;
}

.red-share-link svg {
  width: 20px;
  height: 20px;
}

.red-overlays {
  margin-top: 50px;
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr 1fr;
}

.red-overlay-tile {
  background: #000;
  position: relative;
  transition: all 1s ease;
  padding-bottom: 72%;
  overflow: hidden;
}
.red-overlay-tile h3 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #fff;
  font-size: 10vw;
  line-height: 0.8;
  margin-bottom: 5px;
  letter-spacing: normal;
}

.red-overlay-tile .tile-text {
  align-items: flex-end;
}
.red-overlay-tile .subhead {
  font-size: 11px;
  text-decoration: underline;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05;
}
.red-overlay-tile .subhead:after {
  content: " >";
}

.white-popup {
  box-sizing: content-box;
  position: relative;
  background: #fff;
  /* padding: 20px; */
  width: 100vw;
  height: 100vh;
  margin: auto;
}
.white-popup .tableauPlaceholder,
.white-popup iframe {
  width: 100% !important;
  height: 100% !important;
  overflow: auto !important;
}
body.modal-open {
  overflow: hidden;
}
button.mfp-close,
button.mfp-arrow {
  position: fixed;
  right: 0;
}
/*****************************************************
404
*****************************************************/
body.error404 .half {
  padding-top: 80px;
  height: calc(100vh - 80px);
  -webkit-transition: all 0.5s 0s ease-out;
  -ms-transition: all 0.5s 0s ease-out;
  transition: all 0.5s 0s ease-out;
}

body.error404 .photo {
  -webkit-transition: all 0.5s 0s ease-out;
  -ms-transition: all 0.5s 0s ease-out;
  transition: all 0.5s 0s ease-out;
}

body.error404 .half-1,
body.error404 .half-2 {
  padding-bottom: calc(100vh - 80px);
}

body.error404 .half-1 h1 {
  line-height: 1.575;
  font-family: "Knockout 67 A", "Knockout 67 B";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  font-size: 5.5vw;
  line-height: 0.8;
  margin-bottom: 35px;
}

body.error404 .half-1 h2 {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.15em;
  line-height: 1.6;
  margin-bottom: 10px;
}

body.error404 .half-1 p {
  color: #fff;
  margin-bottom: 35px;
}

body.error404 .button {
  font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  color: #ee2127;
  padding: 9px 40px 7px;
  display: inline-block;
  font-size: 13px;
  box-shadow: inset 0 0 #ee2127;
  transition: all 0.5s ease;
  border: 3px solid #fff;
}

body.error404 .button:hover {
  box-shadow: inset 220px 0 #ee2127;
  color: #fff;
}

/*****************************************************
Survey Template
*****************************************************/
body.page-template-template-survey #menu-bar,
body.single-survey #menu-bar {
  background-color: #000;
}

body.page-template-template-survey #header-logo svg.logo-pp-small,
body.single-survey #header-logo svg.logo-pp-small {
  fill: #666;
}

body.page-template-template-survey #cn,
body.single-survey #cn {
  color: #666;
}

body.page-template-template-survey .hamburger-inner,
body.page-template-template-survey .hamburger-inner::before,
body.page-template-template-survey .hamburger-inner::after,
body.single-survey .hamburger-inner,
body.single-survey .hamburger-inner::before,
body.single-survey .hamburger-inner::after {
  background-color: #000;
}

body.page-template-template-survey .hamburger,
body.single-survey .hamburger {
  background-color: #666;
}

body.page-template-template-survey #wrapper,
body.single-survey #wrapper {
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: #f7f7f7;
  padding: 0;
  box-sizing: border-box;
}

body.page-template-template-survey .content,
body.single-survey .content {
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: #fff;
  max-width: 960px;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
}

body.page-template-template-survey .hs-headline.content,
body.page-template-template-survey .hs-form.content,
body.single-survey .hs-headline.content,
body.single-survey .hs-form.content {
  padding: 20px;
  box-sizing: border-box;
}

body.page-template-template-survey .content img,
body.single-survey .content img {
  max-width: 100%;
}

body.page-template-template-survey footer,
body.single-survey footer {
  padding-top: 0;
}

body.page-template-template-survey footer #copyright,
body.single-survey footer #copyright {
  margin-top: 0;
  border: none;
}

body.page-template-template-survey .hbspt-form,
body.single-survey .hbspt-form {
  width: 100%;
}

body.page-template-template-survey .hbspt-form .hs_email label,
body.single-survey .hbspt-form .hs_email label {
  display: block;
}

/* body.home {
  cursor: url("img/cursor-star.svg"), auto;
}
body.home *:hover {
  cursor: url("img/cursor-star.svg"), auto;
} */

#cursor {
  position: fixed;
  z-index: 9999;
  pointer-events: none;
}
#cursor span {
  display: block;
  width: 30px;
  height: 30px;
  background: url("img/cursor-star.svg") center center no-repeat;
  background-size: contain;
  transform: translate(30%, 30%);
  pointer-events: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.page-template-template-company .half-1,
  body.page-template-template-company .half-2 {
    height: 120vh;
  }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.page-template-template-company .half-1,
  body.page-template-template-company .half-2 {
    height: calc(100vh - 80px);
  }
}

@media only screen and (min-width: 505px) {
  .video-ad-min-text-next,
  .video-ad-min-text-current {
    color: #fff;
  }
  .video-ad-min-text-next span {
    display: inline;
  }
}

/*****************************************************

iPhone 6 (Portrait)

*****************************************************/
@media only screen and (min-device-width: 375px) and (orientation: portrait) {
  #cn,
  #menu-overlay-cn {
    display: inline-block;
  }
}

/*****************************************************

iPads (Portrait)

*****************************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #cn,
  #menu-overlay-cn {
    top: 33px;
    right: 72px;
  }

  #scroll-video {
    background-size: 100vw;
  }

  #home-header-content h1 {
    font-size: 10vw;
    padding-right: 20%;
  }

  body.company svg.icon-arrow {
    bottom: -36vh;
  }
  svg.icon-arrow {
    bottom: -40vh;
  }
  .property-gallery {
    height: 45vh;
    margin: 0;
  }

  .tile-25,
  .grid-sizer {
    width: 25%;
    padding-bottom: 31.25%;
    overflow: hidden;
  }

  .tile-50,
  body.contact .tile-25,
  body.contact .grid-sizer {
    float: left;
    width: 50%;
    padding-bottom: 62.5%;
    overflow: hidden;
  }

  .tile-text h3 {
    font-size: 5.5vw;
  }

  .tile-50 h3,
  body.contact .tile-collection h3 {
    font-size: 10vw;
  }

  body.contact #introduction h1,
  body.contact #introduction h4 {
    font-size: 7vw;
  }
}

/*****************************************************

iPads (Landscape)

*****************************************************/
@media only screen and (min-width: 665px) {
  body.the-red-room #introduction .contributor h1 {
    line-height: 1em;
  }

  .contributor.row .expertise {
    display: inline;
  }
  .contributor.row a {
    margin-left: 10px;
  }
}

@media only screen and (min-width: 735px) {
  .contributor.row .red-author-headshot {
    display: inline-block;
    margin: auto;
    margin-bottom: 0px;
    margin-right: 20px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}

/*****************************************************
Grid
*****************************************************/
@media screen and (min-width: 768px) {
  /* --------------------------------------
       Grid
       -------------------------------------- */
  .span_3_of_12,
  .span_6_of_12 {
    width: 50%;
    float: left;
  }
}

/*****************************************************
Grid
*****************************************************/
@media screen and (min-width: 900px) {
  /* --------------------------------------
       Grid
       -------------------------------------- */
  .span_2_of_12 {
    float: left;
  }
  .span_3_of_12 {
    width: 25%;
    float: left;
  }
}

/*****************************************************
Desktop
*****************************************************/
@media screen and (min-width: 1025px) {
  #cn,
  #menu-overlay-cn {
    right: 94px;
    top: 34px;
  }

  .videoContainer {
    opacity: 1;
  }

  .videoContainer video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    /*
        min-width: 100%;
        min-height: 100%;
        */
    /*
        height: 100%;
        width: 177.77777778vh;
        min-width: 100%;
        min-height: 56.25vw;
        */
  }

  /*****************************************************
    Grid
    *****************************************************/
  .col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
  }

  .col:first-child {
    margin-left: 0;
  }

  .section {
    display: flex;
  }

  .span_12_of_12 {
    width: 100%;
  }
  .span_11_of_12 {
    width: 91.66%;
  }
  .span_10_of_12 {
    width: 83.33%;
  }
  .span_9_of_12 {
    width: 75%;
  }
  .span_8_of_12 {
    width: 66.66%;
  }
  .span_7_of_12 {
    width: 58.33%;
  }
  .span_6_of_12 {
    width: 50%;
  }
  .span_5_of_12 {
    width: 41.66%;
  }
  .span_4_of_12 {
    width: 33.33%;
  }
  .span_3_of_12 {
    width: 25%;
  }
  .span_2_of_12 {
    width: 16.66%;
  }
  .span_1_of_12 {
    width: 8.333%;
  }

  #cn-form .span_3_of_12 {
    width: 22.5%;
  }

  /* --------------------------------------
       Header
       -------------------------------------- */
  #menu,
  #menu-overlay-menu,
  #menu-open,
  #menu-close {
    top: 18px;
    right: 40px;
  }

  body.header-fadeout #menu,
  body.header-fadeout #menu-overlay-menu,
  body.header-fadeout #menu-open {
    opacity: 0;
  }

  .red-filters.global-filters,
  .red-filters.global-filters div {
    display: block;
  }

  .red-filters.global-filters span.sp {
    margin-left: 1px;
  }

  .red-filters.global-filters span.sp:after {
    content: "";
    display: inline-block;
    margin-right: 1px;
  }

  body.home .red-filters.global-filters div {
    transition:
      all 0.5s ease-out,
      opacity 0.25s ease-out;
    top: 80px;
    opacity: 0;
    visibility: hidden;
    z-index: 950;
  }

  body.home.show-logo .red-filters.global-filters div {
    visibility: visible;
    top: 0;
    opacity: 1;
  }

  #menu-bar {
    height: 80px;
  }

  #menu-bar.global,
  .red-filters.global-filters div {
    display: block;
  }

  .red-filters.global-filters a {
    color: #ee2127;
  }

  #menu-overlay {
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
  }

  /* body.the-red-room #menu-overlay,
  body.single-redroom #menu-overlay {
    width: 0%;
    height: 100%;
  }
  */

  body.the-red-room.menu #menu-overlay,
  body.single-redroom.menu #menu-overlay {
    overflow-y: none;
  }

  /* IE fix */
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body.the-red-room.menu #menu-overlay,
    body.single-redroom.menu #menu-overlay {
      overflow-y: none;
    }
  }

  @supports (-ms-ime-align: auto) {
    body.the-red-room.menu #menu-overlay,
    body.single-redroom.menu #menu-overlay {
      overflow-y: none;
    }
  }

  #menu-overlay-red-room-tiles {
    height: 100%;
    width: 36.6%;
    position: fixed;
    left: 0;
    top: 100%;
    height: 0;
    overflow: hidden;
  }

  #menu-overlay-red-room-tiles {
    display: block;
  }

  #menu-overlay-tiles-container {
    background-color: transparent;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
  }

  #menu-overlay-tiles-more {
    width: 100%;
    padding-bottom: 30%;
    background-color: #f7f7f7;
    text-align: center;
    float: left;
    display: block;
    position: relative;
  }

  #menu-overlay-tiles-more div {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
  }

  #menu-overlay-tiles-container::-webkit-scrollbar {
    display: none;
  }

  #menu-overlay-tiles-container .tile-text h3 {
    font-size: 3.5vw;
  }

  #menu-overlay-tiles-container .tile-text h3,
  #menu-overlay-tiles-container .tile-text .prehead {
    opacity: 0;
    transform: translate3d(0, 5px, 0);
    transition:
      opacity 0.4s ease-out,
      transform 1s ease-out;
  }

  body.menu #menu-overlay-tiles-container .tile-text h3,
  body.menu #menu-overlay-tiles-container .tile-text .prehead {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
  }

  body.menu #menu-overlay-tiles-container .tile-text .prehead {
    /* 		transition-delay: 1s; */
  }

  body.menu #menu-overlay-tiles-container .tile-text h3 {
    /* 	    transition-delay: 1.2s; */
  }

  body.menu
    #menu-overlay-tiles-container
    .tile:nth-child(1)
    .tile-text
    .prehead {
    transition-delay: 1s;
  }

  body.menu #menu-overlay-tiles-container .tile:nth-child(1) .tile-text h3 {
    transition-delay: 1.2s;
  }

  body.menu
    #menu-overlay-tiles-container
    .tile:nth-child(2)
    .tile-text
    .prehead {
    transition-delay: 1.2s;
  }

  body.menu #menu-overlay-tiles-container .tile:nth-child(2) .tile-text h3 {
    transition-delay: 1.4s;
  }

  body.menu
    #menu-overlay-tiles-container
    .tile:nth-child(3)
    .tile-text
    .prehead {
    transition-delay: 1.2s;
  }

  body.menu #menu-overlay-tiles-container .tile:nth-child(3) .tile-text h3 {
    transition-delay: 1.4s;
  }

  body.menu
    #menu-overlay-tiles-container
    .tile:nth-child(4)
    .tile-text
    .prehead {
    transition-delay: 1.4s;
  }

  body.menu #menu-overlay-tiles-container .tile:nth-child(4) .tile-text h3 {
    transition-delay: 1.6s;
  }

  body.menu
    #menu-overlay-tiles-container
    .tile:nth-child(5)
    .tile-text
    .prehead {
    transition-delay: 1.6s;
  }

  body.menu #menu-overlay-tiles-container .tile:nth-child(5) .tile-text h3 {
    transition-delay: 1.8s;
  }

  body.menu
    #menu-overlay-tiles-container
    .tile:nth-child(6)
    .tile-text
    .prehead {
    transition-delay: 1.8s;
  }

  body.menu #menu-overlay-tiles-container .tile:nth-child(6) .tile-text h3 {
    transition-delay: 2s;
  }

  #menu-overlay-main,
  #menu-overlay-secondary {
    height: 100%;
    width: 31.7%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
  }

  #menu-overlay-main-content {
    padding-left: 10%;
    white-space: nowrap;
  }

  #menu-overlay-main ul li a {
    font-size: 78px;
    font-size: 5vw;
    -webkit-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    transition: all 0.75s ease;
    position: relative;
    display: flex;
    align-items: center;
  }

  #menu-overlay-main ul li a:hover {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    /* z-index: 99; */
  }
  #menu-overlay-main ul li a:before {
    content: "";
    width: 20vw;
    height: 20vw;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    z-index: -1;
    right: 0;
    transform: translate3d(75%, 8%, 0);
    opacity: 0;
    transition: all 0.7s ease;
  }

  #menu-overlay-main ul li a:hover:before {
    opacity: 1;
    transform: translateX(65%, 8%, 0);
  }
  #menu-overlay-main ul li:nth-child(1) a:before {
    background-image: url("img/menu/menu-1.png");
  }
  #menu-overlay-main ul li:nth-child(2) a:before {
    background-image: url("img/menu/menu-2.png");
  }
  #menu-overlay-main ul li:nth-child(3) a:before {
    background-image: url("img/menu/menu-3.png");
  }
  #menu-overlay-main ul li:nth-child(4) a:before {
    background-image: url("img/menu/menu-4.png");
  }
  #menu-overlay-main ul li:nth-child(5) a:before {
    background-image: url("img/menu/menu-5.png");
  }
  #menu-overlay-main ul li:nth-child(6) a:before {
    background-image: url("img/menu/menu-6.png");
  }
  #menu-overlay-main ul li:nth-child(7) a:before {
    background-image: url("img/menu/menu-7.png");
  }

  #menu-overlay-secondary-content {
    padding-right: 10%;
    padding-bottom: 0; /* 72px; */
  }

  #header-logo-red-room {
    left: 40px;
  }

  #header-logo-red-room svg {
    width: 181px;
    height: 33px;
  }

  #header-logo {
    left: 40px;
    height: 80px;
  }

  body.header-fadeout #header-logo {
    opacity: 0;
  }

  #header-logo svg.logo-pp-small {
    top: 18px;
  }

  /* --------------------------------------
       Header - Homepage
       -------------------------------------- */
  #home-header-logo {
    height: 100vh;
    top: 0;
    left: 0;
  }

  body.bg-finished #home-header-logo {
    -webkit-transition: transform 1s 3.75s ease;
    -ms-transition: transform 1s 3.75s ease;
    transition: transform 1s 3.75s ease;
  }

  #home-header-logo-svg {
    height: 100vh;
  }

  #home-header-bar {
    width: 100%;
    height: 50vh;
    z-index: 100;
  }

  #home-header-content {
    top: 0;
    left: 50%;
    width: calc(50% - 140px);
    height: 65vh;
    z-index: 950;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-transform: translateY(20vh);
    -webkit-transform: translateY(20vh);
    transform: translateY(20vh);
    opacity: 0;
  }

  body.bg-finished #home-header-content {
    -webkit-transition:
      transform 1.5s 0.25s ease,
      opacity 1.2s ease;
    -ms-transition:
      transform 1.5s 0.25s ease,
      opacity 1.2s ease;
    transition:
      transform 1.5s 0.25s ease,
      opacity 1.2s ease;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  body.bg-finished.resizing #home-header-content {
    -webkit-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    transition: all 0.75s ease;
  }

  #home-header-content h1,
  #home-header-content h2,
  #home-header-content a {
    color: #000;
  }

  #home-header-content h1 {
    font-size: 3.5vw;
  }

  .single-property #introduction .cool-link:hover {
    color: #ee2127;
    transition: all 0.75s ease;
  }
  .cool-link:hover::after {
    width: 0%;
    transition: width 0.3s;
  }

  #home-header-content a:hover {
    color: #ee2127;
  }

  #home-header-content div {
    align-self: center;
    padding-bottom: 0;
  }

  /* --------------------------------------
       Homepage
       -------------------------------------- */
  #scroll-video,
  #scroll-video-2,
  #scroll-video-3 {
    height: 100vh;
    /*
        background-image: none;
        background-color: #000;
        */
    margin: 0 !important;
    overflow: hidden;
    background-color: #000;
  }

  svg.icon-arrow,
  body.company svg.icon-arrow {
    width: 25px;
    height: 22px;
    position: relative;
    bottom: auto;
  }

  #down-arrow-2 {
    display: block;
  }

  .tile-image {
    -webkit-transition:
      transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),
      background-image 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition:
      transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),
      background-image 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition:
      transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),
      background-image 0.75s cubic-bezier(0.19, 1, 0.22, 1);

    /*
                -ms-transform: scale(1.14);
        -webkit-transform: scale(1.14);
        transform: scale(1.14);
        image-rendering: -moz-crisp-edges;         /* Firefox /
        image-rendering:   -o-crisp-edges;         /* Opera /
        image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) /
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) /
        */
  }

  .tile-reveal {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    bottom: 0;
    background-color: #f7f7f7;
    -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    display: block;
  }

  #footer-redroom .tile-reveal,
  body.news-events .tile-reveal {
    background-color: #eee;
  }

  .tile.refresh .tile-reveal {
    -webkit-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    transition-duration: 0.8s;
  }

  .tile-50 .tile-reveal {
    -webkit-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
  }

  body.home #scroll-video .tile-reveal {
  }

  body.bg-finished #scroll-video .tile-reveal {
    transition-delay: 0.25s;
    height: 0;
  }

  body.home.bg-finished #scroll-video .tile-reveal {
    transition-delay: 0.5s;
    transition-duration: 6s;
    height: 0;
  }

  .tile.animate-in .tile-reveal {
    height: 0;
  }

  /*
    .tile-refresh svg,
    .tile-refresh .refresh-more{
	    opacity:0;
    }

    .tile.animate-in .tile-refresh svg{
	    opacity:1;
	    transform: rotate(360deg);
	    transition-delay: 1s, 1s;
    }

    .tile.animate-in .refresh-more{
	    opacity:1;
	    transition-delay: 0.9s;
    }
*/

  .tile.refresh:nth-child(2) .tile-reveal,
  .tile.animate-in:nth-child(2) .tile-reveal {
    -webkit-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }

  .tile.refresh:nth-child(3) .tile-reveal,
  .tile.animate-in:nth-child(3) .tile-reveal {
    -webkit-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }

  .tile.refresh:nth-child(4) .tile-reveal,
  .tile.animate-in:nth-child(4) .tile-reveal {
    -webkit-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }

  .tile.refresh:nth-child(5) .tile-reveal,
  .tile.animate-in:nth-child(5) .tile-reveal {
    -webkit-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }

  .tile.refresh:nth-child(6) .tile-reveal,
  .tile.animate-in:nth-child(6) .tile-reveal {
    -webkit-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }

  #footer-redroom .tile.refresh:nth-child(2) .tile-reveal,
  #footer-redroom .tile.animate-in:nth-child(2) .tile-reveal {
    -webkit-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }

  #footer-redroom .tile.refresh:nth-child(3) .tile-reveal,
  #footer-redroom .tile.animate-in:nth-child(3) .tile-reveal {
    -webkit-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }

  #footer-redroom .tile.refresh:nth-child(4) .tile-reveal,
  #footer-redroom .tile.animate-in:nth-child(4) .tile-reveal {
    -webkit-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }

  #scroll-video-2 .tile-reveal,
  #scroll-video-3 .tile-reveal {
    transition-duration: 4s;
    background-color: #f7f7f7;
  }

  #scroll-video-2.animate-in .tile-reveal,
  #scroll-video-3.animate-in .tile-reveal {
    height: 0;
  }

  .tile-collection {
    margin: 80px 10%; /* 20%; */
    overflow: auto;
  }

  #footer-redroom.tile-collection {
    margin: 15px 10% 80px; /* 20%; */
  }

  #related-news.tile-collection {
    margin: 65px 10% 80px; /* 20%; */
  }

  #video-1,
  #video-2,
  #video-3 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    /* Preserve aspet ratio */

    min-width: 100%;
    min-height: 100%;
  }

  #scroll-video,
  body.home #scroll-video {
    height: 100vh;
  }

  #scroll-video {
    background-image: none !important;
    background-color: #161616;
  }

  #video-1 {
    opacity: 0;
    -webkit-transition:
      opacity 0.75s ease,
      -webkit-transform 1.75s;
    -ms-transition:
      opacity 0.75s ease,
      -ms-transform 1.75s;
    transition:
      opacity 0.75s ease,
      transform 1.75s;
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
  }

  body.bg-finished #video-1 {
    opacity: 1;
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
    -webkit-transition:
      opacity 1s ease,
      -webkit-transform 1.75s;
    -ms-transition:
      opacity 1s ease,
      -ms-transform 1.75s;
    transition:
      opacity 1s ease,
      transform 1.75s;
  }

  .prehead.br-2 {
    margin-top: 22.5%;
  }

  .tile-25,
  .grid-sizer {
    width: 25%;
    padding-bottom: 31.25%;
    overflow: hidden;
  }

  .tile-50 {
    float: left;
    width: 50%;
    padding-bottom: 62.5%;
    overflow: hidden;
  }

  .tile-refresh:hover svg {
    /*         transform: rotate(360deg); */
    /*         transition: all 0.9s ease-in-out 0s; */
  }

  @-webkit-keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  .tile-refresh.refreshing svg {
    -webkit-animation: rotating 1s ease-in-out 1;
    -ms-animation: rotating 1s ease-in-out 1;
    animation: rotating 1s ease-in-out 1;
  }

  .tile-text {
    left: 20px;
    width: calc(100% - 25px);
  }
  .tile-refresh {
    width: 100%;
  }
  .tile-text h3 {
    font-size: 5.5vw; /* Suz 6.5vw */
  }

  .tile-25 .tile-text h3,
  .tile-25.tile-red .tile-text h3 {
    font-size: 3.3vw; /* Suz 3.5vw */
  }

  .tile-50.tile-red .tile-text h3 {
    font-size: 7.75vw; /* Suz 7.5vw */
  }

  .tile-red a:hover .tile-text .button {
    box-shadow: inset 300px 0 #ee2127;
    color: #fff;
  }

  #tile-properties-0 .tile-image.transition,
  #tile-redroom-0 .tile-image.transition {
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
  }

  #tile-properties-1 .tile-image.transition,
  #tile-redroom-1 .tile-image.transition {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }

  #tile-properties-2 .tile-image.transition,
  #tile-redroom-2 .tile-image.transition {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
  }

  #tile-properties-3 .tile-image.transition,
  #tile-redroom-3 .tile-image.transition {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
  }

  .half {
    overflow: auto;
  }

  .half .half-2.red {
    display: block;
  }

  .mobile-featured-list {
    display: none;
  }

  body.single .half,
  body.page-template .half,
  body.page-template .full {
    box-sizing: border-box;
  }

  body.page-template .full {
    padding: 60px 10%;
  }

  #fun-stats {
    height: auto;
    padding: 60px 10%;
  }

  #fun-stats .span_3_of_12 {
    position: relative;
    opacity: 1;
    width: 25%;
    margin-right: 0;
    float: left;
  }

  #stats .span_3_of_12 div {
    font-size: 13vw;
  }

  #stats .span_3_of_12 p {
    font-size: 3vw;
    margin-top: 16px;
  }

  .half-1,
  .half-2 {
    float: left;
    position: relative;
    width: 50%;
    padding: 0 0 50% 0;
    overflow: hidden;
    background-color: #fff;
  }

  .red {
    background-color: #ee2127;
  }

  .photo {
    background-image: url("//fpoimg.com/800x800");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s 0.2s ease-out;
    -ms-transition: all 0.5s 0.2s ease-out;
    transition: all 0.5s 0.2s ease-out;
    background-color: #161616;
  }

  .photo h3.on {
    opacity: 0;
  }

  .half-1 h3 {
    position: absolute;
    height: 100%;
    left: 25%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 10;
    line-height: 1.5;
    font-family: "Knockout 67 A", "Knockout 67 B";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-size: 7.75vw; /* Suz 7.5vw */
    line-height: 0.8;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }

  .half-1 div.slide,
  .half-2 div.slide {
    position: absolute;
    height: 100%;
    left: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;

    opacity: 0;
    visibility: hidden;
    /*
        -webkit-transform: translateX(-40vw);
        -ms-transform: translateX(-40vw);
        transform: translateX(-40vw);
        */
  }

  .half-1 div.slide.active,
  .half-2 div.slide.active {
    -webkit-transition: all 0.5s 0.5s ease-out;
    -moz-transition: all 0.5s 0.5s ease-out;
    -ms-transition: all 0.5s 0.5s ease-out;
    -o-transition: all 0.5s 0.5s ease-out;
    transition: all 0.5s 0.5s ease-out;

    opacity: 1;
    visibility: visible;
    /*
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        */
  }

  .half-1 div.slide {
    left: 20%;
    width: 51%;
  }

  .half-1 div.slide.active blockquote,
  .half-2 div.slide.active blockquote {
    font-family: "Knockout 67 A", "Knockout 67 B";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color: #ee2127;
    font-size: 4.5vw;
    line-height: 0.8;
  }

  #quotes .half-1 div.slide.active blockquote.smallest,
  #quotes .half-2 div.slide.active blockquote.smallest {
    font-size: 3vw;
  }

  #quotes .half-1 div.slide.active blockquote.small,
  #quotes .half-2 div.slide.active blockquote.small {
    font-size: 3.75vw;
  }

  #quotes .half-1 div.slide.active blockquote.large,
  #quotes .half-2 div.slide.active blockquote.large {
    font-size: 5.5vw;
  }

  .half-1.red div.slide.active blockquote,
  .half-2.red div.slide.active blockquote {
    color: #fff;
  }

  .half-1 div.slide.active svg.quote {
    width: 1.5vw;
    height: 1.74735vw;
    fill: #ee2127;
    margin: 5px 0;
  }

  .half-1.red div.slide.active svg.quote {
    fill: #fff;
  }

  .half-1 div.slide.active svg.quote:first-child {
    margin-top: 10vh;
  }

  .half-1 div.slide.active svg.quote:last-child {
    margin-top: 12px;
  }

  .half-1 ul li,
  .half-2 ul li {
    display: block;
  }

  .half-1 ul li a,
  .half-1 ul li,
  .half-2 ul li a,
  .half-2 ul li {
    line-height: 1.575;
    font-family: "Knockout 67 A", "Knockout 67 B";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color: #ee2127;
    font-size: 5.5vw; /* Suz 5vw */
    line-height: 0.8;
    -webkit-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    transition: all 0.75s ease;
    display: block;
    position: relative;
  }
  .half-1 ul li a:before,
  .half-2 ul li a:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
  }

  .half-1 .contributor a,
  .half-2 .contributor a {
    transition: all 0.75s ease;
    display: inline;
  }

  .half-1.red ul li a,
  .half-1.red ul li,
  .half-2.red ul li a,
  .half-2.red ul li,
  .half-1 .contributor a,
  .half-2 .red .contributor a {
    color: #fff;
  }

  .half-2 .contributor a,
  .half-1.red .contributor a {
    color: #ee2127;
  }

  body.page-template-template-company .slide.active div ul li a:hover,
  body.page-template-template-company .red .contributor a:hover,
  body.page-template-template-company .contributor a:hover {
    color: #000;
    transform: none;
  }

  body.page-template-template-company .red .contributor a:hover,
  body.page-template-template-company .half-2 .contributor a:hover {
    color: #000;
    transform: none;
  }

  body.page-template-template-company .contributor {
    padding: 3% 0;
  }

  body.page-template-template-company .contributor div {
    position: relative;
    left: 40px;
  }

  body.page-template-template-company .half-1 .contributor div {
    position: relative;
    width: 80%;
    left: 20%;
  }

  /*
    .half-2 ul:hover li a {
        opacity: .7;
    }

    .half-2 ul li a:hover {
        opacity: 1;
    }
    */
  .full .slide-nav {
    display: none;
  }

  .half-1 .slide-nav,
  .half-2 .slide-nav {
    position: absolute;
    left: 40px;
    bottom: 30px;
  }

  .half-1 .slide-nav {
    left: 25%;
  }

  .half-1 #slide-subhead,
  .half-1 .slide-subhead {
    left: 20%;
  }

  .half-1 .slide .slide-subhead,
  .half-2 .slide .slide-subhead {
    left: 0;
    top: 10vh;
  }

  .half-1.red #slide-subhead,
  .half-1.red .slide-subhead,
  .half-2.red .slide-subhead {
    color: #fff;
  }

  .half-1 .slide-nav ul li,
  .half-2 .slide-nav ul li {
    display: inline;
    margin-right: 0;
  }

  .half-1 .slide-nav ul li svg,
  .half-2 .slide-nav ul li svg {
    height: 19px;
    width: 19px;
    cursor: pointer;
  }

  .half-1 .slide-nav ul li svg rect.background,
  .half-2 .slide-nav ul li svg rect.background {
    fill: #fff;
  }

  .half-1 .slide-nav ul li svg path.on,
  .half-1 .slide-nav ul li svg circle.off,
  .half-2 .slide-nav ul li svg path.on,
  .half-2 .slide-nav ul li svg circle.off {
    fill: #ee2127;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .half-1.red .slide-nav ul li svg rect.background,
  .half-2.red .slide-nav ul li svg rect.background {
    fill: #ee2127;
  }

  .half-1.red .slide-nav ul li svg path.on,
  .half-1.red .slide-nav ul li svg circle.off,
  .half-2.red .slide-nav ul li svg path.on,
  .half-2.red .slide-nav ul li svg circle.off {
    fill: #fff;
  }

  .half-1 .slide-nav ul li svg path.on,
  .half-2 .slide-nav ul li svg path.on {
    opacity: 0;
  }

  .half-1 .slide-nav ul li svg:hover path.on,
  .half-2 .slide-nav ul li svg:hover path.on {
    opacity: 1;
  }

  .half-1 .slide-nav ul li.active svg path.on,
  .half-2 .slide-nav ul li.active svg path.on {
    opacity: 1;
  }

  .half-1 .slide-nav ul li.active svg circle.off,
  .half-2 .slide-nav ul li.active svg circle.off {
    opacity: 0;
    -webkit-transition: all 0.75s ease-out;
    -ms-transition: all 0.75s ease-out;
    transition: all 0.75s ease-out;
  }

  body.page-template-template-company .half-1,
  body.page-template-template-company .half-2 {
    float: left;
    position: relative;
    width: 50%;
    padding: 0 0 50% 0;
    overflow: hidden;
    height: auto;
  }

  body.page-template-template-company .half-2.photo {
    float: right;
  }

  body.page-template-template-company .half-1 div.slide {
    width: 60%;
    left: 20%;
    padding: 0;
  }

  body.page-template-template-company .half-2 div.slide {
    width: 66%;
    left: 40px;
    padding: 0;
  }

  body.page-template-template-company .slide.active ul {
    margin-top: 8px;
  }

  body.page-template-template-company .slide.active h2 {
    font-size: 6vw;
  }

  body.page-template-template-company .slide.active li {
    margin-bottom: 4px;
  }

  body.page-template-template-company .slide.active p {
    font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 20px;
  }

  body.page-template-template-company .red .contributor a,
  body.page-template-template-company .half-2 .contributor a {
    font-size: 13px;
    color: #fff;
    line-height: 0;
    margin: 0;
  }
  body.page-template-template-company .half-2 .contributor a,
  body.page-template-template-company .slide.active h2,
  body.page-template-template-company .slide.active h5,
  body.page-template-template-company .slide.active li a {
    color: #ee2127;
  }

  body.page-template-template-company .red .slide.active h2,
  body.page-template-template-company .red .slide.active h5,
  body.page-template-template-company .red .slide.active p,
  body.page-template-template-company .red .slide.active li a {
    color: #fff;
  }

  body.page-template-template-company .red .contributor {
    color: #000;
  }

  #half-list-magic {
    position: absolute;
    height: 100%;
    left: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    overflow: hidden;
    /*
        -webkit-transform: translateX(-40vw);
        -ms-transform: translateX(-40vw);
        transform: translateX(-40vw);
        */
  }

  #half-list-magic ul {
    -ms-transform: translateY(100vh);
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
  }

  /* --------------------------------------
       Listings
       -------------------------------------- */
  .listings,
  body.properties .listings {
    overflow: auto;
    padding: 80px 10% 40px;
  }

  #listings-container {
    height: 55vh;
    overflow-y: hidden;
  }

  #listings-container a .list-row:hover {
    transition: all 0.52 ease-in-out;
    background-color: #f4f4f4;
    color: #ee2127;
  }

  .list-col-1.span_3_of_12 {
    padding-left: 10px;
  }

  .list-col-5 span_2_of_12 {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    text-align: right;
    padding-right: 40px;
  }

  .list-headline {
    padding: 20px 0 8px;
  }

  .list-row {
    font-size: 14px;
    padding: 20px 0 18px;
  }

  .listings h3 {
    margin-bottom: 30px;
  }

  .listings nav {
    margin-bottom: 20px;
  }

  .listings nav ul {
    position: relative;
    left: auto;
    right: auto;
    border: none;
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    max-height: none;
    overflow: auto;
    background-color: transparent;
  }

  .listings nav ul li {
    width: 144px;
    border-width: 3px;
    border-width: 3px;
    padding: 8px 0 6px;
    background-color: #fff;
    -webkit-transition:
      border-color 1.25s ease-out,
      background-color 0.25s ease-out,
      color 0.5s ease-out;
    -ms-transition:
      border-color 1.25s ease-out,
      background-color 0.25s ease-out,
      color 0.5s ease-out;
    transition:
      border-color 0.5s ease-out,
      background-color 0.25s ease-out,
      color 0.5s ease-out;
  }

  .listings nav ul li:first-child {
    margin-left: 0;
    border-width: 3px;
  }

  .listings nav span {
    display: none;
  }

  .listings nav ul li:hover {
    background-color: transparent;
    border-color: #ee2127;
    z-index: 4;
  }

  .filter .listings nav ul li:hover {
    background-color: transparent;
  }

  .listings nav ul li:hover + li {
    border-left-color: #ee2127;
  }

  .listings nav ul li.active {
    color: #ee2127;
    border-color: #ee2127;
    background-color: #fff;
    z-index: 4;
  }

  .listings nav ul li:last-child {
    display: inline-block;
  }

  .list-col-1.span_3_of_12,
  .list-col-2.span_3_of_12 {
    width: 25%;
  }

  .list-col-1:after {
    content: none;
  }

  .list-col-2 {
    margin-left: 0;
    font-family: "NHaasGroteskTXStd-55Rg", helvetica, sans-serif;
  }

  .list-col-2:after,
  .list-col-3:after {
    content: none;
  }

  .list-col-3 {
    margin-top: 0;
    clear: none;
  }

  #select-clients {
    padding: 80px 10% 40px;
  }

  #select-properties .span_1_of_12,
  #select-properties .span_2_of_12,
  #select-properties .span_3_of_12,
  #select-clients .list-headline .span_4_of_12,
  #select-clients .list-headline .span_3_of_12 {
    display: inline-block;
  }

  .video-text-interior {
    left: 10%;
  }
  .video-text-link {
    color: #fff;
    margin: 14px 0 10px;
  }

  #scroll-video-text-0 {
    top: 25%;
  }

  .blockify {
    overflow: hidden;
    display: block;
    line-height: 1;
  }

  #scroll-video-text-0 h1,
  #scroll-video-text-0 p {
    -ms-transform: translateY(110%);
    -webkit-transform: translateY(110%);
    transform: translateY(110%);
    line-height: 1;
  }

  body.bg-finished #scroll-video-text-0 h1 {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 0.7s 0.35s ease;
    -ms-transition: transform 0.7s 0.35s ease;
    transition: transform 0.7s 0.35s ease;
  }

  #scroll-video-text-0 p {
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 10px;
  }

  body.bg-finished #scroll-video-text-0 p {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 0.5s 0.35s ease;
    -ms-transition: transform 0.5s 0.35s ease;
    transition: transform 0.5s 0.35s ease;
  }

  #scroll-video-text-1,
  #scroll-video-text-2,
  #scroll-video-text-3 {
    left: 10%;
  }

  body.home #scroll-video-text-1,
  body.home #scroll-video-text-2,
  body.home #scroll-video-text-3 {
    left: 10%;
    bottom: 10%;
    top: auto;
    width: 100%;
    height: auto;
    background: none;
    display: inline-block;
  }

  .video-text-contained {
    padding: 0;
  }

  #scroll-video-text-1 {
    /* opacity: 0 */
    bottom: 10%;
    width: 32.5%;
    -ms-transform: translateY(500px);
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
  }

  #scroll-video-text-1.video-text-interior {
    bottom: 10%;
    width: 32.5%;
    left: 10%;
    right: auto;
    top: auto;
    height: auto;
    padding: 0;
    background-color: transparent;
  }

  body.home #scroll-video-text-1 {
    -ms-transform: translateY(80vh);
    -webkit-transform: translateY(80vh);
    transform: translateY(80vh);
  }

  #scroll-video-text-0 h1 {
    color: #fff;
    font-size: 17vw; /* Suz 12vw */
    line-height: 0.8;
    margin-bottom: 13px;
  }

  .video-text-interior p {
    font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
  }

  #scroll-video-text-0.video-text-interior p,
  #scroll-video-text-1.video-text-interior p {
    margin-right: 0;
    color: #fff;
    margin-bottom: 0;
  }

  body.company .video-text-interior p {
    margin-right: 0;
  }

  #scroll-video-text-1 h2,
  body.home #scroll-video-text-2 h2,
  body.home #scroll-video-text-3 h2 {
    color: #fff;
    font-size: 5.5vw; /* Suz 6vw */
  }

  .video-text {
    position: absolute;
    z-index: 90;
    right: 20%;
    bottom: 10%;

    -ms-transform: translateY(80vh);
    -webkit-transform: translateY(80vh);
    transform: translateY(80vh);
  }

  body.home #scroll-video-text-1 {
    width: auto;
  }

  .video-text a.button:hover,
  .more-articles .button:hover,
  .video-ad-max-content .button:hover,
  .button-cta:hover {
    box-shadow: inset 200px 0 0 0 #fff;
    color: #ee2127;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
  }

  #red-room-subscribe-container .button:hover {
    box-shadow: inset 200px 0 0 0 #ee2127;
    color: #fff !important;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
  }

  /************************************************
    Company
    ************************************************/
  #company-background,
  #overview {
    padding: 80px 10%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
  }

  #overview {
    box-sizing: border-box;
  }

  #overview.white {
    background-color: #fff;
  }

  #company-background h3,
  #overview h3 {
    font-size: 35px;
    margin-bottom: 0;
  }

  #company-background h4 {
    margin-bottom: 15px;
  }

  #company-background p,
  #overview p {
    width: 75%;
  }

  #overview p {
    width: 96%;
  }

  #company-background-image {
    width: 100%;
    padding-bottom: 56%;
    /*         background: url('//dummyimage.com/1200x800/fff/aaa') center center no-repeat; */
    background-size: cover;
  }

  #select-clients .span_3_of_12,
  #select-clients .span_4_of_12,
  #select-clients .span_5_of_12 {
    float: left;
  }

  /************************************************
    Property
    ************************************************/

  .gallery-next-button.clicked:hover svg polygon:nth-child(odd),
  .gallery-next-button:hover svg polygon:nth-child(odd) {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: slideOn;
  }

  .gallery-next-button.clicked:hover svg polygon:nth-child(even),
  .gallery-next-button:hover svg polygon:nth-child(even) {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-iteration-count: 1;
    animation-name: slideOff;
  }

  .gallery-prev-button:hover svg polygon:nth-child(odd) {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: slideLeft;
  }

  .gallery-prev-button:hover svg polygon:nth-child(even) {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: slideRight;
  }

  #featured-properties,
  #featured-properties-ro {
    display: inline-block;
  }

  #featured-properties-ro {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    /*         background-image: url('//dummyimage.com/800x800/fff/aaa'); */
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s 0.2s ease-out;
    -ms-transition: all 0.5s 0.2s ease-out;
    transition: all 0.5s 0.2s ease-out;
    opacity: 0;
  }

  #featured-properties-ro.on {
    opacity: 1;
  }

  body.single-property .content,
  body.page-template .content,
  body.chinese .content {
    padding: 170px 10% 80px;
    background-color: #f7f7f7;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    box-sizing: border-box;
  }
  body.chinese .content {
    align-items: flex-start;
  }

  body.chinese #cn-form.content {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    justify-content: space-between;
  }

  #introduction h1 {
    font-size: 5vw;
  }

  body.chinese #introduction h1 {
    font-size: 3.75vw; /* 52px; */
    padding-right: 5%;
    margin-bottom: 0;
    font-weight: bold;
  }

  body.single-property #introduction h1 {
    margin-bottom: 20px;
  }

  #introduction .cool-link {
    letter-spacing: 0;
    font-size: 14px;
  }

  #introduction .span_4_of_12:first-child {
    margin-bottom: 30px;
  }

  body.chinese #introduction .span_4_of_12:first-child {
    margin-bottom: 0;
  }

  body.chinese .half-2 div.slide div {
    font-size: 2.4vw;
    line-height: 1.2;
    padding-right: 20%;
  }

  body.chinese .half-2 #slide-subhead {
    left: 40px;
  }

  #introduction h4 {
    margin-bottom: 15px;
  }

  #introduction .col-2 {
    margin-bottom: 0;
  }

  #introduction p a:hover {
    color: #ee2127;
  }

  #introduction ul.first,
  #introduction p {
    margin-bottom: 30px;
  }

  .property-gallery {
    width: 100%;
    height: calc(100vh - 80px);
    background-color: #111;
    position: relative;
    overflow: hidden;
    margin: 0;
  }

  #gallery-slides {
    width: 100%;
    height: 100%;
  }

  .gallery-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    -webkit-transition:
      opacity 0.75s ease,
      -webkit-transform 1.75s;
    -ms-transition:
      opacity 0.75s ease,
      -ms-transform 1.75s;
    transition:
      opacity 0.75s ease,
      transform 1.75s;
    /*
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        */
    overflow: hidden;
  }

  .gallery-slide.current-slide {
    opacity: 1;
    /*
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        */
    -webkit-transition:
      opacity 0.75s ease,
      -webkit-transform 1.75s;
    -ms-transition:
      opacity 0.75s ease,
      -ms-transform 1.75s;
    transition:
      opacity 0.75s ease,
      transform 1.75s;
  }

  .gallery-prev-button,
  .gallery-next-button,
  #menu-sidebar-prev-button,
  #menu-sidebar-next-button {
    width: 45px;
    height: 45px;
    cursor: pointer;
  }

  .gallery-prev-button,
  .gallery-next-button {
    position: absolute;
    z-index: 30;
    top: 50%;
    transform: translateY(-50%);
  }

  #menu-sidebar-prev-button,
  #menu-sidebar-next-button {
    position: fixed;
    z-index: 30;
    right: 25px;
    left: auto;
    z-index: 99999999;
    -webkit-transition: opacity 0.75s 0.5s ease;
    -ms-transition: opacity 0.75s 0.5s ease;
    transition: opacity 0.75s 0.5s ease;
  }

  #menu-sidebar-prev-button {
    bottom: 25px;
    right: 25px;
  }

  #menu-sidebar-next-button {
    bottom: 60px;
    right: 25px;
  }

  .gallery-prev-button svg rect.bg,
  .gallery-next-button svg rect.bg,
  #menu-sidebar-prev-button svg rect.bg,
  #menu-sidebar-next-button svg rect.bg {
    fill: #ee2127;
  }

  .gallery-prev-button svg polygon.arrow,
  .gallery-next-button svg polygon.arrow,
  #menu-sidebar-prev-button svg polygon.arrow,
  #menu-sidebar-next-button svg polygon.arrow {
    fill: #fff;
  }

  #menu-sidebar-prev-button.nope svg polygon.arrow,
  #menu-sidebar-next-button.nope svg polygon.arrow {
    opacity: 0.5;
  }

  #menu-sidebar-prev-button.nope,
  #menu-sidebar-next-button.nope {
    cursor: default;
  }

  .gallery-prev-button {
    left: -45px;
    transition: 0.5s ease;
  }

  .gallery-next-button {
    right: -45px;
    transition: 0.5s ease;
  }
  .gallery-prev-button svg,
  .gallery-next-button svg {
    pointer-events: none;
  }

  body.bg-finished .gallery-next-button {
    right: 40px;
    transition: 0.5s 1.5s ease-in-out;
  }

  body.bg-finished .gallery-prev-button {
    left: 40px;
    transition: 0.5s 1.5s ease-in-out;
  }

  body.bg-finished.single-redroom .gallery-next-button,
  body.bg-finished.single-redroom .gallery-prev-button {
    transition: none;
  }

  body.menu #menu-sidebar-prev-button,
  body.menu #menu-sidebar-next-button,
  body.menu #menu-sidebar-title,
  body.menu #menu-sidebar-close {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }

  #menu-sidebar-close {
    top: 25px;
    right: 25px;
    bottom: auto;
  }

  #quotes .half-1,
  #quotes .half-2,
  #call-outs .half-1,
  #call-outs .half-2 {
    float: left;
    position: relative;
    width: 50%;
    padding: 0 0 50% 0;
    overflow: hidden;
  }

  #quotes .half-1 div.slide,
  #call-outs .half-1 div.slide {
    left: 20%;
    width: 51%;
    padding: 0;
  }

  #quotes .half-1 .slide .slide-subhead,
  #quotes .half-2 .slide .slide-subhead,
  #call-outs .half-1 .slide .slide-subhead,
  #call-outs .half-2 .slide .slide-subhead {
    left: 0;
    top: 10vh;
  }

  #quotes .half-2 {
    float: right;
  }

  #quotes .half-1 div.slide.active blockquote,
  #quotes .half-2 div.slide.active blockquote {
    font-size: 4.5vw;
  }

  #quotes .half-1 div.slide.active svg.quote {
    width: 1.5vw;
    height: 1.74735vw;
  }

  body.single-property #footer-redroom.tile-collection,
  body.page-template-template-company #footer-redroom.tile-collection,
  body.page-template-template-capabilities #footer-redroom.tile-collection,
  body.single-news #footer-redroom.tile-collection {
    padding: 60px 10% 20px;
  }

  /*****************************************************
    Capabilities
    *****************************************************/
  #capabilities-list .gallery-next-button {
    display: block;
  }

  #capabilities-list-container {
    position: relative;
    overflow: auto;
  }

  #capabilities-list-container .half-1,
  #capabilities-list-container .half-2 {
    float: left;
    position: relative;
    width: 50%;
    padding: 0 0 50% 0;
    overflow: hidden;
  }

  #capabilities-list.half-2 #slide-subhead {
    left: 40px;
    top: 60px;
  }

  #capabilities-list-container .half-2 ul li {
    font-size: 5vw;
  }

  #capabilities-list-container .half-2 div.slide {
    left: 40px;
    width: auto;
    padding: 0;
  }

  #capabilities-list-container .half-2 .slide-nav {
    left: 40px;
  }

  #catchphrase .half-1,
  #catchphrase .half-2 {
    float: left;
    position: relative;
    width: 50%;
    padding: 0 0 50% 0;
    overflow: hidden;
    background-color: #fff;
  }

  #catchphrase .half-2 {
    float: right;
  }

  #catchphrase .half-1 #slide-subhead,
  #catchphrase .half-1 .slide-subhead {
    left: 20%;
  }

  #catchphrase .half-1 div.slide {
    left: 20%;
    width: 51%;
    padding: 0;
  }

  #catchphrase .half-1 div.slide.active svg.quote {
    width: 1.5vw;
    height: 1.74735vw;
  }

  #catchphrase .half-1 div.slide.active blockquote,
  #catchphrase .half-2 div.slide.active blockquote {
    font-size: 4.5vw;
  }

  #catchphrase .half-1 div.slide.active blockquote.smallest,
  #catchphrase .half-2 div.slide.active blockquote.smallest {
    font-size: 3vw;
  }

  #catchphrase .half-1 div.slide.active blockquote.small,
  #catchphrase .half-2 div.slide.active blockquote.small {
    font-size: 3.75vw;
  }

  #catchphrase .half-1 div.slide.active blockquote.large,
  #catchphrase .half-2 div.slide.active blockquote.large {
    font-size: 5.5vw;
  }

  /************************************************
    Video
    ************************************************/
  #video {
    width: 100%;
    padding: 80px 10%;
    box-sizing: border-box;
  }

  body.single-format-video #video {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    will-change: background;
    transition: background 1s ease;
    background-size: cover;
    background-position: center center;
  }

  .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
  }

  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .video-cover {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: #222;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 1;
    -webkit-transition:
      opacity 1s ease,
      -webkit-transform 1.75s,
      visibility 0s 0s;
    -ms-transition:
      opacity 1s ease,
      -ms-transform 1.75s,
      visibility 0s 0s;
    transition:
      opacity 1s ease,
      transform 1.75s,
      visibility 0s 0s,
      background 0.5s ease;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    overflow: hidden;
  }

  body.single-property #video .video-cover {
    display: flex;
  }

  #video.finished .video-cover {
    background-position: center center;
    background-size: cover;
  }

  .video-control {
    position: relative;
    min-width: 200px;
    margin: 0 auto;
    width: 100%;
  }

  .play {
    overflow: hidden;
    width: 70px;
    height: 70px;
    position: relative;
    background-color: #ee2127;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .play:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    left: calc(50% + 3px);
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #fff;
  }

  #video.finished .play {
    opacity: 0;
    visibility: hidden;
  }

  .video-cover:hover .play {
    background-color: #161616;
  }

  #video-player {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
  }

  .video-cover.hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition:
      opacity 1s ease,
      -webkit-transform 1.75s,
      visibility 0s 1.75s;
    -ms-transition:
      opacity 1s ease,
      -ms-transform 1.75s,
      visibility 0s 1.75s;
    transition:
      opacity 1s ease,
      transform 1.75s,
      visibility 0s 1.75s;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .video-cover.hidden .play {
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  video-ad-min {
    display: block;
  }
  .video-ad-min.show .video-ad-min-text {
    transform: translateY(0);
  }

  /* Carousel ****************************************/
  #video-carousel-container-mobile {
    display: none;
  }

  #video-carousel-container {
    display: block;
    position: relative;
    margin: 5px 0 60px;
  }

  #video-carousel-container .gallery-prev-button {
    left: 0;
  }

  #video-carousel-container .gallery-next-button {
    right: 0;
  }

  #video-carousel-contained {
    width: calc(100% - 180px);
    margin: 0 auto 60px;
  }

  #video-carousel {
    width: 100%;
    overflow: hidden;
  }

  #video-slides {
    list-style: none;
    position: relative;
    width: 200%;
    overflow: hidden;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    transition: all 0.75s ease;
  }

  #video-slides.show-0 {
    transform: translateX(0);
  }
  #video-slides.show-1 {
    transform: translateX(-12.5%);
  }
  #video-slides.show-2 {
    transform: translateX(-25%);
  }
  #video-slides.show-3 {
    transform: translateX(-37.5%);
  }
  #video-slides.show-4 {
    transform: translateX(-50%);
  }

  #video-slides > li {
    position: relative;
    float: left;
    width: 50%;
  }

  #video-carousel.video-two #video-slides > li {
    margin-left: 12.5%;
  }

  #video-carousel.video-three #video-slides > li {
    margin-left: 6.25%;
  }

  #video-slides > li > div {
    float: left;
    width: 25%;
    margin-top: 24px;
    cursor: pointer;
  }

  #video-slides div.slide h5 {
    font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
    letter-spacing: 0.2em;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    margin-top: 7px;
    margin-bottom: 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }

  #video.playing #video-slides div.slide h5 {
    color: #666;
  }

  #video-slides div.slide.active h5,
  #video.playing #video-slides div.slide.active h5 {
    color: #ee2127;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    transition: all 0.75s ease;
  }

  #video-carousel img {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  /************************************************
    Red Room
    ************************************************/
  body.the-red-room .content {
    padding: 0 10% 50px;
  }

  body.the-red-room #introduction {
    padding-top: 0px;
    margin-bottom: 80px;
  }
  #red-pinned + #introduction {
    margin-bottom: 0;
  }
  .red-landing {
    margin-top: 80px;
  }

  body.the-red-room #introduction h1 {
    border: none;
  }
  body.the-red-room #sticky {
    padding-bottom: 50px;
  }
  body.the-red-room #sticky .red-tile-img {
    max-height: calc(70vh - 120px);
    overflow: hidden;
  }
  body.the-red-room #sticky .red-tile-img .mobile {
    display: block;
  }
  body.the-red-room #sticky .red-tile-img .large {
    display: none;
  }

  #red-tagline {
    display: block;
    position: absolute;
    top: 34px;
    z-index: 1;
    width: 100%;
    text-align: center;
    font-family: "NHaasGroteskTXStd-75Bd", helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 11px;
    color: #fff;
  }

  body.the-red-room #red-tagline {
    transform: translateY(60px);
    display: none;
  }

  #red-main-1 {
    /* width: 50%;
        float: left;*/
  }

  #red-main-2,
  .red-main-3 {
    margin-top: 50px;
  }

  #red-main-1 .span3,
  #red-main-2 .span3,
  .red-main-3 .span3 {
    border-top: none;
    padding: 0;
    margin-bottom: 50px;
  }

  #red-featured-2 .row > .span3:nth-child(2n + 1) {
    margin-left: 0;
    clear: both;
  }
  .red-archive > .span3:nth-child(4n + 1) {
    margin-left: 0;
    clear: both;
  }
  .red-tile-img {
    overflow: hidden;
    position: relative;
    float: none;
    width: 100%;
    display: block;
  }
  .red-tile-img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    transition: all 0.5s ease-out;
  }

  .row .span12:hover .red-tile-img:after,
  .row .span3:hover .red-tile-img:after,
  #red-featured-1 .row .span12:hover .red-tile-img:after,
  #red-featured-video .row .span3:hover .red-tile-img:after,
  #red-featured-video .row .span12:hover .red-tile-img:after {
    opacity: 0.25;
  }

  #red-main-2 .red-tile-img img {
    max-width: 90%;
    display: block;
  }

  .red-tile-text {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
  }

  #red-sidebar-1 {
    /* width: 50%;
        float: left;
        margin-left: 2%;*/
  }

  #red-sidebar-2,
  #red-sidebar-3 {
    width: 23.5%;
    float: left;
    margin-left: 2%;
  }

  #red-sidebar-2 {
    margin-top: 50px;
    padding-bottom: 0;
  }

  #red-quote,
  #red-poll {
    background-color: #ee2127;
    padding: 100px 10%;
    display: flex;
    align-items: center;
  }

  #red-quote .span9,
  #red-poll .span4,
  #red-poll .span6 {
    min-height: 0;
    padding: 0;
    margin-bottom: 0;
  }

  #red-poll h3 {
    font-size: 5.5vw;
  }
  #red-poll p {
    display: block;
  }
  #red-featured-video .span3 h3 {
    font-size: 3.3vw; /* Suz 3.25vw */
  }
  #red-featured-video .cool-link {
    position: relative;
    top: -1em;
  }

  .row .offset2 {
    margin-left: calc(4% + 15%);
  }

  #red-featured-video {
    background-color: #161616;
    padding-top: 55px;
    padding-bottom: 55px;
    margin-bottom: 0;
  }
  .red-archive.row .span3,
  #red-featured-2 .row .span3,
  #red-featured-video .row .span12 {
    padding-bottom: 50px;
  }

  .red-container {
    padding: 0 10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .red-article {
    padding: 160px 10% 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .red-article .video-ad-max-content h3 {
    font-size: 3.5vw;
    margin-bottom: 5px;
  }

  .red-article.row {
    margin-bottom: 0;
  }

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

  #red-sidebar-1 h2,
  #red-sidebar-2 h2 {
    display: block;
    color: #161616;
  }

  .span3 h5,
  .span6 h5,
  .span12 h5 {
    margin: 16px 0 0;
  }

  #red-quote h3 {
    text-align: center;
    color: #fff;
    line-height: 1;
  }

  #red-featured-1 .span12 h5,
  #red-main-2 .span12 h5 {
    margin: 20px 0 10px;
  }
  #red-featured-1 > .row,
  #red-featured-2 > .row {
    margin-top: 50px;
  }

  .span3 h3 {
    font-size: 3.25vw;
  }

  .red-article h3 {
    font-size: 10px;
  }

  #red-main-2 .span12 h3 {
    font-size: 5.5vw;
  }

  #red-quote .span3 {
    text-align: center;
    padding: 4vw 0;
    position: relative;
  }
  #red-quote svg.quote {
    width: 2vw;
    height: 2.32vw;
    fill: #ee2127;
    margin: 5px 0;
  }

  #red-quote svg.quote {
    fill: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }

  #red-quote svg.quote-last {
    bottom: 0;
    top: auto;
  }

  #red-quote blockquote {
    font-size: 5.5vw;
  }

  span.br {
    display: block;
  }

  .red-article h1 {
    font-size: 5.5vw; /* Suz 5vw */
    margin: 0 1vw 37px 0;
  }

  .red-author-by a:hover {
    color: #000;
  }

  body.single-format-video .red-article {
    background-color: #161616;
  }

  .red-filters {
    background: transparent;
    top: 0;
    height: 80px;
    text-align: center;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .red-filters li {
    padding: 0 10px;
    line-height: 80px;
    height: 80px;
  }
  .red-filters {
    background: transparent;
    top: 0;
    height: 80px;
    text-align: center;
    width: auto;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
  }
  .red-filters > div {
    overflow: hidden;
  }
  .red-filters li {
    padding: 0 10px;
    line-height: 80px;
    height: 80px;
  }
  .red-filters a {
  }
  /* Overlays */
  .red-overlays {
    margin-top: 10px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .red-overlay-tile {
  }
  .red-overlay-tile h3 {
    font-size: 2.9vw;
  }

  .red-overlay-tile .tile-text {
  }
  .red-overlay-tile .subhead {
  }

  .white-popup {
    width: 1000px;
    height: 827px;
    padding: 0;
  }
  .white-popup .tableauPlaceholder,
  .white-popup iframe {
  }
  button.mfp-close,
  button.mfp-arrow {
    position: absolute;
  }

  /* Interior ****************************************/
  .red-article .span3 {
    width: 23.5%;
    padding: 0 0 20px;
    margin-left: 0;
  }

  .red-article .span9 {
    width: 74.5%;
    padding: 0 0 20px;
    margin-left: 2%;
  }

  .red-article .span9 .row .span2 {
    width: 20.1342281879%;
    padding: 0;
    margin-left: 0;
  }

  body.real-time-reality-check .red-article .span9 .row .span6 {
    width: 70%;
  }
  body.real-time-reality-check .red-article .span9 .row .span2 {
    width: 30%;
  }

  body.real-time-reality-check .red-article-quote {
    font-size: 3vw;
  }
  body.real-time-reality-check .red-article {
    padding-top: 130px;
  }
  .red-article .span9 .row .span6 {
    width: 63.771812%;
    padding: 0 40px 0 0;
    margin-left: 0;
  }

  .red-author-by {
    padding: 0;
  }

  .red-article-image-source {
    margin-bottom: 30px;
  }

  .red-article-quote {
    font-size: 3.3vw; /* Suz 3.5vw */
  }

  #related-red-articles {
    padding: 80px 10%;
    background-color: #f7f7f7;
  }

  #related-red-articles .span3 {
    min-height: 100%;
    padding: 0 0 20px;
    width: 23.5%;
    margin-left: 2%;
  }

  #related-red-articles .span3:first-child {
    margin-left: 0;
  }

  .video-ad-min {
    display: block;
    overflow: hidden;
  }

  #video.finished .video-ad-min.show .video-ad-min-text,
  .video-ad-min-text {
    background-color: #000;
    transition: all 1s ease;
    transform: translateY(-120%);
    overflow: hidden;
  }

  .video-ad-min.show .video-ad-min-text {
    transform: translateY(0);
  }

  .video-ad-min-text-next,
  .video-ad-min-text-current {
    display: block;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.575;
    font-size: 14px;
    padding: 12px;
    transition: all 1s ease;
    overflow: hidden;
    transform: translateY(0);
    cursor: pointer;
  }

  .video-ad-min-text-next:hover {
    color: #ee2126;
  }

  .video-ad-min-text-current {
    transform: translateY(100%);
  }

  .video-ad-min.finished .video-ad-min-text-next {
    transform: translateY(-100%);
  }

  .video-ad-min.finished .video-ad-min-text-current {
    transform: translateY(-100%);
  }

  .video-ad-min-text-next span {
    color: #ee2126;
    font-weight: bold;
    display: inline;
  }

  .video-ad-min-text-current span {
    color: #666;
    font-weight: bold;
  }

  .video-ad-max {
  }

  .video-ad-max-content {
    -webkit-font-smoothing: antialiased;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*     transform: translateY(100%); */
    opacity: 0;
    transition:
      opacity 1s ease,
      transform 1.75s,
      visibility 0s 0s;
  }

  .video-ad-max-content .prev,
  .video-ad-max-content .next,
  .video-ad-max-content .titles {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    opacity: 0;
  }

  #video.finished .video-ad-max-content,
  #video.finished .video-ad-max-content .prev,
  #video.finished .video-ad-max-content .next,
  #video.finished .video-ad-max-content .titles {
    opacity: 1;
  }

  .video-ad-max-content .prev {
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 3%;
    padding-left: 4%;
  }

  .video-ad-max-content .prev .replayWrap {
    visibility: hidden;
    position: relative;
    cursor: pointer;
  }

  .video-ad-max-content .prev img {
    width: 143px;
  }

  .video-ad-max-content .prev .titles {
    display: inline-block;
    padding-left: 2.1%;
    transform: translateY(5%);
  }

  .video-ad-max-content .prev .titles h3 {
    font-family: NHaasGroteskTXStd-75Bd, helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.6em;
    text-transform: none;
    letter-spacing: -0.5px;
    margin-bottom: 3px;
  }

  .video-ad-max-content .prev .titles p {
    font-size: 14px;
    white-space: nowrap;
  }

  .titles .t1 {
    display: none;
    visibility: hidden;
  }

  .titles .t2 {
    display: block;
    visibility: visible;
  }

  .video-ad-max-content .prev .titles p.replay {
    font-weight: bold;
    cursor: pointer;
    transition: all 0.5s ease;
  }

  .video-ad-max-content .next {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 22.8%;
    padding-bottom: 0;
  }

  .video-ad-max-content .next .titles {
    width: 60%;
    transform: translateY(10%);
  }

  .video-ad-max-content .next .titles p {
    display: block;
    visibility: visible;
    margin-bottom: 5px;
  }

  /*
	.video-ad-max-content .button {
		margin-top:10px;
		font-size:13px;
		font-weight: normal;
		padding: 10px 60px 8px;
		border: 3px solid #fff !important;
		color:#FFF;
	}
*/

  /* Slideshow ****************************************/
  .red-gallery {
    height: 67vh;
  }

  #slide-number {
    margin: 0;
  }

  #slide-caption {
    margin: 0;
  }

  #red-featured-video .span3 h3 {
    font-size: 3.25vw;
  }

  /*****************************************************
    News
    *****************************************************/
  .news-article .span5 {
    width: 40.5%;
    padding: 0 0 20px;
  }

  .news-article .span7 {
    width: 57.5%;
    padding: 0 0 20px;
    margin-left: 2%;
    background-color: transparent;
  }

  .news-details {
    padding: 0;
  }

  .news-article time {
    margin: 0 0 50px;
  }

  .news-article h1,
  .news-article h2,
  .news-article h4,
  .news-article p,
  .news-article a,
  .news-article .red-article-left-top h5 {
    color: #fff;
  }

  .news-article .cool-link {
    color: #fff;
  }

  .news-article .cool-link::after {
    border-bottom: 2px solid #fff;
  }

  body.news-events #introduction {
    padding: 170px 10% 30px;
  }

  body.news-events #introduction h1 {
    font-size: 13vw;
  }

  body.news-events #introduction nav {
    margin: 30px 0 0;
  }

  body.news-events #introduction nav ul li,
  body.news-events #introduction nav ul li.active {
    background-color: #f7f7f7;
    font-family: "NHaasGroteskTXStd-75bd", helvetica, sans-serif;
  }

  #news-list {
    margin: 20px 10% 80px;
    background-color: #eee;
  }

  /*****************************************************
    Share
    *****************************************************/
  .red-share ul:hover li a {
    background-color: #161616;
  }
  .red-mobile {
    display: none;
  }
  .red-desktop {
    display: block;
  }

  body.single-format-video .red-share ul:hover li a {
    background-color: #222;
  }

  .red-share ul:hover li a svg {
    opacity: 0.3;
  }

  .red-share-link.facebook:hover,
  body.single-format-video .red-share-link.facebook:hover {
    background-color: #39579a;
  }
  .red-share-link.twitter:hover,
  body.single-format-video .red-share-link.twitter:hover {
    background-color: #00abf0;
  }
  .red-share-link.linkedin:hover,
  body.single-format-video .red-share-link.linkedin:hover {
    background-color: #2897cf;
  }

  .red-share-link.facebook:hover svg,
  .red-share-link.twitter:hover svg,
  .red-share-link.linkedin:hover svg {
    opacity: 1;
  }

  #related-red-articles.row {
    margin-bottom: 0;
  }

  /************************************************
    Contact
    ************************************************/
  body.contact #introduction {
    padding: 170px 10% 30px;
  }

  body.contact #introduction h4 {
    font-size: 3.3vw; /* Suz 3.25vw */
  }

  body.contact #introduction h4 span {
    display: block;
  }

  body.contact #introduction h1 {
    font-size: 14vw;
    margin-bottom: 20px;
  }

  body.contact .group:first-child {
    margin-bottom: 80px;
  }

  body.contact footer .group:first-child {
    margin-bottom: 0;
  }

  body.contact .tile-collection a {
    color: #fff;
  }

  body.contact .tile-collection h3 {
    font-size: 3.3vw;
  }

  #contact-register {
    padding-left: 10%;
    padding-right: 10%;
  }
  #contact-register h2 {
    font-size: 5.5vw;
  }
  #contact-register .span_6_of_12 {
    display: flex;
    align-items: center;
  }

  #f4 form > div:first-child,
  #red-room-subscribe-container form > div:first-child {
    display: inline-block;
    width: 60%;
  }

  #contact-register .hs_submit,
  #f4 .hs_submit,
  #red-room-subscribe-container .hs_submit {
    display: inline-block;
    width: 40%;
    text-align: right;
  }

  #dont-miss-hs-form {
    width: 70%;
  }

  body.contact .tile-25,
  body.contact .grid-sizer {
    width: 25%;
    padding-bottom: 31.25%;
  }

  .wpcf7-form {
    max-width: 1024px;
  }

  .wpcf7-form p {
    flex-direction: row;
  }
  .wpcf7-form label {
    margin-right: 5%;
    margin-bottom: 40px;
    flex: 1;
  }

  .ao-input-block {
    margin-right: 20px;
  }

  /************************************************
    Footer
    ************************************************/
  footer {
    padding: 30px 40px 0;
  }

  footer p {
    padding-right: 25%;
    margin-bottom: 16px;
  }

  footer .section {
    display: flex;
    flex-direction: row;
  }

  footer #copy span {
    display: inline-block;
  }

  #f1 {
    order: 1;
  }
  #f2 {
    order: 2;
  }
  #f3 {
    order: 3;
  }
  #f4 {
    order: 4;
  }

  footer #copyright {
    padding: 10px 0;
    font-size: 12px;
  }

  footer #copyright li {
    margin-left: 20px;
  }

  footer #copyright li:first-child {
    margin-left: 0;
  }

  footer #copyright .span_6_of_12:first-child,
  footer #copyright .span_6_of_12:last-child {
    width: 50%;
  }

  footer .col {
    margin: 1% 1.6% 1% 0%;
  }

  a.footer-icon {
    margin-right: 16px;
  }

  #f4 form {
    margin-bottom: 46px;
  }

  #red-room-footer-nav ul {
    text-align: center;
    margin: 0;
  }

  #red-room-subscribe h4 {
    font-size: 5.5vw; /* Suz 46px */
  }

  #red-room-footer-nav li {
    display: inline;
    margin: 0 10px;
  }

  #red-room-social {
    text-align: right;
  }
  #red-sidebar-2 .red-tile-img,
  #red-sidebar-2 .red-tile-text {
    float: none;
    width: auto;
    margin: 0;
  }

  footer #red-room-social .label {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 190px;
  }

  /************************************************
  Featured List
  ************************************************/
  #featured-list ul li a {
    display: flex;
    align-items: center;
  }
  #featured-list ul li span:after {
    content: "";
    width: 22vw;
    height: 22vw;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    z-index: -1;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate3d(-25%, -50%, 0);
    opacity: 0;
    transition: all 0.7s ease;
    pointer-events: none;
  }

  #featured-list ul li a:hover span:after {
    opacity: 1;
    transform: translate3d(-35%, -50%, 0);
  }
  #featured-list ul li:nth-child(1) span:after {
    background-image: url("img/features/features-1.png");
  }
  #featured-list ul li:nth-child(2) span:after {
    background-image: url("img/features/features-2.png");
  }
  #featured-list ul li:nth-child(3) span:after {
    background-image: url("img/features/features-3.png");
  }
  #featured-list ul li:nth-child(4) span:after {
    background-image: url("img/features/features-4.png");
  }
  #featured-list ul li:nth-child(5) span:after {
    background-image: url("img/features/features-5.png");
  }
  #featured-list ul li:nth-child(6) span:after {
    background-image: url("img/features/features-6.png");
  }
  #featured-list ul li:nth-child(7) span:after {
    background-image: url("img/features/features-7.png");
  }
  #featured-list ul li:nth-child(8) span:after {
    background-image: url("img/features/features-8.png");
  }

  /************************************************
    Back to Top
    ************************************************/
  #back-to-top {
    padding: 60px 0 65px;
  }

  body.single-property #back-to-top,
  body.page-template-template-capabilities #back-to-top {
    padding-bottom: 65px;
  }

  /************************************************
    Legal
    ************************************************/
  body.legal .content,
  body.page-template-template-text .content {
    padding: 180px 10% 60px;
    background-color: #ee2127;
    display: block;
    box-sizing: border-box;
  }

  body.legal .content h1,
  body.page-template-template-text .content h1 {
    font-size: 78px;
    margin-bottom: 40px;
    color: #fff;
  }

  body.legal .content h2,
  body.page-template-template-text .content h2 {
    font-size: 14px;
    color: #fff;
  }

  body.legal .content p,
  body.page-template-template-text .content p {
    font-size: 14px;
    margin-bottom: 25px;
    margin-right: 30%;
    color: #fff;
  }

  body.page-template-template-text ol {
    font-size: 14px;
    margin-bottom: 25px;
    color: #fff;
  }

  /*****************************************************
    Survey Template
    *****************************************************/
  body.page-template-template-survey #wrapper,
  body.single-survey #wrapper {
    padding: 80px 0;
  }

  body.page-template-template-survey .content,
  body.single-survey .content {
    max-width: 960px;
    padding: 0;
  }

  body.page-template-template-survey .hs-headline.content,
  body.page-template-template-survey .hs-form.content,
  body.single-survey .hs-headline.content,
  body.single-survey .hs-form.content {
    padding: 20px 40px;
  }

  /*****************************************************
    Resizing
    *****************************************************/
  body.resizing #menu-bar,
  body.home.resizing #menu-bar {
    -webkit-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
  }

  .content-dark {
    padding: 80px 10% 80px;
    display: flex;
  }
  .content-dark .span_6_of_12:last-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 1025px) {
  #red-featured-1,
  #red-featured-2 {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
  }
  #red-main-1,
  #red-main-2,
  .red-main-3 {
    width: 100%;
    float: none;
  }
  #red-featured-1 .span12,
  #red-main-1 .span3,
  #red-main-2 .span3,
  #red-featured-1 .span3,
  #red-featured-2 .span3,
  .red-archive .span3,
  #sticky .span12,
  #red-pinned .span6 {
    border-top: 1px solid #d9d9d9;
    padding: 20px 0;
    margin-left: 0;
    width: 100%;
  }

  #sticky .span12 {
    border-color: #3e3e3e;
  }
  #related-red-articles .span3:last-child,
  #red-featured-2 .span3:last-child,
  .red-archive > .span3:last-child {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
  }
  #red-quote .span3,
  #red-quote .span9 {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  #red-poll {
    display: block;
  }
  #red-poll .span4,
  #red-poll .span6 {
    width: 100%;
    float: none;
    margin-left: 0;
    padding-bottom: 0;
  }
  #red-featured-video .span3 h5 {
    margin: 0 0 10px;
  }
  #red-featured-video .span3,
  #red-featured-video .span12 {
    margin-bottom: 0;
  }
  #red-sidebar-2 h2 {
    display: none;
  }
}

@media screen and (min-width: 1600px) {
  .red-overlays {
    margin-top: 50px;
  }
  body.real-time-reality-check .red-article .span9 .row .span6 {
    width: 50%;
  }
  body.real-time-reality-check .red-article .span9 .row .span2 {
    width: 50%;
  }

  body.real-time-reality-check .red-article-quote {
    font-size: 4vw;
  }
}