/* Global Overrides */
      .page_content{
        overflow: visible !important;
      }

      /* FONTS */

      #main-page h1{
        font-size: 18pt;
        letter-spacing: 0.22em;
        line-height: 1.8em;
        text-align: center;
      }
      #main-page h2{
        letter-spacing: 0.22em;
        line-height: 1.8em;
        text-align: center;
      }
      #main-page h3{
        font-size: 13pt;
        letter-spacing: 0.25em;
        line-height: 2.2em;
        text-transform: none;
        font-weight: 600;
      }
      #main-page h4 {
        font-size: 13pt;
        letter-spacing: 0.25em;
        line-height: 1.5em;
        padding-bottom: 0.5em;
        text-align: center;
        text-transform: uppercase;
      }
      #main-page h5{
        font-size: 10pt;
        letter-spacing: 0.25em;
        line-height: 2em;
        font-weight: 300;
        margin: 0;
      }
      #main-page strong {
        font-weight: 600;
      }
      #main-page .cta{
        font-size: 9pt;
        letter-spacing: 2.5px;
        font-weight: 400;
        font-family: 'Gotham', Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
      }
      #main-page p, #main-page li{
        font-size: 11pt;
        letter-spacing: 0.14em;
        line-height: 2em;
        color: #707070;
      }
      #main-page li{
        text-align: left;
        padding: 0.75em 0;
      }
      #main-page p.quote{
        font-size: 16pt;
        letter-spacing: 0.15em;
        line-height: 1.8em;
        margin: 4em;
        color: #000;
        font-weight: 500;
            margin: 2em 0;
      }
      #main-page span.big-text{
        color: black;
        display: inline-block;
        font-size: 18pt;
        letter-spacing: 0.2em;
        line-height: 1.8em;
        font-weight: 600;
      }
      #main-page p.small{font-size: 8.5pt}
      #main-page ul{
        list-style-type: disc;
        list-style-position: inside;
        padding: 0;
      }
      #main-page a{
        text-decoration: underline;
      }

      /* Structure */
      #main-page .copy-container{
            margin: 3em 6em;
      }
      #main-page .two-block{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: margin ease 0.5s;
        transition: margin ease 0.5s;
      }
      #main-page .two-block > div{
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: inline-block;
        position: relative;
      }
      #main-page .two-block .copy-container{
        display: block;
        height: 100%;
        margin: auto 5em;
      }

      #main-page .two-block > div:nth-child(odd) {
          text-align: right;
      }
      #hero{
        background-image: image();
        position: relative;
      }
      #hero .overlay-box{
        border: 1px dashed white;
        border-radius: 50%;
        padding: 15em;
      }
      #hero .overlay-box > div{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%,-50%);
      }
      #hero .overlay-box::after, #hero .overlay-box::before {
        content: '';
        position: absolute;
        width: 75%;
        height: 0px;
        left: 100%;
        display: block;
        clear: both;
        border-bottom: 1px #fff dashed;
        }

        #hero .overlay-box::before {
            left: -75%;
        }

      #feature * {
        color: #fff;
      }
      #content-body .question{
        font-weight: 600;
      }
      #content-body .question.expandable{
        margin-bottom: 1;
        cursor:pointer
      }
      #content-body .answer{
        color: #707070;
      }
      #content-body > section{
        margin: 8em 0;
      }
      #content-body section.aboutfade{
        margin: 4em 0;
      }
      #content-body section.single.expanding.aboutfade{margin:0}
      #content-body .reverse .copy-container{
        text-align: right;
        margin: auto 4em auto auto;
      }
      #content-body .single{
        text-align: center;
      }
      #content-body .single .copy-container > p {
          margin-bottom: 1em;
      }
      .overlay-box{
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
        max-width: 820px;
        color: white;
        pointer-events: none;
      }
      #main-page .overlay-box a,#main-page .overlay-box p{
        color: #fff;
      }
      .sub-cat-container{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 3em auto 5em auto;
        max-width: 990px
      }
      .sub-cat{
        position: relative;
      }
      #main-page .sub-cat a{
        text-decoration: none;
      }
      #main-page .sub-cat-container.related{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
      }
      #main-page .sub-cat-container.related > .sub-cat{
        margin: 0 3em;
      }
      section#related .carousel, section#bottom-nav .carousel {
          margin: 2em auto 6em auto;
      }
      #content-body .collapsed{
          padding: 0;
          margin: 0;
          max-height: 0px;
          overflow: hidden;
          -webkit-transition: max-height 0.25s ease;
          transition: max-height 0.25s ease;
      }
      #content-body .collapsed > li{
        text-align: center;
      }
      #content-body .expanded{
        max-height: 2000px;
        margin: 0.5em 0 2em 0;
      }
      #content-body .expanded .two-block{
            margin: 1em 0;
      }
      #content-body section.full-bleed.aboutfade{
        width: 101vw;
        position: relative;
        left: 51%;
        right: 50%;
        margin-left: -51vw;
        margin-right: -51vw;
      }
      #content-body .img-container{
        position: relative;
      }
      #content-body .full-bleed img{
        width: 100%;
      }
      #content-body .full-bleed .overlay-box{
        color: #fff;
        pointer-events: all;
      }
      #content-body .full-bleed h2{
        text-transform: none;
        font-size: 180%;
      }
      #content-body .full-bleed p{
        font-size: 120%;
      }
      .videoWrapper {
        position: relative;
        padding-bottom: 54.2%; /* 16:9 */
        padding-top: 25px;
        height: 0;
      }
      .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      .aboutfade {
      margin: 4em 0;
      padding: 4em 0;
      opacity: 1;
      }
      .rollover{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom:0;
        background-color: #ad7b7b;
        opacity: 0.0;
        -webkit-transition: opacity 1s ease;
        transition: opacity 1s ease;
        cursor: pointer;
      }
      .rollover:hover{
        opacity: 0.9;
      }
      .rollover a {
        display: inline-block;
        width: 100%;
        height: 100%;
      }

      #mobile-menu{
        display: none;
      }
      .desktop{display: inherit;}
      .mobile{display:none}


      @media (max-width: 800px) {
        .infopage{padding: 1.3rem 0;}
        #content-body{
              padding: 0 1.3em;
        }

        .desktop{display: none;}
        .mobile{display:inherit}
        #hero .mobile{width: 100%}
        #main-page img {
          max-width: 100%;
        }
        #main-page .carousel img{
              max-width: 80%;
        }
        /* #main-page .sub-cat-container{
          display: none;
        } */
        #main-page .sub-cat-container > .sub-cat{
          /* background-color: grey; */
          /* max-height: 6em; */
          margin: 2em 0;
          /* overflow: hidden; */
        }

        #content-body section{
          margin: 0;
        }
        #content-body section.aboutfade{
          margin: 0;
        }
        #content-body section:first-of-type{
          padd: ;ing-top:0;
        }
        #hero .overlay-box{
          padding: 45%;
        }
        #main-page .full-bleed .overlay-box{padding:0 1em}
        #main-page h1 {
            padding: 0 1em;
        }
        #main-page h2{margin-bottom: 1em;}
        #main-page h2 a{text-decoration: underline;}
        #main-page h5 {
            padding: 1em;
            font-weight: 500;
        }
        #main-page span.big-text{font-size: 16pt;}
        #main-page .copy-container{
              margin: 0 5%;
        }
        #main-page p.quote{
          margin: 2em 0;
        }
        #main-page li{
          list-style-type: none;
          text-align: center;
          line-height: 1.5em;
        }
        #main-page .two-block{
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
        }
        #main-page .two-block > div{
          min-width: 100%;
        }
        #main-page .two-block .img-container{
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
        }
        #main-page .two-block .copy-container{
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          margin: 2em 0;
          text-align: center;
        }

        #main-page .two-block > div:nth-child(odd) {
            text-align: center;
        }
        #mobile-menu{
          display: block;
        }
        .rollover{
          max-width: 80%;
          margin: auto;
        }
        #main-page .more-info p, #main-page .more-info a {
            margin-bottom: 0;
            color: #fff;
            padding: 1em;
        }
      }
    .carousel{
      margin: 4em auto;
      position: relative;
    }
    .carousel img{
      margin: auto;
    }
    .slick-arrow{
      bottom: 0;
      top: 0;
      margin:auto;
      color:transparent!important;
      border: none;
      position: absolute;
    }

/* Full Bleed Edits */

section#content-body {
    max-width: 990px;
    margin: auto;
}
.page_content, #main_page .container {
  padding: 0;
  width: 100%!important;
}
section#feature {
    width: 100%;
}
#hero .overlay-box::before {
    left: -400%;
}
#hero .overlay-box::after, #hero .overlay-box::before {
    content: '';
    position: absolute;
    width: 400%;
    height: 0px;
    left: 100%;
    display: block;
    clear: both;
    border-bottom: 1px #fff dashed;
}
#hero .overlay-box::before {
    left: -400%;
}
#feature img{
    width: 100%;
}
#hero .nodash, #hero .nodash::before, #hero .nodash::after {
  border: none;
}