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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

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

body {
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden; }

a {
  text-decoration: none !important; }

.clear {
  clear: both; }

img {
  max-width: 100%; }

div.container {
  padding: 0 5vw; }

.hidden {
  display: none; }

*:focus {
  outline: none; }

p.wp-caption-text {
  font-size: 14px !important;
  margin-top: 10px !important;
  color: #847c77 !important; }

header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }
  header div.logo-container {
    width: 240px;
    float: left;
    padding-top: 2vw;
    position: relative;
    z-index: 1; }
    header div.logo-container img.white-logo {
      width: 100%; }
  header div.navigation {
    float: right;
    padding-top: 2vw;
    cursor: pointer;
    position: relative;
    z-index: 999999; }
    header div.navigation h1 {
      text-transform: uppercase;
      font-family: "Oswald", sans-serif;
      font-size: 42px;
      margin: 0;
      float: right;
      position: absolute;
      right: 55px;
      transition: all 1s ease;
      transition-delay: 0.2s; }
    header div.navigation div.hamburger-container {
      position: relative;
      float: right;
      height: 30px;
      width: 26px;
      margin-left: 10px;
      margin-top: 0.4vw; }
      header div.navigation div.hamburger-container div.hamburger {
        width: 26px;
        height: 5px;
        background: #e9e7e4;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all 0.5s ease; }
        header div.navigation div.hamburger-container div.hamburger:before {
          width: 26px;
          height: 5px;
          background: #e9e7e4;
          position: absolute;
          content: "";
          top: -10px;
          transition: all 0.5s ease; }
        header div.navigation div.hamburger-container div.hamburger:after {
          width: 26px;
          height: 5px;
          background: #e9e7e4;
          position: absolute;
          content: "";
          bottom: -10px;
          transition: all 0.5s ease; }

section.the-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  visibility: hidden; }
  section.the-menu div.close-navigation {
    float: right;
    padding-top: 2vw;
    cursor: pointer;
    z-index: 999;
    margin-right: 5vw;
    position: relative;
    opacity: 0;
    transition: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.695, -0.27, 0.215, 1);
    transition-delay: 0.6s; }
    section.the-menu div.close-navigation h1 {
      color: #6a5f51;
      text-transform: uppercase;
      font-family: "Oswald", sans-serif;
      font-size: 42px;
      margin: 0;
      float: right;
      transition: all 0.5s ease; }
    section.the-menu div.close-navigation div.close-container {
      position: relative;
      float: right;
      height: 30px;
      width: 26px;
      margin-left: 10px;
      margin-top: 0.4vw; }
      section.the-menu div.close-navigation div.close-container div.close {
        width: 26px;
        height: 5px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all 0.5s ease; }
        section.the-menu div.close-navigation div.close-container div.close:before {
          width: 26px;
          height: 5px;
          background: #6a5f51;
          position: absolute;
          content: "";
          top: 0px;
          transition: all 0.5s ease;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        section.the-menu div.close-navigation div.close-container div.close:after {
          width: 26px;
          height: 5px;
          background: #6a5f51;
          position: absolute;
          content: "";
          bottom: 0px;
          transition: all 0.5s ease;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  section.the-menu div.right {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 75%;
    z-index: 3;
    background: #cbbfa7;
    float: right;
    -webkit-transform: translateX(30vw);
    -ms-transform: translateX(30vw);
    transform: translateX(30vw);
    transition: all;
    transition-duration: 0.8s;
    transition-timing-function: cubic-bezier(0.695, -0.27, 0.215, 1.225); }
  section.the-menu div.middle {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 70%;
    z-index: 2;
    background: #c2b69e;
    float: right;
    -webkit-transform: translateX(40vw);
    -ms-transform: translateX(40vw);
    transform: translateX(40vw);
    transition: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.695, -0.27, 0.215, 1.25);
    transition-delay: 0.2s; }
    section.the-menu div.middle div.rotate-it {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      position: absolute;
      left: -8vw;
      top: 14vw;
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      top: 3vw;
      left: 5.8vw; }
      section.the-menu div.middle div.rotate-it p {
        font-family: "Oswald", sans-serif;
        font-size: 1.5vw;
        text-transform: uppercase;
        color: #eae3d9;
        float: left;
        margin-top: 2.6vw; }
      section.the-menu div.middle div.rotate-it ul {
        float: left;
        margin-left: 1vw;
        margin-top: 1.8vw; }
        section.the-menu div.middle div.rotate-it ul li {
          display: inline-block;
          margin-right: 0.5vw;
          width: 3vw; }
          section.the-menu div.middle div.rotate-it ul li:hover {
            -webkit-animation-name: bouncy-horizontal;
            animation-name: bouncy-horizontal;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1; }
  section.the-menu div.left {
    width: 120%;
    height: 100%;
    position: fixed;
    left: 0;
    z-index: 1;
    background: rgba(203, 191, 167, 0.84);
    float: left;
    -webkit-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translateX(100vw);
    transition: all;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(0.695, -0.27, 0.215, 1);
    transition-delay: 0.5s; }
  section.the-menu div.left-content {
    width: 70%;
    height: 100%;
    position: fixed;
    left: 0;
    z-index: 1;
    float: left;
    -webkit-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translateX(100vw);
    transition: all;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(0.695, -0.27, 0.215, 1);
    transition-delay: 0.5s; }
    section.the-menu div.left-content nav {
      float: right; }
      section.the-menu div.left-content nav ul {
        margin-top: 2vw; }
        section.the-menu div.left-content nav ul li {
          font-size: 13vmin;
          font-family: "Oswald", sans-serif;
          text-transform: uppercase;
          text-align: right;
          padding-right: 20vmin;
          position: relative;
          margin-bottom: 0.5vw; }
          section.the-menu div.left-content nav ul li a {
            color: #fff;
            transition: all 0.5s ease; }
          section.the-menu div.left-content nav ul li:hover:after {
            content: "";
            position: absolute;
            right: 8vmin;
            top: -1vmin;
            width: 5vmin;
            height: 14vmin;
            background: url(../images/global/arrow.svg) center no-repeat;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
          section.the-menu div.left-content nav ul li.current-menu-item a {
            color: #5f211b; }
  section.the-menu.active {
    visibility: visible; }
    section.the-menu.active div.close-navigation {
      opacity: 1; }
    section.the-menu.active div.left {
      -webkit-transform: translateX(0vw);
      -ms-transform: translateX(0vw);
      transform: translateX(0vw); }
    section.the-menu.active div.left-content {
      -webkit-transform: translateX(0vw);
      -ms-transform: translateX(0vw);
      transform: translateX(0vw); }
    section.the-menu.active div.middle {
      -webkit-transform: translateX(0vw);
      -ms-transform: translateX(0vw);
      transform: translateX(0vw); }
    section.the-menu.active div.right {
      -webkit-transform: translateX(0vw);
      -ms-transform: translateX(0vw);
      transform: translateX(0vw); }

header div.hamburger-time {
  z-index: 99;
  background: url(../images/global/dixie-menu-sprite-start.svg) 50px center;
  width: 50px;
  height: 66px;
  float: right;
  cursor: pointer !important;
  margin-top: -27px;
  background-size: 1400px 66px; }

header div.hamburger-time.open {
  -webkit-animation: menuopen 1.75s steps(27) forwards;
  animation: menuopen 1.75s steps(27) forwards;
  background: url(../images/global/dixie-menu-sprite-start.svg) 50px center;
  width: 50px;
  height: 66px;
  background-size: 1400px 66px !important; }

header div.hamburger-time.closed-animated {
  -webkit-animation: menuclose 1.2s steps(17) forwards;
  animation: menuclose 1.2s steps(17) forwards;
  background: url(../images/global/dixie-menu-sprite-end.svg) 50px center;
  width: 50px;
  height: 66px;
  background-size: 900px 66px !important; }

header h1.explore-dude {
  color: #e9e7e4;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1; }
  header h1.explore-dude.clicked {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0; }

header h1.close-dude {
  color: #6a5f51;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0; }
  header h1.close-dude.clicked {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }

/* Menu Open Animation */
/* --------------- */
@-webkit-keyframes menuopen {
  0% {
    background-position: 50px; }
  100% {
    background-position: 1400px; } }
@keyframes menuopen {
  0% {
    background-position: 50px; }
  100% {
    background-position: 1400px; } }

/* --------------- */
/* Menu Close Animation */
/* --------------- */
@-webkit-keyframes menuclose {
  0% {
    background-position: 50px; }
  100% {
    background-position: 900px; } }
@keyframes menuclose {
  0% {
    background-position: 50px; }
  100% {
    background-position: 900px; } }

/* --------------- */
footer div.panorama-image {
  width: 100%;
  padding-bottom: 26%;
  background-size: cover !important;
  position: relative; }
  footer div.panorama-image h1 {
    font-family: "Oswald", sans-serif;
    color: rgba(240, 237, 232, 0.51);
    text-transform: uppercase;
    font-size: 8vw;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%; }

footer div.bottom {
  background: #3c3531;
  padding: 1vw;
  position: relative; }
  footer div.bottom p {
    color: #f0ede8;
    font-size: 0.8vw;
    text-align: center; }
    footer div.bottom p a {
      color: #b2aea4; }
  footer div.bottom div.footer-social {
    position: absolute;
    top: -1vw;
    left: 5vw; }
    footer div.bottom div.footer-social ul li {
      width: 2.3vw;
      margin-right: 0.5vw;
      display: inline-block; }
      footer div.bottom div.footer-social ul li:hover {
        -webkit-animation-name: bouncy-horizontal;
        animation-name: bouncy-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1; }
  footer div.bottom a.back-to-top {
    position: absolute;
    right: 5vw;
    top: 1vw;
    font-family: "Bevan", cursive;
    color: #736e6d;
    font-size: 0.8vw;
    text-transform: uppercase; }

section.s1-home {
  width: 100%;
  position: relative;
  background-size: cover !important; }
  section.s1-home div.container {
    padding: 18vw 5vw 0; }
  section.s1-home h2 {
    font-family: "Bevan", cursive;
    color: #cdc8bc;
    font-size: 1.2vw;
    text-transform: uppercase;
    position: relative;
    padding-left: 95px;
    margin-bottom: 15px;
    margin-left: 2px; }
    section.s1-home h2:before {
      width: 80px;
      height: 5px;
      background: #cdc8bc;
      content: "";
      position: absolute;
      left: 0;
      top: 0.4vw; }
  section.s1-home h1 {
    font-size: 8vw;
    color: #e9e7e4;
    font-family: "Oswald", sans-serif;
    line-height: 9vw;
    text-shadow: 1px 1px 5px rgba(40, 36, 36, 0.75);
    width: 50vw; }
  section.s1-home h6 {
    font-family: "Bevan", cursive;
    text-transform: uppercase;
    font-size: 0.6vw;
    background: #211f1d;
    color: #767165;
    padding: 0.4vw 0;
    letter-spacing: 4vw;
    text-align: center;
    width: 100%;
    margin: 5vw 0; }
  section.s1-home div.bottom {
    position: relative;
    height: 22vw;
    border-bottom: 35px solid #3c3531; }
    section.s1-home div.bottom h3 {
      font-family: "Oswald", sans-serif;
      font-size: 13vw;
      color: #3c3531;
      position: absolute;
      bottom: -1vw;
      letter-spacing: 1.85vw;
      text-transform: uppercase;
      width: 100%;
      text-align: center; }
    section.s1-home div.bottom p {
      color: #cdc8bc;
      font-family: "Bevan", cursive;
      font-size: 1.2vw;
      position: absolute;
      width: 12vw;
      line-height: 1.5;
      left: 5vw;
      bottom: 12vw; }
    section.s1-home div.bottom h4 {
      color: #cdc8bc;
      font-family: "Bevan", cursive;
      font-size: 1.2vw;
      text-transform: uppercase;
      position: absolute;
      bottom: 3.5vw;
      right: 5vw;
      z-index: 10;
      text-shadow: 1px 1px 2px rgba(43, 40, 40, 0.75);
      transition: all 0.5s ease;
      cursor: pointer; }
      section.s1-home div.bottom h4 span {
        color: #fff;
        border-bottom: 5px solid #500000; }
      section.s1-home div.bottom h4:before {
        content: "";
        position: absolute;
        width: 3vw;
        height: 12vw;
        -webkit-transform: rotate(-90deg) perspective(1px) translateZ(0);
        transform: rotate(-90deg) perspective(1px) translateZ(0);
        left: -10vw;
        top: -5.6vw;
        background: url(../images/global/arrow.svg) center no-repeat; }
      section.s1-home div.bottom h4.hovered:before {
        -webkit-animation-name: forty-years;
        animation-name: forty-years;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1; }

@-webkit-keyframes forty-years {
  16.65% {
    -webkit-transform: rotate(-90deg) translateY(8px);
    transform: rotate(-90deg) translateY(8px); }
  33.3% {
    -webkit-transform: rotate(-90deg) translateY(-6px);
    transform: rotate(-90deg) translateY(-6px); }
  49.95% {
    -webkit-transform: rotate(-90deg) translateY(4px);
    transform: rotate(-90deg) translateY(4px); }
  66.6% {
    -webkit-transform: rotate(-90deg) translateY(-2px);
    transform: rotate(-90deg) translateY(-2px); }
  83.25% {
    -webkit-transform: rotate(-90deg) translateY(1px);
    transform: rotate(-90deg) translateY(1px); }
  100% {
    -webkit-transform: rotate(-90deg) translateY(0);
    transform: rotate(-90deg) translateY(0); } }

@keyframes forty-years {
  16.65% {
    -webkit-transform: rotate(-90deg) translateY(8px);
    transform: rotate(-90deg) translateY(8px); }
  33.3% {
    -webkit-transform: rotate(-90deg) translateY(-6px);
    transform: rotate(-90deg) translateY(-6px); }
  49.95% {
    -webkit-transform: rotate(-90deg) translateY(4px);
    transform: rotate(-90deg) translateY(4px); }
  66.6% {
    -webkit-transform: rotate(-90deg) translateY(-2px);
    transform: rotate(-90deg) translateY(-2px); }
  83.25% {
    -webkit-transform: rotate(-90deg) translateY(1px);
    transform: rotate(-90deg) translateY(1px); }
  100% {
    -webkit-transform: rotate(-90deg) translateY(0);
    transform: rotate(-90deg) translateY(0); } }

@-webkit-keyframes bouncy-horizontal {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bouncy-horizontal {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

section.s2-home {
  position: relative;
  background: #c3b59a; }
  section.s2-home div.actual-text {
    width: 70%;
    background: rgba(241, 242, 242, 0.13);
    padding: 5vw;
    position: absolute;
    left: 30%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999; }
    section.s2-home div.actual-text div.down-arrow {
      position: absolute;
      width: 3vw;
      height: 12vw;
      top: 5vw;
      left: 58vw;
      background: url(../images/global/arrow.svg) center no-repeat; }
    section.s2-home div.actual-text div.button {
      background: rgba(214, 210, 201, 0.47);
      text-transform: uppercase;
      font-family: "Bevan", cursive;
      color: #500000;
      font-size: 1vw;
      padding: 2vw;
      position: absolute;
      left: 34vw;
      bottom: -4vw;
      cursor: pointer;
      transition: all 0.5s ease; }
      section.s2-home div.actual-text div.button:hover {
        background: rgba(214, 210, 201, 0.8); }
    section.s2-home div.actual-text img {
      width: 6vw;
      position: absolute;
      left: -3vw; }
    section.s2-home div.actual-text h1 {
      font-family: "Bevan", cursive;
      color: #500000;
      font-size: 1.8vw;
      text-transform: uppercase;
      position: relative;
      padding-left: 95px;
      margin-bottom: 15px;
      margin-left: 2px; }
      section.s2-home div.actual-text h1:before {
        width: 80px;
        height: 5px;
        background: #500000;
        content: "";
        position: absolute;
        left: 0;
        top: 0.4vw; }
    section.s2-home div.actual-text p {
      color: #312d2b;
      font-size: 1.8vw;
      line-height: 1.5;
      width: 48vw;
      margin-bottom: 0; }
  section.s2-home div.dark-transparent-bar {
    width: 100%;
    height: 10px;
    background: rgba(65, 61, 56, 0.35);
    position: absolute;
    top: 0; }
  section.s2-home div.slider-for {
    opacity: 0.13;
    width: 100%;
    height: 100%; }
    section.s2-home div.slider-for div.back-slider {
      width: 100%;
      height: 45vw;
      background-size: cover !important; }
  section.s2-home div.slider-nav {
    width: 10vw;
    position: absolute;
    left: 20%;
    top: 10.5vw; }
    section.s2-home div.slider-nav p {
      font-family: "Bevan", cursive;
      color: #746c5d;
      font-size: 11px;
      margin-bottom: 4vw;
      position: relative;
      cursor: pointer; }
      section.s2-home div.slider-nav p:before {
        content: "";
        position: absolute;
        top: 5px;
        right: 11vw;
        height: 2px;
        width: 25px;
        background: #746c5d;
        transition: all 0.5s ease; }
    section.s2-home div.slider-nav div.slick-current p:before {
      width: 50px; }
    section.s2-home div.slider-nav div.slick-list {
      overflow: visible; }
  section.s2-home div.cstat {
    background: #3c3531;
    padding: 1vw; }
    section.s2-home div.cstat h1 {
      font-family: "Bevan", cursive;
      color: #756f6c;
      text-align: right;
      font-size: 1vw; }
  section.s2-home div.office {
    width: 100%;
    background-size: cover !important; }

section.s3-home {
  background: #f0ede8; }
  section.s3-home h1 {
    font-size: 6vw;
    color: #3c3531;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif; }
  section.s3-home h3 {
    font-size: 1.2vw;
    color: #500000;
    text-transform: uppercase;
    font-family: "Bevan", cursive;
    margin-bottom: 5vw; }
  section.s3-home div.left {
    width: 50%;
    float: left; }
    section.s3-home div.left div.inside {
      padding: 10vw 2.5vw 0 5vw; }
    section.s3-home div.left h4 {
      color: #dcd7ce;
      font-family: "Oswald", sans-serif;
      text-transform: uppercase;
      font-size: 4vw; }
    section.s3-home div.left div.special {
      width: 11vw;
      float: left;
      position: relative;
      height: 12vw;
      margin-top: 3vw;
      color: #312d2b;
      padding: 0 2.5vw 0 0; }
      section.s3-home div.left div.special h2 {
        color: #dcd7ce;
        font-family: "Oswald", sans-serif;
        text-transform: uppercase;
        font-size: 6vw;
        position: absolute;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        left: -2vw;
        top: 4vw;
        width: 12vw; }
      section.s3-home div.left div.special h5 {
        font-size: 1.6vw;
        font-weight: 700;
        position: relative;
        z-index: 5;
        margin-bottom: 0.5vw; }
      section.s3-home div.left div.special h6 {
        font-size: 1.4vw;
        font-weight: 700;
        position: relative;
        z-index: 5; }
      section.s3-home div.left div.special p {
        font-size: 1.2vw;
        position: relative;
        z-index: 5;
        margin-bottom: 0.2vw; }
  section.s3-home div.right {
    width: 50%;
    float: right;
    background: #e9e5dd;
    position: relative; }
    section.s3-home div.right div.inside {
      padding: 15vw 5vw; }
    section.s3-home div.right img.featured-product {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-top: 2vw; }
    section.s3-home div.right div.button {
      background: rgba(214, 210, 201, 0.47);
      text-transform: uppercase;
      font-family: "Bevan", cursive;
      color: #500000;
      font-size: 1vw;
      padding: 2vw;
      position: absolute;
      left: 19vw;
      bottom: 14.5vw;
      cursor: pointer;
      transition: all 0.5s ease; }
      section.s3-home div.right div.button:hover {
        background: rgba(214, 210, 201, 0.8); }
        section.s3-home div.right div.button:hover:before {
          -webkit-animation-name: bouncy-horizontal;
          animation-name: bouncy-horizontal;
          -webkit-animation-duration: 1s;
          animation-duration: 1s;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1; }
      section.s3-home div.right div.button:before {
        content: "";
        position: absolute;
        width: 3vw;
        height: 12vw;
        top: -11vw;
        left: 1.6vw;
        background: url(../images/global/arrow.svg) center no-repeat; }
    section.s3-home div.right h4 {
      color: #3c3531;
      font-family: "Oswald", sans-serif;
      font-size: 2vw;
      text-transform: uppercase;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      position: absolute;
      left: 8vw;
      bottom: -12vw; }
      section.s3-home div.right h4:before {
        content: "";
        position: absolute;
        left: -2vw;
        top: 0.1vw;
        background: url(../images/global/crooked-star.svg) center no-repeat;
        width: 1.4vw;
        height: 1.4vw; }

section.s4-home {
  background: #f0ede8;
  padding: 10vw 0; }
  section.s4-home div.featured-blog {
    background: #eae6de;
    position: relative; }
    section.s4-home div.featured-blog h1 {
      font-family: "Oswald", sans-serif;
      color: #3c3531;
      font-size: 2.5vw;
      text-transform: uppercase;
      margin-bottom: 1vw; }
    section.s4-home div.featured-blog h2 {
      font-family: "Bevan", cursive;
      color: #500000;
      font-size: 1.2vw; }
    section.s4-home div.featured-blog p {
      font-size: 1.2vw;
      color: #312d2b;
      line-height: 1.5vw; }
    section.s4-home div.featured-blog div.featured-image {
      width: 40%;
      padding-bottom: 25%;
      border: 16px solid #3c3531;
      background-size: cover !important;
      float: left;
      position: absolute;
      bottom: 0; }
    section.s4-home div.featured-blog div.post-info {
      width: 40%;
      margin-left: calc(1vw + 50%);
      padding: 8vw 0 6vw;
      position: relative; }
    section.s4-home div.featured-blog p.view-post {
      font-size: 1.2vw;
      color: #500000;
      font-family: "Bevan", cursive;
      text-transform: uppercase;
      border-bottom: 3px solid #500000;
      position: absolute;
      right: 0;
      bottom: 2vw; }
  section.s4-home div.button {
    background: rgba(214, 210, 201, 0.47);
    text-transform: uppercase;
    font-family: "Bevan", cursive;
    color: #500000;
    font-size: 1vw;
    padding: 2vw 3vw 2vw 2vw;
    right: 0;
    top: 2vw;
    cursor: pointer;
    transition: all 0.5s ease;
    color: #b5b0a6;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    section.s4-home div.button:hover {
      background: rgba(214, 210, 201, 0.8); }
    section.s4-home div.button:after {
      content: "";
      position: absolute;
      background: url(../images/global/crooked-star.svg) center no-repeat;
      width: 1.4vw;
      height: 1.4vw;
      top: 1.8vw;
      right: 1vw; }
    section.s4-home div.button:before {
      content: "";
      position: absolute;
      width: 3vw;
      height: 12vw;
      top: -0.5vw;
      left: 5.5vw;
      background: url(../images/global/arrow.svg) center no-repeat;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0; }

section.s5-home {
  position: relative;
  border-bottom: 17px solid #f0ede8; }
  section.s5-home div.visit-friends {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 2vw;
    color: #3c3531;
    background: rgba(214, 210, 201, 0.77);
    position: absolute;
    top: 2vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 1vw 2vw;
    z-index: 90; }
  section.s5-home div.dry-bean {
    width: 50%;
    padding-bottom: 30%;
    position: relative;
    background-size: cover !important;
    float: left; }
    section.s5-home div.dry-bean img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }
    section.s5-home div.dry-bean p {
      color: #f0ede8;
      font-family: "Oswald", sans-serif;
      text-transform: uppercase;
      font-size: 1.5vw;
      padding-bottom: 5px;
      border-bottom: 5px solid #500000;
      position: absolute;
      left: 50%;
      bottom: 3vw;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  section.s5-home div.chicken-oil-co {
    width: 50%;
    padding-bottom: 30%;
    position: relative;
    background-size: cover !important;
    float: right; }
    section.s5-home div.chicken-oil-co img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }
    section.s5-home div.chicken-oil-co p {
      color: #f0ede8;
      font-family: "Oswald", sans-serif;
      text-transform: uppercase;
      font-size: 1.5vw;
      padding-bottom: 5px;
      border-bottom: 5px solid #500000;
      position: absolute;
      left: 50%;
      bottom: 3vw;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  section.s5-home div.opacity {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    transition: all 0.5s ease;
    cursor: pointer; }
    section.s5-home div.opacity:hover {
      background: rgba(0, 0, 0, 0.6); }

section.s1-menu {
  width: 100%;
  padding-bottom: 30%;
  background-size: cover !important;
  position: relative; }
  section.s1-menu h1 {
    position: absolute;
    bottom: -1vw;
    left: 5vw;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 13vw;
    color: #f0ede8;
    z-index: 1; }
  section.s1-menu div.transparent-bottom {
    background: rgba(214, 210, 201, 0.21);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1.5vw; }

section.s2-menu {
  background: #f0ede8;
  padding: 4vw 0; }
  section.s2-menu div.menu-category {
    width: 49%;
    margin-left: 2%;
    float: left;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden; }
    section.s2-menu div.menu-category img {
      display: block;
      width: 100%; }
    section.s2-menu div.menu-category h1 {
      position: absolute;
      bottom: 1.5vw;
      left: 1.5vw;
      font-family: "Oswald", sans-serif;
      text-transform: uppercase;
      color: #f0ede8;
      font-size: 3vw;
      width: 18vw; }
    section.s2-menu div.menu-category div.view-options {
      position: absolute;
      font-family: "Bevan", cursive;
      text-transform: uppercase;
      color: #f0ede8;
      font-size: 1vw;
      -webkit-transform: rotate(-90deg) translateZ(0) scale(1, 1);
      transform: rotate(-90deg) translateZ(0) scale(1, 1);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-backface-visibility: hidden;
      width: 10vw;
      background: rgba(65, 61, 56, 0.35);
      width: 50%;
      padding: 2vw 2vw 20vw;
      right: -21.5vw;
      transition: all 0.5s ease;
      transition-timing-function: cubic-bezier(0.695, -0.57, 0.215, 1.225); }
    section.s2-menu div.menu-category:hover div.view-options {
      background: rgba(65, 61, 56, 0.75);
      right: -19.5vw; }
  section.s2-menu a:nth-child(2n+1) div.menu-category {
    margin-left: 0; }
  section.s2-menu div.menu-item-name {
    background: #f7f5f2;
    padding: 0.8vw 2vw;
    color: #34302f;
    float: left;
    width: 69%; }
    section.s2-menu div.menu-item-name:nth-child(even) {
      background: #fff; }
  section.s2-menu div.menu-item-price {
    background: #f7f5f2;
    padding: 0.8vw 2vw;
    color: #34302f;
    float: right;
    width: 15%; }
    section.s2-menu div.menu-item-price:nth-child(odd) {
      background: #fff; }
  section.s2-menu div.left {
    width: 70%;
    float: left; }
  section.s2-menu div.right {
    width: 27.6%;
    float: right;
    position: relative; }
    section.s2-menu div.right div.rotate-it {
      position: absolute;
      font-family: "Bevan", cursive;
      color: #cac5bd;
      text-transform: uppercase;
      padding-left: 2vw;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      right: -20vw;
      font-size: 1vw; }
      section.s2-menu div.right div.rotate-it:before {
        content: "";
        position: absolute;
        background: url(../images/global/crooked-white-star.svg) left no-repeat;
        left: 0;
        top: -0.2vw;
        height: 1.2vw;
        width: 1.2vw;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
  section.s2-menu div.menu-item-name-title {
    background: #fff;
    padding: 4vw 2vw 0.8vw 2vw;
    color: #34302f;
    float: left;
    width: 69%;
    font-family: "Bevan", cursive;
    text-transform: uppercase;
    position: relative; }
    section.s2-menu div.menu-item-name-title div.back-to-menu {
      background: #500000;
      position: absolute;
      right: 0;
      top: -6vw;
      padding: 2vw 5vw 1.8vw 2vw;
      font-family: "Bevan", cursive;
      text-transform: uppercase;
      color: #d5d3d1;
      font-size: 1vw;
      cursor: pointer;
      transition: all 0.5s ease; }
      section.s2-menu div.menu-item-name-title div.back-to-menu:after {
        content: "×";
        position: absolute;
        width: 2vw;
        height: 2vw;
        background: #762828;
        color: #500000;
        border-radius: 50%;
        font-size: 2vw;
        font-family: "Open Sans", sans-serif;
        text-align: center;
        right: 1vw;
        top: 1.4vw;
        transition: all 0.5s ease; }
      section.s2-menu div.menu-item-name-title div.back-to-menu:hover {
        background: #440101; }
        section.s2-menu div.menu-item-name-title div.back-to-menu:hover:after {
          background: #672929;
          color: #440101; }
  section.s2-menu div.menu-item-price-title {
    background: #fff;
    padding: 4vw 2vw 0.8vw 2vw;
    color: #34302f;
    float: right;
    width: 15%;
    font-family: "Bevan", cursive;
    text-transform: uppercase; }
  section.s2-menu h2 {
    color: #500000;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 3.5vw;
    width: 30%;
    margin-left: 2vw;
    margin-bottom: -1vw;
    position: relative;
    z-index: 1;
    position: absolute;
    bottom: 0; }
  section.s2-menu div.featured-menu-item {
    background-size: cover !important;
    width: 100%;
    padding-bottom: 60%;
    margin-bottom: 2vw;
    position: relative; }
    section.s2-menu div.featured-menu-item div.transparent-bottom {
      background: rgba(214, 210, 201, 0.21);
      position: absolute;
      width: 100%;
      height: 1.5vw;
      bottom: 0; }
    section.s2-menu div.featured-menu-item h1 {
      position: absolute;
      color: #fff;
      font-family: "Bevan", cursive;
      text-transform: uppercase;
      bottom: 1vw;
      left: 1vw;
      font-size: 1vw; }
  section.s2-menu div.up-next {
    margin-top: 4vw; }
    section.s2-menu div.up-next h2 {
      width: auto;
      font-size: 4vw;
      margin-left: 0;
      position: relative; }
      section.s2-menu div.up-next h2 a {
        color: #500000;
        position: relative; }
        section.s2-menu div.up-next h2 a:after {
          content: "";
          position: absolute;
          width: 2vw;
          height: 8vw;
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
          left: 12vw;
          bottom: -2.3vw;
          background: url(../images/global/arrow.svg) center no-repeat; }
      section.s2-menu div.up-next h2:hover a:after {
        -webkit-animation-name: forty-years;
        animation-name: forty-years;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1; }
    section.s2-menu div.up-next h1 {
      font-family: "Bevan", cursive;
      color: #d5d3d1;
      font-size: 0.8vw;
      text-transform: uppercase; }
  section.s2-menu div.top-section {
    height: 5vw;
    position: relative; }

section.s1-blog {
  width: 100%;
  padding-bottom: 22%;
  background-size: cover !important;
  position: relative; }
  section.s1-blog h1 {
    position: absolute;
    bottom: -1vw;
    left: 5vw;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 10vw;
    color: #f0ede8;
    z-index: 1; }
  section.s1-blog div.transparent-bottom {
    background: rgba(214, 210, 201, 0.21);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1.5vw; }

section.s2-blog {
  background: #f0ede8;
  padding: 4vw 0;
  position: relative; }
  section.s2-blog strong {
    font-weight: 700; }
  section.s2-blog div.blog-post {
    margin-bottom: 2vw;
    position: relative; }
    section.s2-blog div.blog-post div.blog-image {
      width: 45%;
      overflow: hidden;
      float: left;
      height: 20vw;
      position: relative; }
      section.s2-blog div.blog-post div.blog-image img {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%; }
    section.s2-blog div.blog-post div.post-info {
      width: 53%;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      section.s2-blog div.blog-post div.post-info h2.the-date {
        font-family: "Bevan", cursive;
        color: #500000;
        font-size: 1.2vw;
        margin-bottom: 0.2vw; }
      section.s2-blog div.blog-post div.post-info h1 {
        font-family: "Oswald", sans-serif;
        color: #3c3531;
        font-size: 2.5vw;
        text-transform: uppercase;
        margin-bottom: 1vw; }
      section.s2-blog div.blog-post div.post-info p {
        font-size: 1.2vw;
        color: #312d2b;
        line-height: 1.5vw; }
      section.s2-blog div.blog-post div.post-info p.view-post {
        font-size: 1.2vw;
        color: #500000;
        font-family: "Bevan", cursive;
        text-transform: uppercase;
        border-bottom: 3px solid #500000;
        position: absolute;
        right: 0;
        bottom: -2vw; }
  section.s2-blog div.pagination {
    margin-top: 10vw; }
    section.s2-blog div.pagination a.next-page {
      font-size: 6vw;
      font-family: "Oswald", sans-serif;
      color: #cfccc7;
      float: right;
      text-transform: uppercase;
      transition: all 0.5s ease; }
      section.s2-blog div.pagination a.next-page:hover {
        color: #500000; }
    section.s2-blog div.pagination a.prev-page {
      font-size: 6vw;
      font-family: "Oswald", sans-serif;
      color: #cfccc7;
      float: left;
      text-transform: uppercase;
      transition: all 0.5s ease; }
      section.s2-blog div.pagination a.prev-page:hover {
        color: #500000; }
  section.s2-blog div.left-side {
    width: 70%;
    float: left;
    color: #312d2b; }
    section.s2-blog div.left-side h2.the-date {
      font-family: "Bevan", cursive;
      color: #500000;
      font-size: 1.2vw;
      margin-bottom: 0.2vw;
      margin-top: 2vw; }
    section.s2-blog div.left-side h1 {
      font-family: "Oswald", sans-serif;
      color: #3c3531;
      font-size: 3vw;
      text-transform: uppercase;
      margin-bottom: 1vw; }
    section.s2-blog div.left-side p {
      font-size: 1.2vw;
      color: #312d2b;
      line-height: 1.6vw;
      margin-bottom: 1vw; }
    section.s2-blog div.left-side em {
      font-style: italic; }
    section.s2-blog div.left-side ol, section.s2-blog div.left-side ul {
      line-height: 1.6vw;
      font-size: 1.2vw;
      margin-bottom: 1vw; }
    section.s2-blog div.left-side ol {
      margin-left: 4vw;
      list-style: initial;
      list-style-type: decimal-leading-zero; }
    section.s2-blog div.left-side ul {
      margin-left: 2vw; }
      section.s2-blog div.left-side ul li:before {
        content: "‌• ";
        color: #500000;
        margin-right: 0.5vw; }
    section.s2-blog div.left-side blockquote {
      padding: 2vw;
      text-transform: uppercase;
      font-weight: 700;
      position: relative;
      background: #DED8CE;
      margin-top: 2vw;
      margin-bottom: 2vw; }
      section.s2-blog div.left-side blockquote p {
        font-size: 2vw;
        margin-bottom: 0; }
      section.s2-blog div.left-side blockquote:before {
        content: "“";
        position: absolute;
        color: #500000;
        font-size: 5vw;
        font-family: "Bevan", cursive;
        left: -1vw;
        top: -1vw; }
      section.s2-blog div.left-side blockquote:after {
        content: "”";
        position: absolute;
        color: #500000;
        font-size: 5vw;
        font-family: "Bevan", cursive;
        right: -1vw;
        bottom: -3vw; }
  section.s2-blog div.right-side {
    width: 25%;
    float: right;
    position: relative; }
    section.s2-blog div.right-side div.back-to-blog {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      margin-left: 10vw; }
      section.s2-blog div.right-side div.back-to-blog h1 {
        font-size: 6vw;
        color: #cdc8bc;
        font-family: "Oswald", sans-serif;
        text-transform: uppercase;
        position: relative;
        width: 60vw;
        cursor: pointer;
        transition: all 0.5s ease; }
        section.s2-blog div.right-side div.back-to-blog h1:before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 3vw;
          height: 12vw;
          -webkit-transform: rotate(-90deg) perspective(1px) translateZ(0);
          transform: rotate(-90deg) perspective(1px) translateZ(0);
          -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
          transform-origin: 0 0;
          background: url(../images/global/arrow.svg) center no-repeat; }
        section.s2-blog div.right-side div.back-to-blog h1:hover {
          color: #500000; }
          section.s2-blog div.right-side div.back-to-blog h1:hover:before {
            -webkit-animation-name: forty-years;
            animation-name: forty-years;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1; }
  section.s2-blog button.fwp-load-more {
    border: 0;
    background: #312b28;
    color: #cdc8bc;
    font-family: "Bevan", cursive;
    font-size: 0.8vw;
    padding: 1vw 4vw;
    position: absolute;
    bottom: 2vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    transition: all 0.5s ease; }
    section.s2-blog button.fwp-load-more:hover {
      background: #231f1d; }

section.s1-contact {
  width: 100%;
  padding-bottom: 30%;
  background-size: cover !important;
  position: relative; }
  section.s1-contact h1 {
    position: absolute;
    bottom: -1vw;
    left: 5vw;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 13vw;
    color: #f0ede8;
    z-index: 1; }
  section.s1-contact div.transparent-bottom {
    background: rgba(214, 210, 201, 0.21);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1.5vw; }

section.s2-contact {
  background: #f0ede8;
  padding: 4vw 0; }
  section.s2-contact div.container {
    position: relative; }
  section.s2-contact div.left {
    width: 70%;
    float: left; }
  section.s2-contact div.right {
    width: 25%;
    float: right;
    position: absolute;
    bottom: -4vw;
    right: 5vw;
    height: 30.5vw; }
    section.s2-contact div.right h1 {
      margin-left: 2vw; }
  section.s2-contact h1 {
    color: #500000;
    font-family: "Bevan", cursive;
    position: relative;
    font-size: 1.2vw;
    padding-left: 6vw;
    text-transform: uppercase;
    margin-bottom: 1vw; }
    section.s2-contact h1:before {
      content: "";
      position: absolute;
      left: 0;
      background: #500000;
      width: 5vw;
      height: 0.3vw;
      top: 0.3vw; }
  section.s2-contact h2 {
    font-family: "Oswald", sans-serif;
    color: #cec6b7;
    font-size: 2vw;
    text-transform: uppercase;
    margin-bottom: 0.5vw; }
  section.s2-contact p {
    font-family: "Oswald", sans-serif;
    color: #312d2b;
    font-size: 5.5vw;
    text-transform: uppercase;
    margin-bottom: 1.5vw; }
    section.s2-contact p a {
      color: #312d2b; }
  section.s2-contact div.call-us {
    float: left;
    width: 70%; }
  section.s2-contact div.get-social {
    float: right;
    width: 30%; }
  section.s2-contact ul.social li {
    display: inline-block;
    margin-right: 0.5vw;
    width: 5vw; }
  section.s2-contact div.white-block {
    background: #fff;
    position: absolute;
    bottom: 0;
    height: 27.5vw;
    padding: 0 2vw; }
    section.s2-contact div.white-block h2:first-child {
      margin-top: -1vw; }

div.great-story {
  background: #3c3531;
  color: #6b635e;
  font-family: "Bevan", cursive;
  text-transform: uppercase;
  padding: 0.5vw;
  font-size: 1vw;
  letter-spacing: 1vw;
  text-align: center; }

section.s3-contact {
  position: relative;
  padding: 4vw 0;
  color: #312d2b; }
  section.s3-contact div.faded-image {
    opacity: 0.14;
    background-size: cover !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
  section.s3-contact div.left {
    width: 30%;
    float: left;
    margin-left: 8vw;
    position: relative; }
    section.s3-contact div.left:after {
      content: "Send us a message";
      position: absolute;
      font-family: "Oswald", sans-serif;
      font-size: 2vw;
      color: #cec6b7;
      -webkit-transform: rotate(-90deg) perspective(1px) translateZ(0);
      transform: rotate(-90deg) perspective(1px) translateZ(0);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      left: -4vw;
      top: 17vw;
      text-transform: uppercase; }
    section.s3-contact div.left p {
      font-family: "Bevan", cursive;
      font-size: 1.2vw;
      text-transform: uppercase;
      margin-bottom: 1vw; }
      section.s3-contact div.left p label {
        line-height: 2; }
  section.s3-contact div.right {
    width: 50%;
    position: absolute;
    right: 5vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    section.s3-contact div.right h1 {
      color: #312d2b;
      font-size: 5vw;
      font-family: "Oswald", sans-serif;
      text-transform: uppercase; }
    section.s3-contact div.right p {
      font-size: 1.2vw;
      font-weight: 300;
      margin-left: 6vw;
      margin-bottom: 1vw;
      line-height: 1.4; }
      section.s3-contact div.right p strong {
        color: #500000;
        font-weight: 700;
        position: relative; }
        section.s3-contact div.right p strong:after {
          content: "";
          background: #cec6b7;
          position: absolute;
          height: 0.3vw;
          width: 5vw;
          left: -6vw;
          top: 0.7vw; }
  section.s3-contact input[type=text], section.s3-contact input[type=email], section.s3-contact textarea {
    background: rgba(241, 242, 242, 0.53);
    border: 1px solid #c1b8a8;
    transition: all 0.3s ease;
    font-size: 1.2vw;
    padding: 1.5vw; }
    section.s3-contact input[type=text]:focus, section.s3-contact input[type=email]:focus, section.s3-contact textarea:focus {
      background: #f1f2f2;
      border: 1px solid #8f8167; }
  section.s3-contact input[type=text], section.s3-contact input[type=email] {
    width: 80%; }
  section.s3-contact textarea {
    width: 100%; }
  section.s3-contact input[type=submit] {
    background: #500000;
    color: #f0ede8;
    font-family: "Bevan", cursive;
    font-size: 1.2vw;
    text-transform: uppercase;
    padding: 1.2vw 4vw;
    border: 0;
    margin-left: 8vw;
    cursor: pointer;
    transition: all 0.5s ease; }
    section.s3-contact input[type=submit]:hover {
      background: #370000; }
  section.s3-contact div.submit-arrow {
    position: relative; }
    section.s3-contact div.submit-arrow div.arrow {
      position: absolute;
      left: 0vw;
      top: 3.2vw;
      width: 3vw;
      height: 10vw;
      -webkit-transform: rotate(-90deg) perspective(1px) translateZ(0);
      transform: rotate(-90deg) perspective(1px) translateZ(0);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      background: url(../images/global/arrow.svg) center no-repeat; }
  section.s3-contact span.wpcf7-not-valid-tip {
    font-size: 0.8vw; }
  section.s3-contact div.wpcf7-response-output {
    margin: 0;
    margin-top: 3vw;
    width: 100%; }
  section.s3-contact div.wpcf7-validation-errors {
    border: 0;
    background: #f7e886;
    padding: 18px; }
  section.s3-contact div.wpcf7-mail-sent-ok {
    border: 0;
    background: #3c6939;
    padding: 18px;
    color: #fff; }
  section.s3-contact div.submit-arrow:hover div.arrow {
    -webkit-animation-name: forty-years;
    animation-name: forty-years;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

section.s1-stories {
  width: 100%;
  padding: 22vw 0 10vw;
  background-size: cover !important;
  position: relative; }
  section.s1-stories h1 {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 8vw;
    text-shadow: 1px 1px 5px rgba(40, 36, 36, 0.75);
    color: #f0ede8;
    z-index: 1; }
  section.s1-stories h2 {
    color: #211f1d;
    font-family: "Bevan", cursive;
    font-size: 1vw;
    margin-left: 0.5vw;
    margin-bottom: 1vw; }
  section.s1-stories div.button {
    background: #473e36;
    font-size: 1.2vw;
    color: #beb5a1;
    font-family: "Bevan", cursive;
    text-transform: uppercase;
    padding: 2.5vw 4vw;
    float: left;
    cursor: pointer;
    margin-top: 2vw;
    transition: all 0.5s ease; }
    section.s1-stories div.button:hover {
      background: #2a2520; }
  section.s1-stories div.go-down {
    position: absolute;
    top: 8vw;
    right: 10vw;
    background: rgba(214, 210, 201, 0.41);
    padding: 1.5vw 8vw 1.5vw 4vw;
    cursor: pointer;
    -webkit-transform: rotate(90deg) perspective(1px) translateZ(0);
    transform: rotate(90deg) perspective(1px) translateZ(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: all 0.5s ease; }
    section.s1-stories div.go-down:hover {
      background: rgba(214, 210, 201, 0.8); }
      section.s1-stories div.go-down:hover:after {
        -webkit-animation-name: forty-years;
        animation-name: forty-years;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1; }
    section.s1-stories div.go-down:after {
      content: "";
      position: absolute;
      width: 3vw;
      height: 10vw;
      -webkit-transform: rotate(-90deg) perspective(1px) translateZ(0);
      transform: rotate(-90deg) perspective(1px) translateZ(0);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      background: url(../images/global/arrow.svg) center no-repeat;
      right: 4vw; }
    section.s1-stories div.go-down:before {
      content: "";
      position: absolute;
      width: 1.2vw;
      height: 1.2vw;
      background: url(../images/global/maroon-star.svg) center no-repeat;
      right: 1.5vw; }
    section.s1-stories div.go-down h6 {
      font-family: "Bevan", cursive;
      text-transform: uppercase;
      font-size: 1vw;
      color: #211f1d;
      margin-left: -5vw; }

div.brown-bar {
  font-family: "Bevan", cursive;
  background: #211f1d;
  font-size: 0.6vw;
  letter-spacing: 3vw;
  color: #767165;
  text-transform: uppercase;
  padding: 0.4vw 5vw;
  border-bottom: 1px solid #34302f; }

section.s2-stories {
  background: #3c3531;
  padding: 26vw 0 10vw;
  position: relative;
  border-bottom: 6px solid #211f1d; }
  section.s2-stories img {
    position: absolute;
    top: 0.5vw;
    right: 5vw;
    max-width: 36vw; }
  section.s2-stories div.text {
    position: relative;
    z-index: 1;
    width: 64vw;
    marging: 0 auto;
    margin-left: 20vw; }
    section.s2-stories div.text:before {
      content: "1974";
      position: absolute;
      left: -2vw;
      top: 0;
      color: #4e4743;
      font-family: "Oswald", sans-serif;
      text-transform: uppercase;
      font-size: 10vw;
      -webkit-transform: rotate(90deg) perspective(1px) translateZ(0);
      transform: rotate(90deg) perspective(1px) translateZ(0);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0; }
    section.s2-stories div.text:after {
      content: "The Dixie Chicken";
      position: absolute;
      left: -5vw;
      top: 0;
      color: #f0ede8;
      font-family: "Bevan", cursive;
      text-transform: uppercase;
      font-size: 1.5vw;
      -webkit-transform: rotate(90deg) perspective(1px) translateZ(0);
      transform: rotate(90deg) perspective(1px) translateZ(0);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0; }
    section.s2-stories div.text p {
      font-size: 1.8vw;
      font-weight: 300;
      color: #faf7e4;
      line-height: 1.4; }
    section.s2-stories div.text div.thanks {
      background: #312b28;
      font-size: 0.9vw;
      color: #cdc8bc;
      padding: 1vw 1.2vw;
      font-weight: 300;
      float: right;
      margin-top: 4vw; }

div.filter-it {
  background: #48413c;
  height: 6vw; }
  div.filter-it div.facetwp-facet {
    margin-bottom: 0; }
  div.filter-it div.facetwp-radio {
    width: 14.2857142857%;
    float: left;
    margin: 0;
    padding: 0;
    height: 6vw;
    background: #4e4743;
    border-bottom: 4px solid #48413c;
    font-family: "Oswald", sans-serif;
    font-size: 2vw;
    color: #cdc8bc;
    text-align: center;
    text-transform: uppercase;
    border-right: 1px solid #5f5652;
    transition: all 0.5s ease;
    position: relative;
    line-height: 6.5vw; }
    div.filter-it div.facetwp-radio span.facetwp-counter {
      display: none; }
    div.filter-it div.facetwp-radio.checked {
      background: #3c3531;
      border-bottom: 4px solid #3c3531; }
    div.filter-it div.facetwp-radio:hover {
      background: #46403d; }
    div.filter-it div.facetwp-radio:after {
      content: "";
      position: absolute;
      height: 8px;
      width: 8px;
      border-radius: 50%;
      background: #000;
      bottom: -0.5vw;
      right: -0.3vw;
      z-index: 1; }
  div.filter-it div.facetwp-radio[data-value="featured"] {
    color: #211f1d;
    font-size: 2vw; }

section.s3-stories {
  background: #bbb2a0;
  position: relative;
  z-index: 999;
  padding: 0; }
  section.s3-stories div.inside {
    padding: 2vw 4vw 8vw;
    position: relative;
    z-index: 1; }
  section.s3-stories .grid-sizer {
    width: 33.3333333333%;
    padding-bottom: 25%;
    display: none; }
  section.s3-stories .grid {
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
    opacity: 0;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    section.s3-stories .grid .grid-item {
      transition: all 0.5s ease;
      padding-bottom: 25%; }
      section.s3-stories .grid .grid-item.small {
        width: 33.3333333333%; }
      section.s3-stories .grid .grid-item.large {
        width: 66.6666666667%; }
      section.s3-stories .grid .grid-item div.bg {
        position: absolute;
        left: 1vw;
        top: 1vw;
        right: 1vw;
        bottom: 1vw;
        background: #500000;
        transition: all 0.5s ease;
        cursor: pointer; }
        section.s3-stories .grid .grid-item div.bg:hover {
          left: 0.5vw;
          top: 0.5vw;
          right: 0.5vw;
          bottom: 0.5vw; }
          section.s3-stories .grid .grid-item div.bg:hover div.title-category {
            left: 1.5vw;
            bottom: 1.5vw; }
  section.s3-stories h3 {
    position: absolute;
    color: #cdc8bc;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 1.5vw;
    top: 1vw;
    right: 1vw; }
  section.s3-stories div.title-category {
    position: absolute;
    left: 1vw;
    bottom: 1vw;
    width: 20vw;
    transition: all 0.5s ease; }
    section.s3-stories div.title-category h1 {
      color: #f0ede8;
      font-family: "Oswald", sans-serif;
      text-transform: uppercase;
      font-size: 2vw;
      text-shadow: 1px 1px 5px rgba(40, 36, 36, 0.75); }
    section.s3-stories div.title-category p {
      color: #cdc8bc;
      font-size: 0.8vw;
      text-transform: uppercase;
      margin-bottom: 0.5vw; }
  section.s3-stories div.expanded-story {
    display: none;
    background: #ccccc9;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 70%;
    z-index: 9999999;
    -webkit-box-shadow: 1px 1px 6px 0px rgba(68, 64, 56, 0.75);
    -moz-box-shadow: 1px 1px 6px 0px rgba(68, 64, 56, 0.75);
    box-shadow: 1px 1px 6px 0px rgba(68, 64, 56, 0.75);
    padding: 4vw 2%;
    max-height: 80%;
    overflow-y: scroll; }
    section.s3-stories div.expanded-story div.story-left {
      width: 40%;
      float: left; }
    section.s3-stories div.expanded-story div.story-right {
      width: 55%;
      float: right; }
    section.s3-stories div.expanded-story img.do100 {
      max-width: 100%;
      max-height: 80vh;
      margin: 0 auto; }
    section.s3-stories div.expanded-story h1 {
      font-family: "Oswald", sans-serif;
      color: #a2a29f;
      font-size: 2vw;
      text-transform: uppercase;
      margin-bottom: 0.5vw; }
    section.s3-stories div.expanded-story p {
      color: #3c3531;
      line-height: 1.2;
      margin-bottom: 1vw; }
    section.s3-stories div.expanded-story em {
      font-size: 0.8vw;
      color: #3c3531;
      font-style: italic; }
      section.s3-stories div.expanded-story em p {
        margin-top: 0.8vw; }
    section.s3-stories div.expanded-story h2 {
      font-size: 1.6vw;
      color: #3c3531;
      font-family: "Bevan", cursive;
      margin-bottom: 1vw; }
    section.s3-stories div.expanded-story div.we-are-done-here {
      color: #6a5f51;
      font-size: 3.5vw;
      position: absolute;
      right: 1.5vw;
      top: 0.5vw;
      cursor: pointer;
      transition: all 0.5s ease; }
      section.s3-stories div.expanded-story div.we-are-done-here:hover {
        color: #4d453b; }
  section.s3-stories button.fwp-load-more {
    border: 0;
    background: #312b28;
    color: #cdc8bc;
    font-family: "Bevan", cursive;
    font-size: 0.8vw;
    padding: 1vw 4vw;
    position: absolute;
    bottom: -5vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    transition: all 0.5s ease; }
    section.s3-stories button.fwp-load-more:hover {
      background: #231f1d; }
  section.s3-stories div.back-up {
    position: absolute;
    right: 0;
    border-left: 1px solid #5f5652;
    width: 14%;
    height: 6vw;
    background: url(../images/global/mini-arrow.svg) center no-repeat #4e4743;
    border-bottom: 4px solid #48413c;
    transition: all 0.5s ease;
    cursor: pointer; }
    section.s3-stories div.back-up:hover {
      background: url(../images/global/mini-arrow.svg) center no-repeat #46403d; }

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

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