/* Media Query Fallback Support */
@import url(../../icons/style.css);
@import url(../../../apps/hub/assets/icomoon/style.css);
body.black, body.black .border-top, body.black header {
  background-color: #000;
  color: #444; }
body.white, body.white .border-top, body.white header {
  background-color: #fff;
  color: #DDD; }
body h1, body h2, body h4, body h5, body h6 {
  color: #a89660; }
body h3 {
  color: #DDD; }
body a {
  color: inherit; }
body .range {
  color: #0083da; }
body.dark .dynamic-scaler {
  background-color: #020202; }
body .more-info-box {
  background-color: #252525;
  color: #d8d8d8; }
body .button {
  background-color: #444444;
  color: #777777; }
body .standard-page .icon {
  color: #a89660; }

.nutrition-selection h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: none; }
.nutrition-selection p {
  padding: inherit 10px;
  font-size: 0.8em;
  text-align: center; }
.nutrition-selection .nutrition-info-display {
  display: inline-block;
  margin: 0 40px; }
.nutrition-selection .nutrition-options {
  width: 100%;
  height: 94px;
  text-align: center; }
  .nutrition-selection .nutrition-options .button-container {
    position: relative;
    margin-top: 34px;
    margin-left: 0 !important; }

.emperor-range .product-description-range {
  text-transform: uppercase; }
.emperor-range .nutrition-info-container {
  display: inline-block;
  font-size: 12px;
  width: 26px;
  height: 30px;
  opacity: 0.65; }
  .emperor-range .nutrition-info-container:hover {
    opacity: 1; }
  .emperor-range .nutrition-info-container .nutrition-info {
    margin-top: 1.5rem;
    border-radius: 4px; }
  .emperor-range .nutrition-info-container .icon {
    line-height: 23px; }
.emperor-range .dynamic-scaler .panel-container .s1 {
  padding: 0 10% !important; }
@media only screen and (max-width: 580px) {
  .emperor-range .nutrition-info-container .icon {
    line-height: 26px; } }

.button-container {
  position: absolute;
  cursor: pointer;
  margin-top: -2px;
  left: 50%; }
  .panel-container .button-container {
    display: block;
    margin: 0 auto; }
  .button-container, .button-container .border, .button-container .fill {
    width: 0px;
    height: 0px;
    white-space: nowrap;
    display: inline-block;
    z-index: 99; }
  .button-container .border {
    position: absolute;
    border: 32px solid transparent;
    margin-top: -30px; }
    .button-container .border.left {
      border-right: 32px solid;
      border-right-color: #a89660;
      border-left-width: 0px;
      margin-left: -32px; }
    .button-container .border.right {
      border-left: 32px solid;
      border-left-color: #a89660;
      border-right-width: 0px; }
  .button-container .fill {
    position: absolute;
    border: 28px solid transparent;
    margin-top: -26px;
    margin-left: 0px; }
    .button-container .fill.left {
      border-right: 28px solid black;
      border-left-width: 0px;
      margin-left: -28px; }
    .button-container .fill.right {
      border-left: 28px solid black;
      border-right-width: 0px; }
  .button-container:hover .text {
    color: #BBB; }
  .button-container .text {
    width: 56px;
    height: 24px;
    margin-top: -10px;
    line-height: 24px;
    margin-left: -28px;
    font-size: 0.68em;
    color: #777 !important;
    position: absolute;
    text-align: center;
    z-index: 999;
    -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }
    .button-container .text.close {
      opacity: 0;
      display: none; }

/************************
	Variables
************************/
/************************
	General
************************/
html, body {
  width: 100%;
  height: 100%;
  margin: 0; }

html {
  -webkit-text-size-adjust: none; }

body.noscroll {
  overflow: hidden; }
.iscroll body {
  overflow: hidden; }

img {
  border: 0; }

.img,
.img img {
  max-width: 100%; }
  .img.img--spaced,
  .img img.img--spaced {
    margin: 20px 0; }

.page-border div {
  position: fixed;
  z-index: 999; }
.page-border .page-border-top {
  height: 10px;
  top: 55px;
  right: 0;
  left: 0; }
.page-border .page-border-left {
  width: 10px;
  top: 0;
  left: 0;
  bottom: 0; }
.page-border .page-border-right {
  width: 10px;
  top: 0;
  right: 0;
  bottom: 0; }

/* .border-top {
	position: fixed;
	z-index: 999;
	height: 10px;
	top: 0;
	right: 0;
	left: 0;
} */
.site-container {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/************************
	SITE NAVIGATION
************************/
/* SIDE NAVIGATION ARROWS FOR RANGE PAGE */
.side-navigation a {
  position: fixed;
  display: block;
  top: 50%;
  margin-top: -50px;
  font-size: 3.5em;
  padding: 10px;
  z-index: 99999;
  color: #a89660;
  text-decoration: none; }
  .side-navigation a:hover {
    color: #b3a067; }
.side-navigation .left {
  left: 0px; }
.side-navigation .right {
  right: 0px; }

/* MAIN NAVIGATION ELEMENTS */
.menu-mobile-icon {
  position: absolute;
  width: 55px;
  height: 55px;
  right: 15px;
  display: none;
  float: right; }
  .menu-mobile-icon span {
    color: #a89660;
    font-size: 1.6em;
    line-height: 55px; }

.navigation-container {
  position: fixed;
  z-index: 999;
  right: 0;
  top: 0;
  left: 0;
  bottom: auto; }
  .navigation-container header {
    right: 0;
    bottom: 0;
    left: 0;
    height: 55px;
    text-align: center; }
    .navigation-container header img {
      width: 211px;
      position: absolute;
      top: 13px;
      left: 20px; }
    .navigation-container header nav {
      position: absolute;
      left: 260px;
      right: 260px;
      text-align: center;
      float: left; }
      .navigation-container header nav ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        border-right: solid 1px #0c0c0c;
        border-left: solid 1px #3f3f3f;
        white-space: nowrap;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden; }
        .navigation-container header nav ul li {
          list-style: none;
          display: inline-block;
          border-right: solid 1px #3f3f3f;
          border-left: solid 1px #0c0c0c;
          padding: 0; }
          .navigation-container header nav ul li:first-child {
            margin-left: 0; }
          .navigation-container header nav ul li.menu-mobile-icon {
            display: none; }
          .navigation-container header nav ul li.menu-item-social {
            display: none; }
          .navigation-container header nav ul li .range-navigation,
          .navigation-container header nav ul li .sub-navigation {
            position: absolute;
            top: 0px;
            left: -250px;
            right: -250px;
            z-index: -1;
            -webkit-transform: translate(0%, 0%);
            -ms-transform: translate(0%, 0%);
            transform: translate(0%, 0%); }
            .navigation-container header nav ul li .range-navigation .range-navigation-container,
            .navigation-container header nav ul li .range-navigation .sub-navigation-container,
            .navigation-container header nav ul li .sub-navigation .range-navigation-container,
            .navigation-container header nav ul li .sub-navigation .sub-navigation-container {
              background-color: #252525; }
            .navigation-container header nav ul li .range-navigation ul,
            .navigation-container header nav ul li .sub-navigation ul {
              background-color: transparent !important; }
              .navigation-container header nav ul li .range-navigation ul li a,
              .navigation-container header nav ul li .sub-navigation ul li a {
                color: #777; }
          .gt-ie9 .navigation-container header nav ul li.the_range:hover .range-navigation, .gt-ie9
          .navigation-container header nav ul li.the_range:hover .sub-navigation, .gt-ie9 .navigation-container header nav ul li.has-sub-navigation:hover .range-navigation, .gt-ie9
          .navigation-container header nav ul li.has-sub-navigation:hover .sub-navigation {
            -webkit-transform: translate(0%, 100%);
            -ms-transform: translate(0%, 100%);
            transform: translate(0%, 100%); }
          .navigation-container header nav ul li.the_range:hover .sub-navigation-container, .navigation-container header nav ul li.has-sub-navigation:hover .sub-navigation-container {
            box-shadow: 0px 7px 10px 7px rgba(0, 0, 0, 0.2); }
          .navigation-container header nav ul li a {
            display: block;
            padding: 0 18px;
            line-height: 55px;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 1em;
            background: url("../../images/link-hover.gif") repeat-x;
            background-position: 0 55px;
            -webkit-transition: all 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: all 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
            .navigation-container header nav ul li a:hover {
              color: #444444 !important;
              background-position: 0 0; }

.fixed-image-container {
  position: fixed;
  top: 10px;
  bottom: 10px;
  overflow: hidden;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, visibility 0ms linear 0ms;
  transition: opacity 1400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, visibility 0ms linear 0ms;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }
  .fixed-image-container.left {
    left: 10px;
    right: 50%; }
  .fixed-image-container.right {
    right: 10px;
    left: 50%; }
  .fixed-image-container.emperor {
    right: 10px;
    left: 500px; }
    .lt-ie9 .fixed-image-container.emperor {
      width: 70%;
      left: auto; }
    @media only screen and (max-width: 1766px) {
      .fixed-image-container.emperor {
        width: 70%;
        left: auto; } }
  .fixed-image-container.hidden {
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: opacity 1400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, visibility 0ms linear 1400ms;
    transition: opacity 1400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, visibility 0ms linear 1400ms; }

.image-container {
  height: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  .image-container .images {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-backface-visibility: hidden; }
    .image-container .images > div {
      width: 100%;
      height: 100%;
      background-repeat: none;
      background-position: center center;
      background-size: cover;
      position: relative;
      z-index: 0;
      /* -webkit-backface-visibility: hidden;
      -moz-backface-visibility: visible !important;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden; */
      -webkit-transform: translate3D(x, y, 0);
      -ms-transform: translate3D(x, y, 0);
      transform: translate3D(x, y, 0); }
      .lt-ie9 .image-container .images > div {
        /* -ms-behavior: url(/PIE.htc);
        behavior: url(/PIE.htc);
        background-size: 100% 100%;
        -pie-poll:true; */ }
  .image-container.left {
    left: 0;
    width: 83%;
    padding-right: 100px; }
  .image-container.right {
    right: 0px;
    width: 83%;
    padding-left: 100px; }
    .image-container.right .loader {
      margin-left: 18px !important; }
  .image-container.emperor {
    right: 0px;
    width: 100%;
    padding-left: 0px; }
    .image-container.emperor .loader {
      margin-left: 18px !important; }
  @media only screen and (min-width: 1766px) {
    .image-container.left {
      width: auto;
      right: 148px; }
    .image-container.right {
      width: auto;
      left: 148px; }
    .image-container.emperor {
      width: auto;
      left: 0px; } }

/******* CONTAINER *******/
div#wrapper {
  overflow: auto;
  width: 100%; }

.content-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  padding-top: 10px;
  z-index: 99; }
  .content-container .product-heading {
    text-align: center;
    position: relative;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
    .content-container .product-heading .sub-heading {
      font-size: 0.8em;
      padding: 10px 13%; }
      @media only screen and (max-width: 1200px) {
        .content-container .product-heading .sub-heading {
          padding: 10px 8%; } }
      @media only screen and (max-width: 580px) {
        .content-container .product-heading .sub-heading {
          padding: 10px 0%; } }
  .content-container .content {
    padding-bottom: 50px; }
    .content-container .content:first-child {
      padding-top: 100px; }
    .content-container .content.product {
      padding-bottom: 130px; }
  .content-container .padding {
    padding: 46px 20px; }
  .content-container .more-info-box {
    height: 0;
    position: relative;
    overflow: hidden;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
    .content-container .more-info-box .range {
      text-align: center;
      font-size: 0.9em; }
    .content-container .more-info-box .nutrition-info {
      position: absolute;
      left: 20px; }
    .content-container .more-info-box .facebook-share {
      position: absolute;
      right: 20px; }
      .content-container .more-info-box .facebook-share span {
        display: inline-block; }
    .content-container .more-info-box .button {
      height: 30px;
      line-height: 31px;
      font-size: 0.8em;
      padding: 0 10px;
      border-radius: 4px;
      display: inline-block;
      overflow: hidden;
      cursor: pointer; }
      .content-container .more-info-box .button .share-text {
        padding-right: 10px;
        margin-right: 4px;
        border-right: 1px solid #666666; }
  .content-container .nutritional-error {
    padding: 20px; }
  .content-container .dynamic-scaler {
    min-height: 100%;
    position: relative;
    width: 18%;
    min-width: 120px;
    max-width: 300px;
    padding: 0 0 0px 200px;
    margin: 0 auto; }
    .content-container .dynamic-scaler .panel-container {
      height: auto;
      margin-left: -200px;
      padding-bottom: 55px; }
  .content-container.emperor-range .image-column {
    height: 100%; }
  .content-container.emperor-range .product-heading {
    font-size: 1.9em;
    margin-bottom: 6%; }
    .content-container.emperor-range .product-heading .sub-heading {
      font-size: 0.6em;
      padding: 14px 13%; }
  .content-container.emperor-range .text-column {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    -webkit-transition: left 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: left 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
    @media only screen and (max-width: 1200px) {
      .content-container.emperor-range .text-column {
        width: 75%; } }
    @media only screen and (max-width: 750px) {
      .content-container.emperor-range .text-column {
        width: 85%; } }
    @media only screen and (max-width: 580px) {
      .content-container.emperor-range .text-column {
        display: none; } }
  .content-container.emperor-range .dynamic-scaler {
    width: 100%;
    height: 100%;
    max-width: 100%;
    min-height: 0px;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: transparent !important; }
    @media only screen and (max-width: 580px) {
      .content-container.emperor-range .dynamic-scaler {
        height: auto;
        min-height: 100%;
        clear: both;
        position: relative;
        padding: 0; }
        .content-container.emperor-range .dynamic-scaler:first-child {
          padding-top: 100px; } }
    .content-container.emperor-range .dynamic-scaler .panel-container {
      height: 100%;
      margin-left: 0px;
      padding-bottom: 0px;
      position: relative;
      -webkit-transition: left 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: left 800ms cubic-bezier(0.165, 0.84, 0.44, 1); }
      .content-container.emperor-range .dynamic-scaler .panel-container span {
        display: block;
        padding: 10%; }
      .content-container.emperor-range .dynamic-scaler .panel-container .product-description-range {
        font-size: 0.9em;
        padding: 0 0 6px; }
      .content-container.emperor-range .dynamic-scaler .panel-container.image {
        width: 30%;
        max-width: 530px;
        float: left;
        z-index: 9; }
        @media only screen and (max-width: 1200px) {
          .content-container.emperor-range .dynamic-scaler .panel-container.image {
            width: 40%; } }
        @media only screen and (max-width: 580px) {
          .content-container.emperor-range .dynamic-scaler .panel-container.image {
            padding-bottom: 130px; } }
        .content-container.emperor-range .dynamic-scaler .panel-container.image .more-info-box {
          display: none; }
          @media only screen and (max-width: 580px) {
            .content-container.emperor-range .dynamic-scaler .panel-container.image .more-info-box {
              display: block; } }
      .content-container.emperor-range .dynamic-scaler .panel-container.content {
        position: absolute;
        width: auto;
        right: 0;
        left: 530px;
        padding-top: 0;
        margin-right: 0;
        background-color: #222;
        background-color: rgba(0, 0, 0, 0.7); }
        .lt-ie9 .content-container.emperor-range .dynamic-scaler .panel-container.content {
          left: auto; }
          .lt-ie9 .content-container.emperor-range .dynamic-scaler .panel-container.content > div {
            width: 40%;
            float: right;
            overflow: hidden; }
            .lt-ie9 .content-container.emperor-range .dynamic-scaler .panel-container.content > div img {
              width: 100%;
              height: auto; }
        @media only screen and (max-width: 1766px) {
          .content-container.emperor-range .dynamic-scaler .panel-container.content {
            width: 40.5%;
            left: auto; } }
        @media only screen and (max-width: 1200px) {
          .content-container.emperor-range .dynamic-scaler .panel-container.content {
            width: 47.5%; } }
        @media only screen and (max-width: 750px) {
          .content-container.emperor-range .dynamic-scaler .panel-container.content {
            width: 53.5%; } }
      .content-container.emperor-range .dynamic-scaler .panel-container .product {
        display: table;
        height: 100%;
        padding: 0; }
        @media only screen and (max-width: 750px) {
          .content-container.emperor-range .dynamic-scaler .panel-container .product {
            padding-bottom: 20px; } }
        .content-container.emperor-range .dynamic-scaler .panel-container .product .full-width {
          display: table-cell;
          vertical-align: middle;
          text-align: center; }
      .content-container.emperor-range .dynamic-scaler .panel-container .valign {
        display: table;
        width: 100%;
        height: 100%;
        padding-bottom: 60px;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .content-container.emperor-range .dynamic-scaler .panel-container .valign .product-description {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          padding: 12%; }
          .content-container.emperor-range .dynamic-scaler .panel-container .valign .product-description .product-description-range {
            color: #a89660; }
          .content-container.emperor-range .dynamic-scaler .panel-container .valign .product-description p {
            line-height: 1.5;
            font-size: 1em;
            font-family: museo-sans, sans-serif; }
            @media only screen and (max-height: 600px) {
              .content-container.emperor-range .dynamic-scaler .panel-container .valign .product-description p {
                line-height: 1.2;
                font-size: 1.1em; } }
      @media only screen and (max-width: 580px) {
        .content-container.emperor-range .dynamic-scaler .panel-container {
          width: 100% !important; } }
  .close .content-container.emperor-range .text-column {
    left: -20%; }
    @media only screen and (max-width: 1200px) {
      .close .content-container.emperor-range .text-column {
        left: -35%; } }
    @media only screen and (max-width: 750px) {
      .close .content-container.emperor-range .text-column {
        left: -45%; } }
  .content-container.emperor-range .button-container.default {
    display: none; }
    @media only screen and (max-width: 580px) {
      .content-container.emperor-range .button-container.default {
        display: inline-block; } }

.button-container.emperor-range {
  position: fixed;
  top: 50%;
  margin-top: -32px;
  left: 0%;
  margin-left: 50%;
  -webkit-transition: left 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: left 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media only screen and (max-width: 1200px) {
    .button-container.emperor-range {
      margin-left: 75%; } }
  @media only screen and (max-width: 750px) {
    .button-container.emperor-range {
      margin-left: 85%; } }
  @media only screen and (max-width: 580px) {
    .button-container.emperor-range {
      display: none; } }
  .close .button-container.emperor-range {
    left: -20%; }
    @media only screen and (max-width: 1200px) {
      .close .button-container.emperor-range {
        left: -35%; } }
    @media only screen and (max-width: 750px) {
      .close .button-container.emperor-range {
        left: -45%; } }
  .button-container.emperor-range .close {
    opacity: 1;
    display: block; }
    .close .button-container.emperor-range .close {
      opacity: 0;
      display: none; }
  .button-container.emperor-range .more {
    opacity: 0;
    display: none; }
    .close .button-container.emperor-range .more {
      opacity: 1;
      display: block; }

.full-width .product-container {
  overflow: hidden; }
  .full-width .product-container img {
    margin-bottom: -8px; }
.full-width img {
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }
.full-width.mobile-image {
  display: none;
  overflow: hidden; }

.image-full-width {
  width: 100%;
  position: relative;
  text-align: center;
  padding: 16px 0; }
  .image-full-width.feature {
    margin-top: -80px; }
  .image-full-width img {
    width: 80%;
    height: auto;
    max-height: 400px;
    border: solid 4px #a89660; }

.lightbox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  display: none; }
  .lightbox .dynamic-scaler {
    max-width: 432px !important; }

.lightbox-content {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  width: 92%;
  top: 25%;
  margin-top: -176px;
  margin-left: 4%;
  padding-top: 30px;
  position: absolute;
  z-index: 999999;
  background-color: #444;
  color: #FFF;
  border: solid 1px #999;
  border-radius: 6px; }
  .lightbox-content table {
    width: 96%;
    margin: 2%;
    text-align: left;
    font-size: 0.7em; }
    .lightbox-content table tr th {
      padding: 8px 6px 8px 0;
      border-bottom: solid 1px #333; }
    .lightbox-content table .Standard_boldText th {
      text-align: center;
      font-size: 1.5em;
      line-height: 2.2em;
      font-weight: normal;
      border-bottom: solid 1px #333;
      padding: 0;
      height: 40px; }
    .lightbox-content table .highlight td {
      background-color: #555; }
    .lightbox-content table hr {
      display: none; }

.diamond {
  width: 0px;
  height: 0px;
  position: relative;
  display: inline-block;
  margin-top: -26px; }
  .diamond span {
    width: 0px;
    height: 0px;
    position: absolute;
    border: solid 6px transparent;
    top: -10px; }
    .diamond span.left {
      border-right: solid 6px #a89660;
      left: -10px; }
    .diamond span.right {
      border-left: solid 6px #a89660;
      left: 2px; }

.footer-links {
  text-align: center;
  font-size: 0.8em;
  color: #999; }
  .footer-links a {
    text-decoration: none;
    color: #999; }
  .footer-links.padding {
    padding-top: 0; }

.animate {
  -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.animate-slow {
  -webkit-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.notransition {
  -webkit-transition: none !important;
  transition: none !important; }

a.button {
  width: 100%;
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
  color: #000 !important;
  background-color: #a89660;
  text-transform: uppercase;
  text-decoration: none;
  margin: 30px 0; }
  a.button:hover {
    background-color: #b6a77a;
    text-decoration: none; }

button {
  width: 100%;
  line-height: 1;
  padding: 14px 10px;
  color: #000;
  background-color: #a89660;
  border: 0;
  text-transform: uppercase;
  cursor: pointer; }

input {
  width: 100%;
  padding: 12px 10px;
  background-color: #2d2d2d;
  border: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #a89660;
  font-size: 0.9em;
  outline: 0;
  margin-bottom: 6px; }

hr.separator {
  margin: 20px 0 30px 0;
  border: 0;
  padding: 0;
  border-bottom: solid 1px #363636; }

body.home {
  background-color: #000000; }
  body.home .background-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 14%;
    left: 0;
    opacity: 0;
    background-size: 810px auto;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear; }
    @media only screen and (max-width: 580px) and (min-height: 390px) {
      body.home .background-image {
        background-size: 140% auto !important; } }
    @media only screen and (max-height: 390px) {
      body.home .background-image {
        background-size: auto 100%; } }
    body.home .background-image.display {
      opacity: 1; }
  body.home .page-controls {
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 0;
    text-align: center;
    z-index: 10; }
    body.home .page-controls a {
      font-size: 1.15em;
      color: #666666;
      text-decoration: none;
      font-weight: 400; }
      body.home .page-controls a:hover {
        color: #AAAAAA !important; }
    @media only screen and (max-height: 480px) {
      body.home .page-controls {
        bottom: 7%; } }

.home-splash-image {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

body.home-video {
  overflow: hidden;
  background-color: #000000;
  width: 100%; }
  body.home-video .container {
    width: 100%;
    background-color: #000000;
    overflow: hidden;
    position: initial; }
  body.home-video .video-close {
    position: absolute;
    top: 80px;
    right: 80px;
    opacity: 0;
    z-index: -999;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear; }
    body.home-video .video-close.display {
      opacity: 1;
      z-index: 999; }
  body.home-video .header {
    height: 116px;
    text-align: center; }
    @media only screen and (max-height: 320px) {
      body.home-video .header {
        height: 65%; } }
    body.home-video .header .logo {
      width: 280px;
      margin-top: 40px; }
  body.home-video .video-content {
    position: absolute;
    top: 116px;
    right: 0;
    bottom: 110px;
    left: 0;
    -ms-behavior: url(/backgroundsize.min.htc);
    behavior: url(/backgroundsize.min.htc);
    background-repeat: none;
    background-position: center center;
    background-size: cover; }
    @media only screen and (max-height: 320px) {
      body.home-video .video-content {
        display: none; } }
    body.home-video .video-content .feature-text {
      background-color: rgba(37, 37, 37, 0.5);
      width: 322px;
      position: absolute;
      left: 50%;
      bottom: 64px;
      padding: 10px 8px;
      margin-left: -161px;
      font-family: museo-sans, sans-serif;
      color: #FFF;
      font-size: 1.4em;
      line-height: 1.2em;
      text-transform: uppercase;
      text-align: center; }
      @media only screen and (max-width: 480px) {
        body.home-video .video-content .feature-text {
          width: 290px;
          margin-left: -154px;
          font-size: 1.3em; } }
  body.home-video .footer {
    width: 100%;
    height: 110px;
    position: absolute;
    bottom: 0;
    text-align: left; }
    @media only screen and (max-height: 320px) {
      body.home-video .footer {
        height: 35%; } }
    body.home-video .footer a.enter-link {
      text-align: center;
      display: block;
      text-decoration: none;
      margin-top: 52px;
      margin-left: auto;
      margin-right: auto;
      color: #666666;
      font-size: 1.15em;
      font-weight: 400; }
    body.home-video .footer a.enter-link:hover {
      color: #AAAAAA !important; }
  body.home-video #big-video-wrap {
    background-color: transparent;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: auto !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -999;
    opacity: 0;
    -webkit-transition: opacity 500ms linear, top 600ms linear 100ms, bottom 600ms linear 100ms;
    transition: opacity 500ms linear, top 600ms linear 100ms, bottom 600ms linear 100ms; }
    html.special body.home-video #big-video-wrap {
      background-color: #000; }
      html.special body.home-video #big-video-wrap video {
        top: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -webkit-transition: translateY(-50%);
        transition: translateY(-50%); }
    body.home-video #big-video-wrap.display {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 999;
      opacity: 1; }
    body.home-video #big-video-wrap #big-video-vid {
      position: absolute; }
    body.home-video #big-video-wrap video {
      display: inline-block;
      width: 100% !important;
      height: 100% !important; }

.addthis_toolbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
  .addthis_toolbox a {
    width: 100%; }
    .addthis_toolbox a span {
      background-image: none !important; }

.footer .button-container {
  margin-left: 50%;
  position: absolute;
  cursor: pointer;
  margin-top: 0;
  left: 0;
  display: inline; }
  .footer .button-container img {
    margin-top: -2px;
    width: 24px; }
  .footer .button-container, .footer .button-container .border, .footer .button-container .fill {
    width: 0px;
    height: 0px;
    white-space: nowrap;
    display: inline-block;
    z-index: 99; }
  .footer .button-container .border {
    position: absolute;
    border: 40px solid transparent;
    margin-top: -40px; }
    .footer .button-container .border.left {
      border-right: 40px solid;
      border-right-color: #a89660;
      margin-left: -80px; }
    .footer .button-container .border.right {
      border-left: 40px solid;
      border-left-color: #a89660; }
  .footer .button-container .fill {
    position: absolute;
    border: 28px solid transparent;
    margin-top: -26px;
    margin-left: 0px; }
    .footer .button-container .fill.left {
      border-right: 28px solid #a89660;
      margin-left: -56px; }
    .footer .button-container .fill.right {
      border-left: 28px solid #a89660; }
  .footer .button-container:hover .text {
    color: #fff; }
  .footer .button-container .text {
    width: 56px;
    height: 24px;
    padding-top: 0 !important;
    margin-top: -16px;
    line-height: 40px;
    margin-left: -28px;
    font-size: 1.8em !important;
    color: #1a1a1a;
    position: absolute;
    text-align: center;
    z-index: 999; }
    .footer .button-container .text.close {
      opacity: 0;
      display: none; }

#contaianer {
  height: 100vh;
  margin: 0;
  background-color: #000; }
  #contaianer .product {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 3s linear, z-index 0s linear 3s;
    transition: opacity 3s linear, z-index 0s linear 3s; }
    #contaianer .product.previous {
      z-index: 5; }
    #contaianer .product.show {
      opacity: 1;
      z-index: 10; }
    #contaianer .product.vanilla .product-item__desktop {
      background-image: url("../../images/cookie_backgrounds/vanilla/1920x1080.png"); }
    #contaianer .product.vanilla .product-item__tablet {
      background-image: url("../../images/cookie_backgrounds/vanilla/1200x1835.png"); }
    #contaianer .product.vanilla .product-item__mobile {
      background-image: url("../../images/cookie_backgrounds/vanilla/750x1605.png"); }
    #contaianer .product.caramel .product-item__desktop {
      background-image: url("../../images/cookie_backgrounds/caramel/1920x1080.png"); }
    #contaianer .product.caramel .product-item__tablet {
      background-image: url("../../images/cookie_backgrounds/caramel/1200x1835.png"); }
    #contaianer .product.caramel .product-item__mobile {
      background-image: url("../../images/cookie_backgrounds/caramel/750x1605.png"); }
    #contaianer .product.merlot .product-item__desktop {
      background-image: url("../../images/cookie_backgrounds/merlot/1920x1080.png"); }
    #contaianer .product.merlot .product-item__tablet {
      background-image: url("../../images/cookie_backgrounds/merlot/1200x1835.png"); }
    #contaianer .product.merlot .product-item__mobile {
      background-image: url("../../images/cookie_backgrounds/merlot/750x1605.png"); }
  #contaianer .product-item {
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden; }
    #contaianer .product-item__desktop {
      display: block;
      background-position: center center; }
    #contaianer .product-item__tablet {
      display: none;
      background-position: center bottom; }
    #contaianer .product-item__mobile {
      display: none;
      background-position: center bottom; }
    #contaianer .product-item .cookies-button-container {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      padding-top: 48%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      #contaianer .product-item .cookies-button-container .cookies-button {
        position: absolute;
        display: block;
        width: 16%;
        height: 6%;
        top: 77.15%;
        left: 72.05%;
        opacity: 0;
        cursor: pointer;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #contaianer .product-item .cookies-button-container .cookies-button:hover {
          opacity: 1;
          cursor: pointer; }
    @media screen and (max-width: 900px) {
      #contaianer .product-item__desktop {
        background-size: 125% auto; }
      #contaianer .product-item .cookies-button-container {
        width: 125%;
        padding-top: 60%; } }
    @media screen and (max-width: 900px) and (orientation: portrait) and (max-aspect-ratio: 4 / 5) {
      #contaianer .product-item__desktop {
        display: none; }
      #contaianer .product-item__tablet {
        display: block; }
      #contaianer .product-item .cookies-button-container {
        width: 100%;
        top: auto;
        bottom: 0;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%); }
        #contaianer .product-item .cookies-button-container .cookies-button {
          width: 40%;
          height: 13%;
          left: 50%;
          top: 76%; } }
    @media screen and (max-width: 550px) and (orientation: portrait) and (max-aspect-ratio: 4 / 6) {
      #contaianer .product-item__tablet {
        display: none; }
      #contaianer .product-item__mobile {
        display: block; }
      #contaianer .product-item .cookies-button {
        width: 57%;
        height: 18%;
        left: 50%;
        top: 74%; } }

#contaianer {
  height: 100vh;
  margin: 0;
  background-color: #000; }
  #contaianer .product {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 3s linear, z-index 0s linear 3s;
    transition: opacity 3s linear, z-index 0s linear 3s; }
    #contaianer .product.previous {
      z-index: 5; }
    #contaianer .product.show {
      opacity: 1;
      z-index: 10; }
  #contaianer .product-item {
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    color: white;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    @media screen and (min-width: 960px) {
      #contaianer .product-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    #contaianer .product-item__text {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      width: 100%;
      max-width: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #1a1a17;
      padding-top: 3rem; }
      @media screen and (min-width: 960px) {
        #contaianer .product-item__text {
          width: 50%;
          padding-top: 0; } }
      @media screen and (min-width: 1400px) {
        #contaianer .product-item__text {
          font-size: 22px;
          line-height: 32px;
          height: 100%;
          width: 50%; } }
      #contaianer .product-item__text-wrap {
        width: 100%;
        padding: 2rem;
        padding-top: 0;
        text-align: center;
        padding-bottom: 3rem;
        min-height: 200px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (min-width: 960px) {
          #contaianer .product-item__text-wrap {
            height: 100%;
            padding-top: 6rem;
            width: 500px; } }
        @media screen and (min-width: 1400px) {
          #contaianer .product-item__text-wrap {
            width: 670px;
            padding-left: 9rem;
            padding-right: 3rem;
            padding-top: 7rem; } }
      #contaianer .product-item__text::before {
        content: "";
        position: absolute;
        z-index: 999;
        background-image: -webkit-linear-gradient(92deg, #1a1a17 0%, rgba(26, 26, 23, 0) 100%);
        background-image: linear-gradient(-2deg, #1a1a17 0%, rgba(26, 26, 23, 0) 100%);
        width: 100%;
        right: 0;
        top: 0;
        height: 384px;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%); }
        @media screen and (min-width: 960px) {
          #contaianer .product-item__text::before {
            width: 267px;
            right: 0;
            top: 0;
            height: 100%;
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
            background-image: -webkit-linear-gradient(left, #1a1a17 0%, rgba(26, 26, 23, 0) 100%);
            background-image: linear-gradient(to right, #1a1a17 0%, rgba(26, 26, 23, 0) 100%); } }
      #contaianer .product-item__text-heading {
        text-align: center;
        margin-bottom: -9px;
        font-size: 22px;
        line-height: 26px;
        letter-spacing: 4.6px; }
        @media screen and (min-width: 960px) {
          #contaianer .product-item__text-heading {
            font-size: 29px;
            line-height: 39px;
            letter-spacing: 6.57px; } }
        @media screen and (min-width: 1400px) {
          #contaianer .product-item__text-heading {
            font-size: 52px;
            line-height: 61.83px;
            letter-spacing: 10.77px; } }
      #contaianer .product-item__text-button {
        font-size: 13px;
        height: 60px;
        padding-left: 30px;
        padding-right: 30px;
        width: auto;
        font-family: museo-sans, sans-serif;
        margin-top: 35px;
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
        text-decoration: none;
        background: #a89660;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        text-transform: uppercase; }
        #contaianer .product-item__text-button:hover {
          background: #b3a067; }
        @media screen and (min-width: 960px) {
          #contaianer .product-item__text-button {
            margin-top: 0;
            width: 380px; } }
      #contaianer .product-item__text p {
        display: none; }
        @media screen and (min-width: 960px) {
          #contaianer .product-item__text p {
            color: #777777;
            font-size: 18px;
            line-height: 28px;
            font-weight: 300;
            display: block;
            margin-top: 2rem;
            margin-bottom: 2rem;
            padding-left: 0rem;
            padding-right: 0rem; } }
        @media screen and (min-width: 1600px) {
          #contaianer .product-item__text p {
            font-size: 22px; } }
      #contaianer .product-item__text-logo {
        display: none; }
        @media screen and (min-width: 960px) {
          #contaianer .product-item__text-logo {
            margin-left: auto;
            margin-right: auto;
            display: block;
            width: 62px; } }
        @media screen and (min-width: 1600px) {
          #contaianer .product-item__text-logo {
            width: 92px; } }
    #contaianer .product-item__image {
      background-image: url("../../images/native_backgrounds/bg-1.png");
      background-size: cover;
      background-position: left top;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      margin-top: 4rem;
      position: relative; }
      @media screen and (min-width: 960px) {
        #contaianer .product-item__image {
          width: 50%; } }
      @media screen and (min-width: 1400px) {
        #contaianer .product-item__image {
          width: 50%; } }
    #contaianer .product-item .signature-mark-olive {
      max-width: 183px;
      opacity: 0.85;
      position: absolute;
      margin: 0 auto;
      left: 0;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
      transform: translate(-50%, 50%);
      z-index: 9999; }
      @media screen and (min-width: 1400px) {
        #contaianer .product-item .signature-mark-olive {
          right: 45px;
          bottom: 95px;
          left: auto;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
    @media screen and (min-width: 1400px) {
      #contaianer .product-item__desktop {
        background-size: 125% auto; }
      #contaianer .product-item .cookies-button-container {
        width: 125%;
        padding-top: 60%; } }
  #contaianer .native-second .product-item__image {
    background-image: url("../../images/native_backgrounds/home-bush-nougat.jpg"); }
  #contaianer .native-third .product-item__image {
    background-image: url("../../images/native_backgrounds/home-wattleseed.jpg"); }
  #contaianer .native-forth .product-item__image {
    background-image: url("../../images/native_backgrounds/home-davidson-plum.jpg"); }
  #contaianer .native-fith .product-item__image {
    background-image: url("../../images/native_backgrounds/home-wild-hibiscus.jpg"); }
  #contaianer .native-sixth .product-item__image {
    background-image: url("../../images/native_backgrounds/home-macadamia-lime.jpg"); }

body {
  font-size: 0.85em; }

body, a {
  font-family: museo-sans, sans-serif;
  /* 
  
  font-family:'Museo Sans W01 700'; */
  -webkit-font-smoothing: antialiased; }

p {
  line-height: 1.6em;
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5 {
  font-family: museo-sans, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase; }

h1 {
  font-size: 1.8em;
  margin-bottom: 26px; }

h1, h2 {
  text-align: center; }

h2.page-heading {
  padding-bottom: 6px;
  font-family: museo-sans, sans-serif;
  font-weight: normal; }

h3 {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.5em; }

.panel-container {
  text-align: center;
  color: #a89660; }

.mobile-menu .menu-mobile-icon {
  display: block;
  cursor: pointer;
  		/* &:hover {
  			width: auto;
  			left: 220px;
  		}
  
  		&:hover + .navigation-position {
  			top: 0 !important;
  		} */ }
.mobile-menu .header-social {
  display: none; }
.mobile-menu .navigation-container header .navigation-position {
  position: fixed;
  z-index: -9;
  width: 100%;
  height: 100%;
  left: 0;
  top: -100%;
  background-color: transparent;
  -webkit-transition: background-color 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background-color 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .mobile-menu .navigation-container header .navigation-position.showmenu {
    top: 0 !important;
    background-color: rgba(0, 0, 0, 0.8); }
    .mobile-menu .navigation-container header .navigation-position.showmenu nav {
      top: 55px; }
.mobile-menu .navigation-container header nav {
  position: absolute;
  height: auto;
  left: 10px;
  right: 10px;
  top: -100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 100%;
  -webkit-transition: top 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: top 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .mobile-menu .navigation-container header nav .menu-main-menu-container {
    position: relative; }
  .mobile-menu .navigation-container header nav #menu-main-menu {
    width: 100%;
    height: auto;
    overflow: auto;
    white-space: normal;
    border: 0;
    border-top: solid 1px #999;
    border-bottom: solid 1px #AAA;
    display: table; }
    .mobile-menu .navigation-container header nav #menu-main-menu a {
      line-height: 40px;
      -webkit-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden; }
    .mobile-menu .navigation-container header nav #menu-main-menu ul {
      width: 100%;
      border: 0;
      -webkit-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden; }
    .mobile-menu .navigation-container header nav #menu-main-menu li {
      width: 100%;
      display: block;
      border: 0;
      margin: 0;
      border-top: 1px solid #000;
      border-bottom: 1px solid #222;
      -webkit-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden; }
      .mobile-menu .navigation-container header nav #menu-main-menu li.the_range, .mobile-menu .navigation-container header nav #menu-main-menu li.has-sub-navigation {
        display: table-header-group; }
        .mobile-menu .navigation-container header nav #menu-main-menu li.the_range > a, .mobile-menu .navigation-container header nav #menu-main-menu li.has-sub-navigation > a {
          display: none; }
        .mobile-menu .navigation-container header nav #menu-main-menu li.the_range .range-navigation-container,
        .mobile-menu .navigation-container header nav #menu-main-menu li.the_range .sub-navigation-container, .mobile-menu .navigation-container header nav #menu-main-menu li.has-sub-navigation .range-navigation-container,
        .mobile-menu .navigation-container header nav #menu-main-menu li.has-sub-navigation .sub-navigation-container {
          background-color: transparent; }
        .mobile-menu .navigation-container header nav #menu-main-menu li.the_range .range-navigation,
        .mobile-menu .navigation-container header nav #menu-main-menu li.the_range .sub-navigation, .mobile-menu .navigation-container header nav #menu-main-menu li.has-sub-navigation .range-navigation,
        .mobile-menu .navigation-container header nav #menu-main-menu li.has-sub-navigation .sub-navigation {
          position: relative;
          width: 100%;
          left: 0;
          right: 0;
          z-index: 999;
          -webkit-transform: translate(0%, 0%);
          -ms-transform: translate(0%, 0%);
          transform: translate(0%, 0%); }

@media screen and (max-width: 600px) {
  .no-js .menu-mobile-icon {
    display: block;
    cursor: pointer;
    		/* &:hover {
    			width: auto;
    			left: 220px;
    		}
    
    		&:hover + .navigation-position {
    			top: 0 !important;
    		} */ }
  .no-js .header-social {
    display: none; }
  .no-js .navigation-container header .navigation-position {
    position: fixed;
    z-index: -9;
    width: 100%;
    height: 100%;
    left: 0;
    top: -100%;
    background-color: transparent;
    -webkit-transition: background-color 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: background-color 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .no-js .navigation-container header .navigation-position.showmenu {
      top: 0 !important;
      background-color: rgba(0, 0, 0, 0.8); }
      .no-js .navigation-container header .navigation-position.showmenu nav {
        top: 55px; }
  .no-js .navigation-container header nav {
    position: absolute;
    height: auto;
    left: 10px;
    right: 10px;
    top: -100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    -webkit-transition: top 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: top 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .no-js .navigation-container header nav .menu-main-menu-container {
      position: relative; }
    .no-js .navigation-container header nav #menu-main-menu {
      width: 100%;
      height: auto;
      overflow: auto;
      white-space: normal;
      border: 0;
      border-top: solid 1px #999;
      border-bottom: solid 1px #AAA;
      display: table; }
      .no-js .navigation-container header nav #menu-main-menu a {
        line-height: 40px;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden; }
      .no-js .navigation-container header nav #menu-main-menu ul {
        width: 100%;
        border: 0;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden; }
      .no-js .navigation-container header nav #menu-main-menu li {
        width: 100%;
        display: block;
        border: 0;
        margin: 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #222;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden; }
        .no-js .navigation-container header nav #menu-main-menu li.the_range, .no-js .navigation-container header nav #menu-main-menu li.has-sub-navigation {
          display: table-header-group; }
          .no-js .navigation-container header nav #menu-main-menu li.the_range > a, .no-js .navigation-container header nav #menu-main-menu li.has-sub-navigation > a {
            display: none; }
          .no-js .navigation-container header nav #menu-main-menu li.the_range .range-navigation-container,
          .no-js .navigation-container header nav #menu-main-menu li.the_range .sub-navigation-container, .no-js .navigation-container header nav #menu-main-menu li.has-sub-navigation .range-navigation-container,
          .no-js .navigation-container header nav #menu-main-menu li.has-sub-navigation .sub-navigation-container {
            background-color: transparent; }
          .no-js .navigation-container header nav #menu-main-menu li.the_range .range-navigation,
          .no-js .navigation-container header nav #menu-main-menu li.the_range .sub-navigation, .no-js .navigation-container header nav #menu-main-menu li.has-sub-navigation .range-navigation,
          .no-js .navigation-container header nav #menu-main-menu li.has-sub-navigation .sub-navigation {
            position: relative;
            width: 100%;
            left: 0;
            right: 0;
            z-index: 999;
            -webkit-transform: translate(0%, 0%);
            -ms-transform: translate(0%, 0%);
            transform: translate(0%, 0%); } }
@media screen and (max-width: 580px) {
  .side-navigation {
    display: none; }

  .fixed-image-container {
    display: none; }

  .full-width.mobile-image {
    display: block; }

  .content-container .dynamic-scaler {
    position: absolute;
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-bottom: 50px;
    left: 0px;
    right: 0px; }
    .content-container .dynamic-scaler .panel-container {
      margin-left: 0;
      left: 0 !important;
      max-width: 100% !important;
      padding: 0 20px;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-box-sizing: border-box; }
      .content-container .dynamic-scaler .panel-container.image {
        max-width: 510px; }
  .content-container .image {
    height: 650px;
    background-image: url(../images/tmnt-black.jpg);
    background-position: center center;
    background-size: cover; }
  .content-container .image2 {
    height: 650px;
    background-image: url(../images/tmnt.jpg);
    background-position: center center;
    background-size: cover; } }
.newsletter-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #333;
  background-color: rgba(40, 40, 40, 0.7);
  z-index: 999;
  font-size: 86%;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 300ms linear, visibility 0ms 300ms;
  transition: opacity 300ms linear, visibility 0ms 300ms; }
  .newsletter-overlay.hidden {
    opacity: 0;
    visibility: hidden; }
  @media screen and (min-width: 500px) and (min-height: 500px) {
    .newsletter-overlay {
      font-size: 100%; } }

.newsletter-overlay--circle {
  position: absolute;
  width: 390px;
  height: 390px;
  margin: 0 2.5%;
  top: 50%;
  left: 50%;
  margin-top: -215px;
  margin-left: -195px;
  border-radius: 500px;
  background-color: #000; }
  @media (min-width: 500px) and (min-height: 500px) {
    .newsletter-overlay--circle {
      width: 480px;
      height: 480px;
      margin-top: -263px;
      margin-left: -240px; } }

.newsletter-overlay--content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10%;
  text-align: center; }

.newsletter-overlay--heading {
  margin-bottom: 10px;
  font-size: 1.43em;
  color: #a89660;
  letter-spacing: 0.15em; }

.newsletter-overlay--center {
  width: 100%;
  max-width: 220px;
  margin: 0 auto; }
  @media (min-width: 500px) and (min-height: 500px) {
    .newsletter-overlay--center {
      max-width: 250px; } }

.newsletter-overlay--description {
  font-size: 0.9em;
  color: #a89660;
  display: none; }
  @media (min-width: 500px) and (min-height: 500px) {
    .newsletter-overlay--description {
      display: block; } }

.newsletter-overlay--terms {
  font-size: 11px;
  text-align: left;
  color: #555; }

.newsletter-overlay--close {
  top: 60px;
  right: 80px; }

.video-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 120px; }

.video-item {
  margin: 50px 0 80px; }

.video-item__title {
  font-size: 16px;
  color: #a89660;
  text-transform: uppercase;
  margin-bottom: 20px; }

.video-item__video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  background-size: cover;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.2); }
  .video-item__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-item__play-button {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 50%, 0);
  -ms-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
  width: 58px;
  height: 58px;
  cursor: pointer; }
  .video-item__play-button:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    content: "";
    background-color: #a89660;
    width: 58px;
    height: 58px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .video-item__play-button:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../../images/play-button.png"); }
  .video-item__play-button.loading:before {
    background-color: black; }
  .video-item__play-button.loading:after {
    background-image: url("../../images/ajax-loader.gif"); }

.video-close-btn.diamond-btn {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 60px;
  right: 50px;
  width: 46px;
  height: 46px;
  line-height: 46px; }
  .video-close-btn.diamond-btn.display {
    display: block; }
  .video-close-btn.diamond-btn:before {
    width: 40px;
    height: 40px; }

#big-video-wrap {
  display: none; }
  #big-video-wrap.display {
    display: block; }

.big-video-wrap {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0; }
  .big-video-wrap #big-video-vid {
    left: 0 !important; }

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

.header-social__item {
  color: white;
  opacity: .3;
  font-size: 15px;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-decoration: none; }
  .header-social__item:first-of-type {
    margin-right: 10px; }
  .header-social__item:hover {
    color: #a89660;
    opacity: 1; }
  .menu-item-social .header-social__item {
    display: inline-block;
    padding: 0;
    background: none;
    font-size: 20px;
    color: #a89660 !important;
    opacity: 1; }
    .menu-item-social .header-social__item:first-of-type {
      margin-right: 25px; }
    .menu-item-social .header-social__item:hover {
      opacity: 1; }

.product__info {
  text-align: center;
  color: white;
  margin-top: -60px;
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 580px) {
    .product__info {
      margin-top: -80px;
      padding: 0 20px; } }

.product__image-container {
  height: 380px;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 580px) {
    .product__image-container {
      height: 500px; } }
  .product--bg .product__image-container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%; }
  .product--stick .product__image-container {
    background-image: url("../../images/stick-radial-gradient.jpg"); }
  .product--cookies .product__image-container {
    background-image: url("../../images/stick-radial-gradient.jpg"); }
    .product--cookies .product__image-container .product__image {
      padding-bottom: 50px; }
  .product--stick-classic .product__image-container {
    background-image: url("../../images/stick-radial-gradient-classic.jpg"); }
  .product--stick-adventure .product__image-container {
    background-image: url("../../images/stick-radial-gradient-adventure.jpg"); }

.product__packshot-container {
  height: 278px;
  position: relative;
  overflow: hidden; }
  .product--bg .product__packshot-container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%; }
  .product--stick .product__packshot-container, .product--cookies .product__packshot-container {
    background-image: url("../../images/stick-packshot-radial-bg.jpg"); }

.product__image {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.product-nutrition-btn {
  height: 36px;
  line-height: 36px;
  margin: 25px 0;
  font-size: 10px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer; }

.product-nutrition-btn__icon .icon {
  position: relative;
  font-size: 15px;
  color: white; }

.product__new-product {
  position: absolute;
  z-index: 1;
  top: 120px;
  left: 0;
  width: 70px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  background-color: #a89660;
  color: white;
  text-align: center; }
  @media screen and (min-width: 580px) {
    .product__new-product {
      top: 160px; } }
  .product__new-product:after {
    position: absolute;
    content: "";
    top: 0;
    right: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 12px 0 0;
    border-color: #a89660 transparent transparent transparent; }

.product-type-range__title {
  color: #a89660; }

.product-type-range__image {
  display: block;
  margin: 50px auto; }

.diamond-btn {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 10px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center; }
  .diamond-btn:before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: black;
    border: 3px solid #a89660; }
  .diamond-btn:hover {
    text-decoration: none; }
    .diamond-btn:hover .text {
      color: #a89660; }
  .diamond-btn .text {
    position: relative;
    font-size: 10px;
    color: #777; }
  .diamond-btn .icon {
    position: relative;
    font-size: 15px;
    color: white; }

.nutrition-close-btn {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer; }
  .nutrition-close-btn:hover .nutrition-close-btn__icon::before, .nutrition-close-btn:hover .nutrition-close-btn__icon::after {
    background-color: #a89660; }

.nutrition-close-btn__icon::before, .nutrition-close-btn__icon::after {
  position: absolute;
  content: '';
  top: 10px;
  left: 20px;
  width: 2px;
  height: 20px;
  background-color: white; }
.nutrition-close-btn__icon::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
.nutrition-close-btn__icon::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

@media screen and (min-width: 640px) {
  .lightbox-content.nutritional-table {
    width: 600px;
    margin-left: -145px; }
    .lightbox-content.nutritional-table table {
      font-size: 0.9em; }
    .lightbox-content.nutritional-table th,
    .lightbox-content.nutritional-table td {
      padding: 5px; } }
@media screen and (min-width: 940px) {
  .lightbox-content.nutritional-table {
    margin-left: -35%; } }
@media screen and (min-width: 1040px) {
  .lightbox-content.nutritional-table {
    margin-left: -25%; } }
@media screen and (min-width: 1140px) {
  .lightbox-content.nutritional-table {
    margin-left: -15%; } }
@media screen and (min-width: 1240px) {
  .lightbox-content.nutritional-table {
    margin-left: -10%; } }

.lightbox-content__content strong {
  color: #a89660;
  font-weight: bold; }

.lightbox-content__content b {
  color: #a89660;
  font-weight: bold; }

/*!
Video.js Default Styles (http://videojs.com)
Version 4.8.1
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc; }

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("../../icons/video-js/vjs.eot");
  src: url("../../icons/video-js/vjs.eot?#iefix") format("embedded-opentype"), url("../../icons/video-js/vjs.woff") format("woff"), url("../../icons/video-js/vjs.ttf") format("truetype"), url("../../icons/video-js/vjs.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9); }

.vjs-default-skin .vjs-slider:focus {
  box-shadow: 0 0 2em #ffffff; }

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7); }

/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none; }

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none; }

/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none; }

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em; }

/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff; }

.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */ }

/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer; }

.vjs-default-skin .vjs-play-control:before {
  content: "\e001"; }

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002"; }

/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005"; }

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right; }

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em; }

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em; }

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em; }

/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%; }

/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.2); }

/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878;
  background: rgba(255, 255, 255, 0.1); }

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%; }

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em; }

/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none; }

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block; }

/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em; }

/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em; }

.vjs-default-skin .vjs-current-time {
  float: left; }

.vjs-default-skin .vjs-duration {
  float: left; }

/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left; }

.vjs-time-divider {
  float: left;
  line-height: 3em; }

/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000"; }

/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b"; }

/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  border-radius: 0.8em;
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em; }

/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none; }

/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none; }

/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none; }

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  transition: all 0s; }

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-big-play-button {
  display: none; }

/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none; }

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%; }

.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5); }

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460; }

/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75; }

/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear; }

/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  animation: none; }

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000; }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg); } }
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer; }

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */ }

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); }

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block; }

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000; }

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 0 1em #ffffff; }

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c"; }

/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008"; }

/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c"; }

.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em; }

/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  box-shadow: 0 0 1em #ffffff; }

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto; }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none; }

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em; }

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5); }

.video-js .vjs-subtitles {
  color: #ffffff; }

.video-js .vjs-captions {
  color: #ffcc66; }

.vjs-tt-cue {
  display: block; }

/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460; }

/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }

.lity.lity-opened {
  opacity: 1; }

.lity.lity-closed {
  opacity: 0; }

.lity * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important; }

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }

.lity-loading .lity-loader {
  opacity: 1; }

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important; }

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease; }

.lity-loading .lity-content, .lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8); }

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none; }

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0; }

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none; }

.lity-close:active {
  top: 1px; }

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0; }

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px; }

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch; }

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

.lity-hide {
  display: none; }

/* Media Query Fallback Support */
body, .page-border div, .range-navigation, .mobile-menu nav ul li {
  background-color: #1a1a1a !important; }

.article-diamond {
  display: block;
  width: 0px;
  height: 0px;
  border: 5px solid #a89660;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
  .lt-ie9 .article-diamond {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
    /* IE8 */ }

.content-container.social-hub {
  position: absolute;
  width: auto;
  left: 10px;
  right: 10px;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important; }

.global-display--table {
  display: table;
  width: 100%;
  height: 100%; }

.global-display--table-cell {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-aling: center;
  vertical-align: middle; }

.global-display--preloader {
  text-align: center;
  padding-bottom: 64px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 200ms linear, visibility 0ms linear 300ms;
  transition: opacity 200ms linear, visibility 0ms linear 300ms; }
  .global-display--preloader img {
    width: 32px;
    height: 32px; }
  .global-display--preloader.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 200ms linear, visibility 0ms linear 0ms;
    transition: opacity 200ms linear, visibility 0ms linear 0ms; }

.article > a > .close-button > .button-container {
  display: inline-block !important;
  position: relative !important;
  left: 0 !important;
  margin-left: 44px;
  margin-right: 34px;
  margin-top: 48px; }

.button-container {
  position: absolute; }
  .content-container .button-container .fill.left {
    border-right-color: #000 !important; }
  .content-container .button-container .fill.right {
    border-left-color: #000 !important; }
  .content-container .button-container.selected {
    cursor: default; }
    .content-container .button-container.selected .text {
      color: #a89660; }
    .content-container .button-container.selected:hover .text {
      color: #a89660 !important; }

.social-hub, .social-hub * {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

input {
  width: 100%;
  padding: 12px 10px;
  background-color: #2d2d2d;
  border: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #a89660;
  font-size: 0.9em;
  outline: 0;
  margin-bottom: 6px; }

button {
  width: 100%;
  line-height: 1;
  padding: 14px 10px;
  color: #000;
  background-color: #a89660;
  border: 0;
  text-transform: uppercase; }
  button:hover {
    background-color: #b6a77a;
    cursor: pointer; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #584e30; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #584e30;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #584e30; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.img-responsive {
  max-width: 100%; }

.range-description {
  margin-bottom: 44px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  color: #777777; }
  .range-description h1 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px; }
  .range-description img {
    display: block;
    margin: auto;
    margin-top: 27px; }

.video-button {
  border: 2px solid #a89660;
  border-radius: 100%;
  height: 60px;
  width: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease; }
  .video-button:hover {
    border-color: white; }
    .video-button:hover .video-button-inner {
      border-color: transparent transparent transparent white; }

.video-button-inner {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 20px;
  border-color: transparent transparent transparent #a89660;
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
  will-change: border-width;
  cursor: pointer;
  border-style: solid;
  border-width: 11px 0 11px 18px;
  display: block;
  margin: 0 auto;
  margin-top: 19px;
  margin-left: 24px;
  width: 25px; }
  .video-button-inner.pause {
    border-style: double;
    border-width: 0px 0 0px 10px; }

.range-video {
  position: relative;
  max-height: 260px;
  overflow: hidden;
  display: block;
  max-width: 100%;
  margin: 0 auto; }
  .range-video:before {
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0; }
  .range-video--product {
    margin: 20px; }

.image-title {
  max-width: 80%; }

/* $top-padding: 33.66666%;
$top-padding-m: 50.66666%; */
/* Mixins for column generation */
.parent {
  position: relative;
  margin: 0px;
  overflow: hidden; }

.container {
  position: relative;
  margin-right: -10px;
  padding-bottom: 20px;
  /* padding-top: 0px;
  @include beyond($app-breakpoint-2) {
    padding-top: $top-padding-m;
  }
  @include beyond($app-breakpoint-3) {
    padding-top: $top-padding;
  } */ }

.image-box--container {
  opacity: 0;
  -webkit-transition: opacity 500ms linear;
  transition: opacity 500ms linear; }
  .image-box--container.visible {
    opacity: 1; }

.image-box .image-box--image a {
  overflow: auto;
  display: block; }
.image-box .image-box--image span {
  position: relative;
  top: 0;
  right: 10px;
  bottom: 10px;
  left: 0;
  text-align: center; }
  @media (min-width: 500px) {
    .image-box .image-box--image span {
      position: absolute; } }
.image-box .image-box--image img {
  width: 100%; }
  @media (min-width: 500px) {
    .image-box .image-box--image img {
      height: 100%; } }
.image-box .image-box--panel {
  position: relative;
  width: 100%;
  padding: 0px; }
  @media (min-width: 500px) {
    .image-box .image-box--panel {
      float: left;
      width: 50%;
      padding-top: 50%; } }
  @media (min-width: 750px) {
    .image-box .image-box--panel {
      width: 33.3333%;
      padding-top: 33.3333%; }
      .image-box .image-box--panel.spacing-m {
        margin-bottom: 50%; }
      .image-box .image-box--panel.spacing-top-m {
        margin-top: 50%; } }
  @media (min-width: 1024px) {
    .image-box .image-box--panel {
      width: 25%;
      padding-top: 25%; }
      .image-box .image-box--panel.spacing-m {
        margin-bottom: 0; }
      .image-box .image-box--panel.spacing-top-m {
        margin-top: 0; }
      .image-box .image-box--panel.spacing {
        margin-bottom: 33.333%; }
      .image-box .image-box--panel.spacing-top {
        margin-top: 33.333%; } }
.image-box .image-box--absolute {
  position: relative;
  top: 0;
  width: 100%;
  padding: 0px; }
  @media screen and (min-width: 500px) and (max-width: 749px) {
    .image-box .image-box--absolute {
      float: left;
      width: 50%;
      padding-top: 50%; }
      .image-box .image-box--absolute .image-box--description {
        display: block; } }
  @media screen and (min-width: 750px) and (max-width: 1023px) {
    .image-box .image-box--absolute {
      width: 33.3333%;
      padding-top: 33.3333%; }
      .image-box .image-box--absolute.mobile-feature {
        position: absolute;
        width: 50%;
        padding-top: 50%;
        margin-top: 0; }
        .image-box .image-box--absolute.mobile-feature.m-r-1 {
          margin-top: 0%; }
        .image-box .image-box--absolute.mobile-feature.m-r-2 {
          margin-top: 83.3333%; }
        .image-box .image-box--absolute.mobile-feature.m-r-3 {
          margin-top: 166.6666%; }
        .image-box .image-box--absolute.mobile-feature.m-r-4 {
          margin-top: 249.9999%; }
        .image-box .image-box--absolute.mobile-feature.m-r-5 {
          margin-top: 333.3332%; }
        .image-box .image-box--absolute.mobile-feature.m-r-6 {
          margin-top: 416.6665%; }
        .image-box .image-box--absolute.mobile-feature.m-r-7 {
          margin-top: 566.6664%; }
        .image-box .image-box--absolute.mobile-feature.m-r-8 {
          margin-top: 649.9997%; }
        .image-box .image-box--absolute.mobile-feature.m-r-9 {
          margin-top: 733.333%; }
        .image-box .image-box--absolute.mobile-feature.m-r-10 {
          margin-top: 816.6663%; }
        .image-box .image-box--absolute.mobile-feature.m-r-11 {
          margin-top: 899.9996%; }
        .image-box .image-box--absolute.mobile-feature.m-r-12 {
          margin-top: 983.3329%; }
        .image-box .image-box--absolute.mobile-feature.m-r-13 {
          margin-top: 1133.3328%; }
        .image-box .image-box--absolute.mobile-feature.m-r-14 {
          margin-top: 1216.6661%; }
        .image-box .image-box--absolute.mobile-feature.m-r-15 {
          margin-top: 1299.9994%; }
        .image-box .image-box--absolute.mobile-feature.m-r-16 {
          margin-top: 1383.3327%; }
        .image-box .image-box--absolute.mobile-feature.m-r-17 {
          margin-top: 1466.666%; }
        .image-box .image-box--absolute.mobile-feature.m-r-18 {
          margin-top: 1549.9993%; }
        .image-box .image-box--absolute.mobile-feature.m-r-19 {
          margin-top: 1699.9992%; }
        .image-box .image-box--absolute.mobile-feature.m-r-20 {
          margin-top: 1783.3325%; }
        .image-box .image-box--absolute.mobile-feature.m-r-21 {
          margin-top: 1866.6658%; }
        .image-box .image-box--absolute.mobile-feature.m-r-22 {
          margin-top: 1949.9991%; }
        .image-box .image-box--absolute.mobile-feature.m-r-23 {
          margin-top: 2033.3324%; }
        .image-box .image-box--absolute.mobile-feature.m-r-24 {
          margin-top: 2116.6657%; }
        .image-box .image-box--absolute.mobile-feature.m-r-25 {
          margin-top: 2266.6656%; }
        .image-box .image-box--absolute.mobile-feature.m-r-26 {
          margin-top: 2349.9989%; }
        .image-box .image-box--absolute.mobile-feature.m-r-27 {
          margin-top: 2433.3322%; }
        .image-box .image-box--absolute.mobile-feature.m-r-28 {
          margin-top: 2516.6655%; }
        .image-box .image-box--absolute.mobile-feature.m-r-29 {
          margin-top: 2599.9988%; }
        .image-box .image-box--absolute.mobile-feature.m-r-30 {
          margin-top: 2683.3321%; }
        .image-box .image-box--absolute.mobile-feature.m-r-31 {
          margin-top: 2833.332%; }
        .image-box .image-box--absolute.mobile-feature.m-r-32 {
          margin-top: 2916.6653%; }
        .image-box .image-box--absolute.mobile-feature.m-r-33 {
          margin-top: 2999.9986%; }
        .image-box .image-box--absolute.mobile-feature.m-r-34 {
          margin-top: 3083.3319%; }
        .image-box .image-box--absolute.mobile-feature.m-r-35 {
          margin-top: 3166.6652%; }
        .image-box .image-box--absolute.mobile-feature.m-r-36 {
          margin-top: 3249.9985%; }
        .image-box .image-box--absolute.mobile-feature.m-r-37 {
          margin-top: 3399.9984%; }
        .image-box .image-box--absolute.mobile-feature.m-r-38 {
          margin-top: 3483.3317%; }
        .image-box .image-box--absolute.mobile-feature.m-r-39 {
          margin-top: 3566.665%; }
        .image-box .image-box--absolute.mobile-feature.m-r-40 {
          margin-top: 3649.9983%; }
        .image-box .image-box--absolute.mobile-feature.m-r-41 {
          margin-top: 3733.3316%; }
        .image-box .image-box--absolute.mobile-feature.m-r-42 {
          margin-top: 3816.6649%; }
        .image-box .image-box--absolute.mobile-feature.m-r-43 {
          margin-top: 3966.6648%; }
        .image-box .image-box--absolute.mobile-feature.m-r-44 {
          margin-top: 4049.9981%; }
        .image-box .image-box--absolute.mobile-feature.m-r-45 {
          margin-top: 4133.3314%; }
        .image-box .image-box--absolute.mobile-feature.m-r-46 {
          margin-top: 4216.6647%; }
        .image-box .image-box--absolute.mobile-feature.m-r-47 {
          margin-top: 4299.998%; }
        .image-box .image-box--absolute.mobile-feature.m-r-48 {
          margin-top: 4383.3313%; }
        .image-box .image-box--absolute.mobile-feature.m-r-49 {
          margin-top: 4533.3312%; }
        .image-box .image-box--absolute.mobile-feature.m-r-50 {
          margin-top: 4616.6645%; }
        .image-box .image-box--absolute.mobile-feature.m-r-51 {
          margin-top: 4699.9978%; }
        .image-box .image-box--absolute.mobile-feature.m-r-52 {
          margin-top: 4783.3311%; }
        .image-box .image-box--absolute.mobile-feature.m-r-53 {
          margin-top: 4866.6644%; }
        .image-box .image-box--absolute.mobile-feature.m-r-54 {
          margin-top: 4949.9977%; }
        .image-box .image-box--absolute.mobile-feature.m-r-55 {
          margin-top: 5099.9976%; }
        .image-box .image-box--absolute.mobile-feature.m-r-56 {
          margin-top: 5183.3309%; }
        .image-box .image-box--absolute.mobile-feature.m-r-57 {
          margin-top: 5266.6642%; }
        .image-box .image-box--absolute.mobile-feature.m-r-58 {
          margin-top: 5349.9975%; }
        .image-box .image-box--absolute.mobile-feature.m-r-59 {
          margin-top: 5433.3308%; }
        .image-box .image-box--absolute.mobile-feature.m-r-60 {
          margin-top: 5516.6641%; }
        .image-box .image-box--absolute.mobile-feature.m-c-1 {
          left: 0%; }
        .image-box .image-box--absolute.mobile-feature.m-c-2 {
          left: 50%; }
        .image-box .image-box--absolute.mobile-feature.m-c-3 {
          left: 100%; }
        .image-box .image-box--absolute.mobile-feature.m-c-4 {
          left: 150%; }
        .image-box .image-box--absolute.mobile-feature.m-c-5 {
          left: 200%; }
        .image-box .image-box--absolute.mobile-feature.m-c-6 {
          left: 250%; }
        .image-box .image-box--absolute.mobile-feature.m-c-7 {
          left: 300%; }
        .image-box .image-box--absolute.mobile-feature.m-c-8 {
          left: 350%; }
        .image-box .image-box--absolute.mobile-feature.m-c-9 {
          left: 400%; }
        .image-box .image-box--absolute.mobile-feature.m-c-10 {
          left: 450%; }
        .image-box .image-box--absolute.mobile-feature.m-c-11 {
          left: 500%; }
        .image-box .image-box--absolute.mobile-feature.m-c-12 {
          left: 550%; }
        .image-box .image-box--absolute.mobile-feature.m-c-13 {
          left: 600%; }
        .image-box .image-box--absolute.mobile-feature.m-c-14 {
          left: 650%; }
        .image-box .image-box--absolute.mobile-feature.m-c-15 {
          left: 700%; }
        .image-box .image-box--absolute.mobile-feature.m-c-16 {
          left: 750%; }
        .image-box .image-box--absolute.mobile-feature.m-c-17 {
          left: 800%; }
        .image-box .image-box--absolute.mobile-feature.m-c-18 {
          left: 850%; }
        .image-box .image-box--absolute.mobile-feature.m-c-19 {
          left: 900%; }
        .image-box .image-box--absolute.mobile-feature.m-c-20 {
          left: 950%; }
        .image-box .image-box--absolute.mobile-feature.m-c-21 {
          left: 1000%; }
        .image-box .image-box--absolute.mobile-feature.m-c-22 {
          left: 1050%; }
        .image-box .image-box--absolute.mobile-feature.m-c-23 {
          left: 1100%; }
        .image-box .image-box--absolute.mobile-feature.m-c-24 {
          left: 1150%; }
        .image-box .image-box--absolute.mobile-feature.m-c-25 {
          left: 1200%; }
        .image-box .image-box--absolute.mobile-feature.m-c-26 {
          left: 1250%; }
        .image-box .image-box--absolute.mobile-feature.m-c-27 {
          left: 1300%; }
        .image-box .image-box--absolute.mobile-feature.m-c-28 {
          left: 1350%; }
        .image-box .image-box--absolute.mobile-feature.m-c-29 {
          left: 1400%; }
        .image-box .image-box--absolute.mobile-feature.m-c-30 {
          left: 1450%; }
        .image-box .image-box--absolute.mobile-feature.m-c-31 {
          left: 1500%; }
        .image-box .image-box--absolute.mobile-feature.m-c-32 {
          left: 1550%; }
        .image-box .image-box--absolute.mobile-feature.m-c-33 {
          left: 1600%; }
        .image-box .image-box--absolute.mobile-feature.m-c-34 {
          left: 1650%; }
        .image-box .image-box--absolute.mobile-feature.m-c-35 {
          left: 1700%; }
        .image-box .image-box--absolute.mobile-feature.m-c-36 {
          left: 1750%; }
        .image-box .image-box--absolute.mobile-feature.m-c-37 {
          left: 1800%; }
        .image-box .image-box--absolute.mobile-feature.m-c-38 {
          left: 1850%; }
        .image-box .image-box--absolute.mobile-feature.m-c-39 {
          left: 1900%; }
        .image-box .image-box--absolute.mobile-feature.m-c-40 {
          left: 1950%; }
        .image-box .image-box--absolute.mobile-feature.m-c-41 {
          left: 2000%; }
        .image-box .image-box--absolute.mobile-feature.m-c-42 {
          left: 2050%; }
        .image-box .image-box--absolute.mobile-feature.m-c-43 {
          left: 2100%; }
        .image-box .image-box--absolute.mobile-feature.m-c-44 {
          left: 2150%; }
        .image-box .image-box--absolute.mobile-feature.m-c-45 {
          left: 2200%; }
        .image-box .image-box--absolute.mobile-feature.m-c-46 {
          left: 2250%; }
        .image-box .image-box--absolute.mobile-feature.m-c-47 {
          left: 2300%; }
        .image-box .image-box--absolute.mobile-feature.m-c-48 {
          left: 2350%; }
        .image-box .image-box--absolute.mobile-feature.m-c-49 {
          left: 2400%; }
        .image-box .image-box--absolute.mobile-feature.m-c-50 {
          left: 2450%; }
        .image-box .image-box--absolute.mobile-feature.m-c-51 {
          left: 2500%; }
        .image-box .image-box--absolute.mobile-feature.m-c-52 {
          left: 2550%; }
        .image-box .image-box--absolute.mobile-feature.m-c-53 {
          left: 2600%; }
        .image-box .image-box--absolute.mobile-feature.m-c-54 {
          left: 2650%; }
        .image-box .image-box--absolute.mobile-feature.m-c-55 {
          left: 2700%; }
        .image-box .image-box--absolute.mobile-feature.m-c-56 {
          left: 2750%; }
        .image-box .image-box--absolute.mobile-feature.m-c-57 {
          left: 2800%; }
        .image-box .image-box--absolute.mobile-feature.m-c-58 {
          left: 2850%; }
        .image-box .image-box--absolute.mobile-feature.m-c-59 {
          left: 2900%; }
        .image-box .image-box--absolute.mobile-feature.m-c-60 {
          left: 2950%; }
        .image-box .image-box--absolute.mobile-feature .image-box--description {
          display: block; }
      .image-box .image-box--absolute.mobile-relative-override {
        position: relative !important;
        margin-top: 0px !important;
        left: 0px !important;
        float: left; } }
  @media (min-width: 1024px) {
    .image-box .image-box--absolute {
      width: 25%;
      padding-top: 25%; }
      .image-box .image-box--absolute.feature {
        position: absolute;
        width: 33.333%;
        padding-top: 33.333%; }
        .image-box .image-box--absolute.feature.r-1 {
          margin-top: 0%; }
        .image-box .image-box--absolute.feature.r-2 {
          margin-top: 58.333%; }
        .image-box .image-box--absolute.feature.r-3 {
          margin-top: 116.666%; }
        .image-box .image-box--absolute.feature.r-4 {
          margin-top: 174.999%; }
        .image-box .image-box--absolute.feature.r-5 {
          margin-top: 283.332%; }
        .image-box .image-box--absolute.feature.r-6 {
          margin-top: 341.665%; }
        .image-box .image-box--absolute.feature.r-7 {
          margin-top: 399.998%; }
        .image-box .image-box--absolute.feature.r-8 {
          margin-top: 458.331%; }
        .image-box .image-box--absolute.feature.r-9 {
          margin-top: 566.664%; }
        .image-box .image-box--absolute.feature.r-10 {
          margin-top: 624.997%; }
        .image-box .image-box--absolute.feature.r-11 {
          margin-top: 683.33%; }
        .image-box .image-box--absolute.feature.r-12 {
          margin-top: 741.663%; }
        .image-box .image-box--absolute.feature.r-13 {
          margin-top: 849.996%; }
        .image-box .image-box--absolute.feature.r-14 {
          margin-top: 908.329%; }
        .image-box .image-box--absolute.feature.r-15 {
          margin-top: 966.662%; }
        .image-box .image-box--absolute.feature.r-16 {
          margin-top: 1024.995%; }
        .image-box .image-box--absolute.feature.r-17 {
          margin-top: 1133.328%; }
        .image-box .image-box--absolute.feature.r-18 {
          margin-top: 1191.661%; }
        .image-box .image-box--absolute.feature.r-19 {
          margin-top: 1249.994%; }
        .image-box .image-box--absolute.feature.r-20 {
          margin-top: 1308.327%; }
        .image-box .image-box--absolute.feature.r-21 {
          margin-top: 1416.66%; }
        .image-box .image-box--absolute.feature.r-22 {
          margin-top: 1474.993%; }
        .image-box .image-box--absolute.feature.r-23 {
          margin-top: 1533.326%; }
        .image-box .image-box--absolute.feature.r-24 {
          margin-top: 1591.659%; }
        .image-box .image-box--absolute.feature.r-25 {
          margin-top: 1699.992%; }
        .image-box .image-box--absolute.feature.r-26 {
          margin-top: 1758.325%; }
        .image-box .image-box--absolute.feature.r-27 {
          margin-top: 1816.658%; }
        .image-box .image-box--absolute.feature.r-28 {
          margin-top: 1874.991%; }
        .image-box .image-box--absolute.feature.r-29 {
          margin-top: 1983.324%; }
        .image-box .image-box--absolute.feature.r-30 {
          margin-top: 2041.657%; }
        .image-box .image-box--absolute.feature.r-31 {
          margin-top: 2099.99%; }
        .image-box .image-box--absolute.feature.r-32 {
          margin-top: 2158.323%; }
        .image-box .image-box--absolute.feature.r-33 {
          margin-top: 2266.656%; }
        .image-box .image-box--absolute.feature.r-34 {
          margin-top: 2324.989%; }
        .image-box .image-box--absolute.feature.r-35 {
          margin-top: 2383.322%; }
        .image-box .image-box--absolute.feature.r-36 {
          margin-top: 2441.655%; }
        .image-box .image-box--absolute.feature.r-37 {
          margin-top: 2549.988%; }
        .image-box .image-box--absolute.feature.r-38 {
          margin-top: 2608.321%; }
        .image-box .image-box--absolute.feature.r-39 {
          margin-top: 2666.654%; }
        .image-box .image-box--absolute.feature.r-40 {
          margin-top: 2724.987%; }
        .image-box .image-box--absolute.feature.r-41 {
          margin-top: 2833.32%; }
        .image-box .image-box--absolute.feature.r-42 {
          margin-top: 2891.653%; }
        .image-box .image-box--absolute.feature.r-43 {
          margin-top: 2949.986%; }
        .image-box .image-box--absolute.feature.r-44 {
          margin-top: 3008.319%; }
        .image-box .image-box--absolute.feature.r-45 {
          margin-top: 3116.652%; }
        .image-box .image-box--absolute.feature.r-46 {
          margin-top: 3174.985%; }
        .image-box .image-box--absolute.feature.r-47 {
          margin-top: 3233.318%; }
        .image-box .image-box--absolute.feature.r-48 {
          margin-top: 3291.651%; }
        .image-box .image-box--absolute.feature.r-49 {
          margin-top: 3399.984%; }
        .image-box .image-box--absolute.feature.r-50 {
          margin-top: 3458.317%; }
        .image-box .image-box--absolute.feature.r-51 {
          margin-top: 3516.65%; }
        .image-box .image-box--absolute.feature.r-52 {
          margin-top: 3574.983%; }
        .image-box .image-box--absolute.feature.r-53 {
          margin-top: 3683.316%; }
        .image-box .image-box--absolute.feature.r-54 {
          margin-top: 3741.649%; }
        .image-box .image-box--absolute.feature.r-55 {
          margin-top: 3799.982%; }
        .image-box .image-box--absolute.feature.r-56 {
          margin-top: 3858.315%; }
        .image-box .image-box--absolute.feature.r-57 {
          margin-top: 3966.648%; }
        .image-box .image-box--absolute.feature.r-58 {
          margin-top: 4024.981%; }
        .image-box .image-box--absolute.feature.r-59 {
          margin-top: 4083.314%; }
        .image-box .image-box--absolute.feature.r-60 {
          margin-top: 4141.647%; }
        .image-box .image-box--absolute.feature.c-1 {
          left: 0%; }
        .image-box .image-box--absolute.feature.c-2 {
          left: 33.33333%; }
        .image-box .image-box--absolute.feature.c-3 {
          left: 66.66667%; }
        .image-box .image-box--absolute.feature.c-4 {
          left: 100%; }
        .image-box .image-box--absolute.feature.c-5 {
          left: 133.33333%; }
        .image-box .image-box--absolute.feature.c-6 {
          left: 166.66667%; }
        .image-box .image-box--absolute.feature.c-7 {
          left: 200%; }
        .image-box .image-box--absolute.feature.c-8 {
          left: 233.33333%; }
        .image-box .image-box--absolute.feature.c-9 {
          left: 266.66667%; }
        .image-box .image-box--absolute.feature.c-10 {
          left: 300%; }
        .image-box .image-box--absolute.feature.c-11 {
          left: 333.33333%; }
        .image-box .image-box--absolute.feature.c-12 {
          left: 366.66667%; }
        .image-box .image-box--absolute.feature.c-13 {
          left: 400%; }
        .image-box .image-box--absolute.feature.c-14 {
          left: 433.33333%; }
        .image-box .image-box--absolute.feature.c-15 {
          left: 466.66667%; }
        .image-box .image-box--absolute.feature.c-16 {
          left: 500%; }
        .image-box .image-box--absolute.feature.c-17 {
          left: 533.33333%; }
        .image-box .image-box--absolute.feature.c-18 {
          left: 566.66667%; }
        .image-box .image-box--absolute.feature.c-19 {
          left: 600%; }
        .image-box .image-box--absolute.feature.c-20 {
          left: 633.33333%; }
        .image-box .image-box--absolute.feature.c-21 {
          left: 666.66667%; }
        .image-box .image-box--absolute.feature.c-22 {
          left: 700%; }
        .image-box .image-box--absolute.feature.c-23 {
          left: 733.33333%; }
        .image-box .image-box--absolute.feature.c-24 {
          left: 766.66667%; }
        .image-box .image-box--absolute.feature.c-25 {
          left: 800%; }
        .image-box .image-box--absolute.feature.c-26 {
          left: 833.33333%; }
        .image-box .image-box--absolute.feature.c-27 {
          left: 866.66667%; }
        .image-box .image-box--absolute.feature.c-28 {
          left: 900%; }
        .image-box .image-box--absolute.feature.c-29 {
          left: 933.33333%; }
        .image-box .image-box--absolute.feature.c-30 {
          left: 966.66667%; }
        .image-box .image-box--absolute.feature.c-31 {
          left: 1000%; }
        .image-box .image-box--absolute.feature.c-32 {
          left: 1033.33333%; }
        .image-box .image-box--absolute.feature.c-33 {
          left: 1066.66667%; }
        .image-box .image-box--absolute.feature.c-34 {
          left: 1100%; }
        .image-box .image-box--absolute.feature.c-35 {
          left: 1133.33333%; }
        .image-box .image-box--absolute.feature.c-36 {
          left: 1166.66667%; }
        .image-box .image-box--absolute.feature.c-37 {
          left: 1200%; }
        .image-box .image-box--absolute.feature.c-38 {
          left: 1233.33333%; }
        .image-box .image-box--absolute.feature.c-39 {
          left: 1266.66667%; }
        .image-box .image-box--absolute.feature.c-40 {
          left: 1300%; }
        .image-box .image-box--absolute.feature.c-41 {
          left: 1333.33333%; }
        .image-box .image-box--absolute.feature.c-42 {
          left: 1366.66667%; }
        .image-box .image-box--absolute.feature.c-43 {
          left: 1400%; }
        .image-box .image-box--absolute.feature.c-44 {
          left: 1433.33333%; }
        .image-box .image-box--absolute.feature.c-45 {
          left: 1466.66667%; }
        .image-box .image-box--absolute.feature.c-46 {
          left: 1500%; }
        .image-box .image-box--absolute.feature.c-47 {
          left: 1533.33333%; }
        .image-box .image-box--absolute.feature.c-48 {
          left: 1566.66667%; }
        .image-box .image-box--absolute.feature.c-49 {
          left: 1600%; }
        .image-box .image-box--absolute.feature.c-50 {
          left: 1633.33333%; }
        .image-box .image-box--absolute.feature.c-51 {
          left: 1666.66667%; }
        .image-box .image-box--absolute.feature.c-52 {
          left: 1700%; }
        .image-box .image-box--absolute.feature.c-53 {
          left: 1733.33333%; }
        .image-box .image-box--absolute.feature.c-54 {
          left: 1766.66667%; }
        .image-box .image-box--absolute.feature.c-55 {
          left: 1800%; }
        .image-box .image-box--absolute.feature.c-56 {
          left: 1833.33333%; }
        .image-box .image-box--absolute.feature.c-57 {
          left: 1866.66667%; }
        .image-box .image-box--absolute.feature.c-58 {
          left: 1900%; }
        .image-box .image-box--absolute.feature.c-59 {
          left: 1933.33333%; }
        .image-box .image-box--absolute.feature.c-60 {
          left: 1966.66667%; }
        .image-box .image-box--absolute.feature .image-box--description {
          display: block; }
      .image-box .image-box--absolute.relative-override {
        position: relative !important;
        margin-top: 0px !important;
        left: 0px !important;
        float: left; } }
.image-box .image-box--description {
  position: relative;
  height: 66px;
  margin: -10px 0 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-align: left; }
  .image-box .image-box--description .image-box--description-icon {
    display: block;
    position: absolute;
    color: #a89660;
    right: 22px;
    left: auto;
    top: 25px;
    font-size: 1.2em; }
  .image-box .image-box--description p {
    display: inline-block;
    margin: 0;
    padding: 0 15px;
    font-size: 1.1em;
    text-transform: uppercase;
    line-height: 1.1;
    color: #a89660;
    white-space: pre; }
    .lt-ie9 .image-box .image-box--description p {
      line-height: 10px; }
  .image-box .image-box--description.hide-linebreak p {
    white-space: normal; }
  @media (min-width: 500px) {
    .image-box .image-box--description {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -0.5px;
      margin: 0;
      background: #000;
      background-color: rgba(30, 30, 30, 0.8);
      display: none; } }

.article {
  padding-bottom: 80px; }

.article-spacing {
  margin: 6em 0; }

.article-header, .article-text--bodycopy, .article-text--modulecopy, .article-social--info {
  max-width: 550px;
  margin: 0 auto;
  padding: 0 14px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.article-banner.hidden .article-banner--image, .article-banner.hidden .article-banner--image-social {
  opacity: 0;
  visibility: hidden; }
.article-banner .article-banner--image, .article-banner .article-banner--image-social {
  position: relative;
  width: 100%;
  z-index: 200;
  -webkit-transition: opacity 500ms linear, visibility 0ms linear 500ms;
  transition: opacity 500ms linear, visibility 0ms linear 500ms; }
  .article-banner .article-banner--image img, .article-banner .article-banner--image-social img {
    width: 100%;
    height: 100%; }
  .article-banner .article-banner--image.article-banner--type-video, .article-banner .article-banner--image-social.article-banner--type-video {
    cursor: pointer; }
.article-banner .article-banner--type-image, .article-banner .article-banner--type-video {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-size: 100% 100%;
  z-index: 200; }
.article-type-partner .article-banner {
  padding-bottom: 2em; }
  .article-type-partner .article-banner img {
    position: absolute; }
.article-type-social .article-banner {
  padding: 8px 0;
  text-align: center;
  background-color: #1a1a1a;
  line-height: 0; }
  .article-type-social .article-banner img {
    max-width: 550px;
    opacity: 1;
    visibility: visible; }

.article-banner--play-icon {
  position: absolute;
  width: 46px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin-left: -23px;
  margin-top: -20px;
  color: #a89660;
  z-index: 205;
  background-color: #000;
  line-height: 40px;
  text-align: center;
  font-size: 1.2em;
  border-radius: 2px;
  -webkit-transition: opacity 500ms linear, visibility 0ms linear 500ms;
  transition: opacity 500ms linear, visibility 0ms linear 500ms;
  cursor: pointer; }
  .hidden .article-banner--play-icon {
    opacity: 0;
    visibility: hidden; }

.article-banner--container {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden; }
  @media (min-width: 550px) {
    .article-banner--container {
      padding-bottom: 45.1%; } }
  .article-banner .article-banner--container .visible img {
    display: block !important; }

.article-banner--container-social {
  position: relative;
  max-width: 550px;
  margin: 0 auto; }

.article-banner--vimeo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000; }
  .article-banner--vimeo .article-banner--video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000;
    -webkit-transition: opacity 350ms linear;
    transition: opacity 350ms linear;
    zoom: 1; }
    .article-banner--vimeo .article-banner--video video {
      width: 100%;
      height: 100%; }
    .play-video .article-banner--vimeo .article-banner--video {
      opacity: 1;
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level {
  background: #a89660; }

.vjs-big-play-button {
  display: none !important;
  visibility: hidden; }

.vjs-time-controls {
  width: auto !important; }
  @media (min-width: 500px) {
    .vjs-time-controls {
      width: 3em !important; } }

.vjs-live-controls {
  display: none !important; }

.vjs-mute-control {
  width: 3em !important; }
  @media (min-width: 500px) {
    .vjs-mute-control {
      width: 4em !important; } }

.article-partner {
  position: relative;
  max-width: 190px;
  padding: 3em 1em;
  margin: 0 auto;
  text-align: center; }
  .article-social .article-partner {
    display: none; }
  .article-partner img {
    margin-top: 10px; }
    .article-partner img.article-partner--broadsheet {
      width: 100%; }
    .article-partner img.article-partner--fairfax {
      width: 60%; }
    .article-partner img.article-partner--vice {
      width: 75%; }
  @media (min-width: 1024px) {
    .article-partner {
      position: absolute;
      left: 0; } }

.article-partner--intro {
  font-size: 0.9em;
  color: #a89660; }

.article-content {
  position: relative;
  margin: 0 12px; }
  @media (min-width: 1024px) {
    .article-content {
      margin: 0; } }

.article-content--position {
  position: relative;
  max-width: 896px;
  margin: 0 auto; }

.article-diamond {
  margin: 1.8em auto; }

/* Module - Article / Social Header */
.article-header--heading {
  font-size: 2.8em;
  font-weight: 300;
  line-height: 1.2;
  margin: 1em 0;
  text-transform: none; }

.article-header--subheading {
  font-size: 0.9em;
  font-weight: 500;
  line-height: 1.4;
  color: #eee; }
  .article-header--subheading .article-header--date {
    color: #a89660;
    text-transform: capitalize; }

.article-header--title {
  margin: 5em 0 0.6em;
  font-weight: 300;
  color: #a89660; }

.article-header--comment {
  margin-bottom: 2em;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.5;
  color: #fff; }

/* Module - Article Content */
.article-text {
  min-height: 130px;
  position: relative; }

.article-nav {
  display: none; }
  @media (min-width: 1024px) {
    .article-nav {
      display: block; } }
  .article-nav .article-nav--box {
    position: absolute;
    width: 40px;
    height: 68px;
    top: 200px;
    background-color: #2d2d2d;
    color: #a89660;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    z-index: 99;
    -webkit-transition: width 500ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: width 500ms cubic-bezier(0.77, 0, 0.175, 1); }
    .article-nav .article-nav--box:hover {
      width: 250px; }
    .article-nav .article-nav--box .article-nav--image {
      height: 100%; }
    .article-nav .article-nav--box.article-nav--arrow-prev {
      left: 0; }
      .article-nav .article-nav--box.article-nav--arrow-prev .article-nav--arrow {
        float: left; }
      .article-nav .article-nav--box.article-nav--arrow-prev .article-nav--container {
        left: 0; }
      .article-nav .article-nav--box.article-nav--arrow-prev .article-nav--image {
        float: right; }
      .article-nav .article-nav--box.article-nav--arrow-prev .article-nav--arrow-description {
        float: right;
        padding-right: 3%; }
    .article-nav .article-nav--box.article-nav--arrow-next {
      right: 0; }
      .article-nav .article-nav--box.article-nav--arrow-next .article-nav--arrow {
        float: right; }
      .article-nav .article-nav--box.article-nav--arrow-next .article-nav--container {
        right: 0; }
      .article-nav .article-nav--box.article-nav--arrow-next .article-nav--image {
        float: left; }
      .article-nav .article-nav--box.article-nav--arrow-next .article-nav--arrow-description {
        float: left;
        padding-left: 3%; }
  .article-nav .article-nav--container {
    position: absolute;
    width: 250px;
    height: 100%; }
  .article-nav .article-nav--arrow {
    width: 40px;
    height: 100%;
    font-size: 2.4em;
    line-height: 68px; }
  .article-nav .article-nav--arrow-description {
    display: table-cell;
    width: 52%;
    height: 100%;
    font-size: 0.9em;
    vertical-align: middle;
    text-transform: uppercase; }

.article-text--bodycopy, .article-text--modulecopy {
  padding-bottom: 20px; }
  .article-text--bodycopy p, .article-text--modulecopy p {
    line-height: 1.5;
    color: #eee; }
    .article-text--bodycopy p span, .article-text--modulecopy p span {
      font-size: 1.15em;
      color: #eee !important; }

.article-text--bodycopy p:first-child {
  text-transform: uppercase; }

.article-text--intro {
  font-size: 1.2em;
  text-transform: uppercase; }

.article-text-bodycopy {
  position: relative; }

.article-module, .article-links {
  margin: 4.5em 0; }

/* Module - Social Media Info */
.article-social--username, .article-social--tags, .article-social--likes {
  color: #fff;
  padding-left: 48px; }

.article-social--info {
  margin-top: 80px; }
  .article-social--info .article-social--icon {
    font-size: 2.4em;
    color: #a89660;
    float: left; }
    .article-social--info .article-social--icon.icon-heart {
      padding-top: 2px; }

.article-social--user {
  overflow: visible;
  margin: 28px 0; }

.article-social--username {
  padding-top: 8px;
  font-size: 1.2em; }

.article-social--tags {
  padding-top: 6px; }

.article-social--likes {
  font-size: 0.9em; }

.article-social--likes-total {
  padding-bottom: 4px; }

.article-social--link {
  display: inline-block;
  padding: 2px;
  margin-right: 0.4em;
  margin-bottom: 0.4em;
  background-color: #2d2d2d;
  font-weight: 300; }

/* Module - Sharing */
.article-share {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 0 auto 3em;
  padding: 0;
  list-style: none;
  border-top: 1px solid #444; }
  .article-share li {
    font-size: 0.8em;
    text-transform: uppercase;
    border-bottom: 1px solid #444; }
  .article-share a {
    padding: 1.4em;
    display: block;
    text-decoration: none;
    color: #ddd; }
    .article-share a .share-text {
      opacity: 0.45;
      -webkit-transition: opacity 200ms linear;
      transition: opacity 200ms linear; }
    .article-share a:hover .share-text {
      opacity: 1; }
  .article-share [class^="icon-"], .article-share [class*=" icon-"] {
    display: inline-block;
    width: 30px;
    color: #a89660;
    font-size: 1.6em;
    text-align: center;
    vertical-align: text-bottom; }
    .article-share [class^="icon-"].icon-email, .article-share [class*=" icon-"].icon-email {
      font-size: 1.4em; }
  @media (min-width: 874px) {
    .article-share {
      position: absolute;
      width: 120px;
      top: 3em;
      right: 0; } }

/* Module - Links */
.article-links {
  padding: 20px 0 10px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  overflow: hidden; }

.article-links--header {
  margin-bottom: 1.5em;
  color: #a89660; }

.article-links--container {
  position: relative;
  margin-right: -24px; }

.article-links--content {
  position: relative;
  width: 100%;
  padding-right: 24px;
  margin-bottom: 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  text-align: left; }
  .article-links--content:hover .article-links-image--overlay:after {
    background: transparent;
    -webkit-transition: background 0.3s;
    transition: background 0.3s; }
  .article-links--content p {
    color: #ddd;
    font-size: 0.95em;
    font-weight: 300;
    margin: 0; }
  .article-links--content img {
    width: 100%; }
  .article-links--content a {
    text-decoration: none; }
  @media (min-width: 350px) {
    .article-links--content {
      width: 50%;
      margin-bottom: 30px; } }
  @media (min-width: 500px) {
    .article-links--content {
      width: 33.333%;
      margin-bottom: 20px; }
      .article-links--group + .article-links--group .article-links--content + .article-links--content {
        display: none; } }
  @media (min-width: 750px) {
    .article-links--content {
      width: 25%; }
      .article-links--group + .article-links--group .article-links--content + .article-links--content {
        display: block; } }

@media (min-width: 350px) {
  .article-links--group {
    overflow: auto; } }
@media (min-width: 500px) {
  .article-links--group {
    overflow: inherit; } }

.article-links--heading {
  margin: 1.5em 0;
  font-size: 1.1em;
  text-align: left;
  text-transform: capitalize;
  color: #a89660; }

.article-links-image--overlay {
  overflow: hidden;
  position: relative; }
  .article-links-image--overlay:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: background 0.3s;
    transition: background 0.3s; }

.feature-banner .feature-banner--background {
  position: relative;
  background-size: cover;
  background-position: center center;
  overflow: auto; }
  .feature-banner .feature-banner--background.banner-1 {
    background-image: url("../../../apps/hub/assets/images/banners/banner-1.jpg"); }
  .feature-banner .feature-banner--background.banner-2 {
    background-image: url("../../../apps/hub/assets/images/banners/banner-2.jpg"); }
  .feature-banner .feature-banner--background.banner-3 {
    background-image: url("../../../apps/hub/assets/images/banners/banner-3.jpg"); }
  .feature-banner .feature-banner--background.banner-4 {
    background-image: url("../../../apps/hub/assets/images/banners/banner-4.jpg"); }
.feature-banner .feature-banner--content {
  position: relative;
  margin: 30px 10%;
  padding: 56px 0;
  background: #000;
  background-color: rgba(0, 0, 0, 0.85);
  border: 6px solid #fff;
  text-align: center;
  font-size: 90%; }
  @media (min-width: 500px) {
    .feature-banner .feature-banner--content {
      margin: 60px 10%;
      font-size: 100%; } }
  .feature-banner .feature-banner--content .btn-inline {
    width: auto;
    margin-top: 12px;
    padding-right: 1rem;
    padding-left: 1rem; }
.feature-banner .feature-banner--heading {
  padding: 0 22px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  line-height: 1;
  letter-spacing: 3px;
  color: #a89660; }
.feature-banner .feature-banner--paragraph {
  font-family: museo-sans, sans-serif;
  width: 86%;
  max-width: 1000px;
  margin: 12px auto 0px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  letter-spacing: 3px; }
  @media (min-width: 500px) {
    .feature-banner .feature-banner--paragraph {
      width: 80%; } }

.content-container .container {
  margin-top: 10px;
  overflow: auto; }

.search-banner {
  padding: 38px 0;
  text-align: center;
  letter-spacing: 0.1em;
  background-color: #1c1c1c; }

.search-banner--heading {
  margin: 0.2em;
  font-size: 1.6em; }

.search-banner--query {
  margin: 0;
  font-size: 2.1em;
  letter-spacing: 0.15em;
  color: #fff; }

.search-banner--results {
  padding-top: 24px;
  font-size: 1.1em;
  color: #999; }
  .search-banner--results .search-banner--results-heading {
    text-transform: uppercase;
    color: #a89660; }
  .search-banner--results p {
    margin: 0; }

/* Module - Google Maps */
.module-address {
  position: relative;
  overflow: auto; }

.module-address--googlemaps {
  position: relative !important;
  min-height: 240px; }
  @media (min-width: 500px) {
    .module-address--googlemaps {
      position: absolute !important;
      top: 0;
      bottom: 0;
      left: 0;
      right: 300px; } }

.module-address--description {
  width: 100%;
  padding: 3.6em 0 4.2em;
  max-height: 400px;
  float: right;
  background-color: #2d2d2d; }
  .module-address--description .module-address--heading {
    margin-bottom: 3em; }
  @media (min-width: 500px) {
    .module-address--description {
      width: 300px; } }

.module-address--row {
  padding-bottom: 1.7em; }

.module-address--label {
  width: 70px;
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: right;
  color: #a89660;
  float: left; }

.module-address--content {
  padding-left: 14px;
  font-size: 0.94em;
  line-height: 1.3;
  font-weight: 300;
  color: #eee;
  overflow: auto; }

.googlemaps-display {
  background-color: #1f1f1f !important; }

a[href^="http://maps.google.com/maps"] {
  display: none !important; }

.gmnoprint a, .gmnoprint span {
  display: none; }

.gmnoprint div {
  background: none !important; }

/* Module - Image */
.module-images {
  padding: 0; }
  .module-images img {
    width: 100%; }

.rn-carousel-container span.rn-carousel-control {
  display: block;
  width: 60px;
  height: 100%;
  top: 0;
  margin: 0;
  color: #a89660;
  vertical-align: middle;
  padding: 0 4px;
  border-radius: 5px;
  opacity: 1;
  font-size: 70%; }
  .rn-carousel-container span.rn-carousel-control:before {
    font-family: icomoon;
    font-size: 4em;
    position: absolute;
    top: 50%;
    margin-top: -20px; }
  .rn-carousel-container span.rn-carousel-control.rn-carousel-control-next {
    right: 0; }
    .rn-carousel-container span.rn-carousel-control.rn-carousel-control-next:before {
      content: "\e006";
      right: 0; }
  .rn-carousel-container span.rn-carousel-control.rn-carousel-control-prev {
    left: 0; }
    .rn-carousel-container span.rn-carousel-control.rn-carousel-control-prev:before {
      content: "\e007";
      left: 0; }
  @media (min-width: 750px) {
    .rn-carousel-container span.rn-carousel-control {
      font-size: 100%; } }

.module-table--container {
  max-width: 400px;
  margin: 0 auto; }

.module-table--heading {
  width: 35%;
  padding: 7px 10px;
  text-align: right;
  color: #a89660; }

.module-table--content {
  width: 65%;
  padding: 7px 10px;
  color: #fff; }

.newsletter-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #333;
  background-color: rgba(40, 40, 40, 0.7);
  z-index: 999;
  font-size: 86%;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 300ms linear, visibility 0ms 300ms;
  transition: opacity 300ms linear, visibility 0ms 300ms; }
  .newsletter-overlay.hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms linear, visibility 0ms 300ms;
    transition: opacity 300ms linear, visibility 0ms 300ms; }
  @media screen and (min-width: 500px) and (min-height: 500px) {
    .newsletter-overlay {
      font-size: 100%; } }
  @media (min-width: 750px) {
    .newsletter-overlay {
      font-size: 100%; } }

.newsletter-overlay--circle {
  position: absolute;
  width: 390px;
  height: 390px;
  margin: 0 2.5%;
  top: 50%;
  left: 50%;
  margin-top: -215px;
  margin-left: -195px;
  border-radius: 500px;
  background-color: #000; }
  @media (min-width: 500px) and (min-height: 500px) {
    .newsletter-overlay--circle {
      width: 480px;
      height: 480px;
      margin-top: -263px;
      margin-left: -240px; } }

.newsletter-overlay--content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10%;
  text-align: center; }

.newsletter-overlay--heading {
  margin-bottom: 10px;
  font-size: 1.43em;
  color: #a89660;
  letter-spacing: 0.15em; }

.newsletter-overlay--center {
  width: 100%;
  max-width: 220px;
  margin: 0 auto; }
  @media (min-width: 500px) and (min-height: 500px) {
    .newsletter-overlay--center {
      max-width: 250px; } }

.newsletter-overlay--description {
  font-size: 0.9em;
  color: #a89660;
  display: none; }
  @media (min-width: 500px) and (min-height: 500px) {
    .newsletter-overlay--description {
      display: block; } }

.newsletter-overlay--terms {
  font-size: 11px;
  text-align: center;
  color: #555; }

.newsletter-overlay--close {
  top: 60px;
  right: 80px;
  position: absolute;
  display: block;
  left: auto; }

.global-menu--button {
  position: fixed;
  top: -2px;
  left: 5px;
  z-index: 210; }

.global-menu--dropdown {
  position: fixed;
  width: 100%;
  height: 330px;
  top: -330px;
  left: 0px;
  background-color: #1f1f1f;
  z-index: 215;
  visibility: hidden;
  -webkit-transition: top 350ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0ms linear 350ms;
  transition: top 350ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0ms linear 350ms; }
  .global-menu--dropdown.open {
    top: 0px;
    visibility: visible;
    -webkit-transition: top 350ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0ms linear 0ms;
    transition: top 350ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0ms linear 0ms; }

.global-menu--submenu {
  width: 100%;
  height: 50px;
  background-color: #000; }

.global-menu--close {
  position: absolute;
  width: 26px;
  height: 26px;
  padding: 16px;
  top: 2px;
  left: 10px; }
  .global-menu--close .global-menu--cross {
    position: absolute;
    width: 50%;
    color: #888;
    font-size: 1.4em;
    line-height: 26px;
    text-align: center;
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .global-menu--close:hover {
    cursor: pointer; }
    .global-menu--close:hover .global-menu--cross {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }

.global-menu--nav-icons {
  width: 100%;
  text-align: center;
  font-size: 2.5em; }

.global-menu--content {
  padding-top: 48px; }
  .global-menu--content > div {
    display: none; }
    .global-menu--content > div.selected {
      display: block; }

.global-menu--search {
  width: 320px;
  margin: 0 auto;
  padding: 0 24px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.global-menu--news {
  width: 320px;
  margin: 0 auto;
  padding: 0 24px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.global-menu--selectbox.wrap-dd-select {
  width: 100%;
  min-height: 39px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #2d2d2d;
  border-radius: 1px;
  border: 0px;
  color: #a89660;
  font-size: 0.9em;
  margin-bottom: 4px; }
  .global-menu--selectbox.wrap-dd-select .dropdown {
    background-color: #2d2d2d;
    color: #a89660;
    border: 0px;
    box-shadow: none; }
    .global-menu--selectbox.wrap-dd-select .dropdown .dropdown-item {
      border-radius: 0px;
      border: 0;
      box-shadow: none;
      color: #a89660; }
      .global-menu--selectbox.wrap-dd-select .dropdown .dropdown-item:hover {
        background-color: #474747; }
    .global-menu--selectbox.wrap-dd-select .dropdown:before, .global-menu--selectbox.wrap-dd-select .dropdown:after {
      border-bottom-color: #2d2d2d; }
  .global-menu--selectbox.wrap-dd-select:after {
    border-top-color: #a89660; }

.close-button {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0;
  z-index: -999;
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear; }
  .close-button.display {
    opacity: 1;
    z-index: 999; }

/* variables */
/* general */
.rn-carousel-container {
  overflow: hidden;
  position: relative;
  -ms-touch-action: none;
  touch-action: none; }

.rn-carousel-slides {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  white-space: nowrap;
  overflow: visible;
  padding: 0;
  margin: 0; }

/* IE 9 */
:root .rn-carousel-slides {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  white-space: nowrap;
  overflow: visible;
  padding: 0;
  margin: 0; }

.rn-carousel-slide {
  white-space: normal;
  vertical-align: top;
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/* indicators */
.rn-carousel-indicator {
  width: 100%;
  text-align: center;
  height: 20px;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
  position: relative;
  bottom: 0;
  cursor: pointer; }

.rn-carousel-indicator span {
  -webkit-transition: color .2s ease-out;
  transition: color .2s ease-out;
  padding: 0 5px;
  color: #333; }

.rn-carousel-indicator span:before {
  content: "\25cf"; }

.rn-carousel-indicator span.ng-leave {
  -webkit-transition: none !important;
  transition: none !important; }

.rn-carousel-indicator .active {
  color: white; }

/* controls */
.rn-carousel-control {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  font-size: 30px;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  opacity: 0.75;
  cursor: pointer; }

.rn-carousel-control:hover {
  opacity: 1; }

.rn-carousel-control.rn-carousel-control-prev {
  left: 0.5em; }

.rn-carousel-control.rn-carousel-control-prev:before {
  content: "<"; }

.rn-carousel-control.rn-carousel-control-next {
  right: 0.5em; }

.rn-carousel-control.rn-carousel-control-next:before {
  content: ">"; }

/****** dropdown-select *******/
.wrap-dd-select {
  /* Size and position */
  position: relative;
  width: 200px;
  margin: 0 auto;
  padding: 10px;
  /* Styles */
  background: #fff;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  cursor: pointer;
  outline: none;
  /* Font settings */
  font-weight: bold;
  color: #8AA8BD; }

.wrap-dd-select:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #8aa8bd transparent; }

.wrap-dd-select .dropdown {
  /* Size & position */
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  /* Styles */
  background: white;
  padding: 0;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  list-style: none;
  /* Hiding */
  opacity: 0;
  pointer-events: none; }

.wrap-dd-select .dropdown li.divider {
  padding: 2px 0;
  background: #e6e8ea; }

.wrap-dd-select .dropdown li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #8aa8bd;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 white;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.wrap-dd-select .dropdown li i {
  float: right;
  color: inherit; }

.wrap-dd-select .dropdown li:first-of-type a {
  border-radius: 7px 7px 0 0; }

.wrap-dd-select .dropdown li:last-of-type a {
  border-radius: 0 0 7px 7px;
  border: none; }

/* Hover state */
.wrap-dd-select .dropdown li:hover a {
  background: #f3f8f8; }

.wrap-dd-select .dropdown:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 15px;
  border-width: 0 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent; }

.wrap-dd-select .dropdown:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 13px;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1) transparent; }

.wrap-dd-select.active .dropdown {
  opacity: 1;
  pointer-events: auto; }

/****** dropdown-menu *******/
.wrap-dd-menu {
  /* Size and position */
  position: relative;
  width: 200px;
  margin: 0 auto;
  padding: 10px; }

.wrap-dd-menu .dropdown {
  /* Size & position */
  position: absolute;
  z-index: 1;
  top: 70%;
  left: 0;
  right: 0;
  /* Styles */
  background: white;
  padding: 0;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  list-style: none;
  /* Hiding */
  opacity: 0;
  pointer-events: none; }

.wrap-dd-menu .dropdown li.divider {
  padding: 2px 0;
  background: #e6e8ea; }

.wrap-dd-menu .dropdown li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #8aa8bd;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 white;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.wrap-dd-menu .dropdown li i {
  float: right;
  color: inherit; }

.wrap-dd-menu .dropdown li:first-of-type a {
  border-radius: 7px 7px 0 0; }

.wrap-dd-menu .dropdown li:last-of-type a {
  border-radius: 0 0 7px 7px;
  border: none; }

/* Hover state */
.wrap-dd-menu .dropdown li:hover a {
  background: #f3f8f8; }

.wrap-dd-menu .dropdown:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  border-width: 0 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent; }

.wrap-dd-menu .dropdown:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 95px;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1) transparent; }

.wrap-dd-menu .dropdown.active {
  opacity: 1;
  pointer-events: auto; }

/*# sourceMappingURL=styles.css.map */