/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  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;
          box-sizing: border-box; }

/**Break points**/
/*** Fonts and bg-color ***/
/**Max Width**/
/**Default menu settings***/
/**Button**/
/**
    Pure Css Layouts @media
    sm -> max-width: 567px;
    sm-> min-width: 568px;
    md-> min-width: 768px;
    mmd -> min-width: 990px;
    sm -> min-width: 568px;
    lg -> min-width: 1024px;
    blg -> min-width: 1200px;
    xl-> min-width: 1280px;
    xxl-> min-width: 19020px;
**/
/**
	creates code according the value sent, default normal
**/
/*@mixin fonts($weight: 'body'){
	$fontFamily: $font-light;
	@if $weight == "regular"{
		$fontFamily: $font-regular;
	}@else if $weight == "body"{
		$fontFamily: $font-light;
	}@else if $weight == "bold"{
		$fontFamily: $font-bold;
	}@else if $weight == "medium"{
		$fontFamily: $font-medium
	}@else if $weight == "light"{
		$fontFamily: $font-light;
	}
	font-family: $fontFamily;
}*/
/************
media queries
*************/
/****************
   fluid typography
***************/
/**
	@Description: Mixin to neutralize the line-height spacing top and bottom. The first
	parameter takes in the line height number and the second is parameter to cancel 
	height from top. The second parameter default value is true.
	@param $line-height: the line height number
	@param  $top: default true, it determines whether you want to take space off from
								the top as well.

**/
.loading #loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 1;
  z-index: 9999; }

.loading #loader #svgloader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 120px;
  width: 120px; }

/*****************
   loader 1
*****************/
#css-loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 9999;
  /*@include transitions;*/ }
  #css-loader .css-loader-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px; }
    #css-loader .css-loader-text span {
      display: inline-block;
      margin: 0 7px;
      color: #fff;
      font-family: "Proxima Nova W05 Regular";
      font-weight: 300;
      font-size: 2em; }
      #css-loader .css-loader-text span:nth-child(1) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 0s infinite linear alternate;
                animation: blur-text 1.5s 0s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(2) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 0.1428571429s infinite linear alternate;
                animation: blur-text 1.5s 0.1428571429s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(3) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 0.2857142857s infinite linear alternate;
                animation: blur-text 1.5s 0.2857142857s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(4) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 0.4285714286s infinite linear alternate;
                animation: blur-text 1.5s 0.4285714286s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(5) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 0.5714285714s infinite linear alternate;
                animation: blur-text 1.5s 0.5714285714s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(6) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 0.7142857143s infinite linear alternate;
                animation: blur-text 1.5s 0.7142857143s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(7) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 0.8571428571s infinite linear alternate;
                animation: blur-text 1.5s 0.8571428571s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(8) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 1s infinite linear alternate;
                animation: blur-text 1.5s 1s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(9) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 1.1428571429s infinite linear alternate;
                animation: blur-text 1.5s 1.1428571429s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(10) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 1.2857142857s infinite linear alternate;
                animation: blur-text 1.5s 1.2857142857s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(11) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 1.4285714286s infinite linear alternate;
                animation: blur-text 1.5s 1.4285714286s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(12) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 1.5714285714s infinite linear alternate;
                animation: blur-text 1.5s 1.5714285714s infinite linear alternate; }
      #css-loader .css-loader-text span:nth-child(13) {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-animation: blur-text 1.5s 1.7142857143s infinite linear alternate;
                animation: blur-text 1.5s 1.7142857143s infinite linear alternate; }
  #css-loader.show {
    display: block; }

@-webkit-keyframes blur-text {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  100% {
    -webkit-filter: blur(2px);
            filter: blur(2px); } }

@keyframes blur-text {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  100% {
    -webkit-filter: blur(2px);
            filter: blur(2px); } }
/*****************
   loader 2
*****************/
#loading {
  display: block;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  /* right: 0;
  bottom: 0; */
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }
  #loading .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border: 16px solid #f3f3f3;
    border-top: 16px solid #000;
    border-bottom: 16px solid #000;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite; }
  #loading.spin-loader {
    width: 100px;
    height: 100px;
    -webkit-animation: spin 5s linear infinite;
            animation: spin 5s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
/*******************
   Loader 3 svg
********************/
nav {
  position: absolute;
  left: -100%;
  top: 60px;
  height: 100vh;
  width: 100%;
  max-width: 320px;
  max-width: 1280px;
  margin: 0;
  vertical-align: middle;
  background: #000;
  color: #fff;
  padding: 0;
  opacity: 0;
  /*overflow: hidden;*/
  z-index: -99;
  -webkit-transition: all 0.3s ease, opacity 0.3s 0.2s;
  transition: all 0.3s ease, opacity 0.3s 0.2s; }
  @media only screen and (min-width: 768px) {
    nav {
      max-width: 400px; } }

/**nav scrolling**/
/* nav.scrolling {
    height: 60px;
    @include transitions($ease-type: height);
}
 */
nav.open {
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  opacity: 1;
  margin-top: -1px; }
  nav.open ~ #mainbody {
    overflow: hidden; }

nav.scroll {
  position: fixed;
  top: 60px;
  max-width: none; }
  nav.scroll .main-menu {
    -webkit-transform: scale(1);
            transform: scale(1);
    font-size: 1em; }
    nav.scroll .main-menu li > a {
      padding: 17px 5px 10px 17px; }
  @media only screen and (min-width: 768px) {
    nav.scroll .main-menu {
      -webkit-transform: scale(0.85) translateX(-5%);
              transform: scale(0.85) translateX(-5%);
      margin-left: 0;
      font-size: 0.9em; } }
  @media only screen and (min-width: 991px) {
    nav.scroll {
      top: 0px; } }
  @media only screen and (min-width: 1200px) {
    nav.scroll .main-menu {
      margin-left: auto;
      -webkit-transform: scale(0.85) translateX(0);
              transform: scale(0.85) translateX(0);
      font-size: 1em; }
      nav.scroll .main-menu li > a {
        padding: 18px 18px 18px 18px; } }

/*******************
  #page header
********************/
#page-header {
  background: black;
  border-bottom: 1px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 100%;
  height: 60px;
  vertical-align: middle;
  padding: 0px;
  margin: 0 auto;
  z-index: 9999; }
  #page-header .main-logo {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
    width: auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #page-header .main-logo a {
      display: block;
      width: auto;
      height: 100%;
      margin: 0 auto; }
      #page-header .main-logo a img {
        display: block;
        max-height: 100%;
        max-width: 60%;
        width: 100%;
        margin: 0 auto; }
  #page-header .hamburger-container {
    padding: 20px;
    background: #000;
    height: calc(100% + 1px); }
    #page-header .hamburger-container .hamburger {
      display: block;
      cursor: pointer;
      margin: 0 auto;
      padding-left: 1.25em;
      position: relative;
      top: 21%;
      -webkit-transform: translateY(0%) rotate(0deg);
              transform: translateY(0%) rotate(0deg);
      left: 0px;
      right: auto;
      width: 27px;
      height: 20px;
      z-index: 10; }
      #page-header .hamburger-container .hamburger .nav-icon-global {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        position: absolute;
        left: 0;
        border-top: 2px solid white;
        width: 100%;
        -webkit-transition: 0.35s;
        transition: 0.35s; }
      #page-header .hamburger-container .hamburger .icon-top {
        top: 0; }
      #page-header .hamburger-container .hamburger .icon-middle {
        top: 8px; }
      #page-header .hamburger-container .hamburger .icon-bottom {
        top: 16px; }
      #page-header .hamburger-container .hamburger.open .icon-top {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        top: 7px;
        -webkit-transform: rotate(50deg);
                transform: rotate(50deg);
        -webkit-transition: 0.55s 0.25s;
        transition: 0.55s 0.25s; }
      #page-header .hamburger-container .hamburger.open .icon-middle {
        opacity: 0; }
      #page-header .hamburger-container .hamburger.open .icon-bottom {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        top: 7px;
        -webkit-transform: rotate(-410deg);
                transform: rotate(-410deg);
        -webkit-transition: 0.55s 0.25s;
        transition: 0.55s 0.25s; }
  #page-header .right-side {
    background: #000;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-family: "Proxima Nova W05 Bold";
    font-weight: 300;
    height: calc(100% + 1px);
    line-height: 60px;
    vertical-align: middle;
    padding: 0 10px; }
  @media only screen and (min-width: 768px) {
    #page-header .right-side {
      font-size: 14px;
      letter-spacing: 0.25em;
      padding: 0 19px; }
    #page-header .main-logo a img {
      max-width: 100%; } }

/* CSS specific to iOS devices */
@supports (-webkit-overflow-scrolling: touch) {
  #pager-header .hamburger-container .hamburger {
    top: 10%; } }
@media only screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
  #pager-header .hamburger-container .hamburger {
    top: 10%; } }
/*- main menu -*/
.main-menu {
  max-width: 340px;
  z-index: 99;
  padding: 50px 0 50px 0;
  background: #000;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .main-menu .menu {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 0px;
    width: auto;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .main-menu .menu > li {
      position: relative;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      width: 100%;
      padding: 0;
      font-size: 1.00em;
      letter-spacing: 0.15em;
      text-align: left;
      vertical-align: middle;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .main-menu .menu > li.extra-space-top {
        padding-top: 10px; }
      .main-menu .menu > li > a {
        display: block;
        position: relative;
        padding: 17px 5px 10px 17px;
        line-height: 1; }
      .main-menu .menu > li:last-child > a:last-child {
        padding-bottom: 50px; }
  .main-menu img {
    margin: 0 auto;
    max-width: 100%; }
  .main-menu .social-icons {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 40px 0 5px 15px;
    opacity: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .main-menu .social-icons li {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      width: auto;
      padding: 0; }
      .main-menu .social-icons li a {
        padding: 7px 7px; }
        .main-menu .social-icons li a:first-child {
          padding-left: 14px; }
  @media only screen and (min-width: 768px) {
    .main-menu {
      max-width: 400px;
      width: 100%;
      text-align: center;
      margin: 0 auto; }
      .main-menu .menu {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        width: 100%; }
        .main-menu .menu > li {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          width: auto;
          padding: 0;
          display: block; }
          .main-menu .menu > li > a {
            padding: 7px 18px 7px 30px;
            width: 100%;
            display: block; } }

#page-header.scroll {
  position: relative; }
  #page-header.scroll .menu-icons {
    position: fixed;
    top: 13px;
    z-index: 991; }
  @media screen and (max-width: 991px) {
    #page-header.scroll {
      position: fixed;
      top: 0;
      left: 0;
      background: #fff;
      width: 100%;
      z-index: 991; }
      #page-header.scroll .menu-icons {
        top: 40px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); } }

/***********************
  list to dropdown
***********************/
.list-to-dropdown {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  max-height: none;
  height: 80px;
  background: black;
  color: white;
  overflow: hidden;
  z-index: 0; }
  .list-to-dropdown ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    list-style: none;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin: 0;
    padding: 0;
    max-height: 3000px;
    z-index: 999; }
    .list-to-dropdown ul::after {
      content: '';
      cursor: pointer;
      width: 21px;
      height: 12px;
      background: transparent url(/img/assets/dropdown-arrow-white.svg) no-repeat center center/contain;
      position: absolute;
      right: 20px;
      top: 30px;
      width: 30px;
      height: 30px;
      color: black;
      font-size: 30px; }
    .list-to-dropdown ul li {
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      top: 0;
      left: 0;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      width: 100%;
      height: 100%;
      text-align: center;
      background: black;
      color: white; }
      .list-to-dropdown ul li:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .list-to-dropdown ul li a {
        padding: 20px;
        vertical-align: middle;
        display: inline-block;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-family: "Proxima Nova A W05 Light";
        font-weight: 300;
        font-size: 1em;
        text-align: left;
        letter-spacing: 0.2em; }
  @media only screen and (min-width: 991px) {
    .list-to-dropdown {
      max-height: 80px;
      width: 100%;
      background: rgba(0, 0, 0, 0.5); }
      .list-to-dropdown ul {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .list-to-dropdown ul::after {
          content: none; }
        .list-to-dropdown ul li {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 auto;
                  flex: 0 1 auto;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: auto;
          background: transparent; }
          .list-to-dropdown ul li:first-child {
            display: none; }
          .list-to-dropdown ul li a {
            letter-spacing: 0.1em;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            width: 100%; } }
  @media only screen and (min-width: 1024px) {
    .list-to-dropdown ul li a {
      letter-spacing: 0.15em; } }
  @media only screen and (min-width: 1200px) {
    .list-to-dropdown ul li a {
      font-size: 1.125em;
      letter-spacing: 0.25em; } }

/*** list to drop down show class added**/
.list-to-dropdown.show {
  overflow: visible;
  z-index: 1; }
  .list-to-dropdown.show ul {
    -webkit-perspective: 1000px;
            perspective: 1000px; }
    .list-to-dropdown.show ul li {
      -webkit-transform-origin: top center;
              transform-origin: top center; }
      .list-to-dropdown.show ul li:nth-child(1) {
        -webkit-animation-name: zoomInFadeIn;
                animation-name: zoomInFadeIn;
        -webkit-animation-fill-mode: forward;
                animation-fill-mode: forward;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-duration: 100ms;
                animation-duration: 100ms; }
      .list-to-dropdown.show ul li:nth-child(2) {
        -webkit-animation-name: zoomInFadeIn;
                animation-name: zoomInFadeIn;
        -webkit-animation-fill-mode: forward;
                animation-fill-mode: forward;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-duration: 200ms;
                animation-duration: 200ms; }
      .list-to-dropdown.show ul li:nth-child(3) {
        -webkit-animation-name: zoomInFadeIn;
                animation-name: zoomInFadeIn;
        -webkit-animation-fill-mode: forward;
                animation-fill-mode: forward;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-duration: 300ms;
                animation-duration: 300ms; }
      .list-to-dropdown.show ul li:nth-child(4) {
        -webkit-animation-name: zoomInFadeIn;
                animation-name: zoomInFadeIn;
        -webkit-animation-fill-mode: forward;
                animation-fill-mode: forward;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-duration: 400ms;
                animation-duration: 400ms; }
      .list-to-dropdown.show ul li:nth-child(5) {
        -webkit-animation-name: zoomInFadeIn;
                animation-name: zoomInFadeIn;
        -webkit-animation-fill-mode: forward;
                animation-fill-mode: forward;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-duration: 500ms;
                animation-duration: 500ms; }

/*******************
  Seasonal List
  *******************/
.seasonal-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0; }
  .seasonal-header.spring {
    background-image: url(/img/home-care/spring-bg.png); }
  .seasonal-header.winter {
    background-image: url(/img/home-care/winter-bg.png); }
  .seasonal-header.summer {
    background-image: url(/img/home-care/summer-bg.png); }
  .seasonal-header.fall {
    background-image: url(/img/home-care/fall-bg.png); }

/******
Fonts

font-family:'Proxima Nova A W05 Light';
font-family:'Proxima Nova W05 Regular';
font-family:'Proxima Nova W05 Medium';
font-family:'Proxima Nova W05 Bold';
font-family:'Proxima N W01 Smbd';


*******/
/*****************
  Default setup
*****************/
body {
  font-family: "Proxima Nova A W05 Light", sans-serif;
  font-weight: 300;
  color: #000;
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
  line-height: 1.45;
  font-weight: 300;
  font-style: normal;
  font-size: 16px; }
  body.open {
    overflow: hidden; }
  body.stop-scrolling {
    height: 100%;
    overflow: hidden; }
    body.stop-scrolling::after {
      content: ' ';
      background: rgba(0, 0, 0, 0.65);
      position: fixed;
      height: 100vh;
      width: 100vw;
      top: 60px;
      left: 0;
      z-index: 9; }

.pure-g [class*="pure-u"] {
  /* Set your content font stack here: */
  font-family: "Proxima Nova A W05 Light", sans-serif, Georgia, Times, "Times New Roman", serif; }

.wrapper-full {
  width: 100%;
  margin: 0 auto; }
  .wrapper-full img {
    max-width: 100%;
    display: block; }

.wrapper {
  max-width: 1440px;
  min-width: 300px;
  margin: 0 auto; }
  .wrapper img {
    max-width: 100%;
    display: block; }

.img-full {
  width: 100%; }

#container {
  max-width: none;
  margin: 0 auto;
  overflow: hidden; }

#mainbody {
  position: relative;
  left: 0;
  z-index: 99;
  padding-top: 60px; }
  #mainbody.open {
    -webkit-filter: blur(0);
            filter: blur(0);
    z-index: 9;
    overflow: hidden;
    max-height: 100vh; }
    #mainbody.open ~ footer {
      -webkit-filter: brightness(0.5);
              filter: brightness(0.5); }
    #mainbody.open:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.45);
      z-index: 10; }
  @media only screen and (min-width: 991px) {
    #mainbody.open {
      -webkit-filter: blur(0);
              filter: blur(0); } }

body {
  padding-top: 0;
  position: relative; }
  body.open::after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 11; }

section {
  padding: 25px 15px; }
  section.first {
    padding: 50px 15px 25px 15px; }
  section.last {
    padding: 25px 15px 50px 15px; }
  section.double {
    padding-top: 50px;
    padding-bottom: 50px; }
  section.no-padding-side-phone {
    padding-left: 0;
    padding-right: 0; }
  @media only screen and (min-width: 768px) {
    section {
      padding: 50px 35px; }
      section.no-padding-side-phone {
        padding-left: 35px;
        padding-right: 35px; } }
  @media only screen and (min-width: 1024px) {
    section {
      padding: 50px 50px; }
      section.first {
        padding: 95px 50px 50px 50px; }
      section.last {
        padding: 50px 50px 95px 50px; }
      section.double {
        padding-top: 100px;
        padding-bottom: 100px; }
      section.no-padding-side-phone {
        padding-left: 50px;
        padding-right: 50px; } }
  @media only screen and (min-width: 1280px) {
    section {
      padding: 50px 80px; }
      section.first {
        padding: 95px 80px 50px 80px; }
      section.last {
        padding: 50px 80px 95px 80px; }
      section.double {
        padding-top: 100px;
        padding-bottom: 100px; }
      section.no-padding-side-phone {
        padding-left: 80px;
        padding-right: 80px; } }

h1 {
  font-family: "Proxima Nova A W05 Light";
  font-weight: 300;
  font-size: 1.375em;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.2em; }
  h1.normal {
    text-transform: none; }
  h1.big-1 {
    letter-spacing: 0.3em;
    line-height: 1; }
    h1.big-1 {
      font-size: 35px; }
      @media screen and (min-width: 320px) {
        h1.big-1 {
          font-size: calc(35px + 45 * ((100vw - 320px) / 1080)); } }
      @media screen and (min-width: 1400px) {
        h1.big-1 {
          font-size: 80px; } }
  h1.big-2 {
    font-size: 30px;
    letter-spacing: 0; }
  h1.big-3 {
    font-size: 50px;
    letter-spacing: 0; }
  @media only screen and (min-width: 768px) {
    h1 {
      font-size: 1.625em; }
      h1.big-2 {
        font-size: 3.125em; } }
  @media only screen and (max-width: 340px) {
    h1.big-1 {
      font-size: 30px; } }
  @media only screen and (min-width: 1024px) {
    h1 {
      font-size: 1.875em;
      letter-spacing: 0.3em; }
      h1.big-1 {
        letter-spacing: 0.5em; }
      h1.big-3 {
        letter-spacing: 0; }
        h1.big-3 {
          font-size: 50px; } }
      @media only screen and (min-width: 1024px) and (min-width: 320px) {
        h1.big-3 {
          font-size: calc(50px + 50 * ((100vw - 320px) / 1080)); } }
      @media only screen and (min-width: 1024px) and (min-width: 1400px) {
        h1.big-3 {
          font-size: 100px; } }

h2 {
  font-family: "Proxima Nova W05 Regular";
  font-weight: 300;
  font-size: 1.125em;
  line-height: 1.15;
  letter-spacing: 0.15em; }
  h2.font-light {
    font-family: "Proxima Nova A W05 Light";
    font-weight: 300; }
  h2.header {
    font-size: 2.250em; }
  h2.header--1 {
    font-size: 1.675em; }
  @media only screen and (min-width: 768px) {
    h2 {
      font-size: 1.250em;
      letter-spacing: 0.25em; }
      h2.header {
        font-size: 36px; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) {
      h2.header {
        font-size: calc(36px + 32 * ((100vw - 768px) / 572)); } }
    @media only screen and (min-width: 768px) and (min-width: 1340px) {
      h2.header {
        font-size: 68px; } }
  @media only screen and (min-width: 768px) {
      h2.header--1 {
        font-size: 2.250em; } }
  @media only screen and (min-width: 1024px) {
    h2 {
      font-size: 1.625em;
      letter-spacing: 0.5em; } }

h3 {
  font-family: "Proxima Nova W05 Bold";
  font-weight: 300;
  font-size: 1em;
  letter-spacing: 0.15em; }
  h3.more-letter-spacing {
    letter-spacing: 0.34em; }
  h3.regular {
    font-family: "Proxima Nova W05 Regular";
    font-weight: 300; }
  h3.normal {
    letter-spacing: normal; }
  @media only screen and (min-width: 768px) {
    h3 {
      font-size: 1.125em; }
      h3.more-letter-spacing {
        letter-spacing: 0.8em; } }

h4 {
  font-family: "Proxima Nova W05 Bold";
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.35em; }
  h4::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-bottom: calc((1 - 1.45) * 0.5em); }
  h4::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.45) * 0.5em); }

h5 {
  letter-spacing: 0.35em; }
  h5::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-bottom: calc((1 - 1.45) * 0.5em); }
  h5::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.45) * 0.5em); }

a {
  display: inline-block;
  text-decoration: none;
  width: auto;
  outline: 0;
  color: inherit; }
  a:hover {
    color: inherit; }
  a:active {
    color: inherit; }
  a.sold-out {
    cursor: default;
    pointer-events: none; }
    a.sold-out > * {
      pointer-events: all; }

header {
  margin: 0 auto;
  position: relative; }
  header > h1::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-bottom: calc((1 - 1.45) * 0.5em); }
  header > h1::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.45) * 0.5em); }

header#main-header {
  margin: 0 auto;
  position: relative;
  background: #fff;
  z-index: 999;
  position: fixed;
  top: 0;
  max-width: 1440px;
  width: 100%;
  z-index: 9999;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

area {
  cursor: pointer;
  display: block; }

em {
  font-weight: 700; }

.page-nav {
  display: none; }

.img-full {
  display: block; }

.no-letter-spacing {
  letter-spacing: 0; }

@media screen and (min-width: 1024px) {
  #mainbody {
    left: 0; }

  h2 {
    font-size: 1.625em; } }
/************
  Hero Container
***********/
.hero-container {
  height: 100vh;
  position: relative;
  padding: 0;
  background-color: black;
  margin-top: -60px; }
  .hero-container .covid-icons {
    width: 60%;
    margin: 3em auto 0 auto; }
  .hero-container .subheading {
    font-size: 18px;
    padding-top: 15px;
    margin: 0 auto; }
  .hero-container .btn-container {
    padding-top: 20px; }
    .hero-container .btn-container > .btn {
      margin: 7px 5px;
      width: auto; }
  @media only screen and (min-width: 768px) {
    .hero-container {
      height: 0;
      padding-bottom: 89vh; }
      .hero-container .subheading {
        font-size: 24px;
        padding-top: 20px; }
      .hero-container .btn-container {
        padding-top: 30px; } }
  @media only screen and (min-width: 1024px) {
    .hero-container {
      padding-bottom: 53.5vw; }
      .hero-container .subheading {
        max-width: 62%; }
        .hero-container .subheading.subheading--1 {
          max-width: 77%; }
      .hero-container .btn-container {
        padding-top: 63px; } }

/************
  Community Blocks
***********/
.community-blocks .media-block {
  padding: 0; }
  .community-blocks .media-block .media-title--1 {
    color: #fff;
    padding: 1.5em 0;
    font-size: 12px; }
  .community-blocks .media-block .top-section {
    padding: 0; }
    .community-blocks .media-block .top-section .media-image {
      max-width: none; }
      .community-blocks .media-block .top-section .media-image img {
        width: 100%; }
  .community-blocks .media-block .bottom-section {
    padding: 0;
    background-color: #000;
    color: #fff; }
    .community-blocks .media-block .bottom-section .btn-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 0 0.75em 0; }
      .community-blocks .media-block .bottom-section .btn-container a:nth-of-type(1) {
        margin: 0 0.25em 0 0.5em; }
      .community-blocks .media-block .bottom-section .btn-container a:nth-of-type(2) {
        margin: 0 0.5em 0 0.25em; }

/****************
  Stanford 101
****************/
#stanford101Top {
  background: transparent url(/img/stanford101/bg-image.jpg) no-repeat 0 0;
  background-size: cover; }

#info-section .info-area {
  text-align: center;
  padding: 50px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }
  #info-section .info-area > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%; }
  #info-section .info-area .size {
    font-family: "Proxima Nova W05 Bold";
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.25em; }
  #info-section .info-area .details {
    font-size: 1em;
    font-family: "Proxima Nova W05 Regular";
    font-weight: 300;
    line-height: 1.5; }
    #info-section .info-area .details::after {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-bottom: calc((1 - 1.5) * 0.5em); }
    #info-section .info-area .details::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.5) * 0.5em); }
#info-section .elevation-area {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  padding: 50px 0 0 0; }
  #info-section .elevation-area .elevation-change-links {
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    text-align: center;
    font-family: "Proxima Nova W05 Bold";
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: white;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    #info-section .elevation-area .elevation-change-links .elevation-type {
      /* display: flex; */
      display: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    #info-section .elevation-area .elevation-change-links li {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      opacity: 0.5;
      margin: 3px 15px;
      padding: 0 0 3px 0;
      border-bottom: 2px solid white; }
      #info-section .elevation-area .elevation-change-links .a li.a,
      #info-section .elevation-area .elevation-change-links .b li.b {
        opacity: 1; }
@media only screen and (min-width: 768px) {
  #info-section .info-area {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
    padding: 0 0 0 0; }
    #info-section .info-area .details {
      font-size: 1.125em;
      line-height: 1.75; }
  #info-section .elevation-area {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0 0 0 0; } }

/*****
Flip effect
***/
.flipper-container {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  width: 100%;
  height: 100%;
  position: relative;
  /*  &:hover .flipper, */ }
  .flipper-container .flipper.back {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .flipper-container .front,
  .flipper-container .back {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0; }
  .flipper-container .front {
    z-index: 2;
    /* for firefox 31 */
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  .flipper-container .back {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .flipper-container .flipper {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    position: relative;
    padding: 0 0 76% 0;
    margin: 30px 0 0 0; }
  @media only screen and (min-width: 768px) {
    .flipper-container .flipper {
      margin: 0 0 0 auto; } }

/***********
   Cube Container 
*************/
.cube-container {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  width: 100%;
  height: 100%;
  position: relative; }
  .cube-container .cube {
    position: relative;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    min-height: 75vh;
    height: 100%;
    max-height: 95vh; }
  .cube-container .front {
    -webkit-transform: translateZ(100px);
            transform: translateZ(100px); }
  .cube-container .right {
    -webkit-transform: rotateY(-270deg) translateX(100px);
            transform: rotateY(-270deg) translateX(100px);
    -webkit-transform-origin: top right;
            transform-origin: top right; }
  .cube-container .left {
    -webkit-transform: rotateY(270deg) translateX(-100px);
            transform: rotateY(270deg) translateX(-100px);
    -webkit-transform-origin: center left;
            transform-origin: center left; }

/***************
   Fade Conainter 
***************/
.fade-container .fade-item {
  opacity: 0;
  padding: 0;
  display: none; }
  .fade-container .fade-item.active {
    display: block;
    opacity: 1; }
  .fade-container .fade-item .image-content {
    width: 100%; }
@media only screen and (min-width: 768px) {
  .fade-container .fade-item.active {
    /*  min-height: 75vh;
     height: 100%;
     max-height: 95vh; */ } }

#floorplans-section .elevation-options {
  width: auto; }
  #floorplans-section .elevation-options label {
    cursor: pointer;
    position: relative;
    width: auto;
    height: auto;
    max-width: 90%;
    margin: 0 auto;
    display: inline-block; }
    #floorplans-section .elevation-options label:after {
      content: " ";
      position: absolute;
      right: 0%;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      padding: 0 10px;
      height: 100%;
      width: 20px;
      background-image: url(/img/assets/dropdown-arrow-black.png);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 20px 11px;
      z-index: -1; }
  #floorplans-section .elevation-options select {
    cursor: pointer;
    width: 390px;
    padding: 20px 15px;
    font-family: "Proxima Nova A W05 Light";
    font-weight: 300;
    font-size: 1em;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 0.25em;
    /*   &:after {
       content: url(/img/assets/dropdown-arrow-black.svg);
       position: absolute;
       right: 0%;
       top: 50%;
       transform: translateY(-50%);
       padding: 0 10px;
       height: 100%;
       width: 20px;
       background-image: url(/img/assets/dropdown-arrow-black.svg);
       background-repeat:  no-repeat;
       background-position: center center;
       background-size: 20px 11px;
    } */ }
#floorplans-section .disclaimer {
  text-transform: uppercase;
  font-family: "Proxima Nova W05 Bold";
  font-weight: 300;
  font-size: 14px;
  padding: 30px 10px;
  max-width: 850px; }
  #floorplans-section .disclaimer.amber-woods {
    padding: 30px 10px 50px 10px; }
@media only screen and (min-width: 768px) {
  #floorplans-section .elevation-options label {
    max-width: none; } }
@media only screen and (min-width: 1024px) {
  #floorplans-section .disclaimer.amber-woods {
    padding: 30px 10px 90px 10px; } }

/**********
carousel
**********/
.floorplan-carousel .item {
  margin: 0 auto;
  height: 100%; }
  .floorplan-carousel .item img {
    max-width: 700px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 50px 50px 50px; }
.floorplan-carousel .owl-item {
  opacity: 0.4;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transform: all 1s;
          transform: all 1s; }
  .floorplan-carousel .owl-item.active {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
.floorplan-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto; }
  .floorplan-carousel .owl-nav button {
    outline: 0; }
  .floorplan-carousel .owl-nav .owl-prev img,
  .floorplan-carousel .owl-nav .owl-next img {
    width: 32px; }
.floorplan-carousel .flipper {
  padding: 0;
  height: 100vw; }
.floorplan-carousel.credit-woods .flipper {
  padding: 0;
  height: 95vw; }
.floorplan-carousel.credit-woods .fade-container .fade-item.active {
  height: 95vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
@media only screen and (min-width: 768px) {
  .floorplan-carousel .flipper {
    height: 95vh; }
  .floorplan-carousel.credit-woods .flipper {
    min-height: 75vh;
    height: 100%;
    max-height: 95vh; }
  .floorplan-carousel.credit-woods .fade-container .fade-item.active {
    min-height: 75vh;
    height: 100%;
    max-height: 95vh; } }
@media only screen and (min-width: 1024px) {
  .floorplan-carousel .owl-nav {
    width: 70%; }
    .floorplan-carousel .owl-nav .owl-prev img,
    .floorplan-carousel .owl-nav .owl-next img {
      width: 62px; } }

/********************
 Action Icons
 *******************/
.action-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto; }
  .action-icons > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: auto;
    padding: 0 7px; }
    .action-icons > li:first-child {
      padding-left: 0; }
  @media only screen and (min-width: 1024px) {
    .action-icons {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

/*******Banner*********/
/**IE hack**/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */ }
@supports (-ms-ime-align: auto) {
  /* Microsoft EdgeV13&14 CSS styles go here */ }
.bg-image-section {
  height: 0;
  padding-bottom: 112.5%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  .bg-image-section.home-1 {
    background-image: url(/img/home-1.jpg); }
  .bg-image-section.fall {
    background-image: url(/img/fall.jpg); }
  .bg-image-section.summer {
    background-image: url(/img/summer.jpg); }
  .bg-image-section.spring {
    background-image: url(/img/spring.jpg); }
  .bg-image-section.winter {
    background-image: url(/img/winter.jpg); }
  .bg-image-section.sign-up {
    background-image: url(/img/sign-up-bg.jpg);
    padding-bottom: 62.5%;
    background-position: 73% center; }
  @media only screen and (min-width: 768px) {
    .bg-image-section {
      padding-bottom: 56.25%;
      background: contain; }
      .bg-image-section.sign-up {
        background-position: 62% center; } }
  @media only screen and (min-width: 991px) {
    .bg-image-section.sign-up {
      padding-bottom: 31.25%;
      background-position: 73% center; } }

/*******************
  Banner Section setup
*******************/
.banner-section {
  position: relative; }
  .banner-section img {
    display: block;
    width: 100%; }
  .banner-section .heading h3 + h1 {
    padding-top: 20px; }
  .banner-section .heading h1 + h3 {
    padding-top: 20px; }
  .banner-section .heading .btn-container {
    padding-top: 30px; }
  @media only screen and (min-width: 768px) {
    .banner-section .heading h3 + h1 {
      padding-top: 40px; }
    .banner-section .heading h1 + h3 {
      padding-top: 40px; }
    .banner-section .heading .btn-container {
      padding-top: 55px; } }

.banner-overlay {
  position: relative;
  left: 0;
  right: 0;
  padding: 25px 10px 0px 10px;
  min-width: none;
  width: auto;
  margin: 0 auto;
  background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .banner-overlay {
      position: absolute;
      left: 50%;
      right: auto;
      top: 100%;
      -webkit-transform: translate(-50%, -62%);
              transform: translate(-50%, -62%); } }

.absolute-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  margin: 0 auto;
  text-align: center;
  z-index: 1; }
  .absolute-overlay.top--1 {
    top: 47%; }
  .absolute-overlay.top--2 {
    top: 37%; }
  .absolute-overlay.top--3 {
    top: 56%; }
  .absolute-overlay .logo-section {
    max-width: 56.25%;
    margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .absolute-overlay .subtitle {
      font-size: 1.250em; }
    .absolute-overlay .logo-section {
      padding-top: 20px; } }
  @media only screen and (min-width: 1024px) {
    .absolute-overlay .subtitle {
      font-size: 1.50em; }
    .absolute-overlay .logo-section {
      padding-top: 50px; } }

/*****
Overlay that goes from relative to absolute
*****/
.overlay-relative-absolute {
  position: relative;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  left: 0;
  right: 0; }
  @media only screen and (min-width: 768px) {
    .overlay-relative-absolute .overlay-relative-absolute {
      position: relative;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      right: 0; } }

/********************
  custom overlays
  mostly for header overlays
********************/
.home-hero-overlay {
  max-width: 97.8125%;
  margin: 0 auto;
  /*  h2 {
     letter-spacing: 0.3em;
     padding-top: 25px;
   } */ }
  @media only screen and (min-width: 1024px) {
    .home-hero-overlay {
      /* max-width: 61.25%; */
      /* h2 {
        padding-top: 47px;
        letter-spacing: 0.47em;
      } */ } }
  @media only screen and (min-width: 1400px) {
    .home-hero-overlay {
      /* max-width: 890px; */ } }

/***************************
  Image text heading
***************************/
.img-text-heading {
  line-height: 1;
  padding-bottom: 20px; }
  .img-text-heading .img-section {
    display: inline-block;
    padding-right: 5px;
    max-width: 111px; }
  .img-text-heading .text-section {
    display: inline-block;
    padding-left: 5px; }
    .img-text-heading .text-section h2 {
      letter-spacing: .35em; }
  @media only screen and (min-width: 768px) {
    .img-text-heading .img-section {
      padding-right: 12px;
      max-width: 179px; }
    .img-text-heading .text-section h2 {
      letter-spacing: 0.8em;
      padding-left: 12px; } }

/*****************************
  banner button overlay
*****************************/
.circle-overlay::after {
  content: '';
  border-radius: 50%;
  background-color: #fff;
  background-image: url(/img/home-hero-circle-overlay.png);
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center center;
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 1; }
@media only screen and (min-width: 991px) {
  .circle-overlay::after {
    width: 140px;
    height: 140px; } }

.hero-overlay {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 75vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  .hero-overlay .logo-corner {
    position: absolute;
    bottom: 0;
    right: 0; }
  .hero-overlay .logo-center {
    position: absolute;
    width: 340px;
    bottom: 130px; }
  .hero-overlay .overlay-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .hero-overlay .overlay-header .logo-section {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      max-width: 45%;
      margin: 0 auto; }
      .hero-overlay .overlay-header .logo-section img {
        margin: 0 auto; }
      .hero-overlay .overlay-header .logo-section + .header-section {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        padding-top: 50px;
        max-width: 525px;
        margin: 0 auto;
        text-align: center; }
        .hero-overlay .overlay-header .logo-section + .header-section h2 {
          font-family: "Proxima Nova A W05 Light";
          font-weight: 300;
          color: white;
          letter-spacing: 0.1em;
          line-height: 1.45; }
  .hero-overlay.royal-collection-home {
    background-image: url(/img/community/royal-collection/home-header.jpg); }
    @media only screen and (min-width: 1280px) {
      .hero-overlay.royal-collection-home .overlay-header .logo-section {
        max-width: 590px; } }
  .hero-overlay.credit-woods-home {
    background-image: url(/img/community/credit-woods/home-header.jpg); }
  .hero-overlay.amber-woods-home {
    background-image: url(/img/community/amber-woods/home-header.jpg);
    height: 95vh; }
    .hero-overlay.amber-woods-home .absolute-overlay {
      top: 42%; }
    .hero-overlay.amber-woods-home .logo-section img {
      max-width: 229px;
      margin: 0 auto;
      width: 100%; }
    .hero-overlay.amber-woods-home .overlay-header {
      max-width: 95%; }
      .hero-overlay.amber-woods-home .overlay-header .subheading {
        font-size: 18px; }
    @media only screen and (min-width: 768px) {
      .hero-overlay.amber-woods-home {
        height: 785px; }
        .hero-overlay.amber-woods-home .overlay-header .subheading {
          font-size: 18px; } }
  .hero-overlay.our-story {
    background-image: url(/img/our-story-header.jpg); }
  @media only screen and (min-width: 768px) {
    .hero-overlay {
      height: 50vw; }
      .hero-overlay .overlay-header {
        max-width: 55%; }
        .hero-overlay .overlay-header .logo-section + .header-section h2 {
          letter-spacing: 0.2em; } }
  @media only screen and (min-width: 1024px) {
    .hero-overlay .overlay-header .logo-section {
      max-width: 65%; }
      .hero-overlay .overlay-header .logo-section + .header-section {
        max-width: 625px;
        padding-top: 85px; } }
  @media only screen and (min-width: 1400px) {
    .hero-overlay {
      height: 720px; }
      .hero-overlay .overlay-header .logo-section + .header-section h2 {
        letter-spacing: 0.3em; } }

/*********************
Inner pager of floorplan
hero header
*********************/
.hero-overlay-fixed {
  position: relative;
  height: 360px; }
  .hero-overlay-fixed.royal-collection-home {
    background-image: url(/img/community/royal-collection/home-header.jpg); }
  .hero-overlay-fixed.credit-woods-home {
    background-image: url(/img/community/credit-woods/home-header.jpg); }
  .hero-overlay-fixed.amber-woods-home {
    background-image: url(/img/community/amber-woods/home-header.jpg);
    background-position: 50% 60%;
    background-size: 140%; }
  .hero-overlay-fixed .logo-img {
    margin: 0 auto;
    max-height: 160px;
    width: auto; }

/***************
	pure css additions and overrides.
****************/
.pure-g.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-1-1-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

/************/
.section {
  padding: 25px 10px; }
  @media only screen and (min-width: 768px) {
    .section {
      padding: 50px 35px; } }
  @media only screen and (min-width: 1024px) {
    .section {
      padding: 50px 70px; } }

.emphasize {
  margin: 0 auto;
  padding: 5px 0 0 0;
  width: 95%;
  font-family: "Proxima Nova W05 Regular";
  font-weight: 300; }
  .emphasize p {
    color: #252525;
    font-size: 1em;
    line-height: 1.75;
    padding: 10px 0 10px 0; }
    .emphasize p p + p {
      padding: 13px 0 10px 0; }
    .emphasize p.no-padding-top {
      padding-top: 0;
      margin-top: -5px;
      margin-bottom: -5px; }
    .emphasize p.extra-line-height {
      line-height: 2.25; }
      .emphasize p.extra-line-height:last-child {
        padding-bottom: 0; }
        .emphasize p.extra-line-height:last-child::after {
          content: '';
          display: block;
          height: 0;
          width: 0;
          margin-bottom: calc((1 - 2.25) * 0.5em); }
        .emphasize p.extra-line-height:last-child::before {
          content: '';
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 2.25) * 0.5em); }
    .emphasize p:last-child {
      padding-bottom: 0; }
      .emphasize p:last-child::after {
        content: '';
        display: block;
        height: 0;
        width: 0;
        margin-bottom: calc((1 - 1.75) * 0.5em); }
      .emphasize p:last-child::before {
        content: '';
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.75) * 0.5em); }
  .emphasize.text-justify p {
    text-align: justify; }
  .emphasize.line-height-crop::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-bottom: calc((1 - 2) * 0.5em); }
  .emphasize.full {
    max-width: 100%;
    width: 100%; }
  .emphasize.variety1 {
    max-width: 95.13%; }
  .emphasize.variety2 {
    max-width: 95.13%; }
  .emphasize.variety3 {
    max-width: 95.13%; }
  @media only screen and (min-width: 768px) {
    .emphasize {
      max-width: 81%; }
      .emphasize p {
        font-size: 1.125em; }
      .emphasize.full {
        max-width: 100%; }
      .emphasize.variety1 {
        max-width: 79.13%; }
      .emphasize.variety2 {
        max-width: 89.13%; }
      .emphasize.variety3 {
        max-width: 90.13%; } }
  @media only screen and (min-width: 1024px) {
    .emphasize.variety1 {
      max-width: 45.13%; }
    .emphasize.variety2 {
      max-width: 62.13%; }
    .emphasize.variety3 {
      max-width: 72.13%; } }

/********************
  Image Text Section
********************/
.image-text-section .image-section {
  padding: 0; }
  .image-text-section .image-section img {
    max-width: 100%;
    width: auto; }
.image-text-section .text-section {
  padding: 0; }
  .image-text-section .text-section.right, .image-text-section .text-section.left {
    padding-right: 20px;
    padding-left: 20px; }
@media only screen and (min-width: 991px) {
  .image-text-section .image-section.left {
    padding-right: 15px; }
  .image-text-section .image-section.right {
    padding-left: 15px; }
  .image-text-section .text-section.right {
    padding-right: 50px;
    padding-left: 15px; }
  .image-text-section .text-section.left {
    padding-right: 15px;
    padding-left: 50px; } }
@media only screen and (min-width: 1200px) {
  .image-text-section .image-section.left {
    padding-right: 15px; }
  .image-text-section .image-section.right {
    padding-left: 15px; }
  .image-text-section .text-section.right {
    padding-right: 80px; }
  .image-text-section .text-section.left {
    padding-left: 80px; } }

/***********
Image layouts
**********/
/***Gives full width to the images***/
.image-section img {
  width: 100%;
  display: block;
  max-width: none; }

.image-inline {
  display: inline-block;
  width: auto; }

/**************
	Two Columns
***************/
.two-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  .two-columns .unit {
    position: relative; }
    .two-columns .unit.left {
      -webkit-box-flex: 1;
          -ms-flex: 1 100%;
              flex: 1 100%;
      padding-right: 0; }
    .two-columns .unit.right {
      -webkit-box-flex: 1;
          -ms-flex: 1 100%;
              flex: 1 100%;
      padding-left: 0; }
    .two-columns .unit .btn-container {
      padding: 20px 0 25px 0; }
      .two-columns .unit .btn-container.no-padding-top {
        padding-top: 0; }
      .two-columns .unit .btn-container a {
        margin: 5px 0; }
  .two-columns .image-contain {
    padding: 40px 0 5px 0; }
  @media only screen and (min-width: 768px) {
    .two-columns .unit.left {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      max-width: 50%;
      padding-right: 25px; }
    .two-columns .unit.right {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      max-width: 50%;
      padding-left: 25px; }
    .two-columns .unit .btn-container {
      padding: 20px 0 0 0; }
      .two-columns .unit .btn-container a {
        margin: 10px 0; }
    .two-columns .image-contain {
      padding: 5px 0 5px 0; } }
  @media only screen and (min-width: 1024px) {
    .two-columns .unit .btn-container a {
      margin: 0; } }

/****************
  Two columns text image
****************/
.two-columns-layout {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .two-columns-layout > div {
    padding: 20px 10px; }
  .two-columns-layout.negative-margin-top-20 {
    margin-top: -20px; }
  .two-columns-layout .text-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .two-columns-layout .text-section > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%; }
  .two-columns-layout header {
    max-width: 80%; }
  .two-columns-layout.reverse .text-section {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .two-columns-layout.reverse .image-section {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  @media only screen and (min-width: 768px) {
    .two-columns-layout > div {
      padding: 25px 25px; }
    .two-columns-layout.reverse .text-section {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .two-columns-layout.reverse .image-section {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }
  @media only screen and (min-width: 1024px) {
    .two-columns-layout > div {
      padding: 25px 40px; } }
  @media only screen and (min-width: 1200px) {
    .two-columns-layout > div {
      padding: 25px 80px; } }

/****************
  Reverse order: This is for 2 columns
****************/
.reverse-order-mobile > div:first-child {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }
.reverse-order-mobile div:last-child {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
@media only screen and (min-width: 991px) {
  .reverse-order-mobile > div:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .reverse-order-mobile div:last-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }

/***
	privacy
**/
#privacy {
  text-align: left; }
  #privacy h1 {
    text-align: center; }
  #privacy p:last-child {
    padding-bottom: 0; }
  #privacy header h3 {
    text-transform: uppercase; }

/*****************
  components
*****************/
.cleafix {
  display: inline-block; }
  .cleafix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .cleafix {
    height: 1px; }

.btn-container {
  padding: 20px 0 0 0; }
  .btn-container.no-padding-top {
    padding-top: 0 !important; }
  .btn-container > .btn {
    margin: 0 5px; }
  .btn-container.btn-space-1 {
    padding: 10px 0 0 0; }

.btn {
  display: inline-block;
  color: #fff;
  background: #000;
  width: auto;
  padding: 21px 32px;
  margin: 0;
  border: 0;
  font-family: "Proxima Nova W05 Medium";
  font-weight: 300;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .btn:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    color: #fff;
    background-color: #000;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .btn.ghost {
    background-color: transparent;
    color: #000;
    display: inline-block; }
  .btn.btn--red {
    background-color: #de2f33; }
  .btn.btn--white {
    background: white;
    color: black;
    font-size: 1.00em; }
  @media only screen and (min-width: 1024px) {
    .btn.btn--white {
      font-size: 1.25em; } }

/*******************
  video-group
*******************/
.video-group {
  height: 0;
  padding-bottom: 56.25%;
  position: relative; }
  .video-group iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .video-group .overlay-section {
    display: block;
    opacity: 1;
    z-index: 1; }
  .video-group .img-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .video-group .img-section img {
      width: 100%; }
  .video-group .play-button {
    cursor: pointer;
    position: absolute;
    top: 88%;
    left: 90%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1; }
    .video-group .play-button img {
      margin: 0 auto; }
  .video-group .heading {
    position: absolute;
    top: 37.055%;
    width: 100%;
    text-align: center;
    margin: 0 auto; }
    .video-group .heading h3 + h1,
    .video-group .heading h3 + .logo-section {
      padding-top: 10px; }
    .video-group .heading h3 + .logo-section,
    .video-group .heading h2 + .logo-section {
      max-width: 56.25%;
      margin: 0 auto; }
    .video-group .heading h1 + h3 {
      padding-top: 15px; }
    .video-group .heading.heading-pos--1 {
      top: 23.055%; }
  @media only screen and (min-width: 768px) {
    .video-group .play-button {
      top: 70%;
      left: 50%; }
      .video-group .play-button img {
        max-width: 100%; }
    .video-group .heading {
      top: 37.055%; }
      .video-group .heading h3 + h1,
      .video-group .heading h3 + .logo-section,
      .video-group .heading h2 + .logo-section {
        padding-top: 20px; }
      .video-group .heading h1 + h3 {
        padding-top: 25px; }
      .video-group .heading.heading-pos--1 {
        top: 30.055%; } }
  @media only screen and (min-width: 1024px) {
    .video-group play-button {
      top: 57%; }
    .video-group .heading h3 + .logo-section,
    .video-group .heading h2 + .logo-section {
      padding-top: 50px; } }

/********************
	Media Block
********************/
.media-container {
  padding: 0 10px;
  margin: 0 auto;
  max-width: none; }
  .media-container > div {
    padding: 10px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .media-container > div > a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      position: relative;
      overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .media-container {
      padding: 0 15px;
      margin-top: -10px;
      margin-bottom: -10px; }
      .media-container > div {
        padding: 10px 10px; } }
  @media only screen and (min-width: 1024px) {
    .media-container {
      padding: 0 30px; }
      .media-container > div {
        padding: 10px 20px; } }
  @media only screen and (min-width: 1200px) {
    .media-container {
      padding: 0 60px; } }

.media-container.variation1 {
  margin-top: -10px; }
  .media-container.variation1 > div {
    padding: 10px; }
  @media only screen and (min-width: 768px) {
    .media-container.variation1 {
      margin-top: -20px; }
      .media-container.variation1 > div {
        padding: 20px; } }

.media-block {
  padding: 20px 10px;
  border: 1px solid #e5e4de;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: center;
  position: relative;
  width: 100%; }
  .media-block:hover + .media-block.overlay {
    z-index: -1;
    opacity: 0; }
  .media-block .top-section {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 0 15px 0; }
    .media-block .top-section .media-image {
      max-width: 50%; }
  .media-block .bottom-section {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding: 15px 0 0 0; }
  .media-block.no-padding {
    padding: 0px 0 0px 0; }
  .media-block .media-image {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    position: relative;
    margin: 0 auto; }
  .media-block .media-label.left { left: 0; }
  .media-block .media-label.right { right: 0; }
  .media-block .media-label.center { left: 50%; transform: translateX(-50%); }
  .media-block .media-label.bottom { bottom: 0; top: auto; }
  .media-block .media-label {
    position: absolute;
    top: 0;
    padding: 8px 16px;
    letter-spacing: 2px;
    font-size: 10px;
    background-color: rgba(0,0,0,0.5);
    color: #fff; }
    @media only screen and (min-width: 1024px) {
      .media-block .media-label {
        padding: 16px 24px;
        font-size: 16px; } }
  .media-block .media-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    text-align: center;
    padding: 30px 0 0 0; }
  .media-block .media-body {
    font-size: 0.875em;
    line-height: 1.5;
    padding: 5px 0px 0 0px;
    max-width: 95%;
    margin: 0 auto; }
  .media-block .media-date {
    font-family: "Proxima Nova A W05 Light", sans-serif;
    font-weight: 300;
    font-size: 0.875em; }
  .media-block .media-title--1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    padding: 0px 10px 25px 10px;
    /* color: white;
    text-shadow: 2px 2px 2px #000000; */
    font-family: "Proxima Nova W05 Bold";
    font-weight: 300;
    font-size: 0.875em;
    letter-spacing: 0.3em; }
    .media-block .media-title--1.extra-letter-spacing {
      letter-spacing: 0.55em; }
  .media-block .media-title--2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    padding: 0px 10px 25px 10px;
    /* color: white;
    text-shadow: 2px 2px 2px #000000;
    @include fonts(regular); */
    font-size: 1em;
    letter-spacing: 0.15em;
    padding: 0 0 5px 0; }
  .media-block .media-title--3 {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    padding: 0px 10px 2px 10px;
    /* color: white;
    text-shadow: 2px 2px 2px #000000;
    @include fonts(bold); */
    font-size: 1.125em;
    letter-spacing: 0.15em; }
  .media-block img {
    display: block;
    margin: 0 auto;
    width: 100%; }
  .media-block .btn-container img {
    max-width: 100%;
    margin: 0 auto;
    width: auto; }
  @media only screen and (min-width: 768px) {
    .media-block {
      padding: 35px 10px; }
      .media-block .top-section .media-image {
        max-width: none; }
      .media-block .media-title--1, .media-block .media-title--2, .media-block .media-title--3 {
        color: black;
        text-shadow: none; }
      .media-block .media-title--3 {
        padding: 0px 10px 5px 10px; }
      .media-block .media-image {
        max-width: none; } }
  @media only screen and (min-width: 1024px) {
    .media-block {
      padding: 70px 20px; }
      .media-block .media-title--1.extra-letter-spacing {
        letter-spacing: 0.65em; }
      .media-block .media-title--2 {
        font-size: 1.125em; }
      .media-block .media-title--3 {
        font-size: 1.325em; }
      .media-block .top-section {
        padding: 0 0 25px 0; }
      .media-block .bottom-section {
        padding: 22px 0 0 0; } }

/***Variation 2***/
.media-block.variation1 {
  padding: 0 0 27px 0; }

/***Variation 2***/
.media-block.variation2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  padding: 0 0 0 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .media-block.variation2 .media-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 46.42%;
            flex: 0 1 46.42%;
    width: auto;
    max-width: none; }
  .media-block.variation2 .media-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 53.76%;
            flex: 0 1 53.76%;
    padding: 20px;
    text-align: left; }
    .media-block.variation2 .media-content p {
      font-size: 0.750em;
      line-height: 1.5;
      letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .media-block.variation2 {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .media-block.variation2 .media-image {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%; }
      .media-block.variation2 .media-content {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%; }
        .media-block.variation2 .media-content p {
          font-size: 1em; } }

/***Variation 3***/
@media only screen and (min-width: 1024px) {
  .media-block.variation3 {
    padding: 70px 20px 50px 20px; } }

/***###***/
/** Media Block Overlay **/
.media-block.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 222;
  opacity: 1;
  padding: 10px;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .media-block.overlay:hover {
    opacity: 0;
    z-index: -1; }
  .media-block.overlay .bottom-section .btn-container {
    display: block; }
  .media-block.overlay .bottom-section .show-sold {
    display: none; }
  .media-block.overlay.sold-out {
    cursor: default; }
    .media-block.overlay.sold-out:hover {
      opacity: 1;
      z-index: 222; }
    .media-block.overlay.sold-out .bottom-section .btn-container {
      display: none; }
    .media-block.overlay.sold-out .bottom-section .show-sold {
      display: block; }
  .media-block.overlay.royal-overlay-image {
    background-image: url(/img/royal-community-overlay.jpg); }
  .media-block.overlay.amber-overlay-image {
    background-image: url(/img/amber-community-overlay.jpg); }
  .media-block.overlay.credit-overlay-image {
    background-image: url(/img/credit-community-overlay.jpg); }
  .media-block.overlay .media-title--1 {
    padding: 0 0 1px 0; }
  @media only screen and (min-width: 1024px) {
    .media-block.overlay {
      padding: 35px 20px 50px 20px; }
      .media-block.overlay .media-title--1 {
        padding: 0 0 10px 0; } }

/*****************************
  Sign up form
*****************************/
.sign-up-display {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .sign-up-display .sign-up-form-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -ms-flex-line-pack: center;
        align-content: center;
    text-align: left;
    padding: 10px 20px 10px 60px;
    height: 100%; }
    .sign-up-display .sign-up-form-display > div {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; }
  @media only screen and (min-width: 768px) {
    .sign-up-display .sign-up-form-display {
      padding: 10px 50px; } }
  @media only screen and (min-width: 1024px) {
    .sign-up-display .sign-up-form-display {
      padding: 10px 70px; } }

/********************************
  Follow container
********************************/
.follow-container {
  padding: 0;
  margin: 0 auto;
  max-width: none;
  width: 100%;
  padding: 0 10px; }
  @media only screen and (min-width: 768px) {
    .follow-container {
      padding: 0 45px; } }
  @media only screen and (min-width: 1024px) {
    .follow-container {
      padding: 0 90px; } }
  @media only screen and (min-width: 1200px) {
    .follow-container {
      padding: 0 130px; } }

.follow-image {
  padding: 3.5%;
  width: 100%; }

.follow-image--wide {
  padding: 2%;
  width: 100%; }

.follow-box-square {
  height: 0;
  padding: 0 10px 100% 10px;
  position: relative; }
  .follow-box-square > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

/************************
  presentation center contact
*************************/
.presentation-center-info > div {
  padding: 20px 3px 0 3px; }
.presentation-center-info p {
  font-family: "Proxima Nova W05 Regular";
  font-weight: 300;
  font-size: 1em;
  padding-top: 20px;
  line-height: 1.5; }

/************************
  temporary sales office
*************************/
.container-temporary-sales-office {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #000000; }
  @media only screen and (max-width: 767px) {
    .container-temporary-sales-office {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-bottom: 25px; } }
  .container-temporary-sales-office .container-title {
    padding: 50px 10px 50px 10px; }
    @media only screen and (max-width: 767px) {
      .container-temporary-sales-office .container-title {
        padding: 25px 10px 25px 10px; } }
  .container-temporary-sales-office h2 {
    font-family: "Proxima Nova W05 Medium";
    font-weight: 300;
    letter-spacing: normal;
    font-size: 36px;
    letter-spacing: .03125em; }
    @media only screen and (max-width: 767px) {
      .container-temporary-sales-office h2 {
        font-size: 30px; } }
  .container-temporary-sales-office p {
    font-size: 30px;
    letter-spacing: .03125em; }
    @media only screen and (max-width: 767px) {
      .container-temporary-sales-office p {
        font-size: 20px; } }
  .container-temporary-sales-office .container-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media only screen and (max-width: 1280px) {
      .container-temporary-sales-office .container-button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .container-temporary-sales-office .container-button img {
      margin: 5px 10px 5px 10px; }
      @media only screen and (max-width: 1280px) {
        .container-temporary-sales-office .container-button img {
          margin: 0px 5px 5px 5px; } }
  .container-temporary-sales-office div {
    width: 50%; }
    @media only screen and (max-width: 767px) {
      .container-temporary-sales-office div {
        width: 100%; } }

/*******************************
   Accordion 
*******************************/
.accordion {
  text-align: left; }
  .accordion .accordion-header {
    cursor: pointer;
    position: relative;
    font-family: "Proxima Nova W05 Medium";
    font-weight: 300;
    font-size: 16px;
    padding: 13px 25px 13px 0;
    line-height: 1;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5; }
    .accordion .accordion-header::after {
      content: '+';
      color: #464646;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      height: auto; }
    .accordion .accordion-header.open::after {
      content: '-'; }
    .accordion .accordion-header.open + .accordion-body {
      max-height: 2000px;
      overflow: visible; }
  .accordion .accordion-body {
    position: relative;
    font-size: 14px;
    font-family: "Proxima Nova W05 Regular";
    font-weight: 300;
    line-height: 1.45;
    text-align: left;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .accordion .accordion-body p {
      padding: 20px 0; }
    .accordion .accordion-body ul {
      padding: 20px 0;
      list-style: disc;
      list-style-position: inside; }
      .accordion .accordion-body ul li {
        padding: 3px; }
    @media only screen and (min-width: 991px) {
      .accordion .accordion-body .accordion-body {
        font-size: 16px; }
      .accordion .accordion-body .accordion-header.italic {
        font-size: 1.875em; } }

/********Horizontal List ********/
.horizontal-list {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left; }
  .horizontal-list .list-row {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .horizontal-list .list-row:hover {
      background: #e4e4e4; }
  .horizontal-list .list-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: auto;
    padding: 18px 0;
    margin: 0 auto;
    border-bottom: 1px solid #d7d7d7; }
  @media only screen and (min-width: 768px) {
    .horizontal-list .horizontal-list {
      text-align: center; }
      .horizontal-list .horizontal-list .list-item {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 25%;
                flex: 1 0 25%;
        width: 25%; }
        .horizontal-list .horizontal-list .list-item:first-child {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 50%;
                  flex: 0 1 50%; } }

/********Vertical List**********/
.vertical-list {
  margin: 0 auto;
  list-style: none;
  width: auto;
  padding: 0 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  text-align: center; }
  .vertical-list .list-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    max-width: none;
    width: auto;
    padding: 7px 10px;
    list-style: none;
    list-style-position: outside; }
  .vertical-list a {
    display: block;
    max-width: 100%; }
  @media only screen and (min-width: 768px) {
    .vertical-list {
      margin: 0 -10px;
      text-align: left; }
      .vertical-list .list-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 50%;
                flex: 0 1 50%;
        max-width: 50%;
        list-style: disc;
        padding: 10px 25px 10px 0px; } }
  @media only screen and (min-width: 1024px) {
    .vertical-list .list-item {
      padding: 10px 30px 10px 0px; } }

.vertical-list.community-list {
  padding: 0 10px;
  text-align: center;
  margin: 0 auto;
  list-style: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .vertical-list.community-list .list-item {
    list-style: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    max-width: none;
    padding: 3px 0; }

/**********
 Map
**********/
.map-container {
  position: relative; }
  .map-container .btn-container {
    position: absolute;
    bottom: 49px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .map-container .btn-container > div {
      padding: 0 7px; }

#gmap {
  width: 100%;
  height: 80vh; }
  @media only screen and (min-width: 768px) {
    #gmap {
      height: 615px; } }
  @media only screen and (min-width: 1024px) {
    #gmap {
      height: 415px; } }

/*******
bulleted list
*********/
.normal-list {
  list-style: disc;
  padding-top: 20px;
  list-style-position: inside; }
  .normal-list li {
    padding: 5px 10px;
    margin-left: 10px; }
  .normal-list + p {
    padding-top: 20px; }

/**********
 Captcha
**********/
.g-recaptcha {
  width: 100%;
  display: block; }
  .g-recaptcha div {
    width: auto;
    margin: 0; }
  @media only screen and (min-width: 768px) {
    .g-recaptcha .g-recaptcha {
      width: auto;
      display: inline-block; }
      .g-recaptcha .g-recaptcha div {
        width: auto;
        margin: 0; } }

/****************************
  Social icons
****************************/
.social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto; }
  .social-icons > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: auto;
    padding: 0 7px; }
    .social-icons > li:first-child {
      padding-left: 0; }
  .social-icons.align-item-flex-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }

/**********************
Home Care Seasons
**********************/
.seasonal-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center; }
  .seasonal-list .seasonal-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    padding-top: 20px; }
    .seasonal-list .seasonal-item > div {
      padding-top: 25px; }
    .seasonal-list .seasonal-item .seasonal-icon {
      width: 130px;
      height: 130px;
      margin: 0 auto;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-size: 50% 50%;
      background-position: 50% 50%; }
      .seasonal-list .seasonal-item .seasonal-icon.shade-0 {
        background-color: #f2d603;
        background-image: url(/img/assets/tree-white.svg); }
      .seasonal-list .seasonal-item .seasonal-icon.shade-1 {
        background-color: #c4e636;
        background-image: url(/img/assets/heating.svg); }
      .seasonal-list .seasonal-item .seasonal-icon.shade-2 {
        background-color: #f8a125;
        background-image: url(/img/assets/appliances.svg); }
      .seasonal-list .seasonal-item .seasonal-icon.shade-3 {
        background-color: #ffb2b2;
        background-image: url(/img/assets/plumbing.svg); }
      .seasonal-list .seasonal-item .seasonal-icon.shade-4 {
        background-color: #e84163;
        background-image: url(/img/assets/interior.svg); }
      .seasonal-list .seasonal-item .seasonal-icon.shade-5 {
        background-color: #d591cb;
        background-image: url(/img/assets/electrical.svg); }
    .seasonal-list .seasonal-item .seasonal-header {
      max-width: 85%;
      margin: 0 auto; }
  .seasonal-list.spring .seasonal-item .seasonal-icon.shade-0 {
    background-color: #f2d603; }
  .seasonal-list.spring .seasonal-item .seasonal-icon.shade-1 {
    background-color: #c4e636; }
  .seasonal-list.spring .seasonal-item .seasonal-icon.shade-2 {
    background-color: #f8a125; }
  .seasonal-list.spring .seasonal-item .seasonal-icon.shade-3 {
    background-color: #ffb2b2; }
  .seasonal-list.spring .seasonal-item .seasonal-icon.shade-4 {
    background-color: #e84163; }
  .seasonal-list.spring .seasonal-item .seasonal-icon.shade-5 {
    background-color: #d591cb; }
  .seasonal-list.winter .seasonal-item .seasonal-icon.shade-0 {
    background-color: #2c405b; }
  .seasonal-list.winter .seasonal-item .seasonal-icon.shade-1 {
    background-color: #688ab0; }
  .seasonal-list.winter .seasonal-item .seasonal-icon.shade-2 {
    background-color: #d1dbe5; }
  .seasonal-list.winter .seasonal-item .seasonal-icon.shade-3 {
    background-color: #7dbcdf; }
  .seasonal-list.winter .seasonal-item .seasonal-icon.shade-4 {
    background-color: #96afd8; }
  .seasonal-list.winter .seasonal-item .seasonal-icon.shade-5 {
    background-color: #a59f9c; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-0 {
    background-color: #0a901d; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-1 {
    background-color: #00a6a0; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-2 {
    background-color: #acbf00; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-3 {
    background-color: #f9d62e; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-4 {
    background-color: #ff717b; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-5 {
    background-color: #e1131d; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-0 {
    background-color: #0a901d; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-1 {
    background-color: #00a6a0; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-2 {
    background-color: #acbf00; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-3 {
    background-color: #f9d62e; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-4 {
    background-color: #ff717b; }
  .seasonal-list.summer .seasonal-item .seasonal-icon.shade-5 {
    background-color: #e1131d; }
  .seasonal-list.fall .seasonal-item .seasonal-icon.shade-0 {
    background-color: #fc8808; }
  .seasonal-list.fall .seasonal-item .seasonal-icon.shade-1 {
    background-color: #840213; }
  .seasonal-list.fall .seasonal-item .seasonal-icon.shade-2 {
    background-color: #e14e46; }
  .seasonal-list.fall .seasonal-item .seasonal-icon.shade-3 {
    background-color: #564010; }
  .seasonal-list.fall .seasonal-item .seasonal-icon.shade-4 {
    background-color: #fdd808; }
  .seasonal-list.fall .seasonal-item .seasonal-icon.shade-5 {
    background-color: #9a821f; }
  .seasonal-list .season-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 20px; }
    .seasonal-list .season-list > li {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      padding: 20px 10px;
      font-family: "Proxima Nova W05 Regular";
      font-weight: 300;
      font-size: 1em;
      padding: 10px 0; }
  @media only screen and (min-width: 768px) {
    .seasonal-list .seasonal-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      padding: 20px 30px; }
    .seasonal-list .season-list > li {
      font-size: 1.125em; } }
  @media only screen and (min-width: 1024px) {
    .seasonal-list .seasonal-item {
      padding: 20px 50px; }
      .seasonal-list .seasonal-item .seasonal-icon {
        width: 160px;
        height: 160px;
        background-size: 50% 60%; } }

/**********************
  Floating Icons
**********************/
#floating-icons {
  display: none;
  position: fixed;
  height: auto;
  width: auto;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: black;
  z-index: 999; }
  #floating-icons > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 0; }
    #floating-icons > ul li {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; }
      #floating-icons > ul li a {
        display: block;
        padding: 10px 15px; }
      #floating-icons > ul li img {
        display: block;
        max-width: 100%;
        height: 20px;
        width: 15px;
        margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    #floating-icons {
      display: block; } }

/**********************
  view switch. switch between
  mobile and other views
/*********************/
.view-switch .mobile-view {
  display: block; }
.view-switch .larger-view {
  display: none; }
@media only screen and (min-width: 768px) {
  .view-switch .mobile-view {
    display: none; }
  .view-switch .larger-view {
    display: block; } }

/*****************
precautions
*****************/
.precaution-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .precaution-list > div {
    padding: 25px 12px; }
  .precaution-list img {
    margin: 0 auto;
    max-height: 130px;
    height: 130px; }
  .precaution-list .precaution-info {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    font-size: 14px; }
    .precaution-list .precaution-info.special {
      max-width: 550px; }
    .precaution-list .precaution-info span {
      display: inline; }
  @media only screen and (min-width: 768px) {
    .precaution-list .precaution-info {
      padding-top: 50px;
      font-size: 16px; } }
  @media only screen and (min-width: 1024px) {
    .precaution-list > div {
      padding: 30px 15px; }
    .precaution-list .precaution-info {
      font-size: 20px; }
      .precaution-list .precaution-info.special {
        font-size: 22px; }
      .precaution-list .precaution-info span {
        display: inline-block; } }

/**
	Select 2 styles
**/
.select2-container {
  outline: none;
  width: 100% !important;
  display: block;
  background: transparent;
  z-index: 999;
  vertical-align: top; }
  .select2-container .select2-selection--single {
    height: auto;
    padding: 0;
    outline: none; }
  .select2-container:first-of-type {
    margin-top: 1px; }

.select2-container--default .select2-selection--single {
  border-radius: 0px;
  background-color: transparent;
  border: 1px solid #131d27;
  font-family: "Proxima Nova W05 Medium";
  font-weight: 300;
  font-size: 1em;
  text-align: left;
  text-transform: normal;
  color: #000;
  width: 100%;
  margin: 10px 0px;
  padding: 10px 7px;
  outline: none;
  position: relative;
  overflow: hidden; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1;
    outline: none;
    padding-left: 0px;
    font-size: 0.875em;
    padding: 3px 0px 0px 0px;
    margin: 0;
    display: inline-block;
    text-align: left;
    vertical-align: middle; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 0;
    width: 64px;
    top: 0;
    height: 100%;
    background-color: transparent;
    border-radius: 0; }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    outline: none;
    position: absolute;
    display: block;
    border: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #252525 transparent transparent transparent;
    vertical-align: middle;
    left: auto;
    margin: 0;
    right: 10px;
    top: 55%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .select2-container--default .select2-selection--single .select2-selection__arrow:hover b {
    border-color: #000 transparent transparent transparent; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #888888;
    font-family: "Proxima Nova A W05 Light";
    opacity: 1; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none; }
.select2-container--default .select2-search--dropdown .select2-search__field {
  font-style: italic;
  font-size: 16px !important;
  color: #000 !important;
  border: 1px solid #bfbfbf !important; }
.select2-container--default .select2-results {
  width: 100%;
  margin: 0; }
  .select2-container--default .select2-results > .select2-results__options {
    max-height: 44em !important; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: #fff; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  outline: none;
  position: absolute;
  display: block;
  border: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 10px 9px;
  border-color: transparent transparent #000 transparent;
  vertical-align: middle;
  left: auto;
  margin: 0; }

ul.select2-results__options {
  border: 1px solid #bfbfbf; }
  ul.select2-results__options li {
    font-family: "Proxima Nova W05 Medium";
    font-weight: 300;
    font-size: 1em;
    color: #000;
    text-align: left;
    padding: 0 0px 0 5px; }

.select2-dropdown {
  background: transparent;
  border: 0 !important;
  background-color: white; }

@media only screen and (min-width: 768px) {
  .select2-container {
    /* height: 54px; */ }

  .select2-container--default .select2-selection--single {
    padding: 16px 15px 17px 10px;
    font-size: 1.250em; }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
      width: 50px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-width: 10px 9px 0 9px;
      right: 12px; }

  ul.select2-results__options li {
    font-size: 1.125em;
    padding: 5px 0 5px 15px; }

  /*end of media query $tablet-size*/ }
/****Main Carousel****/
.home-carousel {
  /***Owl carousel***/ }
  .home-carousel .owl-stage-outer .owl-stage {
    width: 100%; }
    .home-carousel .owl-stage-outer .owl-stage .owl-item {
      height: 100%;
      position: relative; }
      .home-carousel .owl-stage-outer .owl-stage .owl-item > div {
        height: 100%;
        width: 100%;
        margin: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center; }
      .home-carousel .owl-stage-outer .owl-stage .owl-item .overlay {
        position: absolute;
        top: 40%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 12.18%;
        left: auto; }
      .home-carousel .owl-stage-outer .owl-stage .owl-item .overlay--1 {
        position: absolute;
        top: 20%;
        width: 100%;
        text-align: center; }
      .home-carousel .owl-stage-outer .owl-stage .owl-item #home-video {
        position: relative;
        height: 0;
        padding-bottom: 56.228%; }
        .home-carousel .owl-stage-outer .owl-stage .owl-item #home-video iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          @media only screen and (min-width: 768px) {
            .home-carousel .owl-stage-outer .owl-stage .owl-item #home-video iframe {
              max-width: 1140px;
              width: 100%;
              height: 100%; } }
    .home-carousel .owl-stage-outer .owl-stage img,
    .home-carousel .owl-stage-outer .owl-stage a {
      width: 100%;
      display: block; }

.owl-carousel {
  overflow: hidden;
  display: block; }
  .owl-carousel .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 10px;
    -ms-touch-action: auto;
    touch-action: auto; }
    .owl-carousel .owl-dots .owl-dot span {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 5px;
      border: 2px solid rgba(255, 255, 255, 0.7);
      border-radius: 0;
      background: rgba(255, 255, 255, 0);
      -webkit-transition: all 1s ease;
      transition: all 1s ease; }
    .owl-carousel .owl-dots .owl-dot.active span {
      background: white; }

.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: auto;
  touch-action: auto; }

.owl-theme .owl-nav .disabled {
  opacity: 0.1; }

@media only screen and (min-width: 768px) {
  .owl-carousel .owl-dots {
    bottom: 11%; } }
@media only screen and (min-width: 1400px) {
  .owl-stage-outer .owl-stage img,
  .owl-stage-outer .owl-stage a {
    width: 100%; } }
@-webkit-keyframes jelly {
  from {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  30% {
    -webkit-transform: scale(1.25, 0.75);
            transform: scale(1.25, 0.75); }
  40% {
    -webkit-transform: scale(0.75, 1.25);
            transform: scale(0.75, 1.25); }
  50% {
    -webkit-transform: scale(1.15, 0.85);
            transform: scale(1.15, 0.85); }
  65% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05); }
  75% {
    -webkit-transform: scale(1.05, 0.95);
            transform: scale(1.05, 0.95); }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@keyframes jelly {
  from {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  30% {
    -webkit-transform: scale(1.25, 0.75);
            transform: scale(1.25, 0.75); }
  40% {
    -webkit-transform: scale(0.75, 1.25);
            transform: scale(0.75, 1.25); }
  50% {
    -webkit-transform: scale(1.15, 0.85);
            transform: scale(1.15, 0.85); }
  65% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05); }
  75% {
    -webkit-transform: scale(1.05, 0.95);
            transform: scale(1.05, 0.95); }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@-webkit-keyframes home {
  from {
    background-position: 100px center, -100px center; }
  to {
    background-position: 0px center, 0px center; } }
@keyframes home {
  from {
    background-position: 100px center, -100px center; }
  to {
    background-position: 0px center, 0px center; } }
/********
* Rotating
*********/
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
  /*animation-duration: 11s;
   animation-timing-function: cubic-bezier(0,.89,.15,1);*/
  -webkit-animation-fill-mode: both;
  -webkit-animation-duration: 8s !important;
          animation-duration: 8s !important;
  animation-fill-mode: both; }
  .zoomOut.animated {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 0.2;
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
            transform: scale3d(1.25, 1.25, 1.25); }
  15% {
    opacity: 1; }
  100% {
    -webkit-transform: scale3d(initial, initial, initial);
            transform: scale3d(initial, initial, initial); } }

@keyframes zoomOut {
  0% {
    opacity: 0.2;
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
            transform: scale3d(1.25, 1.25, 1.25); }
  15% {
    opacity: 1; }
  100% {
    -webkit-transform: scale3d(initial, initial, initial);
            transform: scale3d(initial, initial, initial); } }
@-webkit-keyframes move {
  25% {
    opacity: 1; }
  33% {
    opacity: 1;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  67% {
    opacity: 1;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(45px) scale3d(0.5, 0.5, 0.5);
            transform: translateY(45px) scale3d(0.5, 0.5, 0.5); } }
@keyframes move {
  25% {
    opacity: 1; }
  33% {
    opacity: 1;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  67% {
    opacity: 1;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(45px) scale3d(0.5, 0.5, 0.5);
            transform: translateY(45px) scale3d(0.5, 0.5, 0.5); } }
.fall-in {
  -webkit-animation-name: fall-in;
          animation-name: fall-in;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

@-webkit-keyframes fall-in {
  0% {
    opacity: 0.25;
    -webkit-transform: scale(10, 10);
            transform: scale(10, 10);
    -webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.85);
            box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.85); }
  50% {
    opacity: 0.45;
    -webkit-transform: scale(4, 4);
            transform: scale(4, 4); }
  75% {
    opacity: 0.95;
    /* transform: scale(1.15, 1.15); */
    -webkit-box-shadow: none;
            box-shadow: none; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes fall-in {
  0% {
    opacity: 0.25;
    -webkit-transform: scale(10, 10);
            transform: scale(10, 10);
    -webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.85);
            box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.85); }
  50% {
    opacity: 0.45;
    -webkit-transform: scale(4, 4);
            transform: scale(4, 4); }
  75% {
    opacity: 0.95;
    /* transform: scale(1.15, 1.15); */
    -webkit-box-shadow: none;
            box-shadow: none; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
          animation-name: fadeInUpSmall;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out; }

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

@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.zoomInSpecial {
  -webkit-animation-name: zoomInSpecial;
          animation-name: zoomInSpecial;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out; }

@-webkit-keyframes zoomInSpecial {
  from {
    opacity: 0.45;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  70% {
    opacity: 1; } }

@keyframes zoomInSpecial {
  from {
    opacity: 0.45;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  70% {
    opacity: 1; } }
/*
* This animation changes the top property value
**/
.changeTop {
  -webkit-animation: changeTop 5s forwards ease-out;
  animation: changeTop 5s forwards ease-out; }

@-webkit-keyframes changeTop {
  0% {
    top: 100%; }
  100% {
    top: 0%; } }
@keyframes changeTop {
  0% {
    top: 100%; }
  100% {
    top: 0%; } }
/**
* This animation zooms in and fades in
**/
@-webkit-keyframes zoomInFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes zoomInFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
/*******************
    Helper Classes
*******************/
/*****
	display
******/
.display-block {
  display: block; }

/***
	spacing
***/
.no-padding-side {
  padding-left: 0;
  padding-right: 0; }

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

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

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

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

.no-padding-except-top {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0; }

.no-padding {
  padding: 0; }

.no-padding-except-bottom {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0; }

.mobile-padding-top {
  padding-top: 50px; }

.mobile-padding-bottom {
  padding-bottom: 25px; }

.no-margin-side {
  margin-left: 0;
  margin-right: 0; }

.no-margin-topbottom {
  margin-top: 0;
  margin-bottom: 0; }

.no-margin-top {
  margin-top: 0; }

.pull-up {
  margin-top: -5px; }

.no-border {
  border: 0 !important; }

.padding-end {
  padding-bottom: 2%; }

.vertical-space {
  padding-top: 10px;
  padding-bottom: 10px; }

.margin-top {
  margin-top: 1.5em; }

.divider {
  width: 90%;
  height: 1px;
  background-color: #fff;
  margin: 1% auto;
  padding: 1px 0; }

.horizontal-align {
  margin: 0 auto; }

.vertical-align {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0; }

.col-centered {
  float: none;
  margin: 0 auto; }

.make-relative {
  position: relative; }

.absolute-center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.primary-color {
  color: #000; }

.primary-bg-color {
  background: #fff; }

.secondary-bg-color {
  background: #16175f;
  color: #fff; }

.gray-bg-color {
  background: #939597; }

.bg-light {
  background: #ebebeb; }

/*****
	Fonts and Text
*****/
.font-black {
  color: #000 !important; }

.font-white {
  color: #fff !important; }

.font-black-white {
  color: #000 !important; }

.font-white-black {
  color: #fff !important; }

.font-blue {
  color: #00203c; }

.font-gray {
  color: #252525; }

.font-red {
  color: #de2f33; }

.font-italic {
  font-style: italic; }

.font-semibold {
  font-family: "Proxima N W01 Smbd";
  font-weight: 300; }

.font-bold {
  font-family: "Proxima Nova W05 Bold";
  font-weight: 300; }

.font-extrabold {
  font-family: "Proxima Nova A W05 Light", sans-serif;
  font-weight: 300; }

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

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

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

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

.text-center-left {
  text-align: center; }
  @media only screen and (min-width: 991px) {
    .text-center-left {
      text-align: left; } }

.text-justify {
  text-align: justify !important; }

.text-transform.lowercase {
  text-transform: lowercase; }

.text-transform.uppercase {
  text-transform: uppercase; }

.text-transform-none {
  text-transform: none; }

.text-transform-capitalize {
  text-transform: capitalize; }

.text-shadow-black {
  text-shadow: 1px 1px 1px #000; }

.line-height-1 {
  line-height: 1 !important; }

.letter-spacing-normal {
  letter-spacing: normal !important; }

.letter-spacing--015 {
  letter-spacing: 0.15em; }

.letter-spacing--010 {
  letter-spacing: 0.10em; }

/***


***/
/*******
	Float
********/
.float-left {
  float: left; }

/*****
	Width
	IMG
*****/
.width-100 {
  width: 100%; }

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

img.full-100 {
  display: block;
  width: 100%;
  height: 100%; }

img.height-dominated {
  max-height: 100%;
  height: 100%;
  width: auto;
  margin: 0 auto; }

/**
	Borders
**/
.border-top {
  border-top: 1px solid #feec22; }

.border-right {
  border-right: 1px solid #feec22; }

.border-left {
  border-left: 1px solid #feec22; }

.border-bottom {
  border-bottom: 1px solid #feec22; }

/**
	seperators 
	clearfix
**/
.seperator {
  width: 100%;
  height: 2px;
  color: #fff; }

.clearfix {
  clear: both; }

.clearfix:after {
  content: ' ';
  clear: both;
  display: block; }

/***
	spaces around elements
***/
.space-top {
  padding-top: 25px; }

.space-top-x2, .space-top-50 {
  padding-top: 50px !important; }

.space-top-5 {
  padding-top: 5px; }

.space-top-10 {
  padding-top: 10px; }

.space-top-20 {
  padding-top: 20px; }

.space-top-25 {
  padding-top: 25px; }

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

.space-top-35 {
  padding-top: 35px; }

.space-bottom-30 {
  padding-bottom: 30px; }

.space-top-25-40 {
  padding-top: 25px; }
  @media only screen and (min-width: 991px) {
    .space-top-25-40 {
      padding-top: 40px; } }

.space-top-30-50 {
  padding-top: 30px; }

.space-top-30-60 {
  padding-top: 30px; }

.space-top-md-50-100 {
  padding-top: 50px !important; }
  @media only screen and (min-width: 991px) {
    .space-top-md-50-100 {
      padding-top: 100px !important; } }

.space-top-50-100 {
  padding-top: 50px !important; }
  @media only screen and (min-width: 768px) {
    .space-top-50-100 {
      padding-top: 100px !important; } }

.space-mobile-top-30 {
  padding-top: 30px !important; }
  @media only screen and (min-width: 991px) {
    .space-mobile-top-30 {
      padding-top: 0 !important; } }

@media screen and (min-width: 768px) {
  .mobile-padding-top {
    padding-top: 0px; }

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

  .font-black-white {
    color: #FFF !important; }

  .space-top-30-50 {
    padding-top: 50px; }

  .space-top-30-60 {
    padding-top: 60px; } }
/*********************
  Flex Box Utitlies
*********************/
.align-items-flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end; }

.align-items-flex-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start; }

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center; }

.justify-content-flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.justify-content-flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.justify-content-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.justify-content-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

/************************
  Margin position
************************/
.margin-push-right {
  margin: 0 0 0 auto; }

.margin-push-left {
  margin: 0 auto 0 0; }

.margin-push-center-right {
  margin: 0 auto; }
  @media only screen and (min-width: 991px) {
    .margin-push-center-right {
      margin: 0 0 0 auto; } }

.margin-push-center-left {
  margin: 0 auto; }
  @media only screen and (min-width: 991px) {
    .margin-push-center-left {
      margin: 0 auto 0 0; } }

input::-webkit-input-placeholder {
  color: #888888;
  font-family: "Proxima Nova A W05 Light";
  font-weight: 300;
  font-size: 1.0em; }

input:-ms-input-placeholder {
  color: #888888;
  font-family: "Proxima Nova A W05 Light";
  font-weight: 300;
  font-size: 1.0em; }

input::-ms-input-placeholder {
  color: #888888;
  font-family: "Proxima Nova A W05 Light";
  font-weight: 300;
  font-size: 1.0em; }

input::placeholder {
  color: #888888;
  font-family: "Proxima Nova A W05 Light";
  font-weight: 300;
  font-size: 1.0em; }

input::-ms-clear {
  display: none; }

.form-container {
  margin-top: -10px; }

input {
  color: #000;
  background: #fff;
  display: inline-block;
  font-family: "Proxima Nova W05 Medium";
  font-weight: 300;
  font-size: 1em;
  padding: 15px 15px 15px 5px;
  margin: 10px 0;
  border: 1px solid #131d27;
  border-radius: 0;
  max-width: 100%;
  width: 100%;
  -webkit-appearance: none;
  outline: 0; }
  input[type=submit] {
    font-family: "Proxima Nova W05 Bold";
    font-weight: 300;
    letter-spacing: 0.25em;
    font-size: inherit; }
  @media only screen and (min-width: 768px) {
    input {
      margin: 10px 0px;
      font-size: 1.125em;
      padding: 16px 15px 17px 10px; } }

select {
  position: relative;
  color: #000;
  background: transparent;
  padding: 16px 15px 17px 5px;
  margin: 10px 0;
  max-width: 100%;
  width: 100%;
  border: 1px solid #131d27;
  -webkit-appearance: none; }

textarea {
  width: 100%;
  height: 187px;
  margin: 10px 0;
  border: 1px solid #000; }

@media only screen and (min-width: 768px) {
  .form-control > div:nth-child(odd) {
    padding-right: 20px; }
  .form-control > div:nth-child(even) {
    padding-left: 20px; } }

.form-header {
  font-family: "Proxima Nova W05 Medium";
  font-weight: 300;
  font-size: 1em;
  text-align: left;
  padding: 45px 15px 20px 0px; }

.error {
  border-color: #ff0033 !important; }
  .error + .select2-container .selection .select2-selection {
    border-color: #ff0033 !important; }
  .error::before {
    border-color: #ff0033 !important; }

.small-info {
  display: block;
  padding-top: 20px;
  font-size: 1em; }
  @media only screen and (min-width: 1024px) {
    .small-info {
      font-size: 1.125em; } }

/***********
Customer information
************/
/* Remove controls from Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  /* Removes leftover margin */ }

/* Remove controls from Firefox */
input[type=number] {
  -moz-appearance: textfield; }

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

checkbox

*************/
.checkbox-container {
  pointer-events: none;
  position: relative;
  width: calc(100% - 20px);
  margin: 5px 5px 5px 0;
  text-align: left;
  z-index: 1; }

input[type="checkbox"] {
  display: none;
  position: absolute; }

.cntr {
  pointer-events: auto;
  position: relative;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: left;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.cbx {
  cursor: pointer;
  background: transparent;
  position: relative;
  top: 1px;
  width: 40px;
  height: 40px;
  border: 1px solid #131d27;
  vertical-align: middle;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
  cursor: pointer;
  float: left; }
  .cbx:after {
    /*content: '\2713';*/
    content: ' ';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #a92241;
    font-family: "Proxima Nova A W05 Light";
    font-weight: 300;
    /* transition: all 0.3s ease;
      transition-delay: 0.15s; */ }
  @media only screen and (min-width: 768px) {
    .cbx {
      width: 40px;
      height: 40px; } }

.lbl {
  font-family: "Proxima Nova W05 Regular";
  font-weight: 300;
  color: #000;
  vertical-align: middle;
  cursor: pointer;
  font-size: 0.875em;
  line-height: normal;
  width: calc(100% -40px);
  padding-left: 10px;
  display: inline-block; }
  .lbl.error {
    border: 1px solid #ff0033; }
  @media only screen and (min-width: 768px) {
    .lbl {
      font-size: 1.125em; } }

input[type=checkbox]:checked ~ .cbx:after {
  content: ' ';
  opacity: 1;
  background: transparent url(/img/assets/checkmark-black.svg) no-repeat;
  background-position: center center;
  background-size: 50%; }

input[type="checkbox"].error + .cbx {
  border: 1px solid #ff0033; }

input[type="checkbox"].error + .lbl {
  color: #ff0033; }

/**
	Radio styling
**/
.radios {
  display: block;
  width: 100%;
  text-align: left;
  margin-top: -10px; }
  .radios.text-center {
    text-align: center; }

.skin-radio {
  position: relative;
  padding: 10px 0;
  margin: 10px 10px 10px 10px;
  display: inline-block;
  text-align: left; }
  .skin-radio.space-top {
    padding-top: 21px; }
  .skin-radio input[type=radio] {
    display: none;
    outline: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 35px; }
  .skin-radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    left: 0 !important;
    top: 0 !important;
    height: 35px;
    color: #000;
    border-radius: 50%;
    font-family: "Proxima Nova A W05 Light", sans-serif;
    font-weight: 300;
    font-size: 1.125em;
    line-height: 35px;
    padding-left: 45px;
    outline: 0; }
    .skin-radio label::before {
      content: "";
      position: absolute;
      left: 0;
      display: inline-block;
      border: 1px solid #d7d7d7;
      border-radius: 50%;
      width: 35px;
      height: 35px;
      padding: 3px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }
  .skin-radio input[type=radio]:checked + label::before {
    background: #000;
    background-image: url(/img/assets/checkmark-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
    z-index: 2; }

/********************
	Thank you message next to form.
*********************/
.thank-you {
  display: none;
  opacity: 1;
  padding: 0px 10px 20px 10px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }
  .thank-you.show {
    display: block; }
  .thank-you.more-padding {
    padding: 25px 10px 50px 10px; }

/*********************
   Captcha
**********************/
.captcha-container {
  width: 100%;
  text-align: left;
  font-size: 10px;
  padding-bottom: 5px; }

.grecaptcha-badge {
  right: -260px !important; }

.g-recaptcha {
  width: 303px;
  height: 78px;
  border: 1px solid transparent; }
  .g-recaptcha.error {
    border: 1px solid #ff0033; }

/****************************
  Custom form
****************************/
.sign-up-form {
  padding-top: 15px; }
  .sign-up-form input {
    padding: 5px 3px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #131d27; }
  .sign-up-form .cbx {
    width: 20px;
    height: 20px; }
  .sign-up-form .lbl {
    font-size: 12px; }
  .sign-up-form .absolute-input {
    border: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 15px;
    background: url(/img/assets/arrow-right-black.svg) no-repeat center center; }

footer {
  font-family: "Proxima Nova W05 Regular";
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.2em;
  position: relative;
  background: #000;
  color: #fff;
  opacity: 1;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 0; }
  footer > section {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 10px; }
  footer .footer-logo {
    text-align: center;
    padding: 50px 50px 0 50px; }
    footer .footer-logo img {
      max-width: 275px;
      margin: 0 auto; }
  footer h3 {
    font-family: "Proxima Nova W05 Medium";
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.3em; }
  footer .social-icons {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 135px;
    width: 100;
    margin: 0 auto; }
    footer .social-icons li {
      padding: 0 12px; }
  footer .contact-information > div {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 820px;
    margin: 0 auto; }
    footer .contact-information > div > div {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      padding-top: 45px;
      text-align: center;
      font-family: "Proxima Nova W05 Regular";
      font-weight: 300;
      font-size: 12px;
      letter-spacing: 0.3em;
      line-height: 1.75;
      text-transform: uppercase; }
  footer .disclaimer {
    padding-top: 50px;
    text-align: center;
    font-family: "Proxima N W01 Smbd";
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.15em; }

@media screen and (min-width: 768px) {
  footer {
    text-align: left; }
    footer .disclaimer {
      padding-top: 60px;
      letter-spacing: 0.35em; } }
/*# sourceMappingURL=main.css.map */