/*
Theme Name: Royal Homes 2.0
Author: Media Doc inc.
Version: 2.0.1
Theme URI: https://media-doc.com
Template: astra

Description: Custom theme for Royal Homes. Based on a design by James Carmichael. Updated for 2020

*/

ocharset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,300italic,400italic,900|Roboto+Condensed:400,700,300);
.bg-cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

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

.icomoon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.caps {
  text-transform: uppercase;
}

p img {
  margin: 0;
}

ul,
ol {
  padding: 0 0 15px 30px;
}

ul li {
  list-style-type: disc;
}

ol li {
  list-style-type: decimal;
}

ul ul,
ul ol,
ol ol,
ol ul {
  padding: 5px 0 5px 45px;
}

hr {
  margin: 15px 0 30px 0;
  height: 1px;
  line-height: 1px;
  border: none;
}

i,
em {
  font-style: italic;
}

small,
.small {
  font-size: 80%;
  line-height: 80%;
}

.bold,
b,
strong {
  font-weight: 700;
}

.thin,
.light {
  font-weight: 300;
}

.normal {
  font-weight: 400;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

blockquote {
  position: relative;
  padding: 34px 26px;
  overflow: hidden;
  width: 100%;
  margin: 0 0 20px;
  line-height: 1.35;
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #666;
  font-size: 22px;
}

blockquote p {
  position: relative;
  z-index: 2;
  font-weight: 300;
  color: #666;
  font-size: 22px;
}

blockquote:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b";
  position: absolute;
  z-index: 1;
  top: -5px;
  left: -6px;
  font-size: 40px;
  color: #aaa;
}

blockquote:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60c";
  position: absolute;
  z-index: 1;
  bottom: -10px;
  right: -5px;
  font-size: 50px;
  color: #aaa;
}

blockquote cite {
  display: block;
  padding-top: 10px;
  font-size: 16px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=(70));
  opacity: .7;
}

blockquote cite:before {
  content: "\2014";
  padding-right: 8px;
}

@media only screen and (max-width: 768px) {
  blockquote {
    width: 100%;
    margin: 10px 0 25px;
  }
}

a,
.transition {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
}

.no-transition {
  -webkit-transition: .0s;
  -moz-transition: .0s;
  -o-transition: .0s;
  -ms-transition: .0s;
  transition: .0s;
}

.long-transition {
  -webkit-transition: .7s ease all;
  -moz-transition: .7s ease all;
  -o-transition: .7s ease all;
  -ms-transition: .7s ease all;
  transition: .7s ease all;
}

.extra-long-transition {
  -webkit-transition: 2s ease all;
  -moz-transition: 2s ease all;
  -o-transition: 2s ease all;
  -ms-transition: 2s ease all;
  transition: 2s ease all;
}

.relative {
  position: relative;
}

.display-none {
  display: none;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.text-left {
  text-align: left;
}

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

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

.clear:after {
  content: "";
  display: table;
  clear: both;
}

.clear1 {
  height: 1px;
}

.clear1:after {
  content: "";
  display: table;
  clear: both;
}

.clear5 {
  height: 5px;
}

.clear5:after {
  content: "";
  display: table;
  clear: both;
}

.clear10 {
  height: 10px;
}

.clear10:after {
  content: "";
  display: table;
  clear: both;
}

.clear20 {
  height: 20px;
}

.clear20:after {
  content: "";
  display: table;
  clear: both;
}

.clear30 {
  height: 30px;
}

.clear30:after {
  content: "";
  display: table;
  clear: both;
}

.clear40 {
  height: 40px;
}

.clear40:after {
  content: "";
  display: table;
  clear: both;
}

.youtube-player-wrap {
  padding: 15px 0 30px;
  text-align: center;
}

.youtube-player-wrap:after {
  content: "";
  display: table;
  clear: both;
}

.youtube-player {
  max-width: 100%;
  border: 0;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 479px) {
  .youtube-player {
    height: 280px;
  }
}

.shadow {
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

.alignnone {
  margin: 10px 0 20px 0;
}

.alignright {
  float: right;
  margin: 10px 0 20px 25px;
}

.alignleft {
  float: left;
  margin: 10px 25px 20px 0;
}

.aligncenter {
  display: block;
  margin: 10px auto 20px auto;
}

@media only screen and (max-width: 1200px) {
  .col .alignleft,
  .col .alignright {
    max-width: 60%;
  }
}

@media only screen and (max-width: 480px) {
  .col .alignleft,
  .col .alignright {
    max-width: 100%;
    float: none;
    display: block;
    margin: 10px auto 20px auto;
  }
}

img.border,
.wp-caption {
  background: #fff;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  max-width: 96%;
  padding: 7px;
}

.wp-caption img {
  border: 0 none;
  margin: 0;
  padding: 0;
  width: auto;
  max-width: 100%;
  height: auto;
}

.gallery .wp-caption-text,
.wp-caption p.wp-caption-text {
  margin: 0;
  padding: 10px 6px 8px 6px;
  font-size: 80%;
  line-height: 1.55;
  font-weight: 300;
  text-align: center;
}

.mejs-container {
  margin: 0 0 20px 0;
}

.gallery:after {
  content: "";
  display: table;
  clear: both;
}

.gallery-item {
  margin-bottom: 20px;
}

.gallery img {
  border: 7px solid #fff !important;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

table {
  width: 100%;
  margin-bottom: 20px;
}

td,
th {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}

th {
  background: #ddd;
  font-weight: 700;
}

.ui-tabs {
  padding: 20px 0 30px;
}

.ui-tabs:after {
  content: "";
  display: table;
  clear: both;
}

.ui-tabs-nav {
  position: relative;
  margin: 0 0 -1px 0;
  padding: 0;
  overflow: hidden;
  z-index: 2;
}

.ui-tabs-nav:after {
  content: "";
  display: table;
  clear: both;
}

.ui-tabs-nav li {
  cursor: pointer;
  list-style-type: none;
  float: left;
  margin: 0 4px 0 0;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.05);
}

.ui-tabs-nav li a {
  -webkit-transition-property: background, color, border, box-shadow;
  -moz-transition-property: background, color, border, box-shadow;
  -o-transition-property: background, color, border, box-shadow;
  -ms-transition-property: background, color, border, box-shadow;
  transition-property: background, color, border, box-shadow;
  outline: none;
  float: left;
  padding: 12px;
  background: #f4f4f4;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #aaa;
}

.ui-tabs-nav li:hover,
.ui-tabs-nav li.ui-state-active {
  -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);
}

.ui-tabs-nav li.ui-state-active a,
.ui-tabs-nav li:hover a {
  color: #333;
  background: #fff;
  text-decoration: none;
}

.ui-tabs-panel {
  position: relative;
  z-index: 1;
  margin: 0 0 10px 0;
  padding: 15px 15px 5px 15px;
  border: 1px solid #e0e0e0;
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.05);
}

.ui-tabs-panel:after {
  content: "";
  display: table;
  clear: both;
}

.ui-accordion {
  padding: 10px 0 30px;
}

.ui-accordion:after {
  content: "";
  display: table;
  clear: both;
}

.ui-accordion-header {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  -webkit-transition-property: background, color, border, box-shadow;
  -moz-transition-property: background, color, border, box-shadow;
  -o-transition-property: background, color, border, box-shadow;
  -ms-transition-property: background, color, border, box-shadow;
  transition-property: background, color, border, box-shadow;
  cursor: pointer;
  position: relative;
  margin: 10px 0 0 0;
  padding: 15px 15px 15px 40px;
  border: 1px solid #e0e0e0;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  background: #f4f4f4;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.05);
}

.ui-accordion-header:after {
  content: "";
  display: table;
  clear: both;
}

.ui-accordion-header:focus {
  outline: none;
}

.ui-accordion-header:hover {
  background-color: #fff;
}

.ui-accordion-header:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 12px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=(50));
  opacity: .5;
  content: "\e60e";
  font-size: 16px;
}

.ui-accordion-header-active {
  background: #fff;
}

.ui-accordion-header-active:before {
  content: "\e60d";
}

.ui-accordion-content {
  padding: 15px 15px 5px 15px;
  border: 1px solid #e0e0e0;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.05);
}

.ui-accordion-content:after {
  content: "";
  display: table;
  clear: both;
}

.row {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.col {
  float: left;
  display: block;
  padding: 0 10px;
}

.col img {
  max-width: 100%;
  height: auto;
}

.side-padding {
  padding-left: 15px;
  padding-right: 15px;
}

.extra-padding-left {
  padding-left: 15px;
}

.extra-padding-right {
  padding-right: 15px;
}

.span_5 {
  width: 5%;
}

.span_10 {
  width: 10%;
}

.span_15 {
  width: 15%;
}

.span_20 {
  width: 20%;
}

.span_25 {
  width: 25%;
}

.span_30 {
  width: 30%;
}

.span_33 {
  width: 33.33333%;
}

.span_35 {
  width: 35%;
}

.span_40 {
  width: 40%;
}

.span_45 {
  width: 45%;
}

.span_50 {
  width: 50%;
}

.span_55 {
  width: 55%;
}

.span_60 {
  width: 60%;
}

.span_65 {
  width: 65%;
}

.span_66 {
  width: 66.33333%;
}

.span_70 {
  width: 70%;
}

.span_75 {
  width: 75%;
}

.span_80 {
  width: 80%;
}

.span_85 {
  width: 85%;
}

.span_90 {
  width: 90%;
}

.span_95 {
  width: 95%;
}

.span_100 {
  width: 100%;
}

@media only screen and (max-width: 1200px) {
  .row {
    max-width: 960px;
  }
}

@media only screen and (max-width: 768px) {
  .col {
    width: 100%;
    padding: 0 10px;
  }
  .col.col-margin {
    margin-bottom: 20px;
  }
  .side-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-padding-left,
  .col-padding-right {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSmall {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

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

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

.font-family,
body,
input,
textarea,
select,
button {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.condensed {
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

.interstate {
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.yellow {
  color: #ffbf00;
}

.blue {
  color: #aaa;
}

.green {
  color: #b2d235;
}

.black {
  color: #111;
}

.grey {
  color: #777;
}

.white {
  color: #fff;
}

body {
  background-color: #111;
}

h1 {
  font-size: 36px;
  color: #111;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

h2 {
  font-size: 30px;
  color: #111;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 300;
}

h3 {
  font-size: 26px;
  color: #111;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

h4 {
  font-size: 22px;
  color: #777;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

h5 {
  font-size: 22px;
  color: #111;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 300;
}

h6 {
  font-size: 18px;
  color: #111;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

h1 {
  line-height: 1;
  padding: 0 0 20px 0;
}

h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
  padding: 0 0 15px 0;
}

h1,
h2,
h3 {
  text-transform: uppercase;
  letter-spacing: 3px;
}

h4,
h5,
h6 {
  text-transform: uppercase;
  letter-spacing: 2px;
}

p+h2,
p+h3,
p+h4,
p+h5,
p+h6,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6 {
  padding-top: 20px;
}

p {
  padding: 0 0 15px 0;
}

p,
li {
  font-size: 16px;
  line-height: 1.55;
  font-weight: 300;
  color: #444;
}

p.larger {
  font-size: 18px;
}

a:link,
a:visited {
  color: #43c5e4;
  font-weight: 700;
  text-decoration: none;
  outline: 0;
}

a:hover,
a:focus {
  color: #b2d235;
  text-decoration: none;
}

hr {
  background: #ddd;
}

.less-bottom-padding {
  padding-bottom: 10px;
}

.no-bottom-padding {
  padding-bottom: 0;
}

.input,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  display: inline-block;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 8px;
  font-size: 16px;
  line-height: normal;
  font-weight: 300;
  color: #777;
  background: #fafafa;
  border: 1px solid #ddd;
}

.input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border: 1px solid #999;
  color: #444;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .08), 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .08), 0 0 5px rgba(0, 0, 0, .1);
}

input[type="checkbox"] {
  display: inline;
}

.textarea,
textarea {
  height: 120px;
  line-height: 1.55;
}

.label,
label,
legend {
  display: block;
  font-size: 16px;
  font-weight: 700;
}

label span,
legend span {
  font-weight: normal;
  font-size: 13px;
}

.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  margin: 0 5px 15px 0;
  padding: 14px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  color: #111;
  background: #ffbf00;
  border: 0;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

.button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background: #aaa;
  color: #111;
}

.button:focus,
a.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  outline: none;
}

a.button-no-margin {
  margin: 0;
}

a.button.button-icon {
  position: relative;
  padding-right: 52px;
}

a.button.button-icon:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61a";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  line-height: 40px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 13px;
  text-align: center;
}

a.button.button-icon:hover:after {
  background: rgba(0, 0, 0, 0.05);
}

p a.button {
  margin-bottom: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0 none;
  padding: 0;
}

.search-form {
  position: relative;
  margin: 0 0 20px;
  padding: 0;
}

.search-form:after {
  content: "";
  display: table;
  clear: both;
}

input[type="text"].search-text {
  padding: 6px 40px 6px 10px;
  width: 100%;
  max-width: 100%;
  height: 38px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #888;
}

input[type="text"].search-text:focus {
  color: #333;
}

button.search-mag {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 100%;
  z-index: 2;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  font-size: 16px;
  color: #999;
}

button.search-mag:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62e";
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}

button.search-mag:hover {
  color: #ffbf00;
}

#header-search {
  float: left;
  width: 160px;
}

#header-search input[type="text"].search-text {
  font-size: 18px;
  background: rgba(0, 0, 0, 0.7);
  color: #ccc;
  border: 0;
}

#header-search button.search-mag {
  color: #ccc;
}

#header-search button.search-mag:hover {
  color: #aaa;
}

body .gform_wrapper {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  margin: 0 0 20px 0;
  max-width: 100%;
}

body .gform_wrapper .gfield {
  max-width: 400px;
}

body .gform_wrapper .gfield_required,
body .gform_wrapper .gfield_error .gfield_label,
body .gform_wrapper .validation_message {
  color: #eb0f0f;
}

body .gform_wrapper .gfield_error {
  background: #fff !important;
  border: 1px solid #f7cbcb !important;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08);
}

body .gform_wrapper div.validation_error {
  margin: 10px 0 20px 0;
  padding: 15px;
  background: #fff !important;
  border: 1px solid #f7cbcb !important;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08);
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #444;
}

body .gform_wrapper div.validation_error:after {
  content: "";
  display: table;
  clear: both;
}

body .gform_wrapper .gform_body .gform_fields .gfield,
body .gform_wrapper .gform_footer .gfield {
  float: left;
  padding-bottom: 15px;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_third,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_third,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_full,
body .gform_wrapper .gform_footer .gfield.gf_left_half,
body .gform_wrapper .gform_footer .gfield.gf_right_half,
body .gform_wrapper .gform_footer .gfield.gf_left_third,
body .gform_wrapper .gform_footer .gfield.gf_middle_third,
body .gform_wrapper .gform_footer .gfield.gf_right_third,
body .gform_wrapper .gform_footer .gfield.gf_full {
  margin: 0;
  max-width: 100%;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half,
body .gform_wrapper .gform_footer .gfield.gf_left_half,
body .gform_wrapper .gform_footer .gfield.gf_right_half {
  width: 50%;
  margin: 0;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half,
body .gform_wrapper .gform_footer .gfield.gf_left_half {
  padding-right: 12px;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half,
body .gform_wrapper .gform_footer .gfield.gf_right_half {
  padding-left: 12px;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_third,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_third,
body .gform_wrapper .gform_footer .gfield.gf_left_third,
body .gform_wrapper .gform_footer .gfield.gf_middle_third,
body .gform_wrapper .gform_footer .gfield.gf_right_third {
  width: 33.33333333%;
  margin: 0 !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_third,
body .gform_wrapper .gform_footer .gfield.gf_left_third {
  padding-right: 16px;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third,
body .gform_wrapper .gform_footer .gfield.gf_middle_third {
  padding-left: 8px;
  padding-right: 8px;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_third,
body .gform_wrapper .gform_footer .gfield.gf_right_third {
  padding-left: 16px;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_full,
body .gform_wrapper .gform_footer .gfield.gf_full {
  width: 100%;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_clear_left,
body .gform_wrapper .gform_footer .gfield.gf_clear_left {
  clear: left !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_clear_right,
body .gform_wrapper .gform_footer .gfield.gf_clear_right {
  clear: right !important;
}

@media only screen and (max-width: 960px) {
  body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half,
  body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half,
  body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_third,
  body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third,
  body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_third,
  body .gform_wrapper .gform_footer .gfield.gf_left_half,
  body .gform_wrapper .gform_footer .gfield.gf_right_half,
  body .gform_wrapper .gform_footer .gfield.gf_left_third,
  body .gform_wrapper .gform_footer .gfield.gf_middle_third,
  body .gform_wrapper .gform_footer .gfield.gf_right_third {
    width: 100%;
    padding: 0 0 10px;
  }
}

body .gform_wrapper .gform_body .gform_fields .gfield.gsection,
body .gform_wrapper .gform_footer .gfield.gsection {
  max-width: 100%;
  padding: 20px 0 10px;
  border-bottom-color: #ddd;
}

body .gform_wrapper .gform_body .gform_fields .gfield_radio label,
body .gform_wrapper .gform_body .gform_fields .gfield_checkbox label,
body .gform_wrapper .gform_footer .gfield_radio label,
body .gform_wrapper .gform_footer .gfield_checkbox label {
  font-weight: 300;
}

body .gform_wrapper .gform_body .gform_fields input[type=checkbox]:checked+label,
body .gform_wrapper .gform_body .gform_fields input[type=radio]:checked+label,
body .gform_wrapper .gform_footer input[type=checkbox]:checked+label,
body .gform_wrapper .gform_footer input[type=radio]:checked+label {
  font-weight: 300;
}

body .gform_wrapper .gform_body .gform_fields .gfield_label,
body .gform_wrapper .gform_footer .gfield_label {
  display: block;
  font-size: 16px;
  font-weight: 700;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error,
body .gform_wrapper .gform_footer .gfield_error {
  width: 100%;
}

body .gform_wrapper .gform_body .gform_fields input[type="text"],
body .gform_wrapper .gform_body .gform_fields input[type="email"],
body .gform_wrapper .gform_body .gform_fields input[type="password"],
body .gform_wrapper .gform_body .gform_fields input[type="tel"],
body .gform_wrapper .gform_body .gform_fields textarea,
body .gform_wrapper .gform_body .gform_fields select,
body .gform_wrapper .gform_footer input[type="text"],
body .gform_wrapper .gform_footer input[type="email"],
body .gform_wrapper .gform_footer input[type="password"],
body .gform_wrapper .gform_footer input[type="tel"],
body .gform_wrapper .gform_footer textarea,
body .gform_wrapper .gform_footer select {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  display: inline-block;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 8px;
  font-size: 16px;
  line-height: normal;
  font-weight: 300;
  color: #777;
  background: #fafafa;
  border: 1px solid #ddd;
}

body .gform_wrapper .gform_body .gform_fields input[type="text"]:focus,
body .gform_wrapper .gform_body .gform_fields input[type="email"]:focus,
body .gform_wrapper .gform_body .gform_fields input[type="password"]:focus,
body .gform_wrapper .gform_body .gform_fields input[type="tel"]:focus,
body .gform_wrapper .gform_body .gform_fields textarea:focus,
body .gform_wrapper .gform_body .gform_fields select:focus,
body .gform_wrapper .gform_footer input[type="text"]:focus,
body .gform_wrapper .gform_footer input[type="email"]:focus,
body .gform_wrapper .gform_footer input[type="password"]:focus,
body .gform_wrapper .gform_footer input[type="tel"]:focus,
body .gform_wrapper .gform_footer textarea:focus,
body .gform_wrapper .gform_footer select:focus {
  outline: none;
  border: 1px solid #999;
  color: #444;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .08), 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .08), 0 0 5px rgba(0, 0, 0, .1);
}

body .gform_wrapper .gform_body .gform_fields textarea,
body .gform_wrapper .gform_footer textarea {
  height: 120px;
  line-height: 1.55;
}

body .gform_wrapper .gform_body .gform_fields textarea.medium,
body .gform_wrapper .gform_footer textarea.medium {
  width: 100%;
}

body .gform_wrapper .gform_body .gform_fields button,
body .gform_wrapper .gform_body .gform_fields input[type="submit"],
body .gform_wrapper .gform_body .gform_fields input[type="reset"],
body .gform_wrapper .gform_body .gform_fields input[type="button"],
body .gform_wrapper .gform_footer button,
body .gform_wrapper .gform_footer input[type="submit"],
body .gform_wrapper .gform_footer input[type="reset"],
body .gform_wrapper .gform_footer input[type="button"] {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  margin: 0 5px 15px 0;
  padding: 14px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  color: #111;
  background: #ffbf00;
  border: 0;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

body .gform_wrapper .gform_body .gform_fields button:hover,
body .gform_wrapper .gform_body .gform_fields input[type="submit"]:hover,
body .gform_wrapper .gform_body .gform_fields input[type="reset"]:hover,
body .gform_wrapper .gform_body .gform_fields input[type="button"]:hover,
body .gform_wrapper .gform_footer button:hover,
body .gform_wrapper .gform_footer input[type="submit"]:hover,
body .gform_wrapper .gform_footer input[type="reset"]:hover,
body .gform_wrapper .gform_footer input[type="button"]:hover {
  background: #aaa;
  color: #111;
}

body .gform_wrapper .gform_body .gform_fields button:focus,
body .gform_wrapper .gform_body .gform_fields input[type="submit"]:focus,
body .gform_wrapper .gform_body .gform_fields input[type="reset"]:focus,
body .gform_wrapper .gform_body .gform_fields input[type="button"]:focus,
body .gform_wrapper .gform_footer button:focus,
body .gform_wrapper .gform_footer input[type="submit"]:focus,
body .gform_wrapper .gform_footer input[type="reset"]:focus,
body .gform_wrapper .gform_footer input[type="button"]:focus {
  outline: none;
}

body .gform_wrapper .gform_footer {
  padding-top: 15px;
  margin-top: 0;
}

body .gform_confirmation_wrapper div {
  display: block;
  padding: 10px 0 20px;
  line-height: 1.5;
  font-weight: 700;
}

.wow {
  visibility: hidden;
}

#wrapper {
  float: left;
  clear: both;
  width: 100%;
}

#wrapper-center {
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}

#content {
  width: 100%;
  padding-bottom: 30px;
  background: #fff;
}

#content:after {
  content: "";
  display: table;
  clear: both;
}

.page-template-page-favourites-php #content,
.tax-model_cat #content,
.page-template-taxonomy-model_cat-php #content,
.page-template-page-survey #content,
.tax-gallery_cat #content {
  padding-bottom: 0;
}

#wrapper-center-inner {
  width: 100%;
}

#wrapper-center-inner:after {
  content: "";
  display: table;
  clear: both;
}

.grey-bg {
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
}

.grey-box {
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
  padding: 20px;
}

.top-row {
  padding-top: 30px;
}

.bottom-row {
  padding-bottom: 20px;
}

.line-bg {
  background-image: url(images/line_bg.png);
  background-position: top center;
  background-repeat: no-repeat;
}

.page-title {
  width: 100%;
  padding: 25px 25px;
  background: #111;
}

.page-title:after {
  content: "";
  display: table;
  clear: both;
}

.page-title h2 {
  font-size: 32px;
  color: #ffbf00;
  padding: 0;
}

.page-title h3,
.page-title h4,
.page-title h5,
.page-title h6 {
  color: #fff;
}

.page-title p {
  font-size: 18px;
  line-height: 1.45;
  color: #eee;
  padding: 15px 0 0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

#header-bg .page-title {
  background: rgba(0, 0, 0, 0.85);
}

.page-title.tips-articles-title {
  position: relative;
}

.page-title.tips-articles-title h1,
.page-title.tips-articles-title p {
  color: #fff;
}

.page-title.tips-articles-title h1 small {
  font-weight: 300;
}

.page-title.tips-articles-title:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -25px;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 50px;
  color: #fff;
}

.page-title.tips-articles-title.icon-construction:before {
  content: "\e605";
}

.page-title.tips-articles-title.icon-dimensions:before {
  content: "\e606";
}

.page-title.tips-articles-title.icon-floorplan:before {
  content: "\e607";
}

.page-title.tips-articles-title.icon-handshake:before {
  content: "\e608";
}

.page-title.tips-articles-title.icon-colorpalette:before {
  content: "\e609";
}

.page-title.tips-articles-title.icon-star:before {
  content: "\e60a";
}

.page-title.tips-articles-title.icon-check:before {
  content: "\e610";
}

.page-title.tips-articles-title.icon-bedroom:before {
  content: "\e603";
}

.page-title.tips-articles-title.icon-bathroom:before {
  content: "\e602";
}

.page-title.tips-articles-title.icon-compare:before {
  content: "\e604";
}

.page-title.tips-articles-title.icon-mapmarker:before {
  content: "\e626";
}

.page-title.tips-articles-title.icon-clock:before {
  content: "\e61c";
}

.page-title.tips-articles-title.icon-phone:before {
  content: "\e627";
}

.page-title.tips-articles-title.icon-directions:before {
  content: "\e625";
}

.page-title.tips-articles-title.icon-email:before {
  content: "\e623";
}

.page-title.tips-articles-title.icon-search:before {
  content: "\e62e";
}

.page-title.tips-articles-title.icon-quote:before {
  content: "\e60b";
}

.page-title.tips-articles-title.icon-cementtruck:before {
  content: "\e615";
}

.page-title.tips-articles-title.icon-crane:before {
  content: "\e616";
}

.page-title.tips-articles-title.icon-largehouse:before {
  content: "\e617";
}

.page-title.tips-articles-title.icon-bricks:before {
  content: "\e614";
}

.page-title.tips-articles-title.icon-compass:before {
  content: "\e618";
}

.page-title.tips-articles-title.icon-royale:before {
  content: "\e619";
}

.page-title.tips-articles-title.icon-article:before {
  content: "\e661";
}

@media only screen and (max-width: 960px) {
  .page-title {
    padding: 20px;
  }
  .page-title h1 {
    font-size: 26px;
  }
  .page-title.tips-articles-title:before {
    right: 20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 40px;
  }
}

a.section-heading {
  display: block;
  padding: 14px 20px;
  width: 100%;
  background: #111;
}

a.section-heading:after {
  content: "";
  display: table;
  clear: both;
}

a.section-heading h1,
a.section-heading h2,
a.section-heading h3 {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  float: left;
  padding: 0;
  letter-spacing: 0;
  font-size: 26px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
}

a.section-heading span {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: relative;
  float: right;
  display: block;
  padding-right: 40px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 30px;
  color: #ffbf00;
  font-weight: 700;
}

a.section-heading span:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
}

a.section-heading.section-heading-tips span:after {
  content: "\e630";
}

a.section-heading.section-heading-news span:after {
  content: "\e62c";
}

a.section-heading.section-heading-mags span:after {
  content: "\e628";
}

a.section-heading.section-heading-photo span:after {
  content: "\e634";
}

a.section-heading.section-heading-video span:after {
  content: "\e61d";
}

a.section-heading:hover {
  background: #ffbf00;
}

a.section-heading:hover h1,
a.section-heading:hover h2,
a.section-heading:hover span {
  color: #111;
}

#header {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 140px;
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.6);
}

#header .col {
  height: 140px;
}

.page-template-page-home #header {
  position: relative;
  top: auto;
  left: auto;
  background: #000;
}

@media only screen and (max-width: 960px) {
  .page-template-page-home #header .col {
    height: 110px;
  }
}

#header-bg {
  position: relative;
  z-index: 190;
  width: 100%;
  padding-top: 140px;
  background-image: url(images/header_bg_large.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media only screen and (max-width: 960px) {
  #header-bg {
    padding-top: 158px;
    background-image: url(images/header_bg_desktop.jpg);
  }
}

@media only screen and (max-width: 768px) {
  #header-bg {
    background-image: url(images/header_bg_tablet.jpg);
  }
}

@media only screen and (max-width: 480px) {
  #header-bg {
    background-image: url(images/header_bg_phone.jpg);
  }
}

#logo {
  -webkit-transition: .0s;
  -moz-transition: .0s;
  -o-transition: .0s;
  -ms-transition: .0s;
  transition: .0s;
  position: absolute;
  top: 20px;
  left: 20px;
}

@media only screen and (max-width: 960px) {
  #header .col {
    padding: 64px 0 0;
  }
  #logo {
    top: 68px;
    left: 50%;
    margin-left: -35px;
  }
  #logo img {
    width: 60px;
    height: auto;
  }
  #header.home-has-announcement .col {
    padding-top: 0;
  }
  #header.home-has-announcement .col #logo {
    top: 20px;
  }
}

#header-top {
  position: absolute;
  top: 20px;
  right: 20px;
}

#header-contact {
  float: left;
  margin-top: 7px;
}

#header-contact li {
  list-style-type: none;
  float: left;
  margin-right: 24px;
  font-size: 18px;
  color: #eee;
}

#header-contact li a {
  color: #eee;
  font-weight: 300;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 20px;
}

#header-contact li a:hover {
  color: #aaa;
}

#header-contact li a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
  font-size: 18px;
}

#header-contact li a.hc-phone:before {
  content: "\e627";
}

#header-contact li a.hc-email:before {
  content: "\e623";
}

#header-contact li a.hc-design:before {
  content: "\e626";
}

#nav-wrap {
  position: absolute;
  bottom: 0;
  right: 20px;
}

@media only screen and (max-width: 1200px) {
  #header-contact li:first-child {
    display: none;
  }
}

@media only screen and (max-width: 960px) {
  #header-top,
  #nav-wrap {
    display: none;
  }
  #header {
    height: 158px;
  }
  #header.home-has-announcement {
    height: 110px;
  }
}

#footer {
  background: #161616;
  background: rgba(0, 0, 0, 0.4);
  padding-top: 30px;
  padding-bottom: 30px;
}

#testimonial {
  position: relative;
  padding: 80px;
  overflow: hidden;
  background-color: #111;
  text-align: center;
}

#testimonial .testimonial-bg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#testimonial .testimonial-bg-tablet {
  display: none;
}

#testimonial .testimonial-bg-phone {
  display: none;
}

#testimonial #testimonial-bg-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

#testimonial blockquote {
  position: relative;
  z-index: 3;
  overflow: visible;
  width: auto;
  display: inline-block;
  margin: 0;
  padding: 30px 60px;
  color: #fff;
  text-align: center;
  background: none;
}

#testimonial blockquote:before,
#testimonial blockquote:after {
  font-size: 40px;
  color: #aaa;
}

@media only screen and (max-width: 960px) {
  #testimonial .testimonial-bg-large {
    display: none;
  }
  #testimonial .testimonial-bg-tablet {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  #testimonial {
    padding: 60px 30px;
  }
  #testimonial blockquote {
    font-size: 22px;
  }
  #testimonial .testimonial-bg-tablet {
    display: none;
  }
  #testimonial .testimonial-bg-phone {
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  #testimonial {
    padding: 50px 0;
  }
  #testimonial blockquote {
    padding-left: 30px;
    padding-right: 30px;
  }
}

a.footer-button {
  position: relative;
  float: left;
  width: 100%;
  height: 84px;
  padding: 15px 15px 15px 68px;
  margin-bottom: 0.667em;
  color: #111;
  background: #ffbf00;
}

a.footer-button h5,
a.footer-button h6 {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  line-height: 1;
  color: #111;
}

a.footer-button h5 {
  font-size: 28px;
  padding-bottom: 4px;
  font-weight: 700;
}

a.footer-button h6 {
  font-size: 18px;
  padding-bottom: 0;
  font-weight: 300;
  word-break: break-all;
}

a.footer-button:before {
  position: absolute;
  top: 20px;
  left: 15px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
}

a.footer-button#fb-phone:before {
  content: "\e627";
}

a.footer-button#fb-email:before {
  content: "\e623";
}

a.footer-button#fb-design:before {
  content: "\e626";
}

a.footer-button:hover {
  background: #aaa;
  color: #111;
}

a.footer-button:hover h5,
a.footer-button:hover h6 {
  color: #111;
}

#fb-design h6 {
  word-break: normal;
}

@media only screen and (max-width: 1200px) {
  a.footer-button {
    padding-top: 18px;
  }
  a.footer-button h6 {
    font-size: 14px;
  }
}

@media only screen and (max-width: 960px) {
  #fb-phone,
  #fb-email {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}

@media only screen and (max-width: 768px) {
  a.footer-button {
    padding-top: 15px;
  }
  a.footer-button h6 {
    font-size: 18px;
  }
}

#faq-wrap {
  margin: 30px 0;
}

#faq {
  cursor: pointer;
  position: relative;
  padding: 30px 0 30px 160px;
  background: #111;
}

#faq:after {
  content: "";
  display: table;
  clear: both;
}

#faq h2 {
  position: absolute;
  top: 30px;
  left: 0;
  padding: 0;
  width: 160px;
  text-align: center;
  font-size: 60px;
  line-height: 1;
  color: #fff;
  font-weight: 300;
}

#faq #faq-expand {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 100px;
  padding: 10px 0;
  background-color: #ffbf00;
  z-index: 2;
  text-align: center;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}

#faq #faq-expand:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  width: 18px;
  height: 18px;
  content: "\e60d";
  color: #111;
}

#faq #faq-expand.closed:after {
  content: "\e60e";
}

#faq:hover #faq-expand {
  background-color: #aaa;
}

#faq:hover #faq-expand:after {
  color: #111;
}

#faq #faq-content {
  position: relative;
  float: left;
  width: 100%;
  height: 100px;
  overflow: hidden;
}

#faq #faq-content h3 {
  margin: 0 0 10px 0;
  padding-bottom: 0;
  font-size: 18px;
  color: #fff;
}

#faq #faq-content p {
  margin: 0 0 15px 0;
  padding: 0;
  height: auto;
  color: #fff;
}

#faq #faq-content p+h3 {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #222;
}

#faq #faq-content.closed h3 {
  padding-bottom: 8px;
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}

#faq #faq-content.closed p {
  margin: 0;
  height: 0;
  overflow: hidden;
}

#faq #faq-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-image: url(images/faq_mask.png);
  background-repeat: repeat-x;
  background-position: bottom left;
}

@media only screen and (max-width: 960px) {
  #faq {
    padding: 85px 0 20px;
  }
  #faq.closed {
    padding-bottom: 40px;
  }
  #faq h1 {
    font-size: 50px;
    top: 20px;
    left: 0;
    width: 100%;
  }
  #faq #faq-expand {
    left: 50%;
    margin-left: -50px;
  }
}

@media only screen and (max-width: 768px) {
  #faq #faq-content {
    height: 180px;
  }
}

#footer-twitter {
  margin-bottom: 30px;
  padding: 30px;
  background: #111;
}

#footer-twitter:after {
  content: "";
  display: table;
  clear: both;
}

#footer-twitter h2 {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
}

#footer-twitter h2 a {
  float: left;
  clear: both;
  width: 100%;
  color: #2aa9e0;
}

#footer-twitter h2 a:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 0;
  content: "\e62d";
}

#footer-twitter h2 a:hover {
  color: #b2d235;
}

#footer-twitter #sidebar ul {
  padding: 0;
}

#footer-twitter .widgettitle {
  display: none;
}

#footer-twitter .widget_display_latest_tweets {
  list-style-type: none;
}

#footer-twitter ul.tweets {
  width: 100%;
  padding: 0;
}

#footer-twitter ul.tweets:after {
  content: "";
  display: table;
  clear: both;
}

#footer-twitter ul.tweets li.tweet {
  list-style-type: none;
  float: left;
  width: 33.333%;
  padding-right: 20px;
  border-top: 0;
  padding-top: 0;
  color: #aaa;
}

#footer-twitter ul.tweets li.tweet a {
  color: #2aa9e0;
}

#footer-twitter ul.tweets li.tweet a:hover {
  text-decoration: underline;
}

#footer-twitter ul.tweets li.tweet span.tweet-time {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 0;
}

#footer-twitter ul.tweets li.tweet span.tweet-time a {
  color: #666;
}

#footer-twitter ul.tweets li.tweet span.tweet-time a:hover {
  color: #2aa9e0;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  #footer-twitter {
    padding: 20px 0 0;
  }
  #footer-twitter h1 {
    font-size: 24px;
    letter-spacing: 1px;
  }
  #footer-twitter ul.tweets li.tweet {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
  }
}

#footer-nav {
  float: left;
  width: 100%;
  margin: 40px 0 20px;
  padding: 0;
}

#footer-nav li {
  list-style-type: none;
  float: left;
  margin-right: 16px;
}

#footer-nav li:last-child {
  margin-right: 0;
}

#footer-nav li a {
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  color: #ffbf00;
  padding: 12px;
}

#footer-nav li a:hover {
  color: #aaa;
}

#footer-nav li:first-child a {
  padding-left: 0;
}

#footer-nav-social {
    background-image: url(https://www.royalhomes.com/wp-content/uploads/2021/07/RH50YearLogo2-134x200.jpeg);
    background-repeat: no-repeat;
    background-position: right 0.75rem bottom;
    background-size: 90px;
}

@media only screen and (max-width: 1200px) {
  #footer-nav li {
    margin-right: 8px;
  }
}

@media only screen and (max-width: 768px) {
  #footer-nav li {
    clear: both;
    width: 100%;
  }
  #footer-nav li a {
    float: left;
    clear: both;
    width: 100%;
    padding: 8px 0;
  }
  #footer-nav li:first-child a {
    padding-left: 0;
  }
}

#footer-social-follow {
  float: left;
  padding: 0 20px 0 0;
  font-size: 26px;
  font-weight: 900;
  color: #fff;
  line-height: 48px;
}

@media only screen and (max-width: 768px) {
  #footer-social-follow {
    width: 100%;
    clear: both;
    line-height: 1;
    padding-bottom: 15px;
  }
}

#footer-social {
  float: left;
  margin: 0;
  padding: 0;
}

#footer-social li {
  list-style-type: none;
  float: left;
  margin-left: 10px;
}

#footer-social li:first-child {
  margin-left: 0;
}

#footer-social li a {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffbf00;
}

#footer-social li a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 24px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

#footer-social li a:hover:before {
  color: #ffbf00;
}

#footer-social li a#fs-twitter {
  background: #2aa9e0;
}

#footer-social li a#fs-twitter:hover {
  background: #222;
}

#footer-social li a#fs-twitter:before {
  content: "\e62d";
}

#footer-social li a#fs-facebook {
  background: #3c5a98;
}

#footer-social li a#fs-facebook:hover {
  background: #222;
}

#footer-social li a#fs-facebook:before {
  content: "\e62b";
}

#footer-social li a#fs-linkedin {
  background: #0074b1;
}

#footer-social li a#fs-linkedin:hover {
  background: #222;
}

#footer-social li a#fs-linkedin:before {
  content: "\e62a";
}

#footer-social li a#fs-youtube {
  background: #e63a41;
}

#footer-social li a#fs-youtube:hover {
  background: #222;
}

#footer-social li a#fs-youtube:before {
  content: "\e629";
}

#footer-social li a#fs-pinterest {
  background: #cc2127;
}

#footer-social li a#fs-pinterest:hover {
  background: #222;
}

#footer-social li a#fs-pinterest:before {
  content: "\e620";
}

#footer-social li a#fs-houzz {
  background: #7cc04b;
}

#footer-social li a#fs-houzz:hover {
  background: #222;
}

#footer-social li a#fs-houzz:before {
  content: "\e633";
}

#footer-social li a#fs-instagram {
  background: #94745c;
}

#footer-social li a#fs-instagram:hover {
  background: #222;
}

#footer-social li a#fs-instagram:before {
  content: "\e645";
}

#footer-social li a#fs-googleplus {
  display:none;
  background: #c23323;
}

#footer-social li a#fs-googleplus:hover {
  background: #222;
}

#footer-social li a#fs-googleplus:before {
  content: "\e644";
}

@media only screen and (max-width: 960px) {
  #footer-social {
    position: relative;
    top: auto;
    right: auto;
  }
  #footer-social:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media only screen and (max-width: 768px) {
  #footer-social {
    width: 100%;
    clear: both;
  }
}

@media only screen and (max-width: 480px) {
  #footer-social li {
    margin-left: 6px;
  }
  #footer-social li a {
    width: 38px;
    height: 38px;
  }
  #footer-social li a:before {
    width: 38px;
    height: 38px;
    font-size: 18px;
    line-height: 38px;
  }
}

#footer-copy {
  float: left;
  padding: 0;
}

#footer-copy li {
  position: relative;
  list-style-type: none;
  float: left;
  padding: 10px 20px 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #999;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

#footer-copy li:last-child {
  margin-right: 0;
}

#footer-copy li a {
  float: left;
  font-weight: 300;
  color: #999;
}

#footer-copy .fc-icon:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  font-size: 16px;
  padding-right: 6px;
}

#footer-copy #fc-echosims.fc-icon:before {
  content: "\e632";
}

#footer-copy #fc-echosims:hover {
  color: #e32b23;
}

#footer-copy #fc-wordpress.fc-icon:before {
  content: "\e631";
}

#footer-copy #fc-wordpress:hover {
  color: #21759b;
}

#home-slider-wrap {
  position: relative;
  min-height: 400px;
  background: #111;
}

#home-slider-wrap:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 768px) {
  #home-slider-wrap {
    min-height: 100px;
  }
}

#home-slider-wrap #home-slider-loading {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/loading_black.gif);
  background-repeat: no-repeat;
  background-color: #111;
  background-position: center center;
}

#home-slider-sidebar {
  width: 33%;
  padding: 0 20px 0 10px;
  font-size: 1.3em;
  float: right;
}

#home-slider-sidebar h2 {
  font-weight: bold;
}

#home-slider-sidebar div {
  background: #fff;
  color: #111;
}

#home-slider-sidebar .top {
  margin-bottom: 1em;
  height: 170px;
  margin-bottom: 20px;
}

#home-slider-sidebar .top img {
  width: 366px;
  height: 125px;
}

#home-slider-sidebar .bottom {
  height: 330px;
}

#home-slider-sidebar .bottom img {
  width: 366px;
  height: 285px;
}

#home-slider-sidebar .slider-side-top-image {
  width: 100%;
  height: 125px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#home-slider-sidebar .slider-side-bottom-image {
  width: 100%;
  height: 285px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#home-slider-sidebar .slider-side-text {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  width: 100%;
  padding: 7px 15px;
  background: #111;
  color: #ffbf00;
  font-weight: 700;
  line-height: 1;
  font-size: 32px;
  text-align: center;
}

#home-slider-sidebar a:hover .slider-side-text {
  background: #ccc;
  color: #111;
}

.hide-on-mobile {
  display: block;
}

.hide-on-desk {
  display: none;
}

@media (max-width: 1200px) {
  .hide-on-mobile {
    display: none;
  }
  .hide-on-desk {
    display: block;
  }
  #home-slider-wrap {
    display: flex;
    flex-direction: column;
  }
  #home-slider-sidebar {
    order: 2;
    width: 100%;
    height: auto;
    background-color: #111;
    overflow: hidden;
    padding: 0 20px;
  }
  #home-slider-sidebar .slider-side-text {
    font-size: 24px;
  }
  #home-slider-sidebar .slider-side-top-image {
    height: 200px;
  }
  #home-slider-sidebar .slider-side-bottom-image {
    height: 200px;
  }
  #home-slider-sidebar .top,
  #home-slider-sidebar .bottom {
    width: 46%;
    float: left;
    background: #000;
    margin: 0 2%;
    height: 100%;
  }
  #home-slider-sidebar .top img,
  #home-slider-sidebar .bottom img {
    width: 100%;
    height: auto;
  }
  #home-slider {
    order: 1;
  }
  #home-hero-image-container .home-hero-image-large {
    padding-bottom: 30px;
  }
}

@media (max-width: 920px) {
  #home-slider-sidebar {
    height: auto;
  }
}

@media (max-width: 768px) {
  #home-slider-sidebar {
    height: auto;
  }
}

@media (max-width: 635px) {
  #home-slider-sidebar {
    height: auto;
  }
}

@media (min-width: 501px) and (max-width: 1200px) {
  #home-slider-sidebar .top {
    width: 60.72%;
  }
  #home-slider-sidebar .bottom {
    width: 31.28%;
  }
}

@media (max-width: 500px) {
  #home-slider-sidebar {
    height: auto;
  }
  #home-slider-sidebar .slider-side-top-image {
    height: 170px;
  }
  #home-slider-sidebar .slider-side-bottom-image {
    height: 330px;
  }
  #home-slider-sidebar .top,
  #home-slider-sidebar .bottom {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
}

@media (min-width: 1201px) {
  #home-slider.truncated {
    width: 775px;
    margin-left: 20px;
  }
  #home-slider.truncated .slides {
    height: 520px;
  }
  #home-slider.truncated .slides li .slide-text {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    top: 390px;
    background: transparent;
  }
  #home-slider.truncated .slides li .slide-text h2,
  #home-slider.truncated .slides li .slide-text h3 {
    text-shadow: 1px 1px 3px #000;
  }
  #home-slider.truncated .slides li .slide-text p {
    position: absolute;
    top: 75px;
    width: 75%;
  }
  #home-slider.truncated .slides li .slide-text .button {
    position: absolute;
    right: -5px;
    bottom: 64px;
  }
  #home-slider.truncated .slides li .home-slide img {
    height: 450px;
  }
  #home-slider.truncated .flex-direction-nav {
    bottom: 70px;
  }
}

#home-hero-image-container {
  position: relative;
  z-index: 1;
}

@media (min-width: 1201px) {
  #home-hero-image-container {
    width: 775px;
    margin-left: 20px;
  }
  #home-hero-image-container .home-hero-image h2,
  #home-hero-image-container .home-hero-image h3 {
    text-shadow: 1px 1px 3px #000;
  }
  #home-hero-image-container .home-hero-image p {
    position: absolute;
    top: 75px;
    width: 75%;
  }
}

#home-hero-image-container:after {
  content: "";
  display: table;
  clear: both;
}

#home-hero-image-container span {
  color: #ffbf00;
}

#home-hero-image-container .home-hero-image {
  margin: 0;
  width: 100%;
  height: auto;
  position: relative;
}

#home-hero-image-container .home-hero-image img {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
}

#home-hero-image-container .home-hero-image.home-hero-image-large {
  display: block;
}

#home-hero-image-container .home-hero-overlay {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 2em;
}

#home-hero-image-container .home-hero-heading {
  display: block;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  padding-bottom: 20px;
  max-width: 85%;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}

#home-hero-image-container .home-hero-sub-heading {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 20px;
  text-transform: uppercase;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}

#home-hero-image-container .home-hero-button {
  float: left;
  display: block;
  padding: 0.8em 2em;
  background: #ffbf00;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 19px;
  line-height: 1;
  font-weight: 700;
  color: #111;
}

#home-hero-image-container .home-hero-button:hover {
  background: #aaa;
}

@media only screen and (max-width: 1200px) {
  #home-hero-image-container .home-hero-heading {
    font-size: 45px;
    padding-bottom: 20px;
  }
  #home-hero-image-container .home-hero-sub-heading {
    font-size: 23px;
    padding-bottom: 20px;
  }
  #home-hero-image-container .home-hero-button {
    padding: 0.9em 1.9em;
    font-size: 24px;
  }
}

@media only screen and (max-width: 960px) {
  #home-hero-image-container .home-hero-heading {
    font-size: 44px;
    padding-bottom: 20px;
  }
  #home-hero-image-container .home-hero-sub-heading {
    font-size: 22px;
    padding-bottom: 20px;
  }
  #home-hero-image-container .home-hero-button {
    padding: 1em 2.2em;
    font-size: 22px;
  }
}

@media only screen and (max-width: 768px) {
  #home-hero-image-container .home-hero-heading {
    font-size: 28px;
    padding-bottom: 20px;
  }
  #home-hero-image-container .home-hero-sub-heading {
    font-size: 18px;
    padding-bottom: 20px;
  }
  #home-hero-image-container .home-hero-button {
    padding: 1em 2.2em;
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  #home-hero-image-container .home-hero-overlay {
    padding: 1em;
    align-items: center;
  }
  #home-hero-image-container .home-hero-heading {
    font-size: 21px;
    text-align: center;
  }
  #home-hero-image-container .home-hero-sub-heading {
    font-size: 14px;
    text-align: center;
  }
  #home-hero-image-container .home-hero-button {
    font-size: 14px;
  }
}

#home-slider {
  position: relative;
  z-index: 1;
}

#home-slider:after {
  content: "";
  display: table;
  clear: both;
}

#home-slider .slides {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
}

#home-slider .slides:after {
  content: "";
  display: table;
  clear: both;
}

#home-slider .slides li {
  display: none;
  list-style-type: none;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 600px;
}

@media (max-width: 635px) {
  #home-slider .slides li {
    height: 450px;
  }
}

#home-slider .slides li .slide-wrap {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}

#home-slider .slides li .slide-text {
  position: absolute;
  z-index: 5;
  bottom: 15px;
  left: 14px;
  width: 50%;
  padding: 30px 30px 15px 25px;
  background: rgba(5, 5, 5, 0.5);
}

@media (max-width: 635px) {
  #home-slider .slides li .slide-text {
    width: 100%;
    top: 220px;
  }
}

#home-slider .slides li .slide-text h2,
#home-slider .slides li .slide-text h3 {
  padding-bottom: 8px;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
}

@media only screen and (max-width: 768px) {
  #home-slider .slides li .slide-text h2,
  #home-slider .slides li .slide-text h3 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 340px) {
  #home-slider .slides li .slide-text h2,
  #home-slider .slides li .slide-text h3 {
    font-size: 20px;
  }
}

#home-slider .slides li .slide-text p {
  padding-bottom: 25px;
  color: #fff;
  line-height: 1.3;
  font-size: 20px;
}

@media only screen and (max-width: 768px) {
  #home-slider .slides li .slide-text p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 340px) {
  #home-slider .slides li .slide-text p {
    display: none;
  }
}

#home-slider .slides li .slide-text a.button {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  #home-slider .slides li .slide-text a.button {
    padding: 10px 12px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 768px) {
  #home-slider .slides li .slide-text {
    padding-right: 25px;
  }
}

#home-slider .slides li .badge {
  position: absolute;
  z-index: 10;
  top: 20px;
  right: 20px;
  max-width: 180px;
  height: auto;
}

@media only screen and (max-width: 960px) {
  #home-slider .slides li .badge {
    max-width: 140px;
  }
}

@media only screen and (max-width: 768px) {
  #home-slider .slides li .badge {
    max-width: 80px;
    top: 10px;
    right: 10px;
  }
}

@media only screen and (max-width: 340px) {
  #home-slider .slides li .badge {
    max-width: 60px;
  }
}

#home-slider .slides li .home-slide {
  margin: 0;
  width: 100%;
  height: auto;
}

#home-slider .slides li .home-slide img {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
}

#home-slider .slides li .home-slide.home-slide-large {
  display: block;
}

#home-slider .slides li .home-slide.home-slide-tablet {
  display: none;
}

#home-slider .slides li .home-slide.home-slide-phone {
  display: none;
}

@media only screen and (max-width: 768px) {
  #home-slider .slides li .home-slide.home-slide-large {
    display: none;
  }
  #home-slider .slides li .home-slide.home-slide-tablet {
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  #home-slider .slides li .home-slide.home-slide-tablet {
    display: none;
  }
  #home-slider .slides li .home-slide.home-slide-phone {
    display: block;
  }
}

#home-slider .flex-direction-nav {
  width: 100px;
  height: 50px;
  left: auto;
  right: 0;
  top: auto;
  bottom: 50px;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  #home-slider .flex-direction-nav {
    display: none;
  }
}

#home-slogan {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 30px 25px;
  background: #111;
  font-size: 40px;
  color: #fff;
  font-weight: 300;
  text-align: right;
}

#home-slogan:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 768px) {
  #home-slogan {
    padding-top: 25px;
    font-size: 20px;
    letter-spacing: 0;
    text-align: left;
  }
}

#home-intro {
  position: relative;
  z-index: 3;
  width: 100%;
  padding-top: 0;
  padding-bottom: 20px;
  background: #111;
}

#home-intro:after {
  content: "";
  display: table;
  clear: both;
}

.hi-section {
  position: relative;
  z-index: 3;
  float: left;
  width: 100%;
  height: 50px;
}

.hi-section h4 {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #ffbf00;
  padding: 0 14px;
  font-size: 20px;
  color: #111;
  font-weight: 300;
  letter-spacing: 1px;
  text-align: center;
}

.hi-section h4:after {
  content: "";
  display: table;
  clear: both;
}

.hi-section h4:hover {
  color: #ffbf00;
  background: #111;
}

@media only screen and (max-width: 1200px) {
  .hi-section h4 {
    padding: 0 8px;
    font-size: 15px;
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 768px) {
  .hi-section h4 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    font-size: 18px;
    letter-spacing: 1px;
  }
}

#announcement {
  position: relative;
  z-index: 9;
  float: left;
  width: 100%;
  padding: 10px 0;
}

#announcement:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 960px) {
  #announcement {
    padding-top: 60px;
  }
}

#announcement h1 {
  float: left;
  padding: 0;
  font-size: 20px;
  letter-spacing: 0;
}

#announcement p {
  float: left;
  padding: 10px 0 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
}

#announcement a.button {
  float: right;
  margin: 0 0 0 20px;
  padding: 10px;
  font-size: 16px;
}

@media only screen and (max-width: 960px) {
  #announcement a.button {
    float: left;
    clear: both;
    margin: 10px 0 0;
  }
}

#announcement.bg-white {
  background: #fff;
}

#announcement.bg-yellow {
  background: #ffbf00;
}

#announcement.bg-black {
  background: #111;
}

#announcement.bg-green {
  background: #5ccc40;
}

#announcement.bg-red {
  background: #d33939;
}

#announcement.bg-white h1,
#announcement.bg-white p {
  color: #111;
}

#announcement.bg-yellow h1,
#announcement.bg-yellow p {
  color: #111;
}

#announcement.bg-yellow a.button {
  background: #111;
  color: #fff;
}

#announcement.bg-yellow a.button:hover {
  background: #fff;
  color: #111;
}

#announcement.bg-red h1,
#announcement.bg-red p,
#announcement.bg-black h1,
#announcement.bg-black p {
  color: #fff;
}

#home-boxes {
  padding-top: 20px;
  padding-bottom: 40px;
  text-align: center;
  background: #111;
}

.hb-section {
  position: relative;
  display: block;
  width: 100%;
  background: #ffbf00;
}

.hb-section:after {
  content: "";
  display: table;
  clear: both;
}

.hb-section .hb-image {
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.hb-section .hb-image:after {
  content: "";
  display: table;
  clear: both;
}

.hb-section .hb-icon {
  position: absolute;
  z-index: 1;
  top: 300px;
  left: 50%;
  margin: -35px 0 0 -45px;
  width: 90px;
  height: 90px;
  text-align: center;
  background: #ffbf00;
  border-radius: 50%;
}

.hb-section .hb-icon:before {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 42px;
  line-height: 80px;
  color: #111;
  text-align: center;
}

.hb-section .hb-icon.hbi-construction:before {
  content: "\e605";
}

.hb-section .hb-icon.hbi-dimensions:before {
  content: "\e606";
}

.hb-section .hb-icon.hbi-floorplan:before {
  content: "\e607";
}

.hb-section .hb-icon.hbi-handshake:before {
  content: "\e608";
}

.hb-section .hb-icon.hbi-colorpalette:before {
  content: "\e609";
}

.hb-section .hb-icon.hbi-star:before {
  content: "\e60a";
}

.hb-section .hb-icon.hbi-check:before {
  content: "\e610";
}

.hb-section .hb-icon.hbi-bedroom:before {
  content: "\e603";
}

.hb-section .hb-icon.hbi-bathroom:before {
  content: "\e602";
}

.hb-section .hb-icon.hbi-compare:before {
  content: "\e604";
}

.hb-section .hb-icon.hbi-mapmarker:before {
  content: "\e626";
}

.hb-section .hb-icon.hbi-clock:before {
  content: "\e61c";
}

.hb-section .hb-icon.hbi-phone:before {
  content: "\e627";
}

.hb-section .hb-icon.hbi-directions:before {
  content: "\e625";
}

.hb-section .hb-icon.hbi-email:before {
  content: "\e623";
}

.hb-section .hb-icon.hbi-search:before {
  content: "\e62e";
}

.hb-section .hb-icon.hbi-quote:before {
  content: "\e60b";
}

.hb-section .hb-icon.hbi-cementtruck:before {
  content: "\e615";
}

.hb-section .hb-icon.hbi-crane:before {
  content: "\e616";
}

.hb-section .hb-icon.hbi-largehouse:before {
  content: "\e617";
}

.hb-section .hb-icon.hbi-bricks:before {
  content: "\e614";
}

.hb-section .hb-icon.hbi-compass:before {
  content: "\e618";
}

.hb-section .hb-icon.hbi-royale:before {
  content: "\e619";
}

.hb-section .hb-text {
  position: relative;
  z-index: 2;
  float: left;
  padding: 44px 20px 65px;
}

.hb-section .hb-text h3 {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  padding-bottom: 8px;
}

.hb-section .hb-text .hi-link {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 80%;
  width: calc(100% - 40px);
  background: #ffbf00;
  border-top: 1px solid #f5b700;
  padding: 10px 0 0;
  font-weight: 700;
  color: #111;
}

.hb-section .hb-text .hi-link:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 5%;
  width: 90%;
  height: 20px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.hb-section:hover .hb-icon:before,
.hb-section:hover .hb-text h3,
.hb-section:hover .hb-text .hi-link {
  color: #fff;
}

#home-galleries {
  padding-top: 30px;
  padding-bottom: 20px;
}

#home-9steps-wrap {
  position: relative;
  background-image: url(images/9steps_bg_large.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #111;
}

#home-9steps-wrap #home-9steps-bg-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

#home-9steps-wrap #home-9steps {
  position: relative;
  z-index: 2;
  padding: 80px;
  text-align: center;
}

#home-9steps-wrap #home-9steps h2 {
  font-size: 48px;
  color: #ffbf00;
}

#home-9steps-wrap #home-9steps p {
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  padding-bottom: 40px;
}

#home-9steps-wrap #home-9steps-btn {
  display: inline-block;
  padding: 16px;
  background: #ffbf00;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  color: #111;
}

#home-9steps-wrap #home-9steps-btn:hover {
  background: #aaa;
}

@media only screen and (max-width: 1200px) {
  #home-9steps-wrap .large-only {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  #home-9steps-wrap {
    background-image: url(images/9steps_bg_tablet.jpg);
  }
  #home-9steps-wrap #home-9steps {
    padding: 60px;
  }
}

@media only screen and (max-width: 480px) {
  #home-9steps-wrap {
    background-image: url(images/9steps_bg_phone.jpg);
  }
  #home-9steps-wrap #home-9steps {
    padding: 60px 20px;
  }
  #home-9steps-wrap #home-9steps h1 {
    font-size: 40px;
    padding-bottom: 30px;
  }
  #home-9steps-wrap #home-9steps p {
    display: none;
  }
}

#home-tips {
  position: relative;
  padding-top: 40px;
  padding-bottom: 10px;
}

#home-tips li.loop-tip,
#home-tips li.loop-post,
#home-tips li.loop-magazine {
  margin-bottom: 15px;
}

#home-tips li.loop-tip h3.post-title {
  font-size: 30px;
  font-weight: 300;
}

#home-tips .mag-cover-link {
  width: 100%;
  margin: 0 0 20px;
  text-align: center;
}

.loop-wrap {
  padding: 0;
}

.loop-wrap:after {
  content: "";
  display: table;
  clear: both;
}

.loop-wrap>li {
  list-style-type: none;
}

.loop-wrap>li:after {
  content: "";
  display: table;
  clear: both;
}

.loop-post,
.loop-page {
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
  padding: 20px;
  width: 100%;
  margin: 0 0 40px;
}

.loop-post:after,
.loop-page:after {
  content: "";
  display: table;
  clear: both;
}

.loop-post .post-thumbnail,
.loop-page .post-thumbnail {
  margin-top: 0;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

.loop-search .model {
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 0 0 40px;
}

.loop-search .model:after {
  content: "";
  display: table;
  clear: both;
}

.post-title {
  padding-bottom: 0;
}

.loop-post .post-title {
  font-size: 26px;
}

.post-details {
  padding: 10px 0 15px;
}

.post-details:after {
  content: "";
  display: table;
  clear: both;
}

.post-details li {
  list-style-type: none;
  float: left;
  margin: 0 20px 8px 0;
  font-size: 90%;
  color: #aaa;
}

.post-details li a {
  font-weight: 300;
  color: #aaa;
}

.post-details li a:hover {
  color: #b2d235;
}

.post-details li:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 10px;
}

.post-details li.post-details-date:before {
  content: "\e61e";
}

.post-details li.post-details-cats:before {
  content: "\e641";
}

.post-details li.post-details-tags:before {
  content: "\e60f";
}

.post-read {
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

#pagination {
  padding: 0;
}

#pagination:after {
  content: "";
  display: table;
  clear: both;
}

#pagination.pagination-models {
  padding-bottom: 40px;
}

ul.page-numbers {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  color: #555;
}

ul.page-numbers li {
  display: inline;
}

ul.page-numbers .current,
ul.page-numbers a.page-numbers {
  display: inline-block;
  margin: 0 1px;
  padding: 15px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1;
  color: #666;
  font-weight: 700;
  background: #e3e3e3;
  background: rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.03);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.03);
}

ul.page-numbers .current:hover,
ul.page-numbers a.page-numbers:hover {
  color: #111;
  background: #aaa;
  text-decoration: none;
  -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.08);
}

ul.page-numbers .current.more,
ul.page-numbers a.page-numbers.more {
  margin-left: 0;
  margin-right: 0;
  border: 0;
  background: none;
}

ul.page-numbers .current,
ul.page-numbers .current:hover {
  color: #111;
  background: #ffbf00;
  text-decoration: none;
}

ul.page-numbers .prev:before {
  content: "\2039";
  padding-right: 6px;
}

ul.page-numbers .next:after {
  content: "\203A";
  padding-left: 6px;
}

ul.page-numbers .dots {
  margin-left: 10px;
  margin-right: 10px;
  border: 0;
  background: none;
  color: #999;
}

.pagination-models ul.page-numbers .current,
.pagination-models ul.page-numbers a.page-numbers {
  background: #222;
  color: #fff;
}

.pagination-models ul.page-numbers .current:hover,
.pagination-models ul.page-numbers a.page-numbers:hover {
  background: #aaa;
  color: #111;
}

.pagination-models ul.page-numbers .current,
.pagination-models ul.page-numbers .current:hover {
  background: #ffbf00;
  color: #111;
}

@media only screen and (max-width: 768px) {
  ul.page-numbers .current,
  ul.page-numbers a.page-numbers {
    font-size: 16px;
    padding: 10px;
  }
}

.sidebar {
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
  padding: 20px;
  margin-bottom: 30px;
}

.sidebar-heading {
  font-weight: 300;
  color: #aaa;
}

.sidebar-list {
  padding: 0 0 10px 0;
}

.sidebar-list:after {
  content: "";
  display: table;
  clear: both;
}

.sidebar-list.no-bottom-padding {
  padding-bottom: 0;
}

.sidebar-list li {
  list-style-type: none;
  padding: 0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  border-top: 1px solid #ddd;
}

.sidebar-list li a {
  display: block;
  font-size: 18px;
  padding: 6px 0;
  color: #777;
}

.sidebar-list li a:hover {
  color: #aaa;
}

.sidebar-list li li a {
  font-size: 16px;
}

.sidebar-list li li li a {
  padding-left: 18px;
  margin: 0;
  font-size: 16px;
}

.sidebar-list li li ul {
  margin-bottom: 20px;
}

.sidebar-list li li ul:after {
  content: "";
  display: table;
  clear: both;
}

.sidebar-list li li li {
  border-top: 0;
  margin: 0 0 0 28px;
  font-size: 16px;
}

.sidebar-list li li li a {
  padding: 4px 0;
}

.sidebar-list ul {
  margin: -8px 0 12px 20px;
  padding: 0;
}

#tag-cloud {
  padding: 0 0 20px 0;
}

#tag-cloud:after {
  content: "";
  display: table;
  clear: both;
}

#tag-cloud a {
  font-weight: 300;
  color: #777;
}

#tag-cloud a:hover {
  color: #aaa;
}

#sidebar-ctas {
  width: 100%;
  padding: 0;
  border: 2px solid #333;
}

#sidebar-ctas:after {
  content: "";
  display: table;
  clear: both;
}

#sidebar-ctas li {
  list-style-type: none;
  float: left;
  width: 100%;
}

#sidebar-ctas li blockquote {
  margin-bottom: 0;
}

#sidebar-ctas li a {
  position: relative;
  float: left;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#sidebar-ctas li a .cta-img {
  display: block;
  margin: 0;
}

#sidebar-ctas li a h5 {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  float: left;
  width: 100%;
  padding: 18px 15px;
  background: #111;
  color: #ffbf00;
  font-weight: 700;
  line-height: 1;
}

#sidebar-ctas li a h5 small {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
}

#sidebar-ctas li a h5.cta-download {
  position: relative;
  padding-right: 70px;
  min-height: 70px;
}

#sidebar-ctas li a h5.cta-download:before {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e639";
  font-size: 22px;
  color: #111;
  text-align: center;
  line-height: 50px;
  background: #ffbf00;
  border-radius: 50%;
}

#sidebar-ctas li a:hover h5 {
  background: #ccc;
  color: #111;
}

#sidebar-ctas li a:hover h5 small {
  color: #111;
}

#sidebar-ctas li a:hover h5.cta-download:before {
  background: #fff;
  color: #111;
}

.model {
  float: left;
  width: 32%;
  margin: 0 2% 2% 0;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

.model:nth-child(3n) {
  margin-right: 0;
}

.loop-favs .model {
  width: 47%;
  margin: 0 3% 3% 0;
}

.loop-favs .model:nth-child(3n) {
  margin-right: 3%;
}

.loop-favs .model:nth-child(2n) {
  margin-right: 0;
}

.model.hide {
  display: none;
}

.model .model-img {
  position: relative;
  float: left;
  width: 100%;
  height: 240px;
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.model .model-info {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=(0));
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  background: rgba(0, 0, 0, 0.8);
}

.model .model-info .model-info-specs {
  width: 100%;
  padding: 5px 0 0 0;
}

.model .model-info .model-info-specs:after {
  content: "";
  display: table;
  clear: both;
}

.model .model-info .model-info-specs li {
  list-style-type: none;
  float: left;
  padding: 0 25px 6px 0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #fff;
}

.model .model-info .model-info-specs li:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #aaa;
  padding-right: 10px;
}

.model .model-info .model-info-specs li.mis-sqft:before {
  content: "\e606";
}

.model .model-info .model-info-specs li.mis-beds:before {
  content: "\e603";
}

.model .model-info .model-info-specs li.mis-baths:before {
  content: "\e602";
}

.model .model-info .model-blurb {
  padding-top: 10px;
  color: #ddd;
  line-height: 1.4;
}

.model a:hover .model-info {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=(100));
  opacity: 1;
}

.model .model-title {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  float: left;
  width: 100%;
  padding: 0 15px;
  height: 74px;
  background: #ffbf00;
}

.model .model-title h3,
.model .model-title p {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  color: #111;
  line-height: 1.2;
}

.model .model-title h3 {
  font-size: 24px;
  padding: 11px 0 0;
}

.model .model-title p {
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  padding: 0;
}

@media only screen and (max-width: 1200px) {
  .model .model-title h3 {
    font-size: 20px;
  }
}

.model.cc-all a:hover .model-title h3,
.model.cc-all a:hover .model-title p {
  color: #ffbf00;
}

.model.cc-bungalow a:hover .model-title h3,
.model.cc-bungalow a:hover .model-title p {
  color: #80bd01;
}

.model.cc-two-storey a:hover .model-title h3,
.model.cc-two-storey a:hover .model-title p {
  color: #b2a89e;
}

.model.cc-cottages a:hover .model-title h3,
.model.cc-cottages a:hover .model-title p {
  color: #3ac1e1;
}

.model.cc-simple-living a:hover .model-titlea h3,
.model.cc-simple-living a:hover .model-titlea p {
  color: #ba7fd1;
}

.model.cc-platinum-series a:hover .model-title h3,
.model.cc-platinum-series a:hover .model-title p {
  color: #c2c6ca;
}

.model.cc-specialty-homes a:hover .model-title h3,
.model.cc-specialty-homes a:hover .model-title p {
  color: #fd8204;
}

.model.cc-royal-q-series a:hover .model-title h3,
.model.cc-royal-q-series a:hover .model-title p {
  color: #1fcfcb;
}

.model a:hover .model-title {
  background: #111;
}

.model .model-select-video {
  position: relative;
  float: left;
  width: 100%;
  background: #222;
  height: 45px;
}

.model .model-video {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 15px 0 0;
  color: #ffbf00;
  line-height: 45px;
}

.model .model-video:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61d";
  padding-left: 8px;
}

.model .model-video:hover {
  color: #fff;
}

.model .model-select-wrap {
  cursor: pointer;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=(60));
  opacity: .6;
  position: relative;
  float: left;
  font-size: 15px;
  line-height: 45px;
  color: #aaa;
  padding: 0 0 0 50px;
}

.model .model-select-wrap:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=(100));
  opacity: 1;
  color: #aaa;
}

.model .model-select {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  top: 12px;
  left: 15px;
  display: block;
  width: 22px;
  height: 22px;
  background: #555;
  border: 1px solid #777;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}

.model-select-wrap:hover .model .model-select {
  border-color: #ffbf00;
}

.model .model-select:after {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=(0));
  opacity: 0;
  position: absolute;
  top: -8px;
  right: -8px;
  display: block;
  width: 28px;
  heigth: 28px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610";
  font-size: 26px;
  color: #aaa;
}

.model .model-select.selected:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=(100));
  opacity: 1;
}

@media only screen and (max-width: 960px) {
  .model {
    width: 49%;
  }
  .model:nth-child(3n) {
    margin-right: 2%;
  }
  .model:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .model {
    width: 48%;
  }
  .model:nth-child(3n) {
    margin-right: 0;
  }
  .model .model-img {
    height: 200px;
  }
  .model .model-info {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .model {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .loop-favs .model {
    width: 100%;
    margin: 0 0 20px;
  }
  .loop-favs .model:nth-child(3n) {
    margin-right: 0;
  }
}

#models-cats {
  margin: 0 30px 15px;
  padding: 0;
}

#models-cats:after {
  content: "";
  display: table;
  clear: both;
}

#models-cats li {
  list-style-type: none;
  float: left;
  margin: 0 5px 5px 0;
}

#models-cats li a {
  float: left;
  padding: 16px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  color: #ffbf00;
  background: #222;
}

#models-cats li.cc-all a {
  color: #ffbf00;
}

#models-cats li.cc-bungalow a {
  color: #80bd01;
}

#models-cats li.cc-two-storey a {
  color: #b2a89e;
}

#models-cats li.cc-cottages a {
  color: #3ac1e1;
}

#models-cats li.cc-simple-living a {
  color: #ba7fd1;
}

#models-cats li.cc-platinum-series a {
  color: #c2c6ca;
}

#models-cats li.cc-specialty-homes a {
  color: #fd8204;
}

#models-cats li.cc-royal-q-series a {
  color: #1fcfcb;
}

#models-cats li:hover a,
#models-cats li.current-cat a {
  color: #ebebeb;
}

@media only screen and (max-width: 768px) {
  #models-cats {
    margin: 0 20px 15px;
  }
}

@media only screen and (max-width: 480px) {
  #models-cats li {
    width: 49%;
    margin: 0 0 2%;
  }
  #models-cats li a {
    padding: 12px;
    font-size: 18px;
    width: 100%;
  }
  #models-cats li:nth-child(even) {
    margin-left: 2%;
  }
}

#models-filters-wrap {
  width: 100%;
  padding-top: 10px;
  background: #111;
}

#models-filters-wrap:after {
  content: "";
  display: table;
  clear: both;
}

#filters-and-box-wrap {
  position: relative;
  width: 100%;
  height: 58px;
}

#filters-and-box-wrap:after {
  content: "";
  display: table;
  clear: both;
}

#filters-and-box {
  position: relative;
  z-index: 999;
  width: 100%;
  height: 58px;
}

#filters-and-box:after {
  content: "";
  display: table;
  clear: both;
}

#filters-and-box.fixed {
  position: fixed;
  max-width: 1200px;
  top: 0;
  margin-left: -600px;
  left: 50%;
}

@media only screen and (max-width: 1200px) {
  #filters-and-box.fixed {
    max-width: 960px;
    margin-left: -480px;
  }
}

@media only screen and (max-width: 960px) {
  #filters-and-box.fixed {
    max-width: 100%;
    margin-left: 0;
    top: auto;
    bottom: 0;
    left: 0;
  }
  #filters-and-box.fixed #filters-box {
    position: fixed;
    top: 0;
    right: 10px;
  }
  #filters-and-box.fixed #filters-box .ui-slider {
    margin-bottom: 25px;
  }
}

#filters {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 58px;
  padding: 0 20px 0 30px;
  background: #222;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

#filters:after {
  content: "";
  display: table;
  clear: both;
}

#current-filters {
  padding: 0;
  height: 58px;
}

#current-filters:after {
  content: "";
  display: table;
  clear: both;
}

#current-filters li {
  list-style-type: none;
  float: left;
  padding: 0 50px 0 0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 58px;
  font-weight: 300;
  color: #aaa;
}

#current-filters li strong {
  font-weight: 700;
  color: #fff;
}

#current-filters li:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 14px;
  color: #aaa;
}

#current-filters li#cf-sqft:before {
  content: "\e606";
}

#current-filters li#cf-beds:before {
  content: "\e603";
}

#current-filters li#cf-baths:before {
  content: "\e602";
}

#current-filters li#cf-floors:before {
  content: "\e607";
}

@media only screen and (max-width: 1200px) {
  #current-filters li {
    padding-right: 30px;
  }
}

@media only screen and (max-width: 960px) {
  #current-filters {
    display: none;
  }
}

#filters-open {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 58px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 58px;
  padding: 0 18px;
  font-weight: 700;
  color: #ffbf00;
}

#filters-open:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 12px;
  content: "\e611";
}

#filters:hover #filters-open {
  background: #aaa;
  color: #111;
}

@media only screen and (max-width: 960px) {
  #filters-open {
    right: auto;
    left: 30px;
  }
}

@media only screen and (max-width: 768px) {
  #filters-open {
    left: 20px;
  }
}

#filters-box {
  display: none;
  position: absolute;
  z-index: 200;
  top: 0;
  right: 0;
  width: 300px;
  background: #222;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

#filters-box #filters-box-sliders {
  float: left;
  padding: 25px 25px 0 25px;
}

@media only screen and (max-width: 960px) {
  #filters-box {
    right: auto;
    left: 30px;
  }
}

@media only screen and (max-width: 768px) {
  #filters-box {
    left: 20px;
  }
}

#filters-box-actions {
  float: left;
  width: 100%;
  height: 58px;
  padding: 0 25px;
  background: #111;
}

#filters-box-actions li {
  list-style-type: none;
  float: left;
  margin: 0 30px 10px 0;
}

#filters-box-actions li a {
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 58px;
  font-weight: 300;
  color: #ffbf00;
}

#filters-box-actions li a:hover {
  color: #aaa;
}

#filters-box-actions li a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 10px;
  font-size: 14px;
}

#filters-box-actions li a#filters-cancel:before {
  content: "\e600";
}

#filters-box-actions li a#filters-reset:before {
  content: "\e62f";
}

#filters-apply {
  cursor: pointer;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  float: left;
  width: 300px;
  height: 58px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 58px;
  padding: 0 18px;
  font-weight: 700;
  background: #ffbf00;
  color: #111;
}

#filters-apply:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 12px;
  content: "\e610";
}

#filters-apply:hover {
  background: #aaa;
}

.slider-value {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #aaa;
  text-align: right;
}

.slider-value strong {
  color: #fff;
}

.slider-value:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 22px;
  color: #aaa;
}

.slider-value#values-sqft:before {
  content: "\e606";
}

.slider-value#values-beds:before {
  content: "\e603";
}

.slider-value#values-baths:before {
  content: "\e602";
}

.slider-value#values-floors:before {
  content: "\e607";
}

.ui-slider {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 50px;
  height: 2px;
  background: #666;
}

.ui-slider-range {
  position: absolute;
  z-index: 10;
  top: 0;
  height: 2px;
  background: #aaa;
}

.ui-slider-handle {
  -webkit-transition: .0s;
  -moz-transition: .0s;
  -o-transition: .0s;
  -ms-transition: .0s;
  transition: .0s;
  position: absolute;
  top: -7px;
  z-index: 20;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  background: #aaa;
  border-radius: 50%;
}

.ui-slider-handle.ui-state-active {
  background: #ffbf00;
}

#models-list-wrap {
  position: relative;
  width: 100%;
  background: #111;
}

#models-list-wrap:after {
  content: "";
  display: table;
  clear: both;
}

#models-list-wrap #models-list-mask {
  display: none;
  position: absolute;
  z-index: 190;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111;
  background: rgba(0, 0, 0, 0.85);
}

#models-list {
  -webkit-transition: .7s ease all;
  -moz-transition: .7s ease all;
  -o-transition: .7s ease all;
  -ms-transition: .7s ease all;
  transition: .7s ease all;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=(100));
  opacity: 1;
  position: relative;
  width: 100%;
}

#models-list:after {
  content: "";
  display: table;
  clear: both;
}

#models-list #pagination {
  margin-top: 10px;
}

#model-title {
  position: relative;
  width: 100%;
  padding: 20px 30px;
  margin-bottom: 0px;
  background: #111;
  background: rgba(0, 0, 0, 0.85);
}

#model-title:after {
  content: "";
  display: table;
  clear: both;
}

#model-title h1 {
  color: #ffbf00;
  padding: 0;
}

#model-title h5 {
  padding: 0;
}

#model-title h5 a {
  color: #fff;
}

#model-title h5 a:hover {
  color: #aaa;
}

#model-specs {
  position: absolute;
  bottom: 20px;
  right: 30px;
  padding: 0;
}

#model-specs li {
  list-style-type: none;
  float: left;
  margin-left: 30px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 300;
  color: #aaa;
}

#model-specs li strong {
  color: #fff;
}

#model-specs li:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 12px;
  color: #aaa;
}

#model-specs li#ms-sqft:before {
  content: "\e606";
}

#model-specs li#ms-beds:before {
  content: "\e603";
}

#model-specs li#ms-baths:before {
  content: "\e602";
}

#model-specs li#ms-floors:before {
  content: "\e607";
}

.single-model .top-row {
  padding-top: 0;
}

@media only screen and (max-width: 960px) {
  #model-specs {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  #model-title {
    padding: 20px;
  }
}

.slider {
  position: relative;
  width: 100%;
  background: #000;
}

.slider:after {
  content: "";
  display: table;
  clear: both;
}

.slider .slides {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.slider .slides:after {
  content: "";
  display: table;
  clear: both;
}

.slider .slides li {
  display: none;
  list-style-type: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}

.slider .slide-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
}

.slider .slide-img-tablet {
  display: none;
}

.slider .slide-img-phone {
  display: none;
}

@media only screen and (max-width: 768px) {
  .slider .slide-img-large {
    display: none;
  }
  .slider .slide-img-tablet {
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  .slider .slide-img-tablet {
    display: none;
  }
  .slider .slide-img-phone {
    display: block;
  }
}

.carousel {
  position: relative;
  width: 100%;
  padding: 10px 0;
}

.carousel:after {
  content: "";
  display: table;
  clear: both;
}

.carousel .slides {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.carousel .slides:after {
  content: "";
  display: table;
  clear: both;
}

.carousel .slides li {
  list-style-type: none;
  position: relative;
  float: left;
  width: 188px;
  margin: 0 5px;
}

.carousel .slides li img {
  display: block;
  margin: 0;
  max-width: 100%;
  height: auto;
}

.carousel .slides li.flex-active-slide,
.carousel .slides li:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=(100));
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .carousel .slides li {
    width: 94px;
  }
}

#model-cta {
  z-index: 2;
}

#model-cta a:before {
  content: "\e626";
  position: absolute;
  top: 9px;
  left: 3px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
}

#model-cta .phone:before {
  content: "\e627";
}

#model-cta .email:before {
  content: "\e626";
}

#model-cta .star {
  content: "\e60a";
}

#model-cta .floorplan {
  content: "\e607";
}

#model-cta .compare {
  content: "\e604";
}

@media only screen and (max-width: 768px) {
  #model-cta {
    width: 100%;
    position: relative;
  }
}

@media only screen and (min-width: 769px) {
  #model-cta {
    position: absolute;
    top: 20px;
    right: 35px;
    padding-right: 20px;
  }
}

#model-cta .footer-button {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  padding: 5px 5px 5px 60px;
  margin-bottom: 0.111em;
}

#model-cta .footer-button h5 {
  font-size: 24px;
  padding-bottom: 3px;
  font-weight: 700;
}

#model-cta .footer-button h6 {
  font-size: 18px;
  padding-bottom: 0;
  font-weight: 300;
  word-break: break-all;
}

.flex-direction-nav {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0;
  width: 100%;
  height: 0;
  margin: 0;
}

.flex-direction-nav li {
  list-style-type: none;
  position: absolute;
  top: 50%;
  margin: 0;
  width: 50px;
  height: 50px;
  margin-top: -25px;
}

.flex-direction-nav li:first-child {
  left: 0;
}

.flex-direction-nav li:last-child {
  right: 0;
}

.flex-direction-nav li a {
  float: left;
  width: inherit;
  height: inherit;
  display: block;
  position: absolute;
  text-align: center;
  z-index: 10;
  background: #000;
  background: rgba(0, 0, 0, 0.4);
}

.flex-direction-nav li a.disabled {
  display: none;
}

.flex-direction-nav li a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  font-size: 20px;
  line-height: 50px;
  color: #ffbf00;
}

.flex-direction-nav li a:hover:before {
  color: #fff;
}

.flex-direction-nav li a:hover {
  background: rgba(0, 0, 0, 0.9);
}

.flex-direction-nav li a.flex-prev:before {
  content: "\e600";
}

.flex-direction-nav li a.flex-next:before {
  content: "\e601";
}

.flex-direction-nav li a.flex-disabled {
  display: none;
}

#slider {
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
}

#slider-wrap {
  position: relative;
  min-height: 180px;
}

#slider-wrap-loading {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
}

#model-info {
  padding-top: 35px;
}

#model-left h3 {
  color: #aaa;
}

#model-left #highlights-sps {
  width: 100%;
  margin: 20px 0;
}

#model-left #highlights-sps:after {
  content: "";
  display: table;
  clear: both;
}

#model-left .highlights-sp-half {
  float: left;
  width: 49%;
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
  padding: 20px;
  margin-right: 2%;
}

#model-left .highlights-sp-half:nth-child(2) {
  margin-right: 0;
}

#model-left .highlights-sp-half h3 {
  font-size: 22px;
  color: #ffbf00;
  letter-spacing: 0;
}

@media only screen and (max-width: 1200px) {
  #model-left .highlights-sp-half {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

#model-left .highlights {
  float: left;
  width: 100%;
  padding: 0;
}

#model-left .highlights li {
  list-style-type: none;
  position: relative;
  float: left;
  clear: both;
  margin: 4px 0;
  padding-left: 24px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

#model-left .highlights li:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
  font-size: 14px;
  color: #ffbf00;
}

#model-sidebar {
  width: 100%;
  margin-bottom: 30px;
  background: #f2f2f2;
}

#model-sidebar:after {
  content: "";
  display: table;
  clear: both;
}

#model-sidebar h3 {
  color: #aaa;
}

#model-dimensions {
  padding: 20px;
}

#model-specs-sidebar {
  width: 100%;
  padding: 0;
}

#model-specs-sidebar:after {
  content: "";
  display: table;
  clear: both;
}

#model-specs-sidebar li {
  list-style-type: none;
  width: 100%;
  padding: 6px 0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 300;
  color: #aaa;
}

#model-specs-sidebar li:after {
  content: "";
  display: table;
  clear: both;
}

#model-specs-sidebar li strong {
  color: #111;
}

#model-specs-sidebar li:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 15px;
  color: #aaa;
}

#model-specs-sidebar li#mss-sqft:before {
  content: "\e606";
}

#model-specs-sidebar li#mss-beds:before {
  content: "\e603";
}

#model-specs-sidebar li#mss-baths:before {
  content: "\e602";
}

#model-specs-sidebar li#mss-floors:before {
  content: "\e607";
}

#room-dimensions {
  padding: 20px 0 0 0;
}

#room-dimensions li {
  list-style-type: none;
  width: 100%;
  padding: 3px 0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #aaa;
}

#room-dimensions li:after {
  content: "";
  display: table;
  clear: both;
}

#room-dimensions li strong {
  color: #111;
}

#model-buttons {
  padding: 0;
}

#model-buttons li {
  list-style-type: none;
  width: 100%;
  border-bottom: 1px solid #e0a800;
}

#model-buttons li:after {
  content: "";
  display: table;
  clear: both;
}

#model-buttons li:last-child {
  border-bottom: 0;
}

#model-buttons li a {
  position: relative;
  float: left;
  width: 100%;
  background: #ffbf00;
  color: #111;
  padding: 14px 42px 14px 14px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
}

#model-buttons li a:after {
  content: "";
  display: table;
  clear: both;
}

#model-buttons li a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 14px;
  font-size: 24px;
  margin-top: -12px;
}

#model-buttons li a#mb-favorite:before {
  content: "\e60a";
}

#model-buttons li a#mb-compare:before {
  content: "\e604";
}

#model-buttons li a#mb-floorplan:before {
  content: "\e607";
}

#model-buttons li a:hover {
  background: #111;
  color: #ffbf00;
}

#model-floorplan {
  width: 100%;
  padding: 30px 0;
}

#model-floorplan:after {
  content: "";
  display: table;
  clear: both;
}

#model-floorplan a {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  border: 6px solid #f2f2f2;
}

#model-floorplan a:after {
  content: "";
  display: table;
  clear: both;
}

#model-floorplan a #floorplan-link {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  bottom: -6px;
  right: -6px;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  padding: 15px;
  color: #fff;
}

#model-floorplan a:hover {
  border-color: #ffbf00;
}

#model-floorplan a:hover #floorplan-link {
  background: #ffbf00;
  color: #000;
}

#floorplan-image {
  display: block;
  margin: 20px auto;
}

@media only screen and (max-width: 960px) {
  #model-floorplan a {
    border-color: #ffbf00;
  }
  #model-floorplan a #floorplan-link {
    background: #ffbf00;
    color: #000;
  }
}

.page-template-page-compare-php #content {
  background: #111;
  padding-bottom: 10px;
}

.compare {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  min-height: 230px;
  background-image: url(images/no_model_selected.png);
  background-position: center 120px;
  background-repeat: no-repeat;
}

.compare:after {
  content: "";
  display: table;
  clear: both;
}

.compare-loader {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/loading_compare.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #111;
}

.compare-ajax {
  width: 100%;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  background: #222;
}

.compare-ajax:after {
  content: "";
  display: table;
  clear: both;
}

.model-list {
  margin: 20px 0;
  font-weight: 700;
}

.compare-thumb-title {
  position: relative;
  z-index: 1;
  float: left;
  clear: both;
  width: 100%;
}

.compare-thumb-title .compare-thumb {
  float: left;
  width: 100%;
  height: 220px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.compare-thumb-title h4 {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  float: left;
  width: 100%;
  padding: 15px;
  background: #ffbf00;
  color: #111;
}

.compare-thumb-title:hover h4 {
  background: #111;
  color: #aaa;
}

.compare-section {
  float: left;
  clear: both;
  width: 100%;
  padding: 20px;
}

.compare-section h4 {
  color: #ffbf00;
}

.compare-section.compare-section-odd {
  background: #2a2a2a;
}

.compare-specs {
  width: 100%;
  padding: 0;
}

.compare-specs:after {
  content: "";
  display: table;
  clear: both;
}

.compare-specs li {
  list-style-type: none;
  width: 100%;
  padding: 6px 0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 300;
  color: #ddd;
}

.compare-specs li:after {
  content: "";
  display: table;
  clear: both;
}

.compare-specs li strong {
  color: #fff;
}

.compare-specs li:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 15px;
  color: #aaa;
}

.compare-specs li.cs-sqft:before {
  content: "\e606";
}

.compare-specs li.cs-beds:before {
  content: "\e603";
}

.compare-specs li.cs-baths:before {
  content: "\e602";
}

.compare-specs li.cs-floors:before {
  content: "\e607";
}

.compare-highlights {
  width: 100%;
  padding: 0;
}

.compare-highlights:after {
  content: "";
  display: table;
  clear: both;
}

.compare-highlights li {
  list-style-type: none;
  width: 100%;
  padding: 2px 0;
  font-size: 16px;
  font-weight: 700;
  color: #ddd;
}

.compare-highlights li:after {
  content: "";
  display: table;
  clear: both;
}

.compare-rooms {
  width: 100%;
  padding: 0;
}

.compare-rooms:after {
  content: "";
  display: table;
  clear: both;
}

.compare-rooms li {
  list-style-type: none;
  width: 100%;
  padding: 2px 0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ddd;
}

.compare-rooms li:after {
  content: "";
  display: table;
  clear: both;
}

.compare-rooms li strong {
  color: #fff;
}

#contact-top,
#contact-map {
  margin-bottom: 40px;
}

#contact-map {
  margin-top: 20px;
}

#contact-design-centers {
  margin-bottom: 4em;
}

#cdc-centers-list {
  width: 100%;
  padding: 20px 0 0;
}

#cdc-centers-list:after {
  content: "";
  display: table;
  clear: both;
}

#cdc-centers-list li {
  list-style-type: none;
  padding-right: 20px;
}

@media only screen and (max-width: 768px) {
  #cdc-centers-list li {
    width: 100%;
    padding-right: 0;
  }
}

#cdc-centers-list li .center-name {
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

#cdc-centers-list li .center-name span {
  font-weight: 300;
}

#cdc-centers-list li .center-phones {
  font-weight: 700;
}

#cdc-centers-list li .center-phones span {
  font-weight: 300;
  color: #ccc;
}

#contact-form-wrap li.gform_widget {
  display: block;
}

#contact-form-wrap {
  position: relative;
  width: 500px;
  max-width: 100%;
  margin-top: 20px;
  height: 400px;
  overflow: hidden;
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
  padding: 20px;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  padding-bottom: 0;
  top: 25px;
  margin: 0 auto;
  background: #f2f2f2 !important;
}

#contact-form-wrap:after {
  content: "";
  display: table;
  clear: both;
}

#contact-form-wrap.closed {
  cursor: pointer;
}

#contact-form-wrap .full-width-textarea {
  max-width: 100%;
}

#contact-form-wrap .full-width-textarea textarea {
  max-width: 100%;
}

#contact-form-wrap #contact-form-expand {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffbf00;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1;
  font-size: 24px;
  padding: 20px;
  font-weight: 700;
}

#contact-form-wrap #contact-form-expand:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60e";
  padding-right: 12px;
  font-size: 14px;
  line-height: 20px;
}

#contact-form-wrap:hover #contact-form-expand {
  background: #aaa;
}

.contact-info {
  width: 100%;
  padding: 0 0 20px 0;
}

.contact-info:after {
  content: "";
  display: table;
  clear: both;
}

.contact-info li {
  list-style-type: none;
  width: 100%;
}

.contact-info li:after {
  content: "";
  display: table;
  clear: both;
}

.centre-padded {
  width: 100%;
  padding: 20px 20px 10px 20px;
}

.centre-padded:after {
  content: "";
  display: table;
  clear: both;
}

.acf-map {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=(100));
  opacity: 1;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  width: 100%;
  height: 500px;
  border: 0;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

.acf-map:after {
  content: "";
  display: table;
  clear: both;
}

.acf-map.loading {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=(0));
  opacity: 0;
}

.marker-popup {
  font-size: 15px;
  line-height: 1.4;
  color: #333;
}

.gm-style img {
  max-width: none;
}

#centres-wrap {
  float: left;
  width: 100%;
}

#centres {
  float: left;
  clear: both;
  width: 100%;
  padding: 0;
  min-height: 200px;
}

.centre {
  -webkit-transition: 2s ease all;
  -moz-transition: 2s ease all;
  -o-transition: 2s ease all;
  -ms-transition: 2s ease all;
  transition: 2s ease all;
  list-style-type: none;
  float: left;
  width: 32%;
  margin: 0 2% 2% 0;
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.centre:nth-child(3n) {
  margin-right: 0;
}

.centre hr {
  margin: 5px 0 20px;
}

.centre.centre-highlight {
  background: #fff;
  -webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.1);
}

.centre-photo {
  position: relative;
  width: 100%;
  height: 250px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.centre-photo:after {
  content: "";
  display: table;
  clear: both;
}

.centre-name {
  position: relative;
  width: 100%;
  padding: 15px 20px;
  background: #111;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 24px;
  line-height: .9;
}

.centre-name:after {
  content: "";
  display: table;
  clear: both;
}

.centre-name:before {
  -webkit-transition: 2s ease all;
  -moz-transition: 2s ease all;
  -o-transition: 2s ease all;
  -ms-transition: 2s ease all;
  transition: 2s ease all;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=(0));
  opacity: 0;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e626";
  position: absolute;
  bottom: 50px;
  right: 5px;
  color: #fff;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  font-size: 70px;
}

.centre-highlight .centre-name:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=(100));
  opacity: 1;
  bottom: 18px;
}

.centre-name small {
  font-size: 16px;
}

.centre-name.centre-name-inphoto {
  position: absolute;
  bottom: 0;
  left: 0;
}

.centre-name.cn-yellow {
  background: #ffbf00;
}

.centre-name.cn-orange {
  background: #f58220;
}

.centre-name.cn-blue {
  background: #43c5e4;
}

.centre-name.cn-green {
  background: #b2d235;
}

.centre-name.cn-turquoise {
  background: #44c1c0;
}

.centre-name.cn-purple {
  background: #b381b9;
}

.centre-name.cn-pink {
  background: #ff74c8;
}

.centre-name.cn-red {
  background: #ff4c4c;
}

@media only screen and (max-width: 1200px) {
  .centre {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%;
  }
  .centre:nth-child(3n) {
    margin-right: 3%;
  }
  .centre:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .centre {
    width: 100%;
    margin: 0 0 30px;
  }
  .centre:nth-child(2n),
  .centre:nth-child(3n) {
    margin-right: 0;
  }
}

#options-cats {
  width: 100%;
  padding: 0;
}

#options-cats:after {
  content: "";
  display: table;
  clear: both;
}

#options-cats li {
  list-style-type: none;
  float: left;
  width: 48%;
  margin: 0 2% 2% 0;
}

#options-cats li a {
  position: relative;
  float: left;
  width: 100%;
  height: 250px;
  background: #eee;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08);
}

#options-cats li a h2 {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  font-size: 22px;
  color: #ffbf00;
  font-weight: 700;
  letter-spacing: 0;
}

#options-cats li a:hover {
  -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
}

#options-cats li a:hover h2 {
  color: #aaa;
}

#options-cats li .option-cat-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#options-cats li .option-cat-img-tablet {
  display: none;
}

#options-cats li .option-cat-img-phone {
  display: none;
}

@media only screen and (max-width: 960px) {
  #options-cats li {
    width: 100%;
    margin: 0 0 20px 0;
  }
  #options-cats li a {
    height: 300px;
  }
  #options-cats li .option-cat-img-desktop {
    display: none;
  }
  #options-cats li .option-cat-img-tablet {
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  #options-cats li a {
    height: 230px;
  }
  #options-cats li .option-cat-img-tablet {
    display: none;
  }
  #options-cats li .option-cat-img-phone {
    display: block;
  }
}

#options-title {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
}

#options-title:after {
  content: "";
  display: table;
  clear: both;
}

#options-title h1 {
  position: relative;
  width: 100%;
  padding: 20px;
  color: #ffbf00;
  background: #111;
}

#options-title.has-img h1 {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

#options-title .option-img {
  display: block;
  margin: 0;
  width: 100%;
}

#options-title .option-img-tablet,
#options-title .option-img-phone {
  display: none;
}

@media only screen and (max-width: 768px) {
  #options-title h1 {
    font-size: 26px;
    padding: 15px;
  }
  #options-title .option-img-desktop {
    display: none;
  }
  #options-title .option-img-tablet {
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  #options-title .option-img-tablet {
    display: none;
  }
  #options-title .option-img-phone {
    display: block;
  }
}

#options-more {
  width: 100%;
}

#options-more:after {
  content: "";
  display: table;
  clear: both;
}

.options-more {
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
  padding: 20px;
  float: left;
  width: 48.5%;
  margin: 10px 0 30px;
}

.options-more.options-more-two {
  margin-left: 3%;
}

.options-more h3 {
  padding-bottom: 6px;
}

.options-more ul {
  padding: 0 0 4px 28px;
}

.options-more ul li {
  color: #bbb;
  font-size: 18px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

.options-more ul a {
  display: block;
  padding: 1px 0;
  color: #777;
  font-weight: 700;
}

.options-more ul a:hover {
  color: #aaa;
}

.options-more ul li li a {
  font-weight: 300;
}

.options-more ul .sub-menu {
  padding-left: 25px;
}

.options-more ul li {
  list-style-type: disc;
}

.options-more ul .sub-menu li {
  list-style-type: circle;
}

.options-more ul .sub-menu .sub-menu li {
  list-style-type: square;
}

@media only screen and (max-width: 768px) {
  .options-more {
    width: 100%;
  }
  .options-more.options-more-two {
    margin-left: 0;
  }
}

.options-gallery-wrap {
  width: 100%;
  margin-bottom: 40px;
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
}

.options-gallery-wrap:after {
  content: "";
  display: table;
  clear: both;
}

.options-gallery-wrap h3 {
  width: 100%;
  padding: 15px 20px;
  background: rgba(0, 0, 0, 0.05);
}

.options-gallery-wrap h3:after {
  content: "";
  display: table;
  clear: both;
}

.options-gallery {
  width: 100%;
  padding: 20px 20px 10px 20px;
}

.options-gallery:after {
  content: "";
  display: table;
  clear: both;
}

.options-gallery li {
  position: relative;
  list-style-type: none;
  float: left;
  width: 23.5%;
  margin: 0 2% 2% 0;
}

.options-gallery li:nth-child(4n) {
  margin-right: 0;
}

.options-gallery li a {
  position: relative;
  display: block;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

.options-gallery li a:before {
  content: "";
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.options-gallery li a:after {
  content: "\e62e";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=(0));
  opacity: 0;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
  padding: 10px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #111;
  background: #ffbf00;
}

.options-gallery li a:hover:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=(100));
  opacity: 1;
}

.options-gallery li a img {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
}

.options-gallery li a .gallery-badge {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.options-gallery li a .gallery-badge.badge-standard {
  background-color: #ccc;
  background-image: url(images/badge_bg_standard.png);
}

.options-gallery li a .gallery-badge.badge-premium {
  background-color: #ffbf00;
  background-image: url(images/badge_bg_premium.png);
}

@media only screen and (max-width: 1200px) {
  .options-gallery li {
    width: 32%;
    margin: 0 2% 2% 0;
  }
  .options-gallery li:nth-child(4n) {
    margin-right: 2%;
  }
  .options-gallery li:nth-child(3n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  .options-gallery li {
    width: 48.5%;
    margin: 0 3% 3% 0;
  }
  .options-gallery li:nth-child(3n) {
    margin-right: 3%;
  }
  .options-gallery li:nth-child(2n) {
    margin-right: 0;
  }
}

#options-sidebar {
  position: relative;
}

#options-sidebar .sidebar-heading {
  position: relative;
  z-index: 1;
}

#options-sidebar-loading {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

#options-nav {
  position: relative;
  z-index: 1;
  padding: 0;
}

#options-nav:after {
  content: "";
  display: table;
  clear: both;
}

#options-nav li {
  list-style-position: inside;
  position: relative;
  list-style-type: none;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #bbb;
}

#options-nav li .option-has-children-btn {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 0;
  width: 26px;
  height: 26px;
  text-align: center;
  background: #ddd;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#options-nav li .option-has-children-btn:after {
  display: block;
  width: 24px;
  height: 24px;
  text-align: center;
  top: 2px;
  left: 1px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60e";
  font-size: 10px;
  color: #111;
  line-height: 24px;
}

#options-nav li .option-has-children-btn:hover {
  background: #aaa;
}

#options-nav li .option-has-children-btn:hover:after {
  color: #111;
}

#options-nav li.opened>.option-has-children-btn:after {
  content: "\e60d";
}

#options-nav li a {
  display: block;
  padding: 8px 28px 8px 0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #777;
}

#options-nav li a:hover {
  color: #aaa;
}

#options-nav li li.current-menu-item>a {
  color: #ffbf00;
  font-weight: 700;
}

#options-nav li li {
  display: list-block;
  padding-top: 2px;
  padding-bottom: 2px;
}

#options-nav li li a {
  display: inline;
  font-size: 18px;
  font-weight: 300;
}

#options-nav li .sub-menu {
  display: none;
  position: relative;
  width: 100%;
  padding: 0 0 10px 12px;
}

#options-nav li .sub-menu:after {
  content: "";
  display: table;
  clear: both;
}

#options-nav li .sub-menu .sub-menu {
  display: block;
}

#options-nav li .sub-menu li {
  list-style-type: disc;
  border-top: 0;
}

#options-nav li .sub-menu li li {
  list-style-type: circle;
}

#options-nav li .sub-menu li li li {
  list-style-type: square;
}

#options-nav>li.current-menu-item>a,
#options-nav>li.current-menu-ancestor>a {
  color: #ffbf00;
}

#featured-wide {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  background-image: url(images/loading_black.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #111;
  height: 642px;
}

#featured-wide:after {
  content: "";
  display: table;
  clear: both;
}

#featured-wide img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}

#featured-wide #featured-img-tablet {
  display: none;
}

#featured-wide #featured-img-phone {
  display: none;
}

#featured-wide h1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: #111;
  background: rgba(0, 0, 0, 0.8);
  color: #ffbf00;
  line-height: 1;
}

#featured-wide h1 small {
  color: #fff;
  font-size: 24px;
}

.page-id-234 #featured-wide h1 {
  background: #b2d235;
  background: rgba(178, 210, 53, 0.9);
  color: #111;
}

.page-id-234 #featured-wide h1 small {
  color: #fff;
}

@media only screen and (max-width: 1200px) {
  #featured-wide {
    height: 514px;
  }
}

@media only screen and (max-width: 960px) {
  #featured-wide {
    height: auto;
  }
}

@media only screen and (max-width: 768px) {
  .page-template-page-advantage-php #header,
  .page-template-page-about-php #header,
  .page-template-page-video-tour-php #header,
  .page-template-page-nine-steps-php #header {
    background: none;
  }
  #featured-wide {
    background-image: url(images/blueprint_bg.jpg);
    background-repeat: repeat;
    padding-top: 158px;
  }
  #featured-img-large {
    display: none;
  }
  #featured-img-tablet {
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  #featured-img-tablet {
    display: none;
  }
  #featured-img-phone {
    display: block;
  }
}

#raised-sidebar {
  position: relative;
  z-index: 2;
  margin-top: -200px;
}

@media only screen and (max-width: 768px) {
  #raised-sidebar {
    margin-top: 0;
  }
}

#advantage-sidebar {
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0;
  background: #f2f2f2;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

#advantage-sidebar:after {
  content: "";
  display: table;
  clear: both;
}

#advantage-sidebar h1 {
  position: relative;
  padding: 20px 15px 20px 60px;
  background: #111;
  font-size: 26px;
  color: #fff;
  font-weight: 300;
}

#advantage-sidebar h1:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 13px;
  background-image: url(images/advantage_icon.png);
  width: 26px;
  height: 22px;
}

#advantage-sidebar-list {
  position: relative;
  width: 100%;
  padding: 0;
}

#advantage-sidebar-list:after {
  content: "";
  display: table;
  clear: both;
}

#advantage-sidebar-list:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 48px;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
}

#advantage-sidebar-list li {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: relative;
  z-index: 2;
  list-style-type: none;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#advantage-sidebar-list li:first-child {
  border: 0;
}

#advantage-sidebar-list li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 15px 15px 60px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #111;
  font-size: 18px;
  line-height: 20px;
}

#advantage-sidebar-list li a:before {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 15px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61b";
  font-size: 22px;
}

#advantage-sidebar-list li a:hover {
  background: #aaa;
  color: #111;
}

#advantage-sidebar-list li.current-menu-item {
  border-top-color: #ffbf00;
}

#advantage-sidebar-list li.current-menu-item a {
  background: #ffbf00;
}

.page-id-234 #advantage-sidebar-list li.current-menu-item {
  border-top-color: #b2d235;
}

.page-id-234 #advantage-sidebar-list li.current-menu-item a {
  background: #b2d235;
}

#advantage-sidebar-list li.menu-advantage a:before {
  content: "\e61b";
}

#advantage-sidebar-list li.menu-steps a:before {
  content: "\e605";
}

#advantage-sidebar-list li.menu-video a:before {
  content: "\e61d";
}

#advantage-sidebar-list li.menu-specs a:before {
  content: "\e606";
}

#advantage-sidebar-list li.menu-royale a:before {
  content: "\e619";
}

#advantage-sidebar-list li.menu-warranty a:before {
  content: "\e61f";
}

#advantage-sidebar-list li.menu-barrier a:before {
  content: "\e61a";
}

#advantage-sidebar-list li.menu-virtual a:before {
  content: url(fonts/play.svg);
  width: 22px;
}

.virtual-tour-tollbar {
  margin-top: 0 !important;
}

.vv-image-field {
  background: #f2f2f2;
  margin-bottom: 20px;
}

.vv-image-field :hover {
  background-color: #ffbf00;
}

.vv-image-field .vv-image_container .hgfc-mask {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vv-image-field :hover .vv-image_container .hgfc-mask {
  background: rgba(0, 0, 0, 0.3);
}

.vv-image_container {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.vv-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 50px;
  z-index: 2;
}

.vv-image-header {
  text-align: center;
}

.vv-image-content {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

.vv-virtual-tour {
  margin-top: 100px;
}

.vv-gallery-box {
  position: relative;
}

.vv-link {
  height: 100%;
  width: 100%;
}

.vv-image {
  height: 100%;
  position: relative;
  padding: 0;
}

@media only screen and (min-device-width: 1024px) {
  .vv-image-field {
    height: 150px;
  }
  .vv-mian-container {
    height: 100%;
  }
  .vv-image-header {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .vv-image-field {
    height: 400px;
  }
  .vv-mian-container {
    height: 70%;
  }
  .vv-image-header {
    padding-top: 20px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .vv-image-field {
    height: 150px;
  }
  .vv-mian-container {
    height: 100%;
  }
  .vv-image-header {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 480px) {
  .vv-image-field {
    height: 300px;
  }
  .vv-mian-container {
    height: 50%;
  }
  .vv-image-header {
    padding-top: 20px;
  }
}

#nine-steps {
  width: 100%;
  padding: 0;
}

#nine-steps:after {
  content: "";
  display: table;
  clear: both;
}

.step {
  position: relative;
  list-style-type: none;
  width: 100%;
  min-height: 180px;
  margin: 0 0 30px 0;
  padding: 15px 0 0 230px;
  min-height: 210px;
}

.step:after {
  content: "";
  display: table;
  clear: both;
}

.step .step-bg {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 0;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-image: url(images/header_bg_phone.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

.step .step-bg:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
}

.step .step-bg:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  line-height: 60px;
  text-align: center;
  font-size: 60px;
  color: #fff;
}

.step .step-number {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 130px;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 28px;
  color: #111;
  font-weight: 700;
  text-align: center;
  background: #ffbf00;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

.step h3 {
  line-height: 1;
  padding-bottom: 8px;
}

#step-1 .step-bg:after {
  content: "\e618";
}

#step-2 .step-bg:after {
  content: "\e609";
}

#step-3 .step-bg:after {
  content: "\e607";
}

#step-4 .step-bg:after {
  content: "\e615";
}

#step-5 .step-bg:after {
  content: "\e605";
}

#step-6 .step-bg:after {
  content: "\e616";
}

#step-7 .step-bg:after {
  content: "\e614";
}

#step-8 .step-bg:after {
  content: "\e617";
}

#step-9 .step-bg:after {
  content: "\e608";
}

@media only screen and (max-width: 960px) {
  .step {
    padding: 240px 0 0 0;
    text-align: center;
  }
  .step .step-bg {
    top: 0;
    left: 50%;
    margin-left: -90px;
  }
  .step .step-number {
    top: 150px;
    left: 50%;
    margin-left: -30px;
  }
}

#videos {
  width: 100%;
  padding: 0;
}

#videos:after {
  content: "";
  display: table;
  clear: both;
}

#videos li {
  position: relative;
  list-style-type: none;
  float: left;
  width: 48%;
  margin: 0 3% 3% 0;
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
}

#videos li:nth-child(even) {
  margin-right: 0;
  clear: right;
}

#videos li:nth-child(odd) {
  clear: left;
}

#videos li a.video-link {
  position: relative;
  float: left;
  width: 100%;
  height: 250px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #111;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

#videos li a.video-link:before {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e613";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: -30px 0 0 -30px;
  font-size: 60px;
  text-align: center;
  color: #ffbf00;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}

#videos li a.video-link:hover:before {
  background: rgba(0, 0, 0, 0.8);
  color: #aaa;
}

#videos li a.video-link h5 {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffbf00;
}

#videos li a.video-link:hover h5 {
  background: #aaa;
  color: #111;
}

#videos li p {
  float: left;
  padding: 15px 15px 20px;
  font-size: 15px;
}

@media only screen and (max-width: 768px) {
  #videos li {
    width: 100%;
    margin: 0 0 20px;
  }
}

.specs {
  padding: 0 0 20px 0;
}

.specs li {
  list-style-type: none;
  display: block;
  padding: 8px 10px;
}

.specs li:nth-child(odd) {
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
}

.specs li.royale {
  position: relative;
  padding-right: 40px;
  border-left: 5px solid #b2d235;
}

.specs li.royale:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e619";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -10px;
  font-size: 20px;
  color: #b2d235;
}

.check-list {
  padding: 0 0 20px 0;
}

.check-list li {
  position: relative;
  list-style-type: none;
  display: block;
  padding: 10px 0 10px 36px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.check-list li:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610";
  position: absolute;
  top: 50%;
  left: 6px;
  margin-top: -8px;
  font-size: 16px;
  color: #ffbf00;
}

#about-testimonial {
  width: 100%;
  margin-bottom: 30px;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

#about-testimonial:after {
  content: "";
  display: table;
  clear: both;
}

#about-testimonial blockquote {
  margin: 0;
}

#about-testimonial blockquote #testimonial-signature {
  margin-top: 20px;
}

#testimonial-image {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
}

#nav {
  padding: 0;
}

#nav:after {
  content: "";
  display: table;
  clear: both;
}

#nav li {
  list-style-type: none;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

#nav li a {
  display: block;
  margin: 0;
  padding: 22px 16px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  color: #ffbf00;
}

#nav li:hover>a {
  color: #aaa;
}

#nav li.current_page_item>a {
  color: #fff;
}

#nav li.menu-item-has-children:hover>a {
  background: #000;
  -webkit-transition: .3s ease color;
  -moz-transition: .3s ease color;
  -o-transition: .3s ease color;
  -ms-transition: .3s ease color;
  transition: .3s ease color;
}

#nav>li:last-child>a {
  padding-right: 0;
}

@media only screen and (max-width: 1200px) {
  #nav>li>a {
    font-size: 18px;
    padding-left: 14px;
    padding-right: 14px;
  }
}

#nav .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  width: 220px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.85);
  -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

#nav .sub-menu li {
  float: left;
  clear: both;
  width: 220px;
  margin: 0;
  padding: 0;
}

#nav .sub-menu li a {
  padding: 12px;
  width: 100%;
  font-size: 18px;
  color: #ddd;
}

#nav .sub-menu li a:after {
  content: "";
  display: table;
  clear: both;
}

#nav .sub-menu li.current_page_item>a,
#nav .sub-menu li a:hover {
  color: #ffbf00;
}

#nav .sub-menu li ul {
  background: #000;
}

#nav .sub-menu li ul li a {
  font-size: 16px;
  font-weight: 300;
}

#nav .sub-menu .sub-menu {
  top: 0;
}

#nav .sub-menu li:hover>.sub-menu {
  left: 100%;
}

#nav>li>.sub-menu>.menu-item-has-children>a {
  position: relative;
}

#nav>li>.sub-menu>.menu-item-has-children>a:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e635";
  position: absolute;
  top: 50%;
  right: 5px;
  font-size: 8px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  color: #aaa;
}

#nav li:hover>.sub-menu {
  display: block;
}

@media only screen and (max-width: 960px) {
  #nav {
    display: none;
  }
}

#sticky {
  display: none;
  -webkit-transition: .7s ease top;
  -moz-transition: .7s ease top;
  -o-transition: .7s ease top;
  -ms-transition: .7s ease top;
  transition: .7s ease top;
  position: fixed;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 1010;
  background-color: #111;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#sticky.sticky-hide {
  top: -60px;
}

#sticky.sticky-hide.pin,
#sticky.sticky-show {
  top: 0;
}

#sticky.pin {
  background-color: #111;
}

@media only screen and (max-width: 960px) {
  #sticky {
    display: block;
  }
}

#sticky-search-toggle {
  position: absolute;
  top: 0;
  right: 50px;
  width: 50px;
  height: 50px;
}

#sticky-search-toggle:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62e";
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #eee;
  line-height: 50px;
  text-align: center;
}

#sticky-search {
  float: left;
  clear: both;
  width: 100%;
  padding: 0;
  background: #222;
}

#sticky-search .search-form {
  width: 100%;
  margin: 0;
}

#sticky-search .search-text {
  background: none;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 50px;
  padding: 10px;
  padding-right: 34px;
  font-size: 18px;
  line-height: normal;
  color: #ccc;
  border-left: 1px solid #111;
}

#sticky-search .search-text:focus {
  color: #fff;
}

#sticky-search button.search-mag {
  color: #ffbf00;
}

#sticky-fav {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 50px;
  padding: 0 15px;
  color: #ffbf00;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  line-height: 50px;
}

#sticky-fav:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60a";
  padding-right: 14px;
  line-height: 50px;
}

@media only screen and (max-width: 480px) {
  #sticky-fav .long {
    display: none;
  }
}

#sticky-threebar {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 99;
  color: #eee;
}

#sticky-threebar:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e648";
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -9px;
}

#sticky-mask {
  cursor: pointer;
  z-index: 999;
  position: fixed;
  top: 50px;
  right: -100%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: .7s ease background-color;
  -moz-transition: .7s ease background-color;
  -o-transition: .7s ease background-color;
  -ms-transition: .7s ease background-color;
  transition: .7s ease background-color;
}

#sticky-mask.visible-bg {
  background: rgba(0, 0, 0, 0.6);
}

#sticky-mask.visible-pos {
  right: 0;
}

#sticky-header-contact {
  float: left;
  clear: both;
  width: 100%;
  padding: 0;
  background: #222;
}

#sticky-header-contact li {
  list-style-type: none;
  float: left;
  clear: both;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#sticky-header-contact li:last-child {
  border-bottom-color: rgba(255, 255, 255, 0.03);
}

#sticky-header-contact li a {
  float: left;
  clear: both;
  width: 100%;
  color: #fff;
  font-weight: 300;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
  padding: 12px 10px;
}

#sticky-header-contact li a:hover {
  color: #ffbf00;
}

#sticky-header-contact li a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 10px;
  font-size: 16px;
}

#sticky-header-contact li a.hc-phone:before {
  content: "\e627";
}

#sticky-header-contact li a.hc-email:before {
  content: "\e623";
}

#sticky-header-contact li a.hc-design:before {
  content: "\e626";
}

#sticky-nav-wrap {
  position: fixed;
  top: 50px;
  right: -340px;
  width: 320px;
  max-width: 90%;
  height: 100%;
  -webkit-transition: .7s ease right;
  -moz-transition: .7s ease right;
  -o-transition: .7s ease right;
  -ms-transition: .7s ease right;
  transition: .7s ease right;
  z-index: 99999;
  overflow-y: auto;
  background: #111;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

#sticky-nav-wrap.visible {
  right: 0;
}

#sticky-nav {
  float: left;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
}

#sticky-nav li {
  list-style-type: none;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#sticky-nav li a {
  display: block;
  margin: 0;
  padding: 15px 42px 15px 10px;
  font-size: 18px;
  line-height: 20px;
  color: #ffbf00;
  font-weight: 700;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

#sticky-nav li a:hover {
  text-decoration: none;
  color: #fff;
}

#sticky-nav .sub-menu {
  display: none;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-left: 7px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: inset 0 -2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -2px 10px rgba(0, 0, 0, 0.1);
}

#sticky-nav .sub-menu:after {
  content: "";
  display: table;
  clear: both;
}

#sticky-nav .sub-menu li:last-child {
  border-bottom: 0;
}

#sticky-nav .has-children-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

#sticky-nav .has-children-btn:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60e";
  font-size: 10px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  color: #ffbf00;
}

#sticky-nav .opened>.has-children-btn {
  background-color: rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.08);
}

#sticky-nav .opened>.has-children-btn:after {
  content: "\e60d";
}

.input-model-info,
#email-model-info {
  display: none;
}

#fav-email-form {
  width: 100%;
  background: #222;
  padding: 20px;
}

#fav-email-form:after {
  content: "";
  display: table;
  clear: both;
}

#fav-email-form h3,
#fav-email-form p {
  color: #fff;
}

#fav-email-form hr {
  background: #333;
}

#fav-email-form label {
  color: #aaa;
}

body #fav-email-form .gform_wrapper .gform_body .gform_fields input[type="text"],
body #fav-email-form .gform_wrapper .gform_body .gform_fields input[type="email"],
body #fav-email-form .gform_wrapper .gform_body .gform_fields input[type="password"],
body #fav-email-form .gform_wrapper .gform_body .gform_fields textarea,
body #fav-email-form .gform_wrapper .gform_body .gform_fields select {
  background: #333;
  border-color: #444;
  color: #fff;
}

body #fav-email-form .gform_wrapper .gfield_error {
  background: #444 !important;
  border-color: #555 !important;
}

body #fav-email-form .gform_wrapper div.validation_error {
  background: #444 !important;
  color: #fff !important;
  border-color: #555 !important;
}

body #fav-email-form .gform_wrapper,
#fav-email-form .gform_wrapper .gform_footer input.button {
  margin-bottom: 0;
}

.fav-notice {
  cursor: pointer;
  position: fixed;
  z-index: 700;
  bottom: 0;
  right: 0;
  width: 340px;
  max-width: 100%;
  padding: 25px 25px 31px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
  background: #ffbf00;
  color: #111;
  -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15);
}

.fav-notice strong {
  font-size: 22px;
}

.fav-notice .progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #111;
  background: rgba(0, 0, 0, 0.2);
}

.fav-notice.hide-on-click:after {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62f";
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 14px;
  color: rgba(17, 17, 17, 0.3);
}

.fav-notice.hide-on-click:hover:after {
  color: #111;
}

@media only screen and (max-width: 480px) {
  .fav-notice {
    width: 100%;
  }
}

#my-favourites-mask {
  display: none;
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

#my-favourites {
  -webkit-transition: .7s ease all;
  -moz-transition: .7s ease all;
  -o-transition: .7s ease all;
  -ms-transition: .7s ease all;
  transition: .7s ease all;
  position: fixed;
  z-index: 600;
  bottom: 0;
  right: -280px;
  width: 340px;
  max-width: 100%;
}

#my-favourites:hover {
  right: 0;
}

#my-favourites-btn {
  position: relative;
  cursor: pointer;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 15px 0 60px;
  background: #111;
  background: rgba(0, 0, 0, 0.8);
  color: #ffbf00;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 300;
  line-height: 60px;
}

#my-favourites-btn:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60a";
  line-height: 60px;
  text-align: center;
}

#my-favourites:hover #my-favourites-btn {
  background: #111;
  background: rgba(0, 0, 0, 0.95);
  color: #aaa;
}

#my-favourites-list {
  display: none;
  position: absolute;
  bottom: 60px;
  right: 0;
  padding: 0;
  width: 100%;
  background: #111;
  background: rgba(0, 0, 0, 0.85);
}

#my-favourites-list:after {
  content: "";
  display: table;
  clear: both;
}

#my-favourites-list li {
  list-style-type: none;
  float: left;
  width: 100%;
}

#my-favourites-list li.notice {
  float: left;
  padding: 20px 15px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#my-favourites-list li a {
  float: left;
  width: 100%;
  background: #ffbf00;
  color: #111;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#my-favourites-list li a .fav-list-thumb {
  float: left;
  margin: 0;
}

#my-favourites-list li a span {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  float: left;
  padding: 0 15px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 60px;
}

#my-favourites-list li a.link {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: relative;
  float: left;
  padding: 0 15px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#my-favourites-list li a.link:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610";
  font-size: 20px;
  color: #ffbf00;
  line-height: 50px;
  text-align: center;
}

#my-favourites-list li a.link#link-manage:before {
  content: "\e624";
}

#my-favourites-list li a.link#link-email:before {
  content: "\e623";
}

#my-favourites-list li a.link#link-login:before {
  content: "\e63a";
}

#my-favourites-list li a.link#link-account:before {
  content: "\e622";
}

#my-favourites-list li a.link:hover {
  background: #aaa;
  color: #111;
}

#my-favourites-list li a.link:hover:before {
  color: #111;
}

#my-favourites-list li a:hover {
  background-color: #aaa;
}

#my-favourites-list li.sticky-fav-toggle {
  display: none;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: relative;
  float: left;
  padding: 0 15px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.5);
  background: #ffbf00;
  color: #111;
}

#my-favourites-list li.sticky-fav-toggle:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=(30));
  opacity: .3;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62f";
  font-size: 16px;
  line-height: 50px;
  text-align: center;
}

#my-favourites-list li#more-favs {
  text-align: right;
  padding: 10px 15px;
  font-size: 16px;
  color: #ccc;
}

#my-favourites-list li#no-favs {
  padding: 10px 15px;
  font-size: 16px;
  color: #ccc;
}

@media only screen and (max-width: 960px) {
  #my-favourites {
    bottom: auto;
    top: 50px;
    right: auto;
    left: 0;
    z-index: 950;
  }
  #my-favourites-btn {
    display: none;
  }
  #my-favourites-list {
    bottom: auto;
    top: 0;
    right: auto;
    left: 0;
  }
  #my-favourites-list li.sticky-fav-toggle {
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  #my-favourites,
  #my-favourites-list {
    width: 100%;
  }
}

#favourites-content {
  padding-bottom: 40px;
  background: #111;
}

#fav-actions {
  width: 100%;
  padding: 0 0 20px 0;
}

#fav-actions:after {
  content: "";
  display: table;
  clear: both;
}

#fav-actions li {
  list-style-type: none;
  float: left;
}

#fav-actions li a {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 15px 0 64px;
  background: #222;
  color: #ffbf00;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 50px;
  font-weight: 300;
}

#fav-actions li a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #ffbf00;
  color: #111;
}

#fav-actions li a#fa-remove:before {
  content: "\e62f";
  font-size: 13px;
}

#fav-actions li a#fa-compare:before {
  content: "\e604";
  font-size: 32px;
}

#fav-actions li a:hover {
  background: #aaa;
  color: #111;
}

#fav-actions li a:hover:before {
  background: #aaa;
}

#favourites-content #fav-actions li {
  width: 100%;
  margin-bottom: 6px;
}

#models-list #fav-actions {
  margin-top: 15px;
  text-align: center;
}

#models-list #fav-actions li {
  float: none;
  width: auto;
}

#models-list #fav-actions li a {
  float: none;
  display: inline-block;
  width: auto;
}

@media only screen and (max-width: 768px) {
  #fav-actions {
    padding-top: 20px;
  }
}

.page-template-page-filter-stats-php #content {
  background: #111;
  margin-bottom: 0;
}

#filter-stats-wrap {
  color: #fff;
}

#filter-stats-wrap h1,
#filter-stats-wrap h2,
#filter-stats-wrap h3,
#filter-stats-wrap h4,
#filter-stats-wrap h5,
#filter-stats-wrap h6 {
  color: #fff;
}

#filter-stats-wrap p,
#filter-stats-wrap li {
  color: #aaa;
}

#filter-stats-wrap hr {
  background: #333;
}

#filter-stats-wrap h4.log-good {
  color: #aefc8c;
}

#filter-stats-wrap h4.log-bad {
  color: #fb8585;
}

.filter-stats-table {
  margin: 30px 0;
}

.filter-stats-table tr:nth-child(even) td {
  background: #2a2a2a;
}

.filter-stats-table th,
.filter-stats-table td {
  padding: 8px;
}

.filter-stats-table th {
  padding-top: 14px;
  padding-bottom: 14px;
  border-color: #c90;
  background-color: #ffbf00;
  color: #111;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  vertical-align: middle;
}

.filter-stats-table td {
  border-color: #333;
  background: #222;
  font-size: 15px;
  color: #ccc;
}

.filter-stats-table td.result-yes {
  color: #aefc8c;
}

.filter-stats-table td.result-no {
  color: #fb8585;
}

.filter-stats-table td.td-empty {
  color: #444;
}

.filter-stats-table td.td-date {
  font-size: 13px;
  color: #888;
}

.filter-stats-table td.td-category {
  font-weight: 700;
}

.filter-stats-table td.td-nofavs {
  color: #444;
}

.filter-stats-table td.td-page1 {
  color: #666;
}

.filter-stats-table td.td-page2 {
  font-weight: 700;
}

.filter-stats-table #filter-stats-row-avgs th {
  background-color: #fff;
  border-color: #eee;
  color: #111;
  text-align: left;
}

.filter-stats-table thead .header {
  cursor: pointer;
  padding-right: 20px;
  background-image: url(images/sort.gif);
  background-position: right center;
  background-repeat: no-repeat;
}

.filter-stats-table thead .header.headerSortUp,
.filter-stats-table thead .header.headerSortDown {
  background-color: #fff;
}

.filter-stats-table thead .header.headerSortUp {
  background-image: url(images/asc.gif);
}

.filter-stats-table thead .header.headerSortDown {
  background-image: url(images/desc.gif);
}

#filters-backups {
  padding: 0;
}

#filters-backups li {
  list-style-type: none;
}

#filters-backups li a {
  font-weight: 300;
}

#news-and-resources li.loop-tip,
#news-and-resources li.loop-post,
#news-and-resources li.loop-magazine {
  margin-bottom: 15px;
}

#news-res-sidebar {
  width: 100%;
  margin: 0 0 40px;
}

#news-res-sidebar:after {
  content: "";
  display: table;
  clear: both;
}

#news-res-sidebar h2 {
  display: block;
  width: 100%;
  padding: 0;
}

#news-res-sidebar h2 a {
  display: block;
  width: 100%;
  padding: 15px;
  background: #111;
  font-size: 26px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
}

#news-res-sidebar h2 a:hover {
  background: #ffbf00;
  color: #111;
}

#news-res-sidebar ul {
  display: block;
  width: 100%;
  padding: 0;
  background: #f2f2f2;
}

#news-res-sidebar ul li {
  list-style-type: none;
  display: block;
  width: 100%;
}

#news-res-sidebar ul li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 75px 0 15px;
  height: 50px;
  line-height: 50px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #333;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#news-res-sidebar ul li a:hover {
  background: #ffbf00;
}

#news-res-sidebar ul li a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  background: rgba(0, 0, 0, 0.06);
}

#news-res-sidebar ul li a#nrs-news:before {
  content: "\e62c";
}

#news-res-sidebar ul li a#nrs-tips:before {
  content: "\e630";
}

#news-res-sidebar ul li a#nrs-mag:before {
  content: "\e628";
}

#news-res-sidebar ul li a#nrs-photo:before {
  content: "\e634";
}

#news-res-sidebar ul li a#nrs-video:before {
  content: "\e61d";
}

#news-res-sidebar ul li.current a {
  background: #ffbf00;
}

#news-res-sidebar ul li:last-child a {
  border-bottom: 0;
}

.loop-magazine {
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
  padding: 20px;
  width: 100%;
  margin: 0 0 40px;
  padding: 20px 20px 15px;
}

.loop-magazine:after {
  content: "";
  display: table;
  clear: both;
}

.loop-magazine .magazine-title {
  line-height: 26px;
}

.loop-magazine .magazine-title small {
  color: #aaa;
  font-weight: 300;
}

.loop-magazine .mag-cover-link {
  float: right;
  margin: 0 0 20px 20px;
}

.loop-magazine .mag-cover-link .mag-cover {
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

.loop-magazine .magazine-buttons {
  float: left;
  clear: both;
  width: 100%;
}

.loop-magazine a.button {
  margin: 0 8px 8px 0;
  padding: 12px;
  font-size: 16px;
  background: #ddd;
  -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.03);
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.03);
}

.loop-magazine a.button:hover {
  background: #ffbf00;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 768px) {
  .mag-cover-link {
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
}

#google-review-container {
  width: 80%;
  margin: 20px auto;
}

#google-review {
  display: block;
  width: 100%;
}

.related-tips {
  float: left;
}

#tips-categories {
  width: 100%;
  padding: 0;
}

#tips-categories:after {
  content: "";
  display: table;
  clear: both;
}

#tips-categories>li {
  list-style-type: none;
  float: left;
  width: 48%;
  margin: 0 4% 0 0;
  padding: 0 0 20px;
}

#tips-categories>li:nth-child(2n) {
  margin-right: 0;
}

#tips-categories>li a.tip-category-title {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 16px;
  padding: 0 38px 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 700;
}

#tips-categories>li a.tip-category-title:hover {
  color: #aaa !important;
}

#tips-categories>li a.tip-category-title:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 32px;
}

#tips-categories>li a.tip-category-title.icon-construction:before {
  content: "\e605";
}

#tips-categories>li a.tip-category-title.icon-dimensions:before {
  content: "\e606";
}

#tips-categories>li a.tip-category-title.icon-floorplan:before {
  content: "\e607";
}

#tips-categories>li a.tip-category-title.icon-handshake:before {
  content: "\e608";
}

#tips-categories>li a.tip-category-title.icon-colorpalette:before {
  content: "\e609";
}

#tips-categories>li a.tip-category-title.icon-star:before {
  content: "\e60a";
}

#tips-categories>li a.tip-category-title.icon-check:before {
  content: "\e610";
}

#tips-categories>li a.tip-category-title.icon-bedroom:before {
  content: "\e603";
}

#tips-categories>li a.tip-category-title.icon-bathroom:before {
  content: "\e602";
}

#tips-categories>li a.tip-category-title.icon-compare:before {
  content: "\e604";
}

#tips-categories>li a.tip-category-title.icon-mapmarker:before {
  content: "\e626";
}

#tips-categories>li a.tip-category-title.icon-clock:before {
  content: "\e61c";
}

#tips-categories>li a.tip-category-title.icon-phone:before {
  content: "\e627";
}

#tips-categories>li a.tip-category-title.icon-directions:before {
  content: "\e625";
}

#tips-categories>li a.tip-category-title.icon-email:before {
  content: "\e623";
}

#tips-categories>li a.tip-category-title.icon-search:before {
  content: "\e62e";
}

#tips-categories>li a.tip-category-title.icon-quote:before {
  content: "\e60b";
}

#tips-categories>li a.tip-category-title.icon-cementtruck:before {
  content: "\e615";
}

#tips-categories>li a.tip-category-title.icon-crane:before {
  content: "\e616";
}

#tips-categories>li a.tip-category-title.icon-largehouse:before {
  content: "\e617";
}

#tips-categories>li a.tip-category-title.icon-bricks:before {
  content: "\e614";
}

#tips-categories>li a.tip-category-title.icon-compass:before {
  content: "\e618";
}

#tips-categories>li a.tip-category-title.icon-royale:before {
  content: "\e619";
}

#tips-categories>li a.tip-category-title.icon-article:before {
  content: "\e661";
}

#tips-categories.tips-categories-sidebar>li {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

#tips-categories.tips-categories-sidebar>li a.tip-category-title {
  font-size: 22px;
  padding-right: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

#tips-categories.tips-categories-sidebar>li a.tip-category-title:before {
  font-size: 22px;
  width: 28px;
  height: 28px;
  line-height: 28px;
}

@media only screen and (max-width: 768px) {
  #tips-categories>li {
    margin-right: 0;
    width: 100%;
  }
}

.tip-categories {
  font-size: 18px;
  color: #bbb;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.tip-categories a:hover {
  color: #aaa !important;
}

#tips-search {
  margin-bottom: 45px;
}

#tips-search input[type="text"].search-text {
  height: 60px;
  padding: 0 16px;
  font-size: 20px;
  border: 0;
  background: #fff;
  -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

#tips-search button.search-mag {
  width: 60px;
  height: 60px;
  background: #ffbf00;
  color: #111;
}

#tips-search button.search-mag:after {
  font-size: 28px;
}

#tips-search button.search-mag:hover {
  background: #111;
}

#tips-search button.search-mag:hover:after {
  color: #ffbf00;
}

.tip-list {
  padding: 0 0 10px;
}

.tip-list:after {
  content: "";
  display: table;
  clear: both;
}

.tip-list li {
  list-style-type: none;
  width: 100%;
}

.tip-list li:after {
  content: "";
  display: table;
  clear: both;
}

.tip-list li a {
  display: block;
  width: 100%;
  padding: 4px 0;
  color: #666;
}

.tip-list li a:after {
  content: "";
  display: table;
  clear: both;
}

.tip-list li a:hover {
  color: #b2d235;
}

.tip-list li a.see-all {
  padding-top: 10px;
}

.tip-list li a.see-all:hover {
  color: #aaa !important;
}

.loop-tip {
  position: relative;
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
  padding: 20px;
  width: 100%;
  margin: 0 0 40px;
}

.loop-tip:after {
  content: "";
  display: table;
  clear: both;
}

.loop-tip .tip-thumbnail {
  margin-top: 0;
  max-width: 280px;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
}

.featured-article h1 {
  position: relative;
  width: 100%;
  padding: 0;
  font-size: 28px;
  line-height: 1;
  font-weight: 300;
  color: #aaa;
}

.featured-article h1:after {
  content: "";
  display: table;
  clear: both;
}

.featured-article h1:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60a";
  position: absolute;
  top: 0;
  right: 0;
  font-size: 28px;
}

.featured-article hr {
  margin-bottom: 20px;
}

.tips-sidebar-list {
  position: relative;
  background: #f2f2f2;
  background: rgba(242, 242, 242, 0.6);
  padding: 20px;
  width: 100%;
  margin: 0 0 40px;
}

.tips-sidebar-list:after {
  content: "";
  display: table;
  clear: both;
}

.tips-sidebar-list ul {
  padding: 0;
}

.tips-sidebar-list ul li {
  list-style-type: none;
  width: 100%;
}

.tips-sidebar-list ul li:after {
  content: "";
  display: table;
  clear: both;
}

.tips-sidebar-list ul li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 14px 28px 14px 0;
  border-top: 1px solid #eee;
  font-size: 18px;
  line-height: 20px;
  color: #666;
}

.tips-sidebar-list ul li a:after {
  content: "";
  display: table;
  clear: both;
}

.tips-sidebar-list ul li a:hover {
  color: #b2d235;
}

.tips-sidebar-list ul li a span {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  display: block;
  width: 20px;
  height: 20px;
}

.tips-sidebar-list ul li a span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 20px;
}

.tips-sidebar-list ul li a span.icon-construction:before {
  content: "\e605";
}

.tips-sidebar-list ul li a span.icon-dimensions:before {
  content: "\e606";
}

.tips-sidebar-list ul li a span.icon-floorplan:before {
  content: "\e607";
}

.tips-sidebar-list ul li a span.icon-handshake:before {
  content: "\e608";
}

.tips-sidebar-list ul li a span.icon-colorpalette:before {
  content: "\e609";
}

.tips-sidebar-list ul li a span.icon-star:before {
  content: "\e60a";
}

.tips-sidebar-list ul li a span.icon-check:before {
  content: "\e610";
}

.tips-sidebar-list ul li a span.icon-bedroom:before {
  content: "\e603";
}

.tips-sidebar-list ul li a span.icon-bathroom:before {
  content: "\e602";
}

.tips-sidebar-list ul li a span.icon-compare:before {
  content: "\e604";
}

.tips-sidebar-list ul li a span.icon-mapmarker:before {
  content: "\e626";
}

.tips-sidebar-list ul li a span.icon-clock:before {
  content: "\e61c";
}

.tips-sidebar-list ul li a span.icon-phone:before {
  content: "\e627";
}

.tips-sidebar-list ul li a span.icon-directions:before {
  content: "\e625";
}

.tips-sidebar-list ul li a span.icon-email:before {
  content: "\e623";
}

.tips-sidebar-list ul li a span.icon-search:before {
  content: "\e62e";
}

.tips-sidebar-list ul li a span.icon-quote:before {
  content: "\e60b";
}

.tips-sidebar-list ul li a span.icon-cementtruck:before {
  content: "\e615";
}

.tips-sidebar-list ul li a span.icon-crane:before {
  content: "\e616";
}

.tips-sidebar-list ul li a span.icon-largehouse:before {
  content: "\e617";
}

.tips-sidebar-list ul li a span.icon-bricks:before {
  content: "\e614";
}

.tips-sidebar-list ul li a span.icon-compass:before {
  content: "\e618";
}

.tips-sidebar-list ul li a span.icon-royale:before {
  content: "\e619";
}

.tips-sidebar-list ul li a span.icon-article:before {
  content: "\e661";
}

.loop-photo {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  background: #f2f2f2;
}

.loop-photo:after {
  content: "";
  display: table;
  clear: both;
}

.loop-photo .photo-img {
  -webkit-transition: .7s ease all;
  -moz-transition: .7s ease all;
  -o-transition: .7s ease all;
  -ms-transition: .7s ease all;
  transition: .7s ease all;
  position: relative;
  z-index: 10;
  float: left;
  width: 60%;
}

.loop-photo .photo-img.photo-img-small {
  display: none;
}

.loop-photo .photo-img.opened {
  width: 100%;
}

.loop-photo .photo-content {
  position: absolute;
  top: 0;
  left: 60%;
  width: 40%;
  height: 100%;
  overflow: hidden;
  padding: 20px;
}

.loop-photo .photo-content .photo-title {
  font-size: 24px;
  letter-spacing: 0;
  color: #444;
  padding-bottom: 6px;
}

.loop-photo .photo-content.opening,
.loop-photo .photo-content.opened {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
}

.loop-photo .photo-content.opening {
  height: 0;
}

.loop-photo .photo-content.opened {
  height: auto;
}

.loop-photo .photo-expand {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  z-index: 3;
  bottom: 10px;
  right: 10px;
  display: block;
  width: 40px;
  height: 40px;
  padding: 10px;
  background: #ffbf00;
  color: #111;
}

.loop-photo .photo-expand:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60e";
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
}

.loop-photo .photo-mask {
  -webkit-transition: .7s ease all;
  -moz-transition: .7s ease all;
  -o-transition: .7s ease all;
  -ms-transition: .7s ease all;
  transition: .7s ease all;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: -moz-linear-gradient(top, rgba(242, 242, 242, 0) 0%, #f2f2f2 90%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 0)), color-stop(90%, #f2f2f2), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, rgba(242, 242, 242, 0) 0%, #f2f2f2 90%, #f2f2f2 100%);
  background: -o-linear-gradient(top, rgba(242, 242, 242, 0) 0%, #f2f2f2 90%, #f2f2f2 100%);
  background: -ms-linear-gradient(top, rgba(242, 242, 242, 0) 0%, #f2f2f2 90%, #f2f2f2 100%);
  background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, #f2f2f2 90%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f2f2f2', endColorstr='#f2f2f2', GradientType=0);
}

.loop-photo.closed:hover {
  cursor: pointer;
}

.loop-photo.closed:hover .photo-expand {
  background: #111;
  color: #ffbf00;
}

.loop-photo.closed:hover .photo-mask {
  height: 60px;
}

@media only screen and (max-width: 1200px) {
  .loop-photo .photo-img {
    width: 50%;
  }
  .loop-photo .photo-content {
    width: 50%;
    left: 50%;
  }
  .loop-photo .photo-mask {
    height: 80px;
  }
}

@media only screen and (max-width: 480px) {
  .loop-photo .photo-img {
    width: 100%;
  }
  .loop-photo .photo-img.photo-img-large {
    display: none;
  }
  .loop-photo .photo-img.photo-img-small {
    display: block;
  }
  .loop-photo .photo-content {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 15px;
    height: 120px;
  }
  .loop-photo .photo-content.opening {
    height: 120px;
  }
}

.gallery-featured-photos {
  padding-top: 40px;
}

#featured-video {
  width: 100%;
  margin-bottom: 20px;
}

#featured-video:after {
  content: "";
  display: table;
  clear: both;
}

#featured-video #featured-video-top {
  position: relative;
  width: 100%;
  height: 380px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

#featured-video #featured-video-top:after {
  content: "";
  display: table;
  clear: both;
}

#featured-video #featured-video-top #featured-video-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.6);
}

#featured-video #featured-video-top #featured-video-mask:before {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e613";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  font-size: 80px;
  color: #ffbf00;
}

#featured-video #featured-video-top #featured-video-title {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 50px 15px 5px 15px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  color: #ffbf00;
  line-height: 1;
  background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111 99%, #111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(99%, #111), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111 99%, #111 100%);
  background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111 99%, #111 100%);
  background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111 99%, #111 100%);
  background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, #111 99%, #111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00111111', endColorstr='#111111', GradientType=0);
}

#featured-video #featured-video-bottom {
  width: 100%;
  padding: 5px 15px 5px 15px;
  background: #111;
}

#featured-video #featured-video-bottom:after {
  content: "";
  display: table;
  clear: both;
}

#featured-video #featured-video-bottom p {
  font-size: 15px;
  color: #fff;
  line-height: 1.3;
}

.home #featured-video #featured-video-top {
  height: 260px;
}

#featured-video:hover #featured-video-top #featured-video-mask:before,
#featured-video:hover #featured-video-top #featured-video-title {
  color: #fff;
}

@media only screen and (max-width: 1200px) {
  #featured-video #featured-video-top {
    height: 320px;
  }
}

@media only screen and (max-width: 768px) {
  #featured-video #featured-video-top {
    height: 280px;
  }
  #featured-video #featured-video-top #featured-video-mask:before {
    margin: -50px 0 0 -30px;
    font-size: 60px;
  }
  #featured-video #featured-video-top #featured-video-title {
    font-size: 22px;
  }
  #featured-video.home #featured-video-top {
    height: 200px;
  }
}

#video-accordion.ui-accordion {
  padding-top: 0;
}

#video-accordion.ui-accordion .ui-accordion-header {
  margin-top: 20px;
  padding: 15px 40px 15px 15px;
  border: 0;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  background: #111;
  color: #ffbf00;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#video-accordion.ui-accordion .ui-accordion-header:hover {
  background: #ffbf00;
  color: #111;
}

#video-accordion.ui-accordion .ui-accordion-header:before {
  margin-top: -8px;
  left: auto;
  right: 12px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=(100));
  opacity: 1;
  font-size: 16px;
}

#video-accordion.ui-accordion .ui-accordion-header-active {
  background: #ffbf00;
  color: #111;
}

#video-accordion.ui-accordion .ui-accordion-content {
  border: 0;
  background: #f2f2f2;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.video-list {
  width: 100%;
  padding: 0;
}

.video-list:after {
  content: "";
  display: table;
  clear: both;
}

.video-list .video {
  list-style-type: none;
  float: left;
  width: 100%;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ddd;
}

.video-list .video:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.video-list .video a {
  position: relative;
  float: left;
  width: 100%;
  min-height: 120px;
  padding-left: 200px;
}

.video-list .video a .video-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 120px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.video-list .video a .video-video span {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(242, 242, 242, 0.8);
}

.video-list .video a .video-video span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e613";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 50px;
  color: #666;
}

.video-list .video a .video-desc {
  float: left;
  padding: 5px 15px 0 20px;
}

.video-list .video a .video-desc h3 {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  padding-bottom: 6px;
  letter-spacing: 0;
  color: #aaa;
}

.video-list .video a:hover .video-video span {
  background: rgba(68, 68, 68, 0.3);
}

.video-list .video a:hover .video-video span:before {
  color: #ffbf00;
}

.video-list .video a:hover .video-desc h3 {
  color: #333;
}

@media only screen and (max-width: 768px) {
  .video-list .video a .video-video span {
    background: rgba(0, 0, 0, 0.3);
  }
  .video-list .video a .video-video span:before {
    color: #ffbf00;
  }
}

@media only screen and (max-width: 480px) {
  .video-list .video a {
    padding-left: 0;
  }
  .video-list .video a .video-video {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .video-list .video a .video-desc {
    padding-left: 0;
  }
}

#share-buttons,
.share-buttons {
  clear: both;
  width: 100%;
  padding: 10px 0;
}

#share-buttons:after,
.share-buttons:after {
  content: "";
  display: table;
  clear: both;
}

#iframe-survey {
  width: 100%;
  height: 750px;
  border: 0;
}

#iframe-survey:after {
  content: "";
  display: table;
  clear: both;
}

#fn-split-right-content .button:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-left: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  width: 18px;
  height: 18px;
  content: "\e60e";
  color: #111;
}

#fn-middle {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #fafafa;
}

#fn-bottom {
  padding-top: 50px;
  padding-bottom: 40px;
}

#fn-models {
  width: 100%;
  padding: 20px 0 0;
}

#fn-models:after {
  content: "";
  display: table;
  clear: both;
}

#fn-models li {
  list-style-type: none;
  position: relative;
  float: left;
  width: 32%;
  height: 300px;
  margin: 0 2% 2% 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

#fn-models li:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 960px) {
  #fn-models li {
    width: 49%;
  }
  #fn-models li:nth-child(3n) {
    margin-right: 2%;
  }
  #fn-models li:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  #fn-models li {
    width: 100%;
    margin-bottom: 20px;
  }
  #fn-models li:nth-child(2n) {
    margin-right: 0;
  }
}

#fn-models li .fn-model-link {
  float: left;
  width: 100%;
  height: 300px;
}

#fn-models li .fn-model-heading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px 15px;
  background: rgba(17, 17, 17, 0.9);
}

#fn-models li .fn-model-heading h3 {
  padding: 0;
  font-size: 24px;
  color: #ffbf00;
  font-weight: 700;
  letter-spacing: 1px;
}

#fn-models li .fn-model-heading h5 {
  padding: 0;
  font-size: 17px;
  color: #fff;
  font-weight: 300;
  letter-spacing: 0;
}

#fn-models li .fn-model-pdf {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 50px 15px 15px;
  background: rgba(255, 191, 0, 0.9);
  text-transform: uppercase;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #111;
  font-weight: 700;
  line-height: 22px;
}

#fn-models li .fn-model-pdf:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e639";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -11px;
  font-size: 22px;
}

#fn-models li .fn-model-link:hover .fn-model-pdf {
  background: rgba(17, 17, 17, 0.9);
  color: #ffbf00;
}

#fn-cta-expanded-content {
  display: none;
}

.black-gradient {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

#gallery-header {
  float: left;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #gallery-header {
    margin-top: -10px;
  }
}

#gallery-header-title {
  float: left;
  height: 50px;
  padding: 0;
  font-size: 30px;
  line-height: 50px;
}

#gallery-header-title a {
  color: #ffbf00;
}

#gallery-header-title a:hover {
  color: #fff;
}

@media only screen and (max-width: 768px) {
  #gallery-header-title {
    font-size: 24px;
    letter-spacing: 0;
  }
}

#gallery-header-bottom {
  float: left;
  width: 100%;
  padding: 15px 0 0;
}

@media only screen and (max-width: 768px) {
  #gallery-header-bottom {
    padding-top: 5px;
  }
}

#gallery-header-bottom h3 {
  padding: 0;
  font-size: 20px;
  letter-spacing: 0;
  color: #ccc;
}

#gallery-header-bottom h3 .arrow {
  padding: 0 12px;
}

#gallery-header-bottom h3 a {
  color: #fff;
}

#gallery-header-bottom h3 a:hover {
  color: #ffbf00;
}

@media only screen and (max-width: 768px) {
  #gallery-header-bottom h3 {
    font-size: 18px;
  }
  #gallery-header-bottom h3 .hide-on-mobile {
    display: none;
  }
}

#gallery-header-tools-toggle {
  display: none;
  position: relative;
  float: right;
  height: 50px;
  line-height: 50px;
}

#gallery-header-tools-toggle:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e648";
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: #ffbf00;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #gallery-header-tools-toggle {
    display: block;
  }
}

#gallery-header-tools {
  float: right;
}

@media only screen and (max-width: 768px) {
  #gallery-header-tools {
    display: none;
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0 15px;
  }
  #gallery-header-tools.visible {
    display: block;
  }
}

#gallery-header-tools #gh-search {
  float: left;
  width: 250px;
  margin-right: 10px;
}

@media only screen and (max-width: 1200px) {
  #gallery-header-tools #gh-search {
    width: 220px;
  }
}

@media only screen and (max-width: 768px) {
  #gallery-header-tools #gh-search {
    width: 100%;
    margin: 0 0 4%;
  }
}

#gallery-header-tools #gh-search .search-form {
  height: 50px;
  margin: 0;
}

#gallery-header-tools #gh-search .search-form input[type="text"].search-text {
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  border: 0;
  background: #333;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
}

#gallery-header-tools #gh-search .search-form button.search-mag {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  color: #ffbf00;
}

#gallery-header-tools #gh-search .search-form button.search-mag:after {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

#gallery-header-tools #gh-search .search-form button.search-mag:hover:after {
  color: #fff;
}

.gh-dd {
  position: relative;
  float: left;
  width: 200px;
  margin-right: 10px;
}

.gh-dd#gh-cats {
  z-index: 2;
}

.gh-dd#gh-tags {
  z-index: 1;
  margin-right: 0;
}

@media only screen and (max-width: 1200px) {
  .gh-dd#gh-cats {
    width: 160px;
  }
  .gh-dd#gh-tags {
    width: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .gh-dd#gh-cats {
    width: 54%;
    margin: 0 4% 0 0;
  }
  .gh-dd#gh-tags {
    width: 42%;
    margin: 0;
  }
}

.gh-dd .gh-dd-wrap {
  position: relative;
  float: left;
  width: 100%;
}

.gh-dd .gh-dd-toggle {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  cursor: pointer;
  position: relative;
  float: left;
  width: 100%;
  height: 50px;
  padding: 0 30px 0 15px;
  background: #333;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  line-height: 50px;
}

.gh-dd .gh-dd-toggle:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e648";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  font-size: 20px;
  color: #ffbf00;
}

.gh-dd .gh-dd-menu {
  display: none;
  position: absolute;
  top: 100%;
  width: 300px;
  padding: 0;
  background: rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);
}

.gh-dd .gh-dd-menu .gh-dd-menu-list {
  float: left;
  width: 100%;
  padding: 0;
}

.gh-dd .gh-dd-menu .gh-dd-menu-list li {
  list-style-type: none;
  float: left;
  width: 100%;
}

.gh-dd .gh-dd-menu .gh-dd-menu-list li a {
  float: left;
  width: 100%;
  padding: 8px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0);
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  color: #ccc;
}

.gh-dd .gh-dd-menu .gh-dd-menu-list li a:hover {
  background: rgba(0, 0, 0, 0.7);
  color: #ffbf00;
}

.gh-dd .gh-dd-menu .gh-dd-menu-list li:first-child a {
  border-top: 0;
}

.gh-dd .gh-dd-menu .gh-dd-menu-list li .children {
  float: left;
  width: 100%;
  margin-top: 0px;
  padding: 0 0 15px 20px;
}

.gh-dd .gh-dd-menu .gh-dd-menu-list li .children a {
  padding: 4px 15px;
  border-top: 0;
  font-size: 16px;
}

.gh-dd .gh-dd-menu .gh-dd-menu-tags {
  float: left;
  width: 100%;
  padding: 20px;
}

.gh-dd .gh-dd-menu .gh-dd-menu-tags a {
  display: inline-block;
  padding: 2px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.gh-dd#gh-cats .gh-dd-menu {
  left: 0;
}

.gh-dd#gh-tags .gh-dd-menu {
  right: 0;
}

@media only screen and (min-width: 1024px) {
  .gh-dd .gh-dd-wrap:hover .gh-dd-toggle {
    background: #000;
  }
  .gh-dd .gh-dd-wrap:hover .gh-dd-toggle:before {
    color: #fff;
  }
  .gh-dd .gh-dd-wrap:hover .gh-dd-menu {
    display: block;
  }
}

@media only screen and (max-width: 1023px) {
  .gh-dd .gh-dd-wrap.visible .gh-dd-toggle {
    background: #000;
  }
  .gh-dd .gh-dd-wrap.visible .gh-dd-toggle:before {
    margin-top: -8px;
    font-size: 16px;
    content: "\e62f";
  }
  .gh-dd .gh-dd-wrap.visible .gh-dd-menu {
    display: block;
  }
}

#home-gallery {
  float: left;
  width: 100%;
}

#home-gallery #gallery-header {
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
  padding: 15px;
  background: #111;
}

#home-gallery #gallery-header #gallery-header-title {
  color: #fff;
  letter-spacing: 0;
}

#home-gallery #gallery-header-tools #gh-search {
  width: 150px;
}

#home-gallery #gh-cats.gh-dd {
  width: 160px;
}

#home-gallery #gh-tags.gh-dd {
  width: 100px;
}

@media only screen and (max-width: 1200px) {
  #home-gallery #gallery-header-tools-toggle,
  #home-gallery #gallery-header-tools {
    display: none;
  }
}

#home-gallery #home-gallery-links {
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  width: calc(100% + 14px);
}

#home-gallery #home-gallery-main-link-wrap {
  float: left;
  width: 66.6666%;
  height: 400px;
  padding: 0 14px 14px 0;
}

@media only screen and (max-width: 960px) {
  #home-gallery #home-gallery-main-link-wrap {
    width: 100%;
    height: 300px;
  }
}

#home-gallery #home-gallery-main-link {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

#home-gallery #home-gallery-main-link span {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 80px 50px 20px 20px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  color: #ffbf00;
  line-height: 30px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

#home-gallery #home-gallery-main-link span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601";
  position: absolute;
  bottom: 20px;
  right: 15px;
  font-size: 24px;
  line-height: 30px;
}

#home-gallery #home-gallery-main-link:hover span {
  color: #fff;
}

.hg-featured-cat-wrap {
  float: left;
  width: 33.3333%;
  height: 200px;
  padding: 0 14px 14px 0;
}

@media only screen and (max-width: 960px) {
  .hg-featured-cat-wrap {
    width: 50%;
    height: 200px;
  }
  .hg-featured-cat-wrap:nth-child(5) {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .hg-featured-cat-wrap {
    width: 100%;
  }
  .hg-featured-cat-wrap:nth-child(3),
  .hg-featured-cat-wrap:nth-child(4) {
    display: none;
  }
}

.hg-featured-cat {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  padding-bottom: 40px;
  background: #eee;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

.hg-featured-cat .hgfc-thumb {
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hg-featured-cat .hgfc-thumb .hgfc-mask {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.hg-featured-cat .hgfc-thumb .hgfc-name {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 15px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
}

.hg-featured-cat .hgfc-view {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  padding: 0 30px 0 15px;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 700;
  line-height: 40px;
}

.hg-featured-cat .hgfc-view:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e634";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
  font-size: 24px;
}

.hg-featured-cat:hover {
  background: #ffbf00;
}

.hg-featured-cat:hover .hgfc-name {
  color: #ffbf00;
}

.hg-featured-cat:hover .hgfc-mask {
  background: rgba(0, 0, 0, 0.6);
}

#gallery-landing {
  float: left;
  width: 100%;
  padding: 40px 20px 20px;
}

#gallery-landing:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 768px) {
  #gallery-landing {
    padding: 40px 0 20px;
  }
}

#gallery-landing-list,
#gallery-children-cats {
  float: left;
  width: 100%;
  padding: 0;
}

#gallery-landing-list li,
#gallery-children-cats li {
  list-style-type: none;
  float: left;
  width: 31%;
  margin: 0 2% 2% 0;
}

@media only screen and (max-width: 1200px) {
  #gallery-landing-list li,
  #gallery-children-cats li {
    width: 31%;
  }
}

@media only screen and (max-width: 1200px) {
  #gallery-landing-list li,
  #gallery-children-cats li {
    width: 48%;
  }
}

@media only screen and (max-width: 480px) {
  #gallery-landing-list li,
  #gallery-children-cats li {
    width: 100%;
    margin: 0 0 15px;
  }
}

#gallery-landing-list li a,
#gallery-children-cats li a {
  position: relative;
  float: left;
  width: 100%;
  padding: 50px 15px 0;
  background: #e5e5e5;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.04);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.04);
}

#gallery-landing-list li a .name,
#gallery-children-cats li a .name {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 15px 12px;
  background: #e5e5e5;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  color: #333;
  font-weight: 700;
  line-height: 1;
}

#gallery-landing-list li a .thumb,
#gallery-children-cats li a .thumb {
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  height: 235px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

#gallery-landing-list li a .view,
#gallery-children-cats li a .view {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  padding: 10px 30px 10px 0;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 700;
}

#gallery-landing-list li a .view:before,
#gallery-children-cats li a .view:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e634";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
  font-size: 24px;
}

#gallery-landing-list li a:hover,
#gallery-children-cats li a:hover {
  background: #ffbf00;
}

#gallery-landing-list li a:hover .name,
#gallery-children-cats li a:hover .name {
  background: #ffbf00;
}

#gallery-category {
  width: 100%;
}

#gallery-category:after {
  content: "";
  display: table;
  clear: both;
}

#gallery-category .col {
  padding: 0;
}

#gallery-children-cats-wrap {
  float: left;
  width: 100%;
  padding: 40px 40px 30px;
  background: #fafafa;
}

@media only screen and (max-width: 768px) {
  #gallery-children-cats-wrap {
    padding: 30px 20px 20px;
  }
}

#gallery-children-cats-wrap h1 {
  position: relative;
  margin-bottom: 40px;
  padding: 0 0 0 50px;
  font-size: 30px;
  font-weight: 700;
  color: #aaa;
  line-height: 1;
}

#gallery-children-cats-wrap h1:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e634";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -17px;
  font-size: 34px;
}

@media only screen and (max-width: 768px) {
  #gallery-children-cats-wrap h1 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 480px) {
  #gallery-children-cats-wrap h1 {
    margin-bottom: 30px;
    padding-left: 40px;
    font-size: 24px;
    letter-spacing: 0;
  }
  #gallery-children-cats-wrap h1:before {
    margin-top: -12px;
    font-size: 24px;
  }
}

#gallery-photos-wrap {
  float: left;
  width: 100%;
  padding: 40px 40px 30px;
  background: #fff;
}

@media only screen and (max-width: 768px) {
  #gallery-photos-wrap {
    padding: 30px 20px 20px;
  }
}

#gallery-photos-wrap h1 {
  position: relative;
  margin-bottom: 40px;
  padding: 0 0 0 50px;
  font-size: 30px;
  font-weight: 700;
  color: #aaa;
  line-height: 1;
}

#gallery-photos-wrap h1:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62e";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -17px;
  font-size: 34px;
}

@media only screen and (max-width: 768px) {
  #gallery-photos-wrap h1 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 480px) {
  #gallery-photos-wrap h1 {
    padding-left: 40px;
    font-size: 24px;
    letter-spacing: 0;
  }
  #gallery-photos-wrap h1:before {
    margin-top: -12px;
    font-size: 24px;
  }
}

#gallery-photos-wrap h2 {
  display: none;
}

#gallery-photos {
  float: left;
  width: 100%;
  padding: 0;
}

.gallery-photos {
  max-width: 100%;
  min-width: 100%;
}

.gallery-photos .gallery-photo {
  width: 32%;
  margin-right: 1%;
}

@media only screen and (max-width: 1200px) {
  .gallery-photos .gallery-photo {
    width: 49%;
  }
}

@media only screen and (max-width: 767px) {
  .gallery-photos .gallery-photo {
    width: 100%;
    margin: 0 0 20px;
  }
}

.featured {
  float: none;
  height: auto;
  clear: both;
  position: relative;
  width: 97%;
  background: #e5e5e5;
  margin-bottom: 2em;
  padding: 2em;
}

.featured .gallery-photo {
  float: none;
  width: 67%;
  height: 420px;
  display: inline-block;
  margin: 0;
  border: 6px solid #e5e5e5;
}

@media only screen and (max-width: 768px) {
  .featured .gallery-photo {
    width: 100%;
    margin-bottom: 0;
  }
}

.featured .description {
  padding-left: 25px;
  display: inline-block;
  vertical-align: top;
  width: 33%;
}

@media only screen and (max-width: 768px) {
  .featured .description {
    width: 100%;
    margin-bottom: 2em;
  }
}

.featured .description h3 {
  color: #111;
  font-size: 36px;
}

.gallery-photo {
  cursor: pointer;
  position: relative;
  float: left;
  width: 31%;
  margin: 0 2% 2% 0;
  border: 6px solid #e5e5e5;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  line-height: 0;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 1200px) {
  .gallery-photo {
    width: 42%;
  }
}

@media only screen and (max-width: 768px) {
  .gallery-photo {
    width: 100%;
    margin: 0 0 20px;
  }
  .gallery-photo:nth-of-type(3n) {
    margin-right: 0;
  }
}

.gallery-photo .name {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  -ms-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  display: inline-block;
  margin: 0.333em 0.666em;
  background: none;
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 0;
  font-size: 24px;
  font-weight: 400;
  color: #444;
}

.gallery-photo .name:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  bottom: 20px;
  right: 15px;
  font-size: 20px;
  line-height: 24px;
}

.gallery-photo:hover {
  opacity: 0.9;
}

.gallery-photo .name-text {
  line-height: 1.15em;
}

.lg .lg-sub-html {
  padding: 120px 20px 10px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.lg .lg-sub-html h3.caption-heading {
  padding: 0 0 10px;
  font-size: 26px;
  color: #ffbf00;
  letter-spacing: 0;
  line-height: 1;
}

.lg .lg-sub-html p.caption-text {
  margin: 0;
  padding: 0 0 15px;
  font-size: 16px;
  color: #fff;
}

.lg .lg-sub-html a.caption-button {
  display: inline-block;
  margin: 5px;
  padding: 12px 14px;
  background: #ffbf00;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  font-family: 'interstate', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  color: #111;
  font-weight: 700;
}

.lg .lg-sub-html a.caption-button:hover {
  background: #333;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .lg .lg-sub-html {
    padding: 15px;
    background: rgba(0, 0, 0, 0.7);
  }
  .lg .lg-sub-html h3.caption-heading {
    padding: 0 0 4px;
    font-size: 20px;
  }
  .lg .lg-sub-html p.caption-text {
    margin: 0;
    padding: 0 0 10px;
    font-size: 14px;
    color: #fff;
    line-height: 1.3;
  }
  .lg .lg-sub-html a.caption-button {
    margin: 2px;
    padding: 10px 12px;
    font-size: 16px;
  }
}

.page-template-page-advantage .lg-toolbar.group:before {
  display: none;
}

.lg-toolbar.group:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -50px;
  width: 130px;
  height: 120px;
  background-image: url(images/royal_homes_logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .lg-toolbar.group:before {
    display: none;
  }
}

.lg .lg-actions .lg-next {
  font-size: 3em;
  background: rgba(200, 200, 200, 0.8);
  border-top-left-radius: 3em;
  border-bottom-left-radius: 3em;
  right: 0;
  color: #111;
  padding: 1em 0.25em 1em 1em;
}

.lg .lg-actions .lg-prev {
  font-size: 3em;
  background: rgba(200, 200, 200, 0.8);
  border-top-right-radius: 3em;
  border-bottom-right-radius: 3em;
  left: 0;
  color: #111;
  padding: 1em 1em 1em 0.25em;
}

@media print {
  #header,
  #footer,
  #sticky,
  #my-favourites,
  #my-favourites-mask,
  #testimonial,
  #raised-sidebar {
    display: none;
  }
  #featured-wide {
    height: auto;
  }
  #featured-wide img {
    display: none;
  }
  body,
  html {
    background: #fff;
  }
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body p,
  body li {
    color: #000 !important;
  }
  body a {
    color: blue;
  }
  h1 {
    font-size: 26pt;
  }
  h2 {
    font-size: 22t;
  }
  h3 {
    font-size: 18pt;
  }
  h4 {
    font-size: 16pt;
  }
  h5 {
    font-size: 14pt;
  }
  h6 {
    font-size: 12pt;
  }
  p,
  li {
    font-size: 10pt;
  }
  .no-print {
    display: none;
  }
  .span_70,
  .span_66 {
    width: 100%;
  }
  #header-bg {
    padding-top: 0;
  }
  #options-title .option-img,
  #options-more {
    display: none;
  }
  #wrapper-center {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}