﻿/*=================*/
/*----FONT ----*/
/*=================*/
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=fbcb6f69-1e9a-404b-b300-7d3383b41cc8&fontids=1475496,1475502,1475508,1475514,1475520,1475526,1475532,1475538,1475544,1475550,1475556,1475562");
@font-face {
  font-family: "Avenir LT W01_35 Light";
  src: url("../../Fonts/Webfonts/1475496/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"), url("../../Fonts/Webfonts/1475496/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"); }

@font-face {
  font-family: "Avenir LT W01_35 Light Ob";
  src: url("../../Fonts/Webfonts/1475502/a59168c1-917d-4de9-a244-0316c057c357.woff2") format("woff2"), url("../../Fonts/Webfonts/1475502/6dc0e7d8-9284-44e1-8f05-984a41daa3a4.woff") format("woff"); }

@font-face {
  font-family: "Avenir LT W01_45 Book";
  src: url("../../Fonts/Webfonts/1475508/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"), url("../../Fonts/Webfonts/1475508/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"); }

@font-face {
  font-family: "Avenir LT W01_45 Book Ob";
  src: url("../../Fonts/Webfonts/1475514/476612d9-282d-4f76-95cd-b4dd31e7ed21.woff2") format("woff2"), url("../../Fonts/Webfonts/1475514/f1ebae2b-5296-4244-8771-5f40e60a564a.woff") format("woff"); }

@font-face {
  font-family: "Avenir LT W01_55 Roman";
  src: url("../../Fonts/Webfonts/1475520/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"), url("../../Fonts/Webfonts/1475520/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff"); }

@font-face {
  font-family: "Avenir LT W01_55 Roman Ob";
  src: url("../../Fonts/Webfonts/1475526/1a7173fa-062b-49ad-9915-bc57d3bfc1f5.woff2") format("woff2"), url("../../Fonts/Webfonts/1475526/cdda031e-26e9-4269-83d1-5a218caa10db.woff") format("woff"); }

@font-face {
  font-family: "Avenir LT W01_65 Medium";
  src: url("../../Fonts/Webfonts/1475532/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"), url("../../Fonts/Webfonts/1475532/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff"); }

@font-face {
  font-family: "Avenir LT W01_65 Medium Ob";
  src: url("../../Fonts/Webfonts/1475538/deb5e718-7abb-4df3-9365-edfa95317090.woff2") format("woff2"), url("../../Fonts/Webfonts/1475538/04801919-17ee-4c6b-8b17-eb1965cb3ed6.woff") format("woff"); }

@font-face {
  font-family: "Avenir LT W01_85 Heavy";
  src: url("../../Fonts/Webfonts/1475544/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"), url("../../Fonts/Webfonts/1475544/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"); }

@font-face {
  font-family: "Avenir LT W01_85 Heavy Ob";
  src: url("../../Fonts/Webfonts/1475550/3c210c80-960f-4684-850b-25390b4d08af.woff2") format("woff2"), url("../../Fonts/Webfonts/1475550/cb5c71ad-e582-4d00-929c-67fbfaeb1c27.woff") format("woff"); }

@font-face {
  font-family: "Avenir LT W01_95 Black";
  src: url("../../Fonts/Webfonts/1475556/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"), url("../../Fonts/Webfonts/1475556/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff"); }

@font-face {
  font-family: "Avenir LT W01_95 Black Ob";
  src: url("../../Fonts/Webfonts/1475562/a2477e08-09d9-4d4b-97a9-23a1e22cb44c.woff2") format("woff2"), url("../../Fonts/Webfonts/1475562/19d12bba-92b1-43ad-9bab-cd36a4195c2a.woff") format("woff"); }

/*=================*/
/*----ICONS ----*/
/*=================*/
@font-face {
  font-family: 'icomoon';
  src: url("../../Fonts/icomoon.eot?q2gmg8");
  src: url("../../Fonts/icomoon.eot?q2gmg8#iefix") format("embedded-opentype"), url("../../Fonts/icomoon.ttf?q2gmg8") format("truetype"), url("../../Fonts/icomoon.woff?q2gmg8") format("woff"), url("../../Fonts/icomoon.svg?q2gmg8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.black {
  color: #000000; }

.white {
  color: #fff; }

.grey {
  color: #6c6c6c; }

.light-grey {
  color: #d6d6d6; }

.gold {
  color: #b39A4c; }

.blue {
  color: #0b2d72; }

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

.bg-gold {
  background-color: #b39A4c; }

.bg-gold20 {
  background-color: #eae3d0; }

.bg-red {
  background-color: #da1a32; }

.bg-blue {
  background-color: #0b2d72; }

.bg-tab-grey {
  background-color: #9d9d9d; }

.bg-trans {
  transition: background-color 0.25s; }

.warning {
  color: #da1a32; }

.success {
  color: #b39A4c; }

.vt-space-30 {
  margin-top: 30px; }

.vt-space-20 {
  margin-top: 20px; }

.vt-space-10 {
  margin-top: 10px; }

.vb-space-20 {
  margin-bottom: 20px; }

.vb-space-30 {
  margin-bottom: 30px; }

.vb-space-20pc {
  margin-bottom: 20%; }

.triangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #b39A4c;
  justify-self: center; }

.hide {
  display: none; }

@media (min-width: 769px) {
  .mobile-only {
    display: none !important; } }

@media (max-width: 768px) {
  .desktop-only {
    display: none !important; } }

.section-title {
  text-align: center;
  padding-top: 45px; }

.gold-border-top .section-title {
  padding-top: 0; }
  .gold-border-top .section-title > p, .gold-border-top .section-title > h2, .gold-border-top .section-title > h3 {
    padding-top: 0;
    margin-top: 0; }

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

a.no-line {
  text-decoration: none; }

.block {
  display: block; }

.display-grid {
  display: grid; }

.grid-center {
  justify-self: center; }

.pointer {
  cursor: pointer; }

/*font weights*/
.weight-black {
  font-family: "Avenir LT W01_95 Black"; }

.weight-medium {
  font-family: "Avenir LT W01_65 Medium"; }

/*=================*/
/*----DEFAULTS ----*/
/*=================*/
html {
  font-size: 62.5%; }

body {
  font-family: "Avenir LT W01_65 Medium", Arial, sans-serif;
  color: #6c6c6c; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  /*Prevents browser overrides on title font weight*/ }

h1 {
  color: #fff; }

h1, h2.heading1-style {
  font-family: "Avenir LT W01_95 Black";
  font-size: 3.2rem;
  text-transform: uppercase;
  letter-spacing: 6px; }
  @media (min-width: 769px) {
    h1, h2.heading1-style {
      font-size: 4.4rem; } }

h2 {
  font-size: 2rem;
  font-family: "Avenir LT W01_95 Black";
  text-transform: uppercase;
  letter-spacing: 4px; }
  @media (min-width: 769px) {
    h2 {
      font-size: 2.5rem; } }

h3 {
  font-size: 2rem; }
  @media (min-width: 769px) {
    h3 {
      font-size: 2.5rem;
      font-weight: normal; } }
  h3.quote {
    font-size: 2rem;
    font-family: "Avenir LT W01_95 Black"; }
    @media (min-width: 769px) {
      h3.quote {
        font-size: 4rem; } }

a {
  color: inherit; }

p {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #000000; }
  @media (min-width: 769px) {
    p {
      font-size: 1.8rem; } }

.small-text {
  font-size: 1.3rem; }

.address p {
  font-size: 1.3rem; }
  @media (min-width: 769px) {
    .address p {
      font-size: 1.6rem; } }

ul {
  font-size: 1.3rem;
  padding-left: 15px; }
  ul a {
    text-decoration: none; }
    @media (min-width: 769px) {
      ul a {
        font-size: 1.8rem; } }

.html-only ul {
  display: block;
  color: #000000;
  line-height: 2;
  list-style-position: inside;
  padding-left: 0; }
  .html-only ul li {
    font-size: 1.6rem; }

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

.center {
  text-align: center; }

.uppercase {
  text-transform: uppercase; }

.underline {
  text-decoration: underline; }

.letter-space-04 {
  letter-spacing: 0.04rem; }

.font-size-small {
  font-size: 1.4rem; }
  @media (min-width: 769px) {
    .font-size-small {
      font-size: 1.3rem; } }

.font-size-medium {
  font-size: 1.6rem; }
  @media (min-width: 769px) {
    .font-size-medium {
      font-size: 1.8rem; } }

.font-size-large {
  font-size: 2rem; }
  @media (min-width: 769px) {
    .font-size-large {
      font-size: 2.5rem; } }

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 25px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-triangle-solid:before {
  content: "\e91e"; }

.icon-my-location:before {
  content: "\e919"; }

.icon-x:before {
  content: "\e917"; }

.icon-my-location1:before {
  content: "\e91b"; }

.icon-tick:before {
  content: "\e91c"; }

.icon-x1:before {
  content: "\e91d"; }

.icon-envelope:before {
  content: "\e91a"; }

.icon-info-circle:before {
  content: "\e918"; }

.icon-user:before {
  content: "\e916"; }

.icon-triangle:before {
  content: "\e915"; }

.icon-arrow-right:before {
  content: "\e900"; }

.icon-chevron-down:before {
  content: "\e901"; }

.icon-chevron-left:before {
  content: "\e902"; }

.icon-chevron-right:before {
  content: "\e903"; }

.icon-chevron-up:before {
  content: "\e904"; }

.icon-cow:before {
  content: "\e905"; }

.icon-cross:before {
  content: "\e906"; }

.icon-cross-circle:before {
  content: "\e907"; }

.icon-filter:before {
  content: "\e908"; }

.icon-goat:before {
  content: "\e909"; }

.icon-hamburger:before {
  content: "\e90a"; }

.icon-house:before {
  content: "\e90b"; }

.icon-info:before {
  content: "\e90c"; }

.icon-magnifier:before {
  content: "\e90d"; }

.icon-magnifier-minus:before {
  content: "\e90e"; }

.icon-magnifier-plus:before {
  content: "\e90f"; }

.icon-pin-fill:before {
  content: "\e910"; }

.icon-pin-line:before {
  content: "\e911"; }

.icon-pointer:before {
  content: "\e912"; }

.icon-sheep:before {
  content: "\e913"; }

.icon-user-circle:before {
  content: "\e914"; }

body {
  height: 100%;
  background-color: #fff;
  margin: 0; }

body.alt-page {
  /*---- MOBILE FIRST ----*/ }
  body.alt-page .grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    grid-template-areas: "header" "banner" "content" "footer";
    min-height: 100vh; }
    @media (min-width: 769px) {
      body.alt-page .grid {
        grid-template-rows: 100px minmax(0, 150px) auto auto;
        grid-template-columns: 0px minmax(0, 1fr) 0px;
        grid-template-areas: ". header ." ". banner ." ". content ." ". footer ."; } }
    @media (min-width: 1920px) {
      body.alt-page .grid {
        grid-template-rows: 100px minmax(0, 150px) auto auto;
        grid-template-columns: 1fr minmax(0, 1920px) 1fr;
        grid-template-areas: ". header ." ". banner ." ". content ." ". footer ."; } }
  body.alt-page .grid-container {
    margin: 0 20px; }

.bg-gold20.mobile {
  background-color: #eae3d0; }
  @media (min-width: 769px) {
    .bg-gold20.mobile {
      background-color: #fff; } }

/*======================*/
/*---- MOBILE FIRST ----*/
/*======================*/
.grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  grid-template-areas: "header" "banner" "content" "footer";
  min-height: 100vh; }
  @media (min-width: 769px) {
    .grid {
      grid-template-rows: 100px minmax(0, auto) auto auto;
      grid-template-columns: 0px 1fr 0px;
      grid-template-areas: ". header ." ". banner ." ". content ." ". footer ."; } }
  @media (min-width: 1920px) {
    .grid {
      grid-template-rows: 100px minmax(0, 665px) auto auto;
      grid-template-columns: 1fr minmax(0, 1920px) 1fr;
      grid-template-areas: ". header ." ". banner ." ". content ." ". footer ."; } }

.basic-grid {
  display: grid; }

.grid-wide {
  display: grid;
  grid-column: 1/-1; }
  .grid-wide.banner {
    grid-area: banner;
    height: auto; }
    .grid-wide.banner .row-2-block {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr 1fr;
      grid-template-areas: "block1" "block2"; }
      @media (min-width: 769px) {
        .grid-wide.banner .row-2-block {
          grid-template-columns: 2fr 1fr;
          grid-template-rows: auto;
          grid-template-areas: "block1 block2";
          /*                margin: 21px 0;*/ } }
      .grid-wide.banner .row-2-block .image-only {
        grid-area: block1;
        height: 100%; }
        .grid-wide.banner .row-2-block .image-only img {
          height: 100%;
          width: 100%;
          object-fit: cover; }
      .grid-wide.banner .row-2-block .content-only {
        grid-area: block2;
        color: white;
        padding: 40px;
        display: grid;
        align-content: center;
        justify-content: center; }
      .grid-wide.banner .row-2-block a.btn {
        align-self: center;
        justify-self: center;
        margin-top: 10px; }
        @media (max-width: 768px) {
          .grid-wide.banner .row-2-block a.btn {
            align-self: center;
            justify-self: center !important;
            margin-top: 20px;
            /*           margin-bottom: 20px;*/ } }
    .grid-wide.banner .content-and-image {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      grid-template-areas: "block"; }
    .grid-wide.banner .image {
      grid-area: block;
      height: 500px; }
      .grid-wide.banner .image img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .grid-wide.banner .content {
      grid-area: block;
      display: grid;
      align-content: center;
      padding: 35px;
      justify-content: center; }
      .grid-wide.banner .content h2 {
        margin-bottom: 20px; }
      @media (min-width: 769px) {
        .grid-wide.banner .content {
          padding: 50px;
          grid-area: block; } }
  .grid-wide.footer {
    grid-area: footer;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    background-color: #eae3d0;
    margin-top: 10px; }
    @media (min-width: 769px) {
      .grid-wide.footer {
        grid-template-columns: 1fr minmax(0, 1920px) auto;
        grid-template-rows: auto; } }
    .grid-wide.footer .logo {
      grid-column: 1;
      grid-row: 1/2;
      align-self: start;
      width: 30%;
      padding-top: 40px;
      margin-left: 40px; }
      @media (min-width: 769px) {
        .grid-wide.footer .logo {
          align-self: center;
          height: 170px;
          width: 315px;
          padding-top: 70px; } }
    .grid-wide.footer .links {
      grid-column: 1;
      grid-row: 2/3;
      color: #666666;
      margin-left: 40px; }
      @media (min-width: 769px) {
        .grid-wide.footer .links {
          grid-column: 2/3;
          grid-row: 1/2;
          align-self: end;
          border-left: 1px solid #6c6c6c;
          padding-left: 35px; } }
      .grid-wide.footer .links ul {
        list-style: none;
        padding-top: 10px;
        padding-inline-start: 0px; }
        .grid-wide.footer .links ul li {
          margin: 8px 0; }
          @media (min-width: 769px) {
            .grid-wide.footer .links ul li {
              margin: 15px 0; } }
          .grid-wide.footer .links ul li a {
            color: #666666; }
            .grid-wide.footer .links ul li a:hover {
              text-decoration: underline; }
    .grid-wide.footer .address {
      grid-column: 1;
      grid-row: 3/4;
      align-self: start;
      color: #666666;
      margin-left: 40px; }
      .grid-wide.footer .address p {
        color: #666666; }
      @media (min-width: 769px) {
        .grid-wide.footer .address {
          grid-column: 3/4;
          grid-row: 1/2;
          align-self: end;
          margin-right: 80px; } }
    .grid-wide.footer .bar {
      grid-column: 1/-1;
      grid-row: 4/5;
      height: 57px;
      background-color: #575757;
      align-self: end;
      margin-top: 50px; }
      @media (min-width: 769px) {
        .grid-wide.footer .bar {
          grid-row: 2/3; } }
      .grid-wide.footer .bar p {
        text-align: center;
        color: #fff;
        font-size: 1.1rem; }
        @media (min-width: 769px) {
          .grid-wide.footer .bar p {
            font-size: 1.6rem; } }

.grid-container {
  display: grid;
  grid-area: content;
  max-width: 1480px;
  /*    margin: 0 20px;*/ }
  @media (min-width: 769px) {
    .grid-container {
      margin: 0 auto; } }

.content-area {
  display: grid;
  grid-area: content;
  height: auto;
  margin: 10px 20px; }
  @media (min-width: 769px) {
    .content-area {
      margin: 21px 42px; } }
  .content-area .image-only img {
    object-fit: cover;
    width: 100%; }
  .content-area .content-only {
    padding: 20px; }
    @media (min-width: 769px) {
      .content-area .content-only {
        padding: 65px 45px; } }

/*end of main content area*/
.p-m-categories {
  background-image: url("../../Images/product-cat-options@2x.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 0;
  height: calc(100vh - 60px);
  min-height: 615px;
  width: 100%; }
  .p-m-categories h1 {
    margin: 10vh 1vw 5vh 1vw;
    text-align: center; }
  .p-m-categories > div {
    text-align: center;
    width: 100vw; }
  .p-m-categories .btn {
    width: 90vw;
    margin: 8px 0;
    font-size: 1.8rem;
    padding: 18px 0;
    height: 76px;
    justify-content: center;
    align-items: center; }
  .p-m-categories.cat {
    min-height: 190px;
    height: 190px; }

.p-catalogue {
  grid-template-columns: 1fr;
  padding: 0;
  margin-bottom: 2rem; }
  @media (min-width: 769px) {
    .p-catalogue {
      grid-template-columns: 1fr 2fr;
      padding: 0 65px 0 65px; } }
  .p-catalogue .filter {
    display: grid;
    align-content: start;
    padding-right: 0; }
    @media (min-width: 769px) {
      .p-catalogue .filter {
        padding-right: 125px; } }
    .p-catalogue .filter input {
      width: 100%;
      box-sizing: border-box;
      margin-top: 10px;
      padding: 20px 10px;
      color: #6c6c6c; }
      @media (min-width: 769px) {
        .p-catalogue .filter input {
          padding: 0 10px; } }
    .p-catalogue .filter .filter-text {
      font-size: 1.3rem;
      color: #b39A4c; }
    .p-catalogue .filter hr {
      width: 100%;
      color: #d6d6d6;
      border-top: 0; }
    .p-catalogue .filter .breadscrumbs {
      display: none; }
      @media (min-width: 769px) {
        .p-catalogue .filter .breadscrumbs {
          font-size: 1.3rem;
          color: #767676; } }
    .p-catalogue .filter .refine {
      color: #b39A4c;
      text-transform: uppercase;
      margin-top: 30px; }
    .p-catalogue .filter .filter-category {
      margin: 15px 0 10px 0;
      color: #000000;
      position: relative;
      cursor: pointer; }
      .p-catalogue .filter .filter-category > i {
        font-size: 1rem;
        right: 0;
        position: absolute;
        top: 7px; }
    .p-catalogue .filter .clear-filters {
      margin: 15px 0;
      display: none; }
      .p-catalogue .filter .clear-filters.visible {
        display: inline-block; }
    .p-catalogue .filter .search-pills {
      margin-top: 15px; }
      .p-catalogue .filter .search-pills > div {
        display: inline-block;
        color: #b39A4c;
        border: 1px solid #b39A4c;
        padding: 5px 10px;
        border-radius: 15px;
        margin-right: 15px;
        margin-bottom: 5px; }
    .p-catalogue .filter .icon-magnifier {
      cursor: pointer; }
      @media (max-width: 768px) {
        .p-catalogue .filter .icon-magnifier {
          top: 25px; } }
    .p-catalogue .filter .btn-filter {
      margin-top: 10px;
      text-align: left;
      font-size: 1.8rem;
      cursor: pointer;
      justify-self: stretch;
      justify-content: space-between; }
      .p-catalogue .filter .btn-filter i {
        font-size: 1.7rem;
        color: #fff;
        float: right;
        margin-top: 3px; }
  .p-catalogue .products {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr;
    margin-top: 10px;
    min-height: 50vh; }
    @media (min-width: 769px) {
      .p-catalogue .products {
        grid-template-columns: 1fr 1fr; } }
    .p-catalogue .products > div {
      border: 1px solid #d6d6d6;
      padding: 10px;
      /*           height: min-content;*/ }
      @media (min-width: 769px) {
        .p-catalogue .products > div {
          padding: 50px; } }
    .p-catalogue .products img {
      object-fit: cover;
      width: 100%;
      max-height: 100%; }
    .p-catalogue .products .cut-ico {
      width: 27%;
      transform: translate(0px, -25px);
      cursor: pointer; }
    .p-catalogue .products .images {
      display: grid;
      justify-items: end;
      margin-bottom: -25px; }
    .p-catalogue .products .code {
      display: block;
      font-size: 1.3rem; }
      @media (min-width: 769px) {
        .p-catalogue .products .code {
          font-size: 1.8rem; } }
    .p-catalogue .products .title {
      font-size: 2rem; }
      @media (min-width: 769px) {
        .p-catalogue .products .title {
          font-size: 2.5rem; } }
    .p-catalogue .products p {
      font-size: 1.4rem; }
      @media (min-width: 769px) {
        .p-catalogue .products p {
          font-size: 1.8rem; } }
    .p-catalogue .products .btn {
      display: grid;
      grid-column: 1/3;
      justify-self: center; }

.search-pills {
  margin-top: 15px; }
  .search-pills > div {
    display: inline-block;
    color: #b39A4c;
    border: 1px solid #b39A4c;
    padding: 5px 10px;
    border-radius: 15px;
    margin-right: 15px;
    margin-bottom: 5px; }

.clear-filters {
  font-size: 1.3rem;
  cursor: pointer; }
  .clear-filters > i {
    color: #b39A4c;
    font-size: 1.3rem; }

.cuts.modal-container hr {
  color: #EEE;
  opacity: 0.4; }

.cuts.modal-container #cuts-modal-content {
  display: grid;
  justify-items: center; }
  .cuts.modal-container #cuts-modal-content img {
    max-width: 500px;
    max-height: 500px; }

.mobile-filter.modal-container {
  padding: 0; }
  .mobile-filter.modal-container .header {
    padding: 20px 30px;
    display: inherit;
    position: relative; }
  .mobile-filter.modal-container .modal-close {
    font-size: 1.9rem; }
  .mobile-filter.modal-container .title {
    font-size: 1.8rem;
    margin-left: 20px;
    color: black;
    letter-spacing: 2px; }
  .mobile-filter.modal-container .clear-filters {
    position: absolute;
    right: 45px;
    top: 30px; }
  .mobile-filter.modal-container .body {
    height: 100%;
    padding: 0 30px; }
  .mobile-filter.modal-container .show-results {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    text-align: center; }
    .mobile-filter.modal-container .show-results button {
      cursor: pointer; }
  .mobile-filter.modal-container .search-pills {
    padding: 20px 30px; }
    .mobile-filter.modal-container .search-pills > div {
      background-color: #fff; }
  .mobile-filter.modal-container .filter-category {
    padding: 10px 30px;
    box-sizing: border-box;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    border-top: 2px solid #d6d6d6; }
    .mobile-filter.modal-container .filter-category.active {
      background-color: #7d6b35;
      border-bottom: 2px solid #d6d6d6; }
    .mobile-filter.modal-container .filter-category.last {
      border-bottom: 2px solid #d6d6d6; }
    .mobile-filter.modal-container .filter-category.collapsible:after {
      color: #fff; }
    .mobile-filter.modal-container .filter-category.active:after {
      color: #fff;
      content: "\e903";
      font-size: 1.4rem; }
  .mobile-filter.modal-container .collapsible-content > div {
    padding: 5px 30px; }

/*Search Results Page*/
body.alt-page-2 .grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  grid-template-areas: "header" "banner" "content" "footer";
  min-height: 100vh; }
  @media (min-width: 769px) {
    body.alt-page-2 .grid {
      grid-template-rows: 100px minmax(0, 150px) auto auto;
      grid-template-columns: 0px minmax(0, 1fr) 0px;
      grid-template-areas: ". header ." ". banner ." ". content ." ". footer ."; } }
  @media (min-width: 1920px) {
    body.alt-page-2 .grid {
      grid-template-rows: 100px minmax(0, 150px) auto auto;
      grid-template-columns: 1fr minmax(0, 1920px) 1fr;
      grid-template-areas: ". header ." ". banner ." ". content ." ". footer ."; } }

body.alt-page-2 footer.grid-wide {
  display: none;
  grid-area: footer; }

.site-search.grid-wide {
  display: grid;
  height: 221px; }
  .site-search.grid-wide .banner-search-results {
    background-color: #b39A4c;
    height: 221px; }
    .site-search.grid-wide .banner-search-results .heading-search-results {
      display: grid;
      align-content: center; }
  .site-search.grid-wide .grid-narrow-content-area {
    display: grid;
    width: 908px;
    padding: 0 20px;
    max-width: calc(100vw - 40px);
    margin: auto;
    align-items: center;
    height: 100%; }

.grid-search-results {
  margin: 70px 0; }
  .grid-search-results .row-search-result {
    display: grid;
    border-bottom: 1px solid grey; }
    .grid-search-results .row-search-result h2 {
      margin-top: 30px;
      margin-bottom: 10px; }
      .grid-search-results .row-search-result h2:visited {
        color: #7d6b35;
        text-decoration: none; }
      .grid-search-results .row-search-result h2:hover {
        text-decoration: underline;
        cursor: pointer; }
      .grid-search-results .row-search-result h2:active {
        color: #6c6c6c;
        text-decoration: underline; }
    .grid-search-results .row-search-result p {
      margin-bottom: 30px; }
  .grid-search-results .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 70px 0; }
    .grid-search-results .pagination .btn-outline {
      display: inline-block;
      background-color: #fff;
      color: #6c6c6c;
      font-size: 1.3rem;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 2px;
      border: solid 1px #6c6c6c;
      border-radius: 4px;
      padding: 20px; }
      .grid-search-results .pagination .btn-outline .icon-chevron-down {
        font-size: 1.1rem;
        padding-right: 10px; }
      @media (max-width: 768px) {
        .grid-search-results .pagination .btn-outline:hover, .grid-search-results .pagination .btn-outline:active {
          background-color: #d6d6d6;
          border: solid 1px #d6d6d6; } }
    .grid-search-results .pagination .page-back, .grid-search-results .pagination .page-forward {
      cursor: pointer;
      border: 1px solid #6c6c6c;
      padding: 13px 16px;
      border-radius: 50%; }
      .grid-search-results .pagination .page-back span.icon-chevron-right, .grid-search-results .pagination .page-back span.icon-chevron-left, .grid-search-results .pagination .page-forward span.icon-chevron-right, .grid-search-results .pagination .page-forward span.icon-chevron-left {
        font-size: 1.3rem; }
      .grid-search-results .pagination .page-back:hover, .grid-search-results .pagination .page-forward:hover {
        color: #b39A4c; }
      .grid-search-results .pagination .page-back:active, .grid-search-results .pagination .page-forward:active {
        color: #b39A4c; }
    .grid-search-results .pagination .page-numbers {
      font-size: 1.8rem;
      padding: 0 20px;
      cursor: pointer; }
      .grid-search-results .pagination .page-numbers span {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px; }
        .grid-search-results .pagination .page-numbers span:hover {
          color: #b39A4c;
          text-decoration: underline; }
      .grid-search-results .pagination .page-numbers .current {
        color: #b39A4c;
        text-decoration: underline; }

input[type=text], input[type=email], textarea, select {
  border: 1px solid #b39A4c;
  height: 30px;
  border-radius: 4px;
  background-color: #f7f5ed;
  padding: 10px;
  font-size: 1.8rem;
  color: #b39A4c;
  font-family: "Avenir LT W01_65 Medium"; }

input:focus, textarea:focus, select:focus {
  outline: none; }

input[type=text].white {
  background-color: #fff;
  color: #cecece;
  font-size: 1.3rem; }

.input-icon-container {
  position: relative; }
  .input-icon-container > i {
    position: absolute;
    right: 10px;
    top: 18px;
    font-size: 1.3rem;
    color: #b39a4c; }

textarea {
  height: 100px; }

button {
  cursor: pointer; }

.btn {
  display: inline-flex;
  background-color: #fff;
  color: #000000;
  font-size: 1.6rem;
  align-self: center;
  justify-self: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px;
  border: none;
  border-radius: 2px;
  padding: 20px; }
  @media (min-width: 769px) {
    .btn {
      font-size: 1.3rem;
      padding: 15px 22px 13px; } }
  .btn:focus, .btn:hover, .btn:active {
    background-color: #b39A4c; }
  .btn:active {
    background-color: #6c6c6c; }
  .btn.black {
    background-color: #000000;
    color: #fff; }
    .btn.black:focus, .btn.black:hover, .btn.black:active {
      background-color: #fff;
      color: #000000; }
  .btn.gold {
    background-color: #b39A4c;
    color: #fff; }
    .btn.gold:focus, .btn.gold:hover, .btn.gold:active {
      background-color: #000000;
      color: #fff; }
  .btn.white {
    background-color: #fff;
    color: #000000; }
    .btn.white:focus, .btn.white:hover, .btn.white:active {
      background-color: #000000;
      color: #fff; }

.btn.large {
  padding: 24px;
  margin: 30px; }

.bg-gold .btn.gold:focus, .bg-gold .btn.gold:hover {
  background-color: #fff;
  color: #000000; }

.bg-gold .btn.black:focus, .bg-gold .btn.black:hover {
  color: #000000;
  background-color: #fff; }

.video-btn {
  cursor: pointer;
  padding: 16px 22px 14px 22px; }
  .video-btn::before {
    font-family: 'icomoon';
    content: "\e915";
    color: #fff;
    font-size: 1.3rem;
    padding-right: 15px; }

.btn-pointy {
  background-image: url("/images/pointer-gold.svg");
  font-size: 1.6rem;
  letter-spacing: 2px;
  text-decoration: none;
  color: white;
  width: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 10px 75px 10px 16px;
  font-size: 1.6rem; }
  .btn-pointy:hover {
    background-image: url("/images/pointer-black.svg"); }

.select-container {
  position: relative;
  /*To remove button from IE11 */ }
  .select-container .icon-chevron-down {
    position: absolute;
    display: inline-block;
    color: #b39A4c;
    font-weight: "Avenir LT W01_35 Light";
    right: 20px;
    top: 20px;
    font-size: 15px;
    z-index: 0; }
  .select-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 56px;
    background-color: transparent;
    padding: 15px;
    z-index: 1; }
  .select-container select::-ms-expand {
    display: none; }

input[type=checkbox].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

input[type=checkbox].css-checkbox + label.css-label {
  padding-left: 20px;
  height: 13px;
  display: inline-block;
  line-height: 14px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 1.5rem;
  vertical-align: middle;
  cursor: pointer;
  margin: 5px 0; }
  @media (max-width: 768px) {
    input[type=checkbox].css-checkbox + label.css-label {
      color: #fff; } }

input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -12px; }

label.css-label {
  background-image: url(/Images/chk-map.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

label.alt.css-label {
  background-image: url(/Images/chk-map-alt.png); }

.search {
  padding-right: 40px;
  position: relative;
  width: auto;
  max-width: 175px;
  display: inline-block; }
  .search input[type="text"] {
    border: 1px solid #d6d6d6;
    height: 36px;
    padding: 0 30px 0 12px;
    font-size: 1.6rem;
    line-height: 1.6rem;
    border-radius: 4px;
    width: 100%; }
    .search input[type="text"].menu-search {
      border: 1px solid #b39A4c;
      font-size: 1.1rem;
      height: 31px;
      background-color: #211f1f; }
  .search + .icon-magnifier {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.3rem;
    cursor: pointer;
    padding: 10px; }

input.menu-search::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #cecece;
  font-size: 1.1rem; }

input.menu-search::-moz-placeholder {
  /* Firefox 19+ */
  color: #cecece;
  font-size: 1.1rem; }

input.menu-search:-ms-input-placeholder {
  /* IE 10+ */
  color: #cecece;
  font-size: 1.1rem; }

input.menu-search:-moz-placeholder {
  /* Firefox 18- */
  color: #cecece;
  font-size: 1.1rem; }

hr {
  border: none;
  height: 1px;
  color: #d6d6d6;
  background-color: #d6d6d6; }

.contact-form {
  box-shadow: 0 0 30px #d6d6d6; }
  .contact-form.active {
    box-shadow: 0 0 30px #b39A4c; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Avenir LT W01_65 Medium";
  color: #6c6c6c; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Avenir LT W01_65 Medium";
  color: #6c6c6c; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Avenir LT W01_65 Medium";
  color: #6c6c6c; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Avenir LT W01_65 Medium";
  color: #6c6c6c; }

.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b39A4c;
  font-size: 1.8rem; }

.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #b39A4c;
  font-size: 1.8rem; }

.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #b39A4c;
  font-size: 1.8rem; }

.contact-form input:-moz-placeholder,
.contact-form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #b39A4c;
  font-size: 1.8rem; }

.js-contact-department.icon-envelope {
  color: #b39A4c;
  font-size: 1.8rem;
  display: inline-block;
  margin: 5px 0;
  cursor: pointer; }
  .js-contact-department.icon-envelope:hover {
    color: #2f2f2d; }

/*Contact us page*/
.content-area .grid-wide.bg-gold20 {
  margin: 0 -20px; }
  @media (min-width: 769px) {
    .content-area .grid-wide.bg-gold20 {
      margin: 0 -42px; } }

.contact-us {
  margin: 40px 10px 20px; }
  @media (min-width: 769px) {
    .contact-us {
      width: 75%;
      margin: 0 auto; } }

.details {
  margin: 40px 20px; }

.form-area {
  margin: 20px; }

.form-container.basic-grid.contact-form {
  background: #fff;
  padding: 25px;
  border: 1px solid #b39A4c;
  border-radius: 4px; }
  @media (min-width: 769px) {
    .form-container.basic-grid.contact-form {
      padding-right: 25vw; } }
  .form-container.basic-grid.contact-form button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 300px;
    justify-self: start; }

.navigation-wrapper {
  background-color: #211f1f;
  color: #b39A4c;
  position: fixed;
  top: 0;
  left: 0;
  width: 484px;
  left: -484px;
  overflow: hidden;
  transition: left 0.5s ease-in;
  height: 100%;
  z-index: 201; }
  .navigation-wrapper.open {
    max-width: 100vw;
    width: 484px;
    height: 100%;
    grid-column-start: 0;
    left: 0;
    transition: left 0.5s ease-out; }
  .navigation-wrapper .close-menu {
    float: right;
    color: #b39A4c;
    cursor: pointer;
    font-size: 1.8rem; }
  .navigation-wrapper .navigation-header {
    padding: 20px 20px 37px 40px; }
  .navigation-wrapper .nav-tools {
    margin-top: 22px; }
  .navigation-wrapper .nav-tools > div {
    display: inline-block; }
  .navigation-wrapper .account-link {
    margin-left: 20px;
    font-size: 1.3rem;
    border-bottom: 1px solid #b39A4c;
    padding-bottom: 6px;
    font-family: "Avenir LT W01_95 Black"; }
    .navigation-wrapper .account-link a {
      text-decoration: none; }
    .navigation-wrapper .account-link .icon-user {
      color: #b39A4c;
      font-size: 1.1rem;
      margin-left: 5px;
      display: inline-block; }
  .navigation-wrapper ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block; }
    .navigation-wrapper ul li {
      color: #fff;
      font-size: 1.8rem;
      padding: 0px;
      border-bottom: 1px solid #6c6c6c;
      display: block;
      list-style: none;
      width: 100%;
      background-color: #2f2f2d; }
      .navigation-wrapper ul li:first-of-type {
        border-top: 1px solid #6c6c6c; }
      .navigation-wrapper ul li a {
        color: #fff;
        padding: 9px 40px;
        display: block;
        position: relative; }
        .navigation-wrapper ul li a.active:before {
          content: "";
          display: block;
          position: absolute;
          left: 0px;
          top: 10px;
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 26px solid #b39A4c; }
          .navigation-wrapper ul li a.active:before:focus:before, .navigation-wrapper ul li a.active:before:hover:before {
            border-left: 26px solid #000000; }
        .navigation-wrapper ul li a.active:hover:before {
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 26px solid #2f2f2d; }
        .navigation-wrapper ul li a:focus, .navigation-wrapper ul li a:hover {
          background-color: #b39A4c;
          color: #fff; }
      .navigation-wrapper ul li:active {
        background-color: #000000; }
    .navigation-wrapper ul.submenu li {
      color: #b39A4c;
      font-size: 1.8rem;
      padding: 0px;
      display: block;
      list-style: none;
      width: 100%;
      border: none;
      background-color: #211f1f; }
      .navigation-wrapper ul.submenu li:first-of-type {
        border-top: 1px solid #6c6c6c; }
      .navigation-wrapper ul.submenu li a {
        color: #b39A4c;
        padding: 9px 60px 9px 60px;
        display: block; }
      .navigation-wrapper ul.submenu li:focus, .navigation-wrapper ul.submenu li:hover {
        background-color: #b39A4c; }
        .navigation-wrapper ul.submenu li:focus a, .navigation-wrapper ul.submenu li:hover a {
          color: #fff; }
      .navigation-wrapper ul.submenu li:active {
        background-color: #000000; }

/*.scroll {
    max-height: 100vh;
    overflow: auto;
}*/
/* The styles for when the mobile search textbox has focus.*/
/*.navigation-header.search-active {
    padding: 20px 20px 35px 20px;

    .star-logo {
        display: none;
    }

    .nav-tools {
        margin-top: 4rem;
    }

    .search {
        max-width: unset;
        width: 100%;
        padding-right: 0;
        box-sizing: border-box;
    }

    input {
        height: 60px !important;
        max-width: 100% !important;
        color: $ui-color-almost-white;
        box-sizing: border-box;
    }

    .icon-magnifier {
        top: 0;
        right: 0;
        padding: 25px;
    }

    .account-link {
        display: none;
    }*/
/*}*/
.content-area .row-2-block {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "block1" "block2";
  margin: 10px 0; }
  @media (min-width: 769px) {
    .content-area .row-2-block {
      grid-template-columns: 2fr 1fr;
      grid-template-rows: auto;
      grid-template-areas: "block1 block2"; }
      .content-area .row-2-block.main-right .content-only:before {
        content: '';
        position: absolute;
        z-index: 5;
        bottom: 90px;
        top: 50%;
        right: 100%;
        margin-top: -32px;
        width: 0;
        height: 0;
        border-top: 32px solid transparent;
        border-bottom: 32px solid transparent;
        border-right: 55px solid #da1a32; }
      .content-area .row-2-block .content-only.bg-gold:before {
        border-right: 55px solid #b39A4c; }
      .content-area .row-2-block .content-only.bg-black:before {
        border-right: 55px solid #000000; }
      .content-area .row-2-block .content-only.bg-blue:before {
        border-right: 55px solid #0b2d72; }
      .content-area .row-2-block .content-only.bg-grey:before {
        border-right: 55px solid #6c6c6c; }
      .content-area .row-2-block .content-only.bg-white:before {
        border-right: 55px solid #fff; } }
  .content-area .row-2-block .image-only {
    height: 100%;
    grid-area: block1; }
    .content-area .row-2-block .image-only img {
      height: 100%; }
  .content-area .row-2-block .content-only {
    grid-area: block2;
    position: relative; }
  .content-area .row-2-block.main-left {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 0;
    margin-bottom: 20px; }
    @media (min-width: 769px) {
      .content-area .row-2-block.main-left {
        grid-template-columns: 1fr 2fr;
        grid-template-rows: auto;
        grid-template-areas: "block2 block1";
        margin-bottom: 20px; }
        .content-area .row-2-block.main-left .content-only:before {
          content: '';
          position: absolute;
          z-index: 5;
          bottom: 90px;
          top: 50%;
          left: 100%;
          margin-top: -32px;
          width: 0;
          height: 0;
          border-top: 32px solid transparent;
          border-bottom: 32px solid transparent;
          border-left: 55px solid #da1a32;
          border-right: none; }
        .content-area .row-2-block.main-left .content-only.bg-gold:before {
          border-left: 55px solid #b39A4c;
          border-right: none; }
        .content-area .row-2-block.main-left .content-only.bg-black:before {
          border-left: 55px solid #000000;
          border-right: none; }
        .content-area .row-2-block.main-left .content-only.bg-blue:before {
          border-left: 55px solid #0b2d72;
          border-right: none; }
        .content-area .row-2-block.main-left .content-only.bg-grey:before {
          border-left: 55px solid #6c6c6c;
          border-right: none; }
        .content-area .row-2-block.main-left .content-only.bg-white:before {
          border-left: 55px solid #fff;
          border-right: none; } }

.content-area .row-6-block {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0px, 1fr);
  margin: 10px 0; }
  @media (min-width: 769px) {
    .content-area .row-6-block {
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: minmax(450px, 1fr);
      margin: 21px 0; } }
  .content-area .row-6-block .block-item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, minmax(250px, 1fr));
    grid-template-areas: "block1" "block2";
    grid-gap: 0; }
    @media (min-width: 769px) {
      .content-area .row-6-block .block-item {
        grid-template-rows: repeat(2, minmax(450px, 1fr));
        height: 100%; } }
    .content-area .row-6-block .block-item .image-only {
      height: 100%;
      grid-area: block1; }
      .content-area .row-6-block .block-item .image-only + .image-only {
        grid-area: block2; }
      .content-area .row-6-block .block-item .image-only img {
        height: 100%; }
    .content-area .row-6-block .block-item:last-of-type .content-only {
      margin-bottom: 0; }
    .content-area .row-6-block .block-item .content-only {
      grid-area: block2;
      padding: 20px;
      position: relative;
      display: grid;
      margin-bottom: 20px; }
      @media (min-width: 769px) {
        .content-area .row-6-block .block-item .content-only {
          grid-template-rows: 0px auto;
          margin-bottom: 0;
          padding: 45px; } }
      .content-area .row-6-block .block-item .content-only .btn {
        align-self: end; }
    @media (min-width: 769px) {
      .content-area .row-6-block .block-item.triangle-up .content-only {
        grid-template-rows: 0px auto auto auto; }
      .content-area .row-6-block .block-item.triangle-down .content-only {
        grid-template-rows: auto auto auto 0px; }
      .content-area .row-6-block .block-item.triangle-up .content-only:before {
        content: '';
        position: relative;
        z-index: 5;
        bottom: 62%;
        bottom: 90px;
        left: 50%;
        margin-left: -32px;
        width: 0;
        height: 0;
        border-left: 32px solid transparent;
        border-right: 32px solid transparent;
        border-bottom: 55px solid #da1a32; }
      .content-area .row-6-block .block-item.triangle-up .content-only.bg-gold:before {
        border-bottom: 55px solid #b39A4c; }
      .content-area .row-6-block .block-item.triangle-up .content-only.bg-black:before {
        border-bottom: 55px solid #000000; }
      .content-area .row-6-block .block-item.triangle-up .content-only.bg-blue:before {
        border-bottom: 55px solid #0b2d72; }
      .content-area .row-6-block .block-item.triangle-up .content-only.bg-grey:before {
        border-bottom: 55px solid #6c6c6c; }
      .content-area .row-6-block .block-item.triangle-up .content-only.bg-white:before {
        border-bottom: 55px solid #fff; } }
    .content-area .row-6-block .block-item .btn {
      align-self: end; }
    .content-area .row-6-block .block-item.content-top {
      grid-template-columns: 1fr;
      grid-template-rows: 1fr 1fr;
      grid-template-areas: "block1" "block2";
      grid-gap: 0;
      /*                margin-bottom: 20px;*/ }
      @media (min-width: 769px) {
        .content-area .row-6-block .block-item.content-top {
          grid-template-areas: "block2" "block1"; }
          .content-area .row-6-block .block-item.content-top.triangle-down .content-only:before {
            content: '';
            position: absolute;
            z-index: 5;
            top: 100%;
            left: 50%;
            margin-left: -32px;
            width: 0;
            height: 0;
            border-left: 32px solid transparent;
            border-right: 32px solid transparent;
            border-top: 55px solid #da1a32; }
          .content-area .row-6-block .block-item.content-top.triangle-down .content-only.bg-gold:before {
            border-top: 55px solid #b39A4c; }
          .content-area .row-6-block .block-item.content-top.triangle-down .content-only.bg-black:before {
            border-top: 55px solid #000000; }
          .content-area .row-6-block .block-item.content-top.triangle-down .content-only.bg-blue:before {
            border-top: 55px solid #0b2d72; }
          .content-area .row-6-block .block-item.content-top.triangle-down .content-only.bg-grey:before {
            border-top: 55px solid #6c6c6c; }
          .content-area .row-6-block .block-item.content-top.triangle-down .content-only.bg-white:before {
            border-top: 55px solid #fff; } }

.content-area .row-3-articles {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  margin-top: 0;
  margin-bottom: 20px; }
  .content-area .row-3-articles .article-card {
    /*            margin: 20px auto;*/
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 769px) {
      .content-area .row-3-articles .article-card {
        margin: 0 auto; } }
  .content-area .row-3-articles :nth-child(2) .article-card-content {
    background-color: #b39A4c; }
    @media (min-width: 769px) {
      .content-area .row-3-articles :nth-child(2) .article-card-content {
        background-color: #fff; } }
  .content-area .row-3-articles .article-card-image {
    display: flex; }
    .content-area .row-3-articles .article-card-image img {
      width: 100%;
      object-fit: cover;
      height: 330px; }
  .content-area .row-3-articles .article-card-content {
    color: #fff;
    background-color: #da1a32;
    display: flex;
    flex-direction: column;
    padding: 20px; }
    @media (min-width: 769px) {
      .content-area .row-3-articles .article-card-content {
        background-color: #fff; } }
  .content-area .row-3-articles .article-card-text {
    margin-top: 0;
    color: #fff; }
    .content-area .row-3-articles .article-card-text h3 span.gold, .content-area .row-3-articles .article-card-text p span.gold {
      color: #fff; }
      @media (min-width: 769px) {
        .content-area .row-3-articles .article-card-text h3 span.gold, .content-area .row-3-articles .article-card-text p span.gold {
          color: #b39A4c; } }
    .content-area .row-3-articles .article-card-text h3 span.black, .content-area .row-3-articles .article-card-text p span.black {
      color: #fff; }
      @media (min-width: 769px) {
        .content-area .row-3-articles .article-card-text h3 span.black, .content-area .row-3-articles .article-card-text p span.black {
          color: #000000; } }
    @media (min-width: 769px) {
      .content-area .row-3-articles .article-card-text {
        margin-top: 30px; } }
  .content-area .row-3-articles p {
    color: #fff;
    margin-top: 15px;
    padding-right: 5px; }
    @media (min-width: 769px) {
      .content-area .row-3-articles p {
        background-color: #fff;
        color: #000000; } }
  @media (min-width: 769px) {
    .content-area .row-3-articles {
      display: grid;
      grid-template-columns: repeat(3, minmax(auto, 1fr));
      grid-gap: 15px; } }

.content-area .row-infographic {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(280px, auto) 1fr;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 20px; }
  @media (min-width: 769px) {
    .content-area .row-infographic {
      grid-template-columns: 500px 1fr;
      grid-template-rows: 1fr; } }
  .content-area .row-infographic .image {
    grid-column: 1/-1;
    grid-row: 2/3; }
    @media (min-width: 769px) {
      .content-area .row-infographic .image {
        grid-column: 2/3;
        grid-row: 1/2; } }
    .content-area .row-infographic .image img {
      width: 100%; }
  .content-area .row-infographic .content {
    grid-column: 1/-1;
    grid-row: 1/2; }
    @media (min-width: 769px) {
      .content-area .row-infographic .content {
        grid-column: 1/2;
        grid-row: 1/2;
        width: 500px; } }

.content-area .row-article-full-width {
  display: grid;
  grid-template-columns: 20px 1fr 20px;
  grid-template-rows: 1fr auto;
  max-width: 100%;
  padding: 0; }
  @media (min-width: 769px) {
    .content-area .row-article-full-width {
      grid-template-columns: 1fr minmax(0, 1440px) 1fr; } }
  @media (max-width: 1440px) {
    .content-area .row-article-full-width {
      grid-template-columns: auto 1fr auto; } }
  .content-area .row-article-full-width .article-image {
    grid-column: 1/-1;
    height: 538px; }
  .content-area .row-article-full-width img {
    height: 538px; }
  .content-area .row-article-full-width .article-text {
    grid-column: 1/-1;
    height: auto;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff; }
    @media (min-width: 769px) {
      .content-area .row-article-full-width .article-text {
        margin: 0; } }

.content-area .row-article-full-width.breadcrumb-row {
  display: grid;
  min-width: 100%;
  grid-template-areas: ". article ."; }
  .content-area .row-article-full-width.breadcrumb-row .breadcrumb {
    position: relative;
    overflow: visible;
    grid-area: article;
    padding-left: 20px; }
    @media (min-width: 769px) {
      .content-area .row-article-full-width.breadcrumb-row .breadcrumb {
        grid-column: 1/-1;
        padding-left: 0px;
        grid-template-columns: 1fr 1440px 1fr; } }
    .content-area .row-article-full-width.breadcrumb-row .breadcrumb a {
      text-decoration: none; }
      .content-area .row-article-full-width.breadcrumb-row .breadcrumb a.backlink {
        display: inline-block;
        position: absolute;
        left: 20px;
        top: 40px;
        text-decoration: none; }
        .content-area .row-article-full-width.breadcrumb-row .breadcrumb a.backlink .icon-chevron-left {
          color: #b39A4c;
          font-size: 34px; }
        @media (min-width: 769px) {
          .content-area .row-article-full-width.breadcrumb-row .breadcrumb a.backlink {
            left: -65px; } }
    .content-area .row-article-full-width.breadcrumb-row .breadcrumb .breadcrumb-content {
      color: #000000;
      font-size: 2.5rem;
      font-family: "Avenir LT W01_95 Black";
      text-transform: uppercase;
      letter-spacing: 2px;
      margin: 20px 0;
      padding: 20px 0 20px 60px;
      left: 30px; }
      @media (min-width: 769px) {
        .content-area .row-article-full-width.breadcrumb-row .breadcrumb .breadcrumb-content {
          margin-bottom: 10px;
          padding-left: 0; } }

.content-area .row-article-full-width .article.introduction-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-column: 1/-1;
  background-color: #eae3d0;
  margin: 0 auto;
  padding: 20px; }
  @media (min-width: 769px) {
    .content-area .row-article-full-width .article.introduction-content {
      background-color: #fff;
      padding: 0px; } }

.content-area .row-article-half-width {
  display: grid;
  grid-template-columns: minmax(75px, auto) auto;
  grid-column-gap: 25px;
  max-width: 1440px;
  margin: 0 auto; }
  @media (min-width: 769px) {
    .content-area .row-article-half-width {
      grid-template-columns: minmax(0, 325px) 1fr;
      grid-row-gap: 35px;
      grid-column-gap: 130px; } }
  .content-area .row-article-half-width .row-article-half-image img {
    grid-column: 1/2;
    width: 100%;
    height: auto;
    object-fit: cover; }
  .content-area .row-article-half-width .text {
    grid-column: 2/4;
    align-self: center; }
    .content-area .row-article-half-width .text h3 {
      margin-top: 0;
      font-family: "Avenir LT W01_85 Heavy"; }

.content-area .article-button {
  padding: 20px 0;
  display: grid;
  grid-template-columns: 1fr minmax(100%, 1fr) 1fr;
  align-self: center;
  text-align: center; }
  @media (min-width: 769px) {
    .content-area .article-button {
      padding-top: 20px;
      grid-template-columns: 1fr;
      justify-content: center; } }
  .content-area .article-button a.btn.gold {
    align-self: center;
    justify-self: center;
    color: #fff;
    grid-column: 2/3; }
    @media (min-width: 769px) {
      .content-area .article-button a.btn.gold {
        grid-column: 1; } }

.content-area .row-badges {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  height: 352px;
  justify-content: center;
  align-content: center;
  margin-bottom: 20px; }
  @media (min-width: 769px) {
    .content-area .row-badges {
      grid-template-rows: 1fr 1fr; } }
  .content-area .row-badges .badges-image {
    grid-column: 1/-1;
    grid-row: 1/3; }
    .content-area .row-badges .badges-image img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .content-area .row-badges .content {
    display: grid;
    grid-row: 1/3;
    grid-column: 1/-1;
    padding: 0; }
    @media (min-width: 769px) {
      .content-area .row-badges .content {
        padding: 50px; } }
  .content-area .row-badges .badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: end;
    max-height: 377px;
    justify-self: center; }
    @media (min-width: 769px) {
      .content-area .row-badges .badges {
        max-height: unset;
        justify-self: stretch; } }
    .content-area .row-badges .badges a img {
      height: 110px;
      margin-top: 20px; }
      @media (min-width: 769px) {
        .content-area .row-badges .badges a img {
          height: 130px;
          margin: 0 15px; } }

.grid-wide.banner .row-2-block .content-only.bg-gold .titled-image-link {
  display: inline-block;
  max-width: 350px;
  text-align: center;
  margin: 0 auto; }
  .grid-wide.banner .row-2-block .content-only.bg-gold .titled-image-link a img {
    height: 110px;
    padding: 0px; }

.modal {
  display: none; }

.modal-overlay {
  position: fixed;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100; }

.modal.is-open {
  display: block; }

.modal-container {
  background-color: #fff;
  padding: 30px;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  z-index: 101;
  margin-top: 90px; }
  .modal-container .header {
    display: grid;
    justify-items: end;
    padding-top: 30px; }
    @media (min-width: 769px) {
      .modal-container .header {
        padding-top: 0; } }
  @media (min-width: 769px) {
    .modal-container {
      width: 500px;
      height: 60vh; } }

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.modal-close {
  background: transparent;
  border: 0;
  cursor: pointer; }

.modal-close:before {
  content: "\2715";
  font-size: 1.8rem;
  font-weight: bold; }

header {
  grid-area: header;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr max-content;
  background-color: white;
  padding: 25px 25px 0;
  margin-bottom: 10px; }
  @media (min-width: 769px) {
    header {
      grid-template-columns: 1fr 600px 1fr;
      grid-template-rows: 1fr; } }
  header .menu {
    grid-column: 1/2;
    grid-row: 1/2; }
    header .menu .icon-hamburger {
      font-size: 20px; }
  header .logo {
    grid-column: 2/3;
    grid-row: 1/2;
    width: 100px;
    margin: 0 auto; }
    @media (min-width: 769px) {
      header .logo {
        grid-column: 1/2;
        max-width: 55%;
        width: unset;
        margin: 0;
        z-index: 5; } }
  header .nav-tools {
    grid-column: 3/4;
    grid-row: 1/2;
    justify-self: end;
    /*        display: grid;*/ }
  header nav.desktop-only {
    grid-column: 2/3; }
    header nav.desktop-only ul {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      list-style: none;
      padding-left: 0; }
      header nav.desktop-only ul li {
        font-size: 1.3rem;
        color: #b39A4c;
        text-transform: uppercase;
        width: max-content;
        text-align: center;
        font-weight: 700;
        padding-bottom: 20px; }
        header nav.desktop-only ul li:hover > a {
          color: #da1a32;
          text-decoration: none; }
          header nav.desktop-only ul li:hover > a .nav-label {
            border-bottom: 1px solid #da1a32; }
        header nav.desktop-only ul li span.icon-triangle-solid {
          font-size: 10px;
          padding-left: 10px; }

.dropdown:hover .menu-wrapper {
  display: block; }

.dropdown .menu-wrapper {
  background-color: #211f1f;
  position: absolute;
  z-index: 1;
  display: none;
  margin-top: 20px; }
  .dropdown .menu-wrapper ul.dropdown-menu {
    display: flex;
    flex-direction: column; }
    .dropdown .menu-wrapper ul.dropdown-menu li {
      color: #fff;
      font-size: 1.8rem;
      background-color: #2f2f2d;
      border-bottom: 1px solid #6c6c6c;
      display: block;
      list-style: none;
      text-align: left;
      text-transform: initial;
      font-weight: 400;
      width: 100%;
      padding: 12px 16px; }
      .dropdown .menu-wrapper ul.dropdown-menu li:hover {
        background-color: #b39A4c;
        color: #fff; }
      .dropdown .menu-wrapper ul.dropdown-menu li a {
        color: #fff;
        display: block; }
        .dropdown .menu-wrapper ul.dropdown-menu li a:hover {
          background-color: #b39A4c;
          color: #fff;
          text-decoration: none; }
      .dropdown .menu-wrapper ul.dropdown-menu li:first-of-type {
        border-top: 1px solid #6c6c6c; }

.d-nav-tools {
  display: grid;
  grid-template-columns: 1fr 30px; }
  .d-nav-tools input#js-d-search.search-box {
    color: #d6d6d6;
    box-sizing: border-box;
    width: 230px;
    height: 36px;
    border: 1px solid #b39A4c;
    background-color: #fff;
    border-radius: 4px;
    padding: 7px 12px;
    margin-left: 40px;
    position: relative; }
    .d-nav-tools input#js-d-search.search-box p {
      margin: 0;
      color: #d6d6d6;
      font-size: 13px;
      align-self: center; }
  .d-nav-tools span.icon-magnifier {
    color: #575757;
    position: relative;
    right: 50px;
    font-size: 14px;
    padding: 11px;
    cursor: pointer; }

nav.mobile-only {
  grid-column: 1/-1;
  grid-row: 2/3;
  /*        width: 70%;*/
  margin: 0 auto; }
  nav.mobile-only ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style: none;
    padding-left: 0; }
    nav.mobile-only ul li {
      font-size: 1.4rem;
      color: #b39A4c;
      text-transform: uppercase;
      width: max-content;
      text-align: center;
      font-weight: 700;
      padding: 0 5px; }
      nav.mobile-only ul li a:hover {
        color: #da1a32;
        text-decoration: underline; }

.slider-background {
  background-image: url(/Images/slider-background.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0 0 0;
  overflow: hidden; }

.slider-carousel.owl-carousel .owl-item {
  overflow: visible; }
  .slider-carousel.owl-carousel .owl-item .flip-item {
    overflow: visible;
    transition: all 0.5s ease-in-out; }
    @media (min-width: 769px) {
      .slider-carousel.owl-carousel .owl-item .flip-item {
        padding: 15px 40px 30px 0; } }
    @media (max-width: 768px) {
      .slider-carousel.owl-carousel .owl-item .flip-item {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8); } }
  .slider-carousel.owl-carousel .owl-item a img, .slider-carousel.owl-carousel .owl-item img {
    border-radius: 50px;
    margin: auto;
    opacity: 0.5;
    transition: all 0.5s ease-in-out; }
    @media (max-width: 768px) {
      .slider-carousel.owl-carousel .owl-item a img, .slider-carousel.owl-carousel .owl-item img {
        width: 250px;
        height: 360px;
        object-fit: cover;
        border-radius: 20px; } }
  .slider-carousel.owl-carousel .owl-item.active.center {
    z-index: 1; }
    .slider-carousel.owl-carousel .owl-item.active.center .flip-item {
      padding: 0;
      transition: all 0.5s ease-in-out; }
      @media (max-width: 768px) {
        .slider-carousel.owl-carousel .owl-item.active.center .flip-item {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1); } }
    .slider-carousel.owl-carousel .owl-item.active.center a img, .slider-carousel.owl-carousel .owl-item.active.center img {
      opacity: 1;
      transition: all 0.5s ease-in-out; }

@media (min-width: 769px) {
  .slider-carousel.owl-carousel .owl-item.active.center ~ .owl-item .flip-item {
    padding: 15px 0 30px 40px; } }

/*.slider-carousel .flipster__button {
    opacity: 1;
    left: unset;
    right: unset;
    text-align: center;
}*/
.slider-carousel .button-next,
.slider-carousel .button-prev {
  display: none;
  color: #fff;
  position: absolute;
  top: 32%;
  font-size: 3.6rem;
  cursor: pointer; }
  .slider-carousel .button-next:hover,
  .slider-carousel .button-prev:hover {
    color: #b39A4c; }

.slider-carousel .active.center .button-next,
.slider-carousel .active.center .button-prev {
  display: inline-block; }

.slider-carousel .button-next {
  right: -35px; }

.slider-carousel .button-prev {
  left: -35px; }

.slider-carousel-intro h2 {
  margin: 0 auto 5px; }
  @media (max-width: 768px) {
    .slider-carousel-intro h2 {
      margin-bottom: 15px; } }

.slider-carousel-intro h3 {
  margin: 0 auto 20px;
  font-size: 1.8rem; }

.slider-card-text {
  visibility: hidden;
  max-width: 450px;
  margin: auto; }
  .slider-card-text h3 {
    font-size: 1.8rem;
    margin: 20px auto 8px auto; }
  .slider-card-text h4 {
    font-size: 1.8rem;
    margin: 0 auto 5px auto; }
  .slider-card-text .slider-card-quote p {
    font-family: "Avenir LT W01_65 Medium Ob";
    color: #fff;
    font-size: 1.8rem; }

.active.center .slider-card-text {
  visibility: visible; }

.slider-carousel-button {
  margin: auto;
  text-align: center; }
  .slider-carousel-button .btn {
    display: inline-block;
    margin-bottom: 45px; }

.slider-carousel .flip-items li:first-of-type .button-prev,
.slider-carousel .flip-items li:last-of-type .button-next {
  display: none; }

.video-carousel {
  position: relative;
  max-width: calc(100vw - 36px);
  margin: 0 auto;
  grid-column: 1/4; }
  @media (min-width: 769px) {
    .video-carousel {
      max-width: 1325px; } }
  @media (max-width: 1440px) {
    .video-carousel {
      max-width: calc(100vw - 60px); } }
  @media (max-width: 768px) {
    .video-carousel {
      margin-top: 15px; } }
  .video-carousel .owl-item .flip-item {
    background-color: #eae3d0;
    width: 250px; }
  .video-carousel .owl-nav.disabled {
    display: inline-block !important; }
  .video-carousel .owl-nav button.owl-prev,
  .video-carousel .owl-nav button.owl-next {
    display: block;
    color: #fff;
    top: 0px;
    position: absolute;
    height: 300px;
    width: 98px;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.65); }
    @media (max-width: 768px) {
      .video-carousel .owl-nav button.owl-prev,
      .video-carousel .owl-nav button.owl-next {
        height: 313px;
        width: 35px; } }
    .video-carousel .owl-nav button.owl-prev .icon-chevron-left,
    .video-carousel .owl-nav button.owl-prev .icon-chevron-right,
    .video-carousel .owl-nav button.owl-next .icon-chevron-left,
    .video-carousel .owl-nav button.owl-next .icon-chevron-right {
      top: calc(50% - 25px);
      display: inline-block;
      position: relative;
      text-align: center;
      margin: auto; }
    .video-carousel .owl-nav button.owl-prev:hover,
    .video-carousel .owl-nav button.owl-next:hover {
      background-color: rgba(0, 0, 0, 0.85);
      color: #b39A4c; }
    .video-carousel .owl-nav button.owl-prev.disabled, .video-carousel .owl-nav button.owl-prev.disabled:hover,
    .video-carousel .owl-nav button.owl-next.disabled,
    .video-carousel .owl-nav button.owl-next.disabled:hover {
      background-color: rgba(0, 0, 0, 0.78);
      cursor: default; }
      .video-carousel .owl-nav button.owl-prev.disabled .icon-chevron-left, .video-carousel .owl-nav button.owl-prev.disabled .icon-chevron-right, .video-carousel .owl-nav button.owl-prev.disabled:hover .icon-chevron-left, .video-carousel .owl-nav button.owl-prev.disabled:hover .icon-chevron-right,
      .video-carousel .owl-nav button.owl-next.disabled .icon-chevron-left,
      .video-carousel .owl-nav button.owl-next.disabled .icon-chevron-right,
      .video-carousel .owl-nav button.owl-next.disabled:hover .icon-chevron-left,
      .video-carousel .owl-nav button.owl-next.disabled:hover .icon-chevron-right {
        display: none; }
  .video-carousel .owl-nav .owl-prev {
    left: 0;
    cursor: pointer; }
  .video-carousel .owl-nav .owl-next {
    right: 0;
    cursor: pointer; }
  .video-carousel .slider-card-text {
    visibility: visible;
    padding: 20px 0 38px;
    max-width: 326px; }
    .video-carousel .slider-card-text h4 {
      font-family: "Avenir LT W01_95 Black";
      letter-spacing: 2px;
      height: 44px;
      margin: 0 35px; }
    .video-carousel .slider-card-text .btn {
      background-color: #b39A4c;
      cursor: pointer;
      display: inline-block; }
      .video-carousel .slider-card-text .btn:hover {
        background-color: #000000; }

.collapsible {
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.5rem; }

.collapsible:after {
  font-family: "icomoon" !important;
  font-size: 0.8rem;
  color: #575757;
  content: "\e901";
  float: right;
  margin-top: 4px; }

.collapsible.active:after {
  font-family: "icomoon" !important;
  font-size: 1.3rem;
  font-size: 0.8rem;
  color: #575757;
  content: "\e904"; }

.collapsible-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out; }

.video-popup-wrapper {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 300;
  background-color: black; }
  .video-popup-wrapper.active {
    display: block; }
  .video-popup-wrapper video {
    width: 100%;
    height: 100%; }
  .video-popup-wrapper .icon-x {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 30px;
    cursor: pointer;
    width: 30px;
    z-index: 301;
    color: #fff; }

.inpage-video-player {
  height: auto;
  margin: auto;
  text-align: center;
  grid-column: 1/4; }
  .inpage-video-player video {
    max-width: 100%;
    width: 1124px;
    height: auto; }
