.container, .container-wide, .container-narrow, .row, .row2, .wrapper, .mainHeader, .clearfix, .cf {
  *zoom: 1; }
  .container:before, .container-wide:before, .container-narrow:before, .row:before, .row2:before, .wrapper:before, .mainHeader:before, .clearfix:before, .cf:before, .container:after, .container-wide:after, .container-narrow:after, .row:after, .row2:after, .wrapper:after, .mainHeader:after, .clearfix:after, .cf:after {
    content: "";
    display: table;
    line-height: 0; }
  .container:after, .container-wide:after, .container-narrow:after, .row:after, .row2:after, .wrapper:after, .mainHeader:after, .clearfix:after, .cf:after {
    clear: both; }

article li:before, small, input[type=button], input[type=submit], input[type="reset"], .button, .button:visited, .mainHeader .logo img {
  display: inline-block;
  zoom: 1;
  *display: inline; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, article ul:first-child, article ol:first-child, article figure:first-child, .row:first-child, .row2:first-child {
  margin-top: 0; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, article ul:last-child, article ol:last-child, article figure:last-child, .row:last-child, .row2:last-child {
  margin-bottom: 0; }

@font-face {
  font-family: 'vollkorn';
  src: url("../fonts/vollkorn-regular-webfont.woff2") format("woff2"), url("../fonts/vollkorn-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'copperplate';
  src: url("../fonts/copperplate-bold-webfont.woff2") format("woff2"), url("../fonts/copperplate-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'tiskaperla';
  src: url("../fonts/tiskaperla.ttf") format("truetype"), url("../fonts/tiskaperla.woff") format("woff"), url("../fonts/tiskaperla.svg#tiskaperla") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'tiskaperla' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

.icon-check-circle:before {
  content: "\e902"; }

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

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

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

html {
  height: 100%; }

html, body, .wrap {
  min-height: 100%;
  width: 100%; }

.no-cssvhunit body, .no-cssvhunit .wrap, .no-cssvhunit main {
  height: 100%; }

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  overflow-x: hidden; }
  html.ua-ios {
    -webkit-overflow-scrolling: touch; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

a, a:visited {
  outline: none;
  text-decoration: none;
  color: inherit; }
  a:hover, a:active, a:visited:hover, a:visited:active {
    text-decoration: underline; }
  a img, a:visited img {
    border: none;
    outline: none; }

img {
  max-width: 100%; }

ul {
  list-style: none; }

a, button, input, select, textarea, label, summary {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

audio, canvas, img, svg, video {
  vertical-align: middle; }

header, footer, nav, article, aside, section, .container-video, main {
  display: block; }

html {
  font-size: 100%; }

body {
  color: #fff;
  font-family: "vollkorn", Georgia, Times, Times New Roman, serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

::-moz-selection {
  background: #d7b46a;
  color: #1a1a18;
  text-shadow: none; }

::selection {
  background: #d7b46a;
  color: #1a1a18;
  text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "copperplate", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 3em;
  line-height: 1.2;
  font-weight: bold; }
  header h1, header h2, header h3, header h4, header h5, header h6 {
    line-height: 1.1; }

h2, h3, h4, h5, h6 {
  font-size: 2.25em; }

h3, h4, h5, h6 {
  font-size: 1.625em; }

h4, h5, h6 {
  font-size: 1.25em; }

h5, h6 {
  font-size: 1em; }

h6 {
  font-size: .875em; }

p, article ul, article ol, article figure {
  margin: 1.4em 0;
  line-height: 1.4;
  font-size: 1em; }
  p a, article ul a, article ol a, article figure a, p a:visited, article ul a:visited, article ol a:visited, article figure a:visited {
    -webkit-box-shadow: 0 -2px 0 0 #d7b46a inset;
    -moz-box-shadow: 0 -2px 0 0 #d7b46a inset;
    box-shadow: 0 -2px 0 0 #d7b46a inset;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s; }
    p a:hover, article ul a:hover, article ol a:hover, article figure a:hover, p a:active, article ul a:active, article ol a:active, article figure a:active, p a:visited:hover, article ul a:visited:hover, article ol a:visited:hover, article figure a:visited:hover, p a:visited:active, article ul a:visited:active, article ol a:visited:active, article figure a:visited:active {
      background: #d7b46a;
      text-decoration: none; }

article header {
  text-align: center;
  color: #d7b46a;
  margin-bottom: 3.875em; }
  article header {
    font-size: 12px; }
    @media screen and (min-width: 592px) {
      article header {
        font-size: calc(12px + 4 * (100vw - 592px) / 368); } }
    @media screen and (min-width: 960px) {
      article header {
        font-size: 16px; } }
  .no-csscalc article header, .no-cssvwunit article header {
    font-size: .75em; }
    @media screen and (min-width: 60em) {
      .no-csscalc article header, .no-cssvwunit article header {
        font-size: 1em; } }
article ul, article ol {
  padding-left: 1em; }
  @media screen and (orientation: landscape) {
    article ul, article ol {
      padding-left: 4em; } }
  article ul.check, article ol.check {
    padding-left: 1.5em; }
    article ul.check li, article ol.check li {
      margin-bottom: .3em; }
      article ul.check li:before, article ol.check li:before {
        font-family: 'tiskaperla';
        content: "\e902";
        font-size: 1.125em;
        width: 1.333em;
        line-height: 1.25;
        margin-left: -1.333em; }
article li:before {
  content: "\2022";
  font-size: 1.5em;
  line-height: 1;
  margin-left: -.75em;
  width: .75em;
  color: #98b252;
  vertical-align: text-bottom; }
article figure {
  text-align: center;
  padding: .25em 0; }
  article figure img {
    width: 100%;
    height: auto; }

.txt-wrap {
  font-size: 16px; }
  @media screen and (min-width: 592px) {
    .txt-wrap {
      font-size: calc(16px + 4 * (100vw - 592px) / 496); } }
  @media screen and (min-width: 1088px) {
    .txt-wrap {
      font-size: 20px; } }
@media screen and (min-width: 48em) {
  .no-csscalc .txt-wrap, .no-cssvwunit .txt-wrap {
    font-size: 1.125em; } }
@media screen and (min-width: 68em) {
  .no-csscalc .txt-wrap, .no-cssvwunit .txt-wrap {
    font-size: 1.25em; } }

@media screen and (min-width: 48em) {
  .txt-cols {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 3.6em;
    -webkit-column-gap: 3.6em;
    column-gap: 3.6em; }
    .txt-cols p, .txt-cols article ul, article .txt-cols ul, .txt-cols article ol, article .txt-cols ol, .txt-cols article figure, article .txt-cols figure, .txt-cols ul, .txt-cols ol, .txt-cols dl {
      overflow: hidden; } }

dl {
  line-height: 1.2; }

dt {
  font-size: .8em;
  font-family: "copperplate", Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #d8291d;
  text-transform: uppercase;
  margin-top: 1.25em; }
  dt:first-child {
    margin: 0; }

small {
  line-height: 1.25;
  font-size: .8125em; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 2.625em 0;
  padding: 0; }

body {
  background: #1a1a18;
  min-width: 320px; }

.container, .container-wide, .container-narrow {
  padding: 0 20px;
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  @media screen and (min-width: 30em) {
    .container, .container-wide, .container-narrow {
      padding: 0 30px; } }
  @media screen and (min-width: 37em) {
    .container, .container-wide, .container-narrow {
      padding: 0 40px; } }

.container-wide {
  max-width: none; }
  @media screen and (min-width: 86em) {
    .container-wide {
      padding: 0 60px; } }

.container-narrow {
  max-width: 938px; }

.content > .container > section, .content > .container-wide > section, .content > .container-narrow > section, .content > .container > .container-video, .content > .container-wide > .container-video, .content > .container-narrow > .container-video {
  border-color: #d7b46a;
  border-style: solid;
  border-width: 1px 0; }
  .content > .container > section:first-child, .content > .container-wide > section:first-child, .content > .container-narrow > section:first-child, .content > .container > .container-video:first-child, .content > .container-wide > .container-video:first-child, .content > .container-narrow > .container-video:first-child {
    border-top: none; }
  .content > .container > section:last-child, .content > .container-wide > section:last-child, .content > .container-narrow > section:last-child, .content > .container > .container-video:last-child, .content > .container-wide > .container-video:last-child, .content > .container-narrow > .container-video:last-child {
    border-bottom: none; }

section, .container-video {
  padding-top: 48px; }
  @media screen and (min-width: 320px) {
    section, .container-video {
      padding-top: calc(48px + 44 * (100vw - 320px) / 768); } }
  @media screen and (min-width: 1088px) {
    section, .container-video {
      padding-top: 92px; } }
section, .container-video {
  padding-bottom: 48px; }
  @media screen and (min-width: 320px) {
    section, .container-video {
      padding-bottom: calc(48px + 44 * (100vw - 320px) / 768); } }
  @media screen and (min-width: 1088px) {
    section, .container-video {
      padding-bottom: 92px; } }
.no-csscalc section, .no-csscalc .container-video, .no-cssvwunit section, .no-cssvwunit .container-video {
  padding: 3em 0; }
  @media screen and (min-width: 37em) {
    .no-csscalc section, .no-csscalc .container-video, .no-cssvwunit section, .no-cssvwunit .container-video {
      padding: 4em 0; } }
  @media screen and (min-width: 68em) {
    .no-csscalc section, .no-csscalc .container-video, .no-cssvwunit section, .no-cssvwunit .container-video {
      padding: 5.75em 0; } }
.content > section:first-child, .content > .container-video:first-child {
  border-color: #d7b46a;
  border-style: solid;
  border-width: 5px 0 0; }
section.light, .light.container-video {
  background: #fff;
  color: #1a1a18;
  border-color: #d7b46a;
  border-style: solid;
  border-width: 5px 0;
  -webkit-box-shadow: 0 1px 0 0 #1a1a18 inset, 0 -1px 0 0 #1a1a18 inset;
  -moz-box-shadow: 0 1px 0 0 #1a1a18 inset, 0 -1px 0 0 #1a1a18 inset;
  box-shadow: 0 1px 0 0 #1a1a18 inset, 0 -1px 0 0 #1a1a18 inset; }
  section.light.product, .light.product.container-video {
    background: #e5e2d9; }
  section.light.rose, .light.rose.container-video {
    background: #efe3e3; }

.row, .row2 {
  margin: .75em 0; }

.row2 {
  margin: 2em 0; }

.wrapper {
  position: relative; }

.col-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (min-width: 37em) {
    .col-wrapper {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      align-items: stretch; }
      .no-flexbox .col-wrapper {
        display: table;
        width: 100%; } }

.column {
  position: relative; }
  @media screen and (min-width: 37em) {
    .column {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 46.896%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 46.896%;
      -ms-flex: 0 0 46.896%;
      flex: 0 0 46.896%; }
      .column:only-child {
        margin-left: auto;
        margin-right: auto; }
      .no-flexbox .column {
        display: table-cell;
        width: 46.896%;
        vertical-align: middle; }
        .no-flexbox .column:last-child {
          padding-left: 6.208%; } }

input[type=button], input[type=submit], input[type="reset"], .button, .button:visited {
  border: 1px solid transparent;
  text-decoration: none;
  padding: .5em 1.25em;
  cursor: pointer;
  outline: none;
  font-family: "vollkorn", Georgia, Times, Times New Roman, serif;
  text-align: center;
  font-size: .875em;
  font-weight: bold;
  line-height: 2;
  color: inherit;
  background-color: transparent;
  white-space: nowrap;
  text-transform: uppercase;
  vertical-align: bottom;
  -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  border-radius: .25em; }
  input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, .button::-moz-focus-inner, .button:visited::-moz-focus-inner {
    padding: 0;
    border: 0 none; }
  input[type=button]:hover, input[type=button]:focus:not(:active), input[type=submit]:hover, input[type=submit]:focus:not(:active), input[type="reset"]:hover, input[type="reset"]:focus:not(:active), .button:hover, .button:focus:not(:active), .button:visited:hover, .button:visited:focus:not(:active) {
    text-decoration: none;
    background-color: #e6e6e6;
    border-color: #e6e6e6; }
  input[type=button]:active, input[type=submit]:active, input[type="reset"]:active, .button:active, .button:visited:active {
    background-color: #d9d9d9;
    border-color: #d9d9d9; }
  input[type=button][disabled], input[type=submit][disabled], input[type="reset"][disabled], .button[disabled], .button:visited[disabled] {
    cursor: auto;
    color: white; }
  input[type=button].ghost, input[type=submit].ghost, input[type="reset"].ghost, .button.ghost, .button:visited.ghost {
    border-color: inherit; }
    input[type=button].ghost:hover, input[type=button].ghost:focus:not(:active), input[type=submit].ghost:hover, input[type=submit].ghost:focus:not(:active), input[type="reset"].ghost:hover, input[type="reset"].ghost:focus:not(:active), .button.ghost:hover, .button.ghost:focus:not(:active), .button:visited.ghost:hover, .button:visited.ghost:focus:not(:active) {
      border-color: inherit; }
  input[type=button].primary, input[type=submit].primary, input[type="reset"].primary, .button.primary, .button:visited.primary {
    background-color: #d7b46a;
    border-color: #d7b46a;
    color: #fff; }
    input[type=button].primary:hover, input[type=button].primary:focus:not(:active), input[type=submit].primary:hover, input[type=submit].primary:focus:not(:active), input[type="reset"].primary:hover, input[type="reset"].primary:focus:not(:active), .button.primary:hover, .button.primary:focus:not(:active), .button:visited.primary:hover, .button:visited.primary:focus:not(:active) {
      background-color: #dcbe7e;
      border-color: #dcbe7e; }
    input[type=button].primary:active, input[type=submit].primary:active, input[type="reset"].primary:active, .button.primary:active, .button:visited.primary:active {
      background-color: #daba76;
      border-color: #daba76; }
  input[type=button].accent, input[type=submit].accent, input[type="reset"].accent, .button.accent, .button:visited.accent {
    background-color: #98b252;
    border-color: #98b252;
    color: #fff; }
    input[type=button].accent:hover, input[type=button].accent:focus:not(:active), input[type=submit].accent:hover, input[type=submit].accent:focus:not(:active), input[type="reset"].accent:hover, input[type="reset"].accent:focus:not(:active), .button.accent:hover, .button.accent:focus:not(:active), .button:visited.accent:hover, .button:visited.accent:focus:not(:active) {
      background-color: #a3ba64;
      border-color: #a3ba64; }
    input[type=button].accent:active, input[type=submit].accent:active, input[type="reset"].accent:active, .button.accent:active, .button:visited.accent:active {
      background-color: #9eb75d;
      border-color: #9eb75d; }
  input[type=button].large, input[type=submit].large, input[type="reset"].large, .button.large, .button:visited.large {
    font-size: 1.25em; }
  input[type=button].small, input[type=submit].small, input[type="reset"].small, .button.small, .button:visited.small {
    font-size: .6875em; }
  input[type=button] + input[type=button], input[type=button].fr:first-child, input[type=submit] + input[type=button], input[type=submit].fr:first-child, input[type="reset"] + input[type=button], input[type="reset"].fr:first-child, .button + input[type=button], .button.fr:first-child, .button:visited + input[type=button], .button:visited.fr:first-child, input[type=button] + input[type=submit], input[type=submit] + input[type=submit], input[type="reset"] + input[type=submit], .button + input[type=submit], .button:visited + input[type=submit], input[type=button] + input[type="reset"], input[type=submit] + input[type="reset"], input[type="reset"] + input[type="reset"], .button + input[type="reset"], .button:visited + input[type="reset"], input[type=button] + .button, input[type=submit] + .button, input[type="reset"] + .button, .button + .button, .button:visited + .button, input[type=button] + .button:visited, input[type=submit] + .button:visited, input[type="reset"] + .button:visited, .button + .button:visited, .button:visited + .button:visited {
    margin-left: .75em; }
  input[type=button].fr + input[type=button]:not(.fr), input[type=submit].fr + input[type=button]:not(.fr), input[type="reset"].fr + input[type=button]:not(.fr), .button.fr + input[type=button]:not(.fr), .button:visited.fr + input[type=button]:not(.fr), input[type=button].fr + input[type=submit]:not(.fr), input[type=submit].fr + input[type=submit]:not(.fr), input[type="reset"].fr + input[type=submit]:not(.fr), .button.fr + input[type=submit]:not(.fr), .button:visited.fr + input[type=submit]:not(.fr), input[type=button].fr + input[type="reset"]:not(.fr), input[type=submit].fr + input[type="reset"]:not(.fr), input[type="reset"].fr + input[type="reset"]:not(.fr), .button.fr + input[type="reset"]:not(.fr), .button:visited.fr + input[type="reset"]:not(.fr), input[type=button].fr + .button:not(.fr), input[type=submit].fr + .button:not(.fr), input[type="reset"].fr + .button:not(.fr), .button.fr + .button:not(.fr), .button:visited.fr + .button:not(.fr), input[type=button].fr + .button:visited:not(.fr), input[type=submit].fr + .button:visited:not(.fr), input[type="reset"].fr + .button:visited:not(.fr), .button.fr + .button:visited:not(.fr), .button:visited.fr + .button:visited:not(.fr) {
    margin-left: 0; }

/*@import 'components/forms';*/
.mainHeader {
  z-index: 3;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 100%;
  background: transparent; }
  .ua-android-2 .mainHeader {
    position: absolute; }
  @media screen and (min-width: 30em) {
    .mainHeader {
      padding: 0 10px; } }
  @media screen and (min-width: 37em) {
    .mainHeader {
      padding: 0 20px; } }
  @media screen and (min-width: 68em) {
    .mainHeader {
      position: absolute;
      padding: 0; } }
  .mainHeader.headroom--not-top {
    background: -moz-linear-gradient(top, #1a1a18 0%, rgba(26, 26, 24, 0.7) 50%, rgba(26, 26, 24, 0) 100%);
    background: -webkit-linear-gradient(top, #1a1a18 0%, rgba(26, 26, 24, 0.7) 50%, rgba(26, 26, 24, 0) 100%);
    background: linear-gradient(to bottom, #1a1a18 0%, rgba(26, 26, 24, 0.7) 50%, rgba(26, 26, 24, 0) 100%);
    padding-bottom: 16px; }
    @media screen and (min-width: 68em) {
      .mainHeader.headroom--not-top {
        background: transparent; } }
    .mainHeader.headroom--not-top .logo a {
      opacity: 1;
      pointer-events: auto; }
  .mainHeader.openMenu {
    background: #1a1a18; }
  .mainHeader .container-wide {
    padding: 0;
    display: table;
    width: 100%; }
    @media screen and (min-width: 68em) {
      .mainHeader .container-wide {
        display: block;
        width: auto;
        padding: 32px 60px 0; } }
  .mainHeader .logo {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 0 20px; }
    @media screen and (min-width: 68em) {
      .mainHeader .logo {
        display: none; } }
    .mainHeader .logo a {
      display: inline-block;
      vertical-align: bottom;
      color: #d7b46a;
      font-family: "copperplate", Arial, Helvetica Neue, Helvetica, sans-serif;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s; }
      .mainHeader .logo a:hover, .mainHeader .logo a:active {
        text-decoration: none; }
    .mainHeader .logo img {
      max-height: 1.75em;
      vertical-align: sub;
      margin-right: .75em; }
    .mainHeader .logo span {
      font-size: 1.25em;
      vertical-align: baseline; }

.mainHeader .mobBtn, .mainHeader .mobBtn:visited {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  padding: .375em .5em; }
  .mainHeader .mobBtn:empty, .mainHeader .mobBtn:visited:empty {
    cursor: default; }
  .mainHeader .mobBtn:hover, .mainHeader .mobBtn:visited:hover {
    text-decoration: none; }
  @media screen and (min-width: 68em) {
    .mainHeader .mobBtn, .mainHeader .mobBtn:visited {
      display: none; } }
  .mainHeader .mobBtn i, .mainHeader .mobBtn:visited i {
    margin: 0;
    line-height: 36px; }
  .mainHeader .mobBtn span, .mainHeader .mobBtn:visited span {
    display: block;
    padding: 0;
    min-width: 36px;
    max-height: 36px;
    font-size: 1.5em; }

.mainMenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%; }
  @media screen and (min-width: 68em) {
    .mainMenu {
      display: block !important;
      text-align: right;
      position: relative;
      top: auto;
      left: auto;
      width: auto; } }
  .mainMenu ul {
    font-size: 0;
    border-bottom: 1px solid #353530; }
    @media screen and (min-width: 68em) {
      .mainMenu ul {
        border: none; } }
  .mainMenu li {
    font-size: 16px;
    font-size: 1rem; }
    @media screen and (min-width: 68em) {
      .mainMenu li {
        display: inline-block;
        margin: 0 2.25em;
        font-size: 14px;
        font-size: 0.875rem; }
        .mainMenu li:first-child {
          margin-left: 0; }
        .mainMenu li:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 86em) {
      .mainMenu li {
        font-size: 16px;
        font-size: 1rem; } }
    .mainMenu li.lang a, .mainMenu li.lang a:visited {
      color: #d7b46a; }
      .mainMenu li.lang a:hover, .mainMenu li.lang a:active, .mainMenu li.lang a:visited:hover, .mainMenu li.lang a:visited:active {
        color: #1a1a18; }
        @media screen and (min-width: 68em) {
          .mainMenu li.lang a:hover, .mainMenu li.lang a:active, .mainMenu li.lang a:visited:hover, .mainMenu li.lang a:visited:active {
            color: #fff; } }
  .mainMenu a, .mainMenu a:visited {
    display: block;
    text-align: center;
    padding: .5em 0;
    color: #fff;
    background: #1a1a18;
    border-top: 1px solid #353530;
    font-size: 1.125em; }
    @media screen and (min-width: 68em) {
      .mainMenu a, .mainMenu a:visited {
        font-size: 1.375em;
        padding: 0 .3636em;
        border: none;
        background: none; } }
    .mainMenu a:hover, .mainMenu a:active, .mainMenu a:visited:hover, .mainMenu a:visited:active {
      text-decoration: none;
      background: #d7b46a;
      color: #1a1a18; }
      @media screen and (min-width: 68em) {
        .mainMenu a:hover, .mainMenu a:active, .mainMenu a:visited:hover, .mainMenu a:visited:active {
          background: none;
          color: #d7b46a; } }

.back2top, .back2top:visited {
  position: fixed;
  z-index: 999;
  right: 0;
  bottom: 1em;
  text-align: center;
  width: 4.375em;
  height: 4.375em;
  background: #1a1a18;
  color: #d7b46a;
  border-radius: .25em 0 0 .25em;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  transition: transform 0.2s; }
  @media screen and (min-width: 68em) {
    .back2top, .back2top:visited {
      bottom: 4.875em; } }
  .back2top.active, .back2top:visited.active {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .back2top:hover, .back2top:active, .back2top:visited:hover, .back2top:visited:active {
    text-decoration: none; }
  .back2top i, .back2top:visited i {
    font-size: 2.125em;
    line-height: 2.06; }

.hero {
  padding: 0;
  position: relative;
  height: 100vh; }
  .hero {
    font-size: 8px; }
    @media screen and (min-width: 320px) {
      .hero {
        font-size: calc(8px + 8 * (100vw - 320px) / 768); } }
    @media screen and (min-width: 1088px) {
      .hero {
        font-size: 16px; } }
  .no-csscalc .hero, .no-cssvwunit .hero {
    font-size: .5em; }
    @media screen and (min-width: 37em) {
      .no-csscalc .hero, .no-cssvwunit .hero {
        font-size: .75em; } }
    @media screen and (min-width: 68em) {
      .no-csscalc .hero, .no-cssvwunit .hero {
        font-size: 1em; } }
  .no-cssvhunit .hero {
    height: 100%; }
  .hero figure {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    .hero figure:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.75); }
    .hero figure .heroImg {
      max-width: none;
      display: none; }
  .hero figcaption {
    position: absolute;
    left: 0;
    top: 44%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    z-index: 1;
    text-align: center; }
    .hero figcaption img {
      width: 5.625em;
      height: auto;
      margin-bottom: 1.5em; }
  .hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6 {
    line-height: 1;
    padding: .1em 0;
    font-size: 6em;
    color: #d7b46a;
    text-shadow: 2px 2px 0 #1a1a18, 3px 3px 0 rgba(255, 255, 255, 0.4); }
  .hero h2, .hero h3, .hero h4, .hero h5, .hero h6 {
    color: #fff;
    font-weight: normal;
    font-family: "vollkorn", Georgia, Times, Times New Roman, serif;
    font-size: 3em;
    text-shadow: none;
    padding: 0; }
  .hero .showMore {
    position: absolute;
    left: 0;
    bottom: 5%;
    width: 100%;
    text-align: center; }
    .hero .showMore a, .hero .showMore a:visited {
      font-size: 34px;
      color: #d7b46a;
      line-height: 1;
      display: inline-block; }
      .hero .showMore a:hover, .hero .showMore a:active, .hero .showMore a:visited:hover, .hero .showMore a:visited:active {
        text-decoration: none; }
      .hero .showMore a i, .hero .showMore a:visited i {
        vertical-align: bottom; }

.panel {
  font-size: 10px; }
  @media screen and (min-width: 320px) {
    .panel {
      font-size: calc(10px + 6 * (100vw - 320px) / 768); } }
  @media screen and (min-width: 1088px) {
    .panel {
      font-size: 16px; } }
.no-csscalc .panel, .no-cssvwunit .panel {
  font-size: .625em; }
  @media screen and (min-width: 37em) {
    .no-csscalc .panel, .no-cssvwunit .panel {
      font-size: .75em; } }
  @media screen and (min-width: 68em) {
    .no-csscalc .panel, .no-cssvwunit .panel {
      font-size: 1em; } }
.panel.padding {
  background: #fff;
  padding: 3.5em 3em; }
  #about .panel.padding {
    padding-right: 0; }
    @media screen and (min-width: 48em) {
      #about .panel.padding {
        padding-right: 3em; } }
.product .panel {
  float: right;
  width: 63.75%;
  z-index: 1;
  position: relative; }
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  font-family: "vollkorn", Georgia, Times, Times New Roman, serif;
  font-weight: normal;
  margin-bottom: .2em; }
.panel h4, .panel h5, .panel h6 {
  margin: 0;
  font-size: 1em;
  font-family: "copperplate", Arial, Helvetica Neue, Helvetica, sans-serif; }
.panel p, .panel article ul, article .panel ul, .panel article ol, article .panel ol, .panel article figure, article .panel figure {
  margin: 0;
  line-height: inherit; }
.panel section, .panel .container-video {
  border-top: 4px solid #d7b46a;
  padding: 1.625em 0;
  line-height: 1.3333;
  font-size: 1.5em; }
  .panel section:last-child, .panel .container-video:last-child {
    border-bottom: 4px solid #d7b46a; }

.bottle {
  position: absolute;
  z-index: 0;
  top: -5%;
  bottom: -5%;
  left: 0; }
  @media screen and (min-width: 48em) {
    .bottle {
      width: 59.7%; } }
  @media screen and (min-width: 68em) {
    .bottle {
      text-align: center;
      width: 41%; } }
  .bottle img {
    height: 100%;
    max-height: 100%;
    max-width: none;
    width: auto; }

#contact {
  padding: 2px 0; }
  #contact .column:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; }
    @media screen and (min-width: 37em) {
      #contact .column:first-child {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0; } }
  #contact .column:last-child {
    padding-top: 48px; }
    @media screen and (min-width: 320px) {
      #contact .column:last-child {
        padding-top: calc(48px + 44 * (100vw - 320px) / 768); } }
    @media screen and (min-width: 1088px) {
      #contact .column:last-child {
        padding-top: 92px; } }
  #contact .column:last-child {
    padding-bottom: 48px; }
    @media screen and (min-width: 320px) {
      #contact .column:last-child {
        padding-bottom: calc(48px + 44 * (100vw - 320px) / 768); } }
    @media screen and (min-width: 1088px) {
      #contact .column:last-child {
        padding-bottom: 92px; } }
  .no-csscalc #contact .column:last-child, .no-cssvwunit #contact .column:last-child {
    padding: 3em 0; }
    @media screen and (min-width: 37em) {
      .no-csscalc #contact .column:last-child, .no-cssvwunit #contact .column:last-child {
        padding: 4em 0; } }
    @media screen and (min-width: 68em) {
      .no-csscalc #contact .column:last-child, .no-cssvwunit #contact .column:last-child {
        padding: 5.75em 0; } }

.mapHolder {
  position: relative;
  margin: 0 -20px; }
  @media screen and (min-width: 30em) {
    .mapHolder {
      margin: 0 -30px; } }
  @media screen and (min-width: 37em) {
    .mapHolder {
      margin: 0 0 0 -40px;
      height: 100%; } }
  @media screen and (min-width: 86em) {
    .mapHolder {
      margin: 0; } }
  .mapHolder:after {
    content: "";
    padding-top: 100%;
    display: block; }
    @media screen and (min-width: 30em) {
      .mapHolder:after {
        padding-top: 75%; } }
    @media screen and (min-width: 37em) {
      .mapHolder:after {
        display: none; } }
    @media screen and (min-width: 37em) {
      .no-flexbox .mapHolder:after {
        display: block;
        padding-top: 200%; } }
    @media screen and (min-width: 48em) {
      .no-flexbox .mapHolder:after {
        padding-top: 175%; } }
    @media screen and (min-width: 60em) {
      .no-flexbox .mapHolder:after {
        padding-top: 125%; } }
    @media screen and (min-width: 86em) {
      .no-flexbox .mapHolder:after {
        padding-top: 105%; } }

#map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.gallery-wrap {
  margin: -1px;
  font-size: 0; }
  .gallery-wrap a, .gallery-wrap a:visited {
    display: inline-block;
    padding: 1px;
    width: 50%;
    position: relative; }
    @media screen and (min-width: 30em) {
      .gallery-wrap a, .gallery-wrap a:visited {
        width: 33.3333%; } }
    @media screen and (min-width: 48em) {
      .gallery-wrap a, .gallery-wrap a:visited {
        width: 25%; } }
    @media screen and (min-width: 60em) {
      .gallery-wrap a, .gallery-wrap a:visited {
        width: 20%; } }
    @media screen and (min-width: 68em) {
      .gallery-wrap a, .gallery-wrap a:visited {
        width: 16.6666%; } }
    .gallery-wrap a:hover:before, .gallery-wrap a:hover:after, .gallery-wrap a:active:before, .gallery-wrap a:active:after, .gallery-wrap a:visited:hover:before, .gallery-wrap a:visited:hover:after, .gallery-wrap a:visited:active:before, .gallery-wrap a:visited:active:after {
      opacity: 1; }
    .gallery-wrap a:before, .gallery-wrap a:after, .gallery-wrap a:visited:before, .gallery-wrap a:visited:after {
      opacity: 0;
      position: absolute;
      pointer-events: none;
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      transition: opacity 0.2s; }
    .gallery-wrap a:before, .gallery-wrap a:visited:before {
      content: "";
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      background: rgba(26, 26, 24, 0.6); }
    .gallery-wrap a:after, .gallery-wrap a:visited:after {
      content: "\e903";
      font-family: 'tiskaperla';
      font-size: 20px;
      font-size: 1.25rem;
      text-align: center;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: #d7b46a; }
  .gallery-wrap img {
    width: 100%;
    height: auto; }

.container-video {
  padding-bottom: 0;
  margin: 0 auto;
  max-width: 560px; }

.videoWrap {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  margin: 0 auto; }
  .videoWrap iframe, .videoWrap object, .videoWrap embed {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

@font-face {
  font-family: 'lg';
  src: url("../fonts/lg.eot?n1z373");
  src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal; }
.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080; }
  .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: 0.5; }
  .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
    color: #FFF; }
.lg-actions .lg-next {
  right: 20px; }
  .lg-actions .lg-next:before {
    content: "\e095"; }
.lg-actions .lg-prev {
  left: 20px; }
  .lg-actions .lg-prev:after {
    content: "\e094"; }

@-webkit-keyframes lg-right-end {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }
@-moz-keyframes lg-right-end {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }
@-ms-keyframes lg-right-end {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }
@keyframes lg-right-end {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }
@-webkit-keyframes lg-left-end {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }
@-moz-keyframes lg-left-end {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }
@-ms-keyframes lg-left-end {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }
@keyframes lg-left-end {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative; }
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative; }

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45); }
  .lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear; }
    .lg-toolbar .lg-icon:hover {
      color: #FFF; }
  .lg-toolbar .lg-close:after {
    content: "\e070"; }
  .lg-toolbar .lg-download:after {
    content: "\e0f2"; }

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080; }
  .lg-sub-html h4, .lg-sub-html h5, .lg-sub-html h6 {
    margin: 0;
    font-size: 13px;
    font-weight: bold; }
  .lg-sub-html p, .lg-sub-html article ul, article .lg-sub-html ul, .lg-sub-html article ol, article .lg-sub-html ol, .lg-sub-html article figure, article .lg-sub-html figure {
    font-size: 12px;
    margin: 5px 0 0; }

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle; }

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; }

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0); }
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0); }
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0); }

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1; }

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }
  .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab; }
  .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing; }
  .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important; }
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0); }
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px; }
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px; }
  @media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
      -webkit-transition: border-color 0.25s ease;
      -o-transition: border-color 0.25s ease;
      transition: border-color 0.25s ease; } }
  .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #a90707; }
  .lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px; }
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0; }
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease; }
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px; }
.lg-outer .lg-toggle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px; }
  .lg-outer .lg-toggle-thumb:after {
    content: "\e1ff"; }
  .lg-outer .lg-toggle-thumb:hover {
    color: #FFF; }

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px; }
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative; }
  .lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }
  .lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer; }
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../images/lg/vimeo-play.png") no-repeat scroll 0 0 transparent; }
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../images/lg/vimeo-play.png") no-repeat scroll 0 -58px transparent; }
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../images/lg/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8; }
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1; }
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../images/lg/youtube-play.png") no-repeat scroll 0 0 transparent; }
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../images/lg/youtube-play.png") no-repeat scroll 0 -60px transparent; }
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0; }
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden; }
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none; }
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible; }

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s; }
  .lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0; }
  .lg-progress-bar.lg-start .lg-progress {
    width: 100%; }
  .lg-show-autoplay .lg-progress-bar {
    opacity: 1; }

.lg-autoplay-button:after {
  content: "\e01d"; }
  .lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"; }

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

#lg-zoom-in:after {
  content: "\e311"; }

#lg-actual-size {
  font-size: 20px; }
  #lg-actual-size:after {
    content: "\e033"; }

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none; }
  #lg-zoom-out:after {
    content: "\e312"; }
  .lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto; }

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px; }
  .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible; }
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px; }
  .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px white inset; }
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0); }
  .lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%; }
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px; }
  .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
    box-shadow: 0 0 0 8px white inset; }
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0; }

.lg-fullscreen:after {
  content: "\e20c"; }
  .lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"; }

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; }
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible; }
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF; }
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; }
  .lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    right: 16px;
    top: -16px; }
  .lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0px; }
  .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
    color: #333; }
  .lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px; }
    .lg-outer .lg-dropdown a:hover {
      background-color: rgba(0, 0, 0, 0.07); }
  .lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle; }
  .lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto; }
.lg-outer #lg-share {
  position: relative; }
  .lg-outer #lg-share:after {
    content: "\e80d"; }
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998; }
  .lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"; }
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced; }
  .lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"; }
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39; }
  .lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"; }
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027; }
  .lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"; }

.group {
  *zoom: 1; }

.group:before, .group:after {
  display: table;
  content: "";
  line-height: 0; }

.group:after {
  clear: both; }

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s; }
  .lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .lg-outer.lg-visible {
    opacity: 1; }
  .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important; }
  .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1; }
  .lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab; }
  .lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing; }
  .lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%; }
  .lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap; }
  .lg-outer .lg-item {
    background: url("../images/lg/loading.gif") no-repeat scroll center center transparent;
    display: none !important; }
  .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
    display: inline-block !important; }
  .lg-outer.lg-css .lg-current {
    display: inline-block !important; }
  .lg-outer .lg-item, .lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%; }
    .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }
  .lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .lg-outer .lg-item.lg-complete {
    background-image: none; }
  .lg-outer .lg-item.lg-current {
    z-index: 1060; }
  .lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important; }
  .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s; }
  .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1; }
  .lg-outer .lg-empty-html {
    display: none; }
  .lg-outer.lg-hide-download #lg-download {
    display: none; }

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s; }
  .lg-backdrop.in {
    opacity: 1; }

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important; }
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }
.lg-css3.lg-fade .lg-item {
  opacity: 0; }
  .lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1; }
  .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0; }
  .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%; }
  .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%; }
  .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1; }
  .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }

/*! gravitons */
/*
  v1.0.0 (customized)
  http://jxnblk.com/gravitons
*/
.m0 {
  margin: 0; }

.mt0 {
  margin-top: 0; }

.mr0 {
  margin-right: 0; }

.mb0 {
  margin-bottom: 0; }

.ml0 {
  margin-left: 0; }

.m1 {
  margin: 0.5rem; }

.mt1 {
  margin-top: 0.5rem; }

.mr1 {
  margin-right: 0.5rem; }

.mb1 {
  margin-bottom: 0.5rem; }

.ml1 {
  margin-left: 0.5rem; }

.m2 {
  margin: 1rem; }

.mt2 {
  margin-top: 1rem; }

.mr2 {
  margin-right: 1rem; }

.mb2 {
  margin-bottom: 1rem; }

.ml2 {
  margin-left: 1rem; }

.m3 {
  margin: 2rem; }

.mt3 {
  margin-top: 2rem; }

.mr3 {
  margin-right: 2rem; }

.mb3 {
  margin-bottom: 2rem; }

.ml3 {
  margin-left: 2rem; }

.m4 {
  margin: 4rem; }

.mt4 {
  margin-top: 4rem; }

.mr4 {
  margin-right: 4rem; }

.mb4 {
  margin-bottom: 4rem; }

.ml4 {
  margin-left: 4rem; }

.mxn1 {
  margin-left: -.5rem;
  margin-right: -0.5rem; }

.mxn2 {
  margin-left: -1rem;
  margin-right: -1rem; }

.mxn3 {
  margin-left: -2rem;
  margin-right: -2rem; }

.mxn4 {
  margin-left: -4rem;
  margin-right: -4rem; }

.p0 {
  padding: 0; }

.pt0 {
  padding-top: 0; }

.pr0 {
  padding-right: 0; }

.pb0 {
  padding-bottom: 0; }

.pl0 {
  padding-left: 0; }

.p1 {
  padding: 0.5rem; }

.pt1 {
  padding-top: 0.5rem; }

.pr1 {
  padding-right: 0.5rem; }

.pb1 {
  padding-bottom: 0.5rem; }

.pl1 {
  padding-left: 0.5rem; }

.px1 {
  padding-left: .5rem;
  padding-right: 0.5rem; }

.py1 {
  padding-top: .5rem;
  padding-bottom: 0.5rem; }

.p2 {
  padding: 1rem; }

.pt2 {
  padding-top: 1rem; }

.pr2 {
  padding-right: 1rem; }

.pb2 {
  padding-bottom: 1rem; }

.pl2 {
  padding-left: 1rem; }

.px2 {
  padding-left: 1rem;
  padding-right: 1rem; }

.py2 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.p3 {
  padding: 2rem; }

.pt3 {
  padding-top: 2rem; }

.pr3 {
  padding-right: 2rem; }

.pb3 {
  padding-bottom: 2rem; }

.pl3 {
  padding-left: 2rem; }

.px3 {
  padding-left: 2rem;
  padding-right: 2rem; }

.py3 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.p4 {
  padding: 4rem; }

.pt4 {
  padding-top: 4rem; }

.pr4 {
  padding-right: 4rem; }

.pb4 {
  padding-bottom: 4rem; }

.pl4 {
  padding-left: 4rem; }

.px4 {
  padding-left: 4rem;
  padding-right: 4rem; }

.py4 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.db {
  display: block; }

.dib {
  display: inline-block; }

.di {
  display: inline; }

.dt {
  display: table; }

.dtc {
  display: table-cell; }

.fl {
  float: left; }

.fr {
  float: right; }

.oh {
  overflow: hidden; }

.c1 {
  box-sizing: border-box;
  width: 8.33333%; }

.c2 {
  box-sizing: border-box;
  width: 16.66667%; }

.c3 {
  box-sizing: border-box;
  width: 25%; }

.c4 {
  box-sizing: border-box;
  width: 33.33333%; }

.c5 {
  box-sizing: border-box;
  width: 41.66667%; }

.c6 {
  box-sizing: border-box;
  width: 50%; }

.c7 {
  box-sizing: border-box;
  width: 58.33333%; }

.c8 {
  box-sizing: border-box;
  width: 66.66667%; }

.c9 {
  box-sizing: border-box;
  width: 75%; }

.c10 {
  box-sizing: border-box;
  width: 83.33333%; }

.c11 {
  box-sizing: border-box;
  width: 91.66667%; }

.c12 {
  box-sizing: border-box;
  width: 100%; }

/** other helper classes **/
.clear {
  clear: both; }

.lalign {
  text-align: left !important; }

.ralign {
  text-align: right !important; }

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

.hidden {
  display: none !important;
  visibility: hidden; }

*[hidden] {
  display: none !important; }

.invisible {
  visibility: hidden; }

.vabottom {
  vertical-align: bottom; }

/** flexbox helper **/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: auto; }
  .no-flexbox .flex {
    display: table;
    width: 100%; }
    .no-flexbox .flex > * {
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
      .no-flexbox .flex > *:first-child {
        text-align: left; }
      .no-flexbox .flex > *:last-child {
        text-align: right; }
  .flex:before, .flex:after {
    display: none;
    clear: none; }

.flex-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch; }

.flex-col {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .no-flexbox .flex-col > * {
    display: table-row;
    text-align: inherit; }

.flex-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }
  .no-flexbox .flex-end > * {
    vertical-align: bottom; }

.flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }
  .no-flexbox .flex-start > * {
    vertical-align: top; }

/*additional css */
.hero h1 {
	margin-bottom: 40px;
}
.hero h2 {
	font-size:  3.5em;
    color: #d7b46a;
    text-shadow: 2px 2px 0 #1a1a18, 3px 3px 0 rgba(255, 255, 255, 0.4);
	line-height: 1.3;
}
.hero figure .heroImg {
	display: none !important;
}
.hero .showMore {
	display: none;
}
.hero figcaption {
	padding: 0 30px;
}
@media screen and (min-width: 48em) {
	.hero h2 {
		font-size:  2.5em;
	}
	.hero h1 {
		margin-bottom: 60px;
	}
}