/*!
Theme Name: Canada Malting
Description: This is your sites theme :D
Author: FLIPP Advertising
Author URI: https://thinkflipp.com
Version: 1.0
Template: flipp
Text Domain: canadamalting
*/
/**
* FONTS
*/
@import url("https://use.typekit.net/qqh2ofu.css");
@font-face {
  font-family: 'ddc_hardwarecondensed';
  src: url("assets/fonts/ddchardware-condensed-webfont.woff2") format("woff2"), url("assets/fonts/ddchardware-condensed-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ddc_hardware_regularregular';
  src: url("assets/fonts/ddchardware-regular-webfont.woff2") format("woff2"), url("assets/fonts/ddchardware-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/**
* SIZES
*/
/**
* FONT FAMILIES
*/
/**
* COLORS
*/
/**
* ICONS
*/
/*
 * MIXINS
 * =========== */
/*!
Theme Name: Flipp Theme Framework
Description: This is the framework that your theme is built on, please do not delete or activate this theme, it will break your site.
Author: FLIPP Advertising
Author URI: https://thinkflipp.com
Version: 1.0
Text Domain: flipp
*/
/*
 * Mixins ---
 * -------------------------- */
/* ###################################
 A FEW HELPERS
####################################*/
/** VARIABLES CREATED BY INIT FUNCTION **/
.pad {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media screen and (min-width: 480px) {
    .pad {
      padding-top: calc((0.04375 * (100vw - 480px)) + 40px); } }
  @media screen and (min-width: 1280px) {
    .pad {
      padding-top: 75px; } }
  @media screen and (min-width: 480px) {
    .pad {
      padding-bottom: calc((0.04375 * (100vw - 480px)) + 40px); } }
  @media screen and (min-width: 1280px) {
    .pad {
      padding-bottom: 75px; } }
  .pad-top {
    padding-top: 40px; }
    @media screen and (min-width: 480px) {
      .pad-top {
        padding-top: calc((0.04375 * (100vw - 480px)) + 40px); } }
    @media screen and (min-width: 1280px) {
      .pad-top {
        padding-top: 75px; } }
  .pad-bottom {
    padding-bottom: 40px; }
    @media screen and (min-width: 480px) {
      .pad-bottom {
        padding-bottom: calc((0.04375 * (100vw - 480px)) + 40px); } }
    @media screen and (min-width: 1280px) {
      .pad-bottom {
        padding-bottom: 75px; } }
  .pad-small {
    padding-top: 20px;
    padding-bottom: 20px; }
    @media screen and (min-width: 480px) {
      .pad-small {
        padding-top: calc((0.02187 * (100vw - 480px)) + 20px); } }
    @media screen and (min-width: 1280px) {
      .pad-small {
        padding-top: 37.5px; } }
    @media screen and (min-width: 480px) {
      .pad-small {
        padding-bottom: calc((0.02187 * (100vw - 480px)) + 20px); } }
    @media screen and (min-width: 1280px) {
      .pad-small {
        padding-bottom: 37.5px; } }
    .pad-small-top {
      padding-top: 20px; }
      @media screen and (min-width: 480px) {
        .pad-small-top {
          padding-top: calc((0.02187 * (100vw - 480px)) + 20px); } }
      @media screen and (min-width: 1280px) {
        .pad-small-top {
          padding-top: 37.5px; } }
    .pad-small-bottom {
      padding-bottom: 20px; }
      @media screen and (min-width: 480px) {
        .pad-small-bottom {
          padding-bottom: calc((0.02187 * (100vw - 480px)) + 20px); } }
      @media screen and (min-width: 1280px) {
        .pad-small-bottom {
          padding-bottom: 37.5px; } }

.margin {
  margin-top: 40px;
  margin-bottom: 40px; }
  @media screen and (min-width: 480px) {
    .margin {
      margin-top: calc((0.04375 * (100vw - 480px)) + 40px); } }
  @media screen and (min-width: 1280px) {
    .margin {
      margin-top: 75px; } }
  @media screen and (min-width: 480px) {
    .margin {
      margin-bottom: calc((0.04375 * (100vw - 480px)) + 40px); } }
  @media screen and (min-width: 1280px) {
    .margin {
      margin-bottom: 75px; } }
  .margin-top {
    margin-top: 40px; }
    @media screen and (min-width: 480px) {
      .margin-top {
        margin-top: calc((0.04375 * (100vw - 480px)) + 40px); } }
    @media screen and (min-width: 1280px) {
      .margin-top {
        margin-top: 75px; } }
  .margin-bottom {
    margin-bottom: 40px; }
    @media screen and (min-width: 480px) {
      .margin-bottom {
        margin-bottom: calc((0.04375 * (100vw - 480px)) + 40px); } }
    @media screen and (min-width: 1280px) {
      .margin-bottom {
        margin-bottom: 75px; } }
  .margin-small {
    margin-top: 20px;
    margin-bottom: 20px; }
    @media screen and (min-width: 480px) {
      .margin-small {
        margin-top: calc((0.02187 * (100vw - 480px)) + 20px); } }
    @media screen and (min-width: 1280px) {
      .margin-small {
        margin-top: 37.5px; } }
    @media screen and (min-width: 480px) {
      .margin-small {
        margin-bottom: calc((0.02187 * (100vw - 480px)) + 20px); } }
    @media screen and (min-width: 1280px) {
      .margin-small {
        margin-bottom: 37.5px; } }
    .margin-small-top {
      margin-top: 20px; }
      @media screen and (min-width: 480px) {
        .margin-small-top {
          margin-top: calc((0.02187 * (100vw - 480px)) + 20px); } }
      @media screen and (min-width: 1280px) {
        .margin-small-top {
          margin-top: 37.5px; } }
    .margin-small-bottom {
      margin-bottom: 20px; }
      @media screen and (min-width: 480px) {
        .margin-small-bottom {
          margin-bottom: calc((0.02187 * (100vw - 480px)) + 20px); } }
      @media screen and (min-width: 1280px) {
        .margin-small-bottom {
          margin-bottom: 37.5px; } }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/*
 * Base Styles
 * ============= */
* {
  box-sizing: border-box; }

html,
html a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

html {
  height: 100%; }

body {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100%;
  min-width: 320px;
  color: #1E1E1E;
  background-position: center;
  background-color: #ffffff;
  font-family: "muli", sans-serif;
  font-size: 16px;
  line-height: 1.875;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto; }

figure img {
  max-width: 100%;
  max-height: 100%; }

section {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 0; }

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #1E1E1E;
  color: white;
  text-shadow: none; }

::selection {
  background: #1E1E1E;
  color: white;
  text-shadow: none; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Fix default figure styles
 */
figure {
  margin: 0; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/*
 * Reset link color to inherit so it is pulled from the parent styles.
 */
a {
  color: inherit;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

/*
 * Reset link color to inherit so it is pulled from the parent styles.
 */
li,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.inline {
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: inherit;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  vertical-align: baseline;
  color: inherit;
  background-color: transparent;
  text-decoration: none; }
  li:last-child,
  dt:last-child,
  dd:last-child,
  p:last-child,
  h1:last-child,
  h2:last-child,
  h3:last-child,
  h4:last-child,
  h5:last-child,
  h6:last-child,
  .inline:last-child {
    margin-bottom: 0; }

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: baseline;
  background-color: transparent; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/*
 * Typography Styles
 * ================= */
/*
 * Page Layout
 * =========== */
.container {
  display: block;
  max-width: 1280px;
  min-width: 280px;
  width: 87.5%;
  margin: 0 auto; }

[class*="aspect-"].aspect-2x1::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 50%; }

[class*="aspect-"].aspect-16x9::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 56.25%; }

[class*="aspect-"].aspect-16x10::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 62.5%; }

[class*="aspect-"].aspect-4x3::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 75%; }

[class*="aspect-"].aspect-1x1::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 100%; }

[class*="aspect-"].aspect-3x4::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 133.333334%; }

[class*="aspect-"].aspect-10x16::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 160%; }

[class*="aspect-"].aspect-9x16::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 177.7777778%; }

[class*="aspect-"].aspect-1x2::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 200%; }

/**
* Canada Malting Imported ***
*/
.cols {
  margin-left: -10px;
  margin-right: -10px; }
  .cols::before, .cols::after {
    content: ' ';
    display: table;
    width: 100%; }
  .cols::after {
    clear: both; }
  @media screen and (max-width: 479px) {
    .cols {
      margin-left: 0;
      margin-right: 0; } }
  .cols.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .cols.flex .top {
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start; }
    .cols.flex .middle {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; }
    .cols.flex .bottom {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; }
    .cols.flex.images > * {
      min-height: 230px; }
      @media screen and (min-width: 768px) {
        .cols.flex.images > * {
          min-height: calc((0.37109 * (100vw - 768px)) + 230px); } }
      @media screen and (min-width: 1280px) {
        .cols.flex.images > * {
          min-height: 420px; } }
    .cols.flex.reverse {
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
    .cols.flex.space-between {
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  @media screen and (min-width: 960px) {
    .cols.margin-bottom {
      margin-bottom: 60px; } }
  @media screen and (min-width: 960px) {
    .cols:only-child > .col,
    .cols:only-child [class*="col-"] {
      margin-bottom: 0; } }
  .cols > .col,
  .cols [class*="col-"] {
    display: block;
    vertical-align: middle;
    width: calc(100% - 20px);
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px;
    float: left; }
    .cols > .col:last-child,
    .cols [class*="col-"]:last-child {
      margin-bottom: 0; }
    .cols > .col.imagebg,
    .cols [class*="col-"].imagebg {
      background-size: cover;
      background-position: center; }
    .cols > .col.flex,
    .cols [class*="col-"].flex {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .cols > .col.flex.column,
      .cols [class*="col-"].flex.column {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        .cols > .col.flex.column .bottom,
        .cols [class*="col-"].flex.column .bottom {
          -webkit-align-self: flex-start;
              -ms-flex-item-align: start;
                  align-self: flex-start;
          margin-top: auto; }
    @media screen and (max-width: 479px) {
      .cols > .col,
      .cols [class*="col-"] {
        margin-left: 0;
        margin-right: 0;
        width: 100%; } }
    @media screen and (min-width: 960px) {
      .cols > .col,
      .cols [class*="col-"] {
        margin-bottom: 0; } }
  .cols > .col-1 {
    width: calc(8.33333% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-1 {
      margin-left: calc(8.33333% + ( 10px )); }
    .cols > .push-1 {
      margin-right: calc(8.33333% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  .cols > .col-2 {
    width: calc(16.66667% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-2 {
      margin-left: calc(16.66667% + ( 10px )); }
    .cols > .push-2 {
      margin-right: calc(16.66667% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  .cols > .col-3 {
    width: calc(25% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-3 {
      margin-left: calc(25% + ( 10px )); }
    .cols > .push-3 {
      margin-right: calc(25% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  .cols > .col-4 {
    width: calc(33.33333% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-4 {
      margin-left: calc(33.33333% + ( 10px )); }
    .cols > .push-4 {
      margin-right: calc(33.33333% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  .cols > .col-5 {
    width: calc(41.66667% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-5 {
      margin-left: calc(41.66667% + ( 10px )); }
    .cols > .push-5 {
      margin-right: calc(41.66667% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  .cols > .col-6 {
    width: calc(50% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-6 {
      margin-left: calc(50% + ( 10px )); }
    .cols > .push-6 {
      margin-right: calc(50% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  .cols > .col-7 {
    width: calc(58.33333% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-7 {
      margin-left: calc(58.33333% + ( 10px )); }
    .cols > .push-7 {
      margin-right: calc(58.33333% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  .cols > .col-8 {
    width: calc(66.66667% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-8 {
      margin-left: calc(66.66667% + ( 10px )); }
    .cols > .push-8 {
      margin-right: calc(66.66667% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  .cols > .col-9 {
    width: calc(75% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-9 {
      margin-left: calc(75% + ( 10px )); }
    .cols > .push-9 {
      margin-right: calc(75% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  .cols > .col-10 {
    width: calc(83.33333% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-10 {
      margin-left: calc(83.33333% + ( 10px )); }
    .cols > .push-10 {
      margin-right: calc(83.33333% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  .cols > .col-11 {
    width: calc(91.66667% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-11 {
      margin-left: calc(91.66667% + ( 10px )); }
    .cols > .push-11 {
      margin-right: calc(91.66667% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  .cols > .col-12 {
    width: calc(100% - 20px); }
  @media screen and (min-width: 960px) {
    .cols > .padd-12 {
      margin-left: calc(100% + ( 10px )); }
    .cols > .push-12 {
      margin-right: calc(100% + ( 10px )); } }
  .cols > .panel {
    padding: 20px;
    border: 1px solid #1E1E1E;
    background-color: #1E1E1E;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #ccc; }
  @media screen and (min-width: 480px) {
    .cols > .small-left {
      float: left; }
    .cols > .small-right {
      float: right; }
    .cols > .small-hide {
      display: none; }
    .cols > .small-padd-none {
      margin-left: 10px; }
    .cols > .small-push-none {
      margin-right: 10px; }
    .cols > .small-panel {
      padding: 20px;
      border: 1px solid #1E1E1E;
      background-color: #1E1E1E;
      border-radius: 4px;
      box-shadow: inset 1px 1px 0 0 #ccc; }
    .cols > .small-nopanel {
      padding: 0;
      border: 0;
      background-color: transparent;
      border-radius: 0;
      box-shadow: none; } }
  @media screen and (min-width: 480px) {
    .cols > .small-1 {
      display: block;
      width: calc(8.33333% - 20px); }
    .cols > .small-padd-1 {
      margin-left: calc(8.33333% + ( 10px )); }
    .cols > .small-push-1 {
      margin-right: calc(8.33333% + ( 10px )); } }
  @media screen and (min-width: 480px) {
    .cols > .small-2 {
      display: block;
      width: calc(16.66667% - 20px); }
    .cols > .small-padd-2 {
      margin-left: calc(16.66667% + ( 10px )); }
    .cols > .small-push-2 {
      margin-right: calc(16.66667% + ( 10px )); } }
  @media screen and (min-width: 480px) {
    .cols > .small-3 {
      display: block;
      width: calc(25% - 20px); }
    .cols > .small-padd-3 {
      margin-left: calc(25% + ( 10px )); }
    .cols > .small-push-3 {
      margin-right: calc(25% + ( 10px )); } }
  @media screen and (min-width: 480px) {
    .cols > .small-4 {
      display: block;
      width: calc(33.33333% - 20px); }
    .cols > .small-padd-4 {
      margin-left: calc(33.33333% + ( 10px )); }
    .cols > .small-push-4 {
      margin-right: calc(33.33333% + ( 10px )); } }
  @media screen and (min-width: 480px) {
    .cols > .small-5 {
      display: block;
      width: calc(41.66667% - 20px); }
    .cols > .small-padd-5 {
      margin-left: calc(41.66667% + ( 10px )); }
    .cols > .small-push-5 {
      margin-right: calc(41.66667% + ( 10px )); } }
  @media screen and (min-width: 480px) {
    .cols > .small-6 {
      display: block;
      width: calc(50% - 20px); }
    .cols > .small-padd-6 {
      margin-left: calc(50% + ( 10px )); }
    .cols > .small-push-6 {
      margin-right: calc(50% + ( 10px )); } }
  @media screen and (min-width: 480px) {
    .cols > .small-7 {
      display: block;
      width: calc(58.33333% - 20px); }
    .cols > .small-padd-7 {
      margin-left: calc(58.33333% + ( 10px )); }
    .cols > .small-push-7 {
      margin-right: calc(58.33333% + ( 10px )); } }
  @media screen and (min-width: 480px) {
    .cols > .small-8 {
      display: block;
      width: calc(66.66667% - 20px); }
    .cols > .small-padd-8 {
      margin-left: calc(66.66667% + ( 10px )); }
    .cols > .small-push-8 {
      margin-right: calc(66.66667% + ( 10px )); } }
  @media screen and (min-width: 480px) {
    .cols > .small-9 {
      display: block;
      width: calc(75% - 20px); }
    .cols > .small-padd-9 {
      margin-left: calc(75% + ( 10px )); }
    .cols > .small-push-9 {
      margin-right: calc(75% + ( 10px )); } }
  @media screen and (min-width: 480px) {
    .cols > .small-10 {
      display: block;
      width: calc(83.33333% - 20px); }
    .cols > .small-padd-10 {
      margin-left: calc(83.33333% + ( 10px )); }
    .cols > .small-push-10 {
      margin-right: calc(83.33333% + ( 10px )); } }
  @media screen and (min-width: 480px) {
    .cols > .small-11 {
      display: block;
      width: calc(91.66667% - 20px); }
    .cols > .small-padd-11 {
      margin-left: calc(91.66667% + ( 10px )); }
    .cols > .small-push-11 {
      margin-right: calc(91.66667% + ( 10px )); } }
  @media screen and (min-width: 480px) {
    .cols > .small-12 {
      display: block;
      width: calc(100% - 20px); }
    .cols > .small-padd-12 {
      margin-left: calc(100% + ( 10px )); }
    .cols > .small-push-12 {
      margin-right: calc(100% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-left {
      float: left; }
    .cols > .medium-right {
      float: right; }
    .cols > .medium-hide {
      display: none; }
    .cols > .medium-padd-none {
      margin-left: 10px; }
    .cols > .medium-push-none {
      margin-right: 10px; }
    .cols > .medium-panel {
      padding: 20px;
      border: 1px solid #1E1E1E;
      background-color: #1E1E1E;
      border-radius: 4px;
      box-shadow: inset 1px 1px 0 0 #ccc; }
    .cols > .medium-nopanel {
      padding: 0;
      border: 0;
      background-color: transparent;
      border-radius: 0;
      box-shadow: none; } }
  @media screen and (min-width: 768px) {
    .cols > .medium-1 {
      display: block;
      width: calc(8.33333% - 20px); }
    .cols > .medium-padd-1 {
      margin-left: calc(8.33333% + ( 10px )); }
    .cols > .medium-push-1 {
      margin-right: calc(8.33333% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-2 {
      display: block;
      width: calc(16.66667% - 20px); }
    .cols > .medium-padd-2 {
      margin-left: calc(16.66667% + ( 10px )); }
    .cols > .medium-push-2 {
      margin-right: calc(16.66667% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-3 {
      display: block;
      width: calc(25% - 20px); }
    .cols > .medium-padd-3 {
      margin-left: calc(25% + ( 10px )); }
    .cols > .medium-push-3 {
      margin-right: calc(25% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-4 {
      display: block;
      width: calc(33.33333% - 20px); }
    .cols > .medium-padd-4 {
      margin-left: calc(33.33333% + ( 10px )); }
    .cols > .medium-push-4 {
      margin-right: calc(33.33333% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-5 {
      display: block;
      width: calc(41.66667% - 20px); }
    .cols > .medium-padd-5 {
      margin-left: calc(41.66667% + ( 10px )); }
    .cols > .medium-push-5 {
      margin-right: calc(41.66667% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-6 {
      display: block;
      width: calc(50% - 20px); }
    .cols > .medium-padd-6 {
      margin-left: calc(50% + ( 10px )); }
    .cols > .medium-push-6 {
      margin-right: calc(50% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-7 {
      display: block;
      width: calc(58.33333% - 20px); }
    .cols > .medium-padd-7 {
      margin-left: calc(58.33333% + ( 10px )); }
    .cols > .medium-push-7 {
      margin-right: calc(58.33333% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-8 {
      display: block;
      width: calc(66.66667% - 20px); }
    .cols > .medium-padd-8 {
      margin-left: calc(66.66667% + ( 10px )); }
    .cols > .medium-push-8 {
      margin-right: calc(66.66667% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-9 {
      display: block;
      width: calc(75% - 20px); }
    .cols > .medium-padd-9 {
      margin-left: calc(75% + ( 10px )); }
    .cols > .medium-push-9 {
      margin-right: calc(75% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-10 {
      display: block;
      width: calc(83.33333% - 20px); }
    .cols > .medium-padd-10 {
      margin-left: calc(83.33333% + ( 10px )); }
    .cols > .medium-push-10 {
      margin-right: calc(83.33333% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-11 {
      display: block;
      width: calc(91.66667% - 20px); }
    .cols > .medium-padd-11 {
      margin-left: calc(91.66667% + ( 10px )); }
    .cols > .medium-push-11 {
      margin-right: calc(91.66667% + ( 10px )); } }
  @media screen and (min-width: 768px) {
    .cols > .medium-12 {
      display: block;
      width: calc(100% - 20px); }
    .cols > .medium-padd-12 {
      margin-left: calc(100% + ( 10px )); }
    .cols > .medium-push-12 {
      margin-right: calc(100% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-left {
      float: left; }
    .cols > .large-right {
      float: right; }
    .cols > .large-hide {
      display: none; }
    .cols > .large-padd-none {
      margin-left: 10px; }
    .cols > .large-push-none {
      margin-right: 10px; }
    .cols > .large-panel {
      padding: 20px;
      border: 1px solid #1E1E1E;
      background-color: #1E1E1E;
      border-radius: 4px;
      box-shadow: inset 1px 1px 0 0 #ccc; }
    .cols > .large-nopanel {
      padding: 0;
      border: 0;
      background-color: transparent;
      border-radius: 0;
      box-shadow: none; } }
  @media screen and (min-width: 960px) {
    .cols > .large-1 {
      display: block;
      width: calc(8.33333% - 20px); }
    .cols > .large-padd-1 {
      margin-left: calc(8.33333% + ( 10px )); }
    .cols > .large-push-1 {
      margin-right: calc(8.33333% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-2 {
      display: block;
      width: calc(16.66667% - 20px); }
    .cols > .large-padd-2 {
      margin-left: calc(16.66667% + ( 10px )); }
    .cols > .large-push-2 {
      margin-right: calc(16.66667% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-3 {
      display: block;
      width: calc(25% - 20px); }
    .cols > .large-padd-3 {
      margin-left: calc(25% + ( 10px )); }
    .cols > .large-push-3 {
      margin-right: calc(25% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-4 {
      display: block;
      width: calc(33.33333% - 20px); }
    .cols > .large-padd-4 {
      margin-left: calc(33.33333% + ( 10px )); }
    .cols > .large-push-4 {
      margin-right: calc(33.33333% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-5 {
      display: block;
      width: calc(41.66667% - 20px); }
    .cols > .large-padd-5 {
      margin-left: calc(41.66667% + ( 10px )); }
    .cols > .large-push-5 {
      margin-right: calc(41.66667% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-6 {
      display: block;
      width: calc(50% - 20px); }
    .cols > .large-padd-6 {
      margin-left: calc(50% + ( 10px )); }
    .cols > .large-push-6 {
      margin-right: calc(50% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-7 {
      display: block;
      width: calc(58.33333% - 20px); }
    .cols > .large-padd-7 {
      margin-left: calc(58.33333% + ( 10px )); }
    .cols > .large-push-7 {
      margin-right: calc(58.33333% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-8 {
      display: block;
      width: calc(66.66667% - 20px); }
    .cols > .large-padd-8 {
      margin-left: calc(66.66667% + ( 10px )); }
    .cols > .large-push-8 {
      margin-right: calc(66.66667% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-9 {
      display: block;
      width: calc(75% - 20px); }
    .cols > .large-padd-9 {
      margin-left: calc(75% + ( 10px )); }
    .cols > .large-push-9 {
      margin-right: calc(75% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-10 {
      display: block;
      width: calc(83.33333% - 20px); }
    .cols > .large-padd-10 {
      margin-left: calc(83.33333% + ( 10px )); }
    .cols > .large-push-10 {
      margin-right: calc(83.33333% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-11 {
      display: block;
      width: calc(91.66667% - 20px); }
    .cols > .large-padd-11 {
      margin-left: calc(91.66667% + ( 10px )); }
    .cols > .large-push-11 {
      margin-right: calc(91.66667% + ( 10px )); } }
  @media screen and (min-width: 960px) {
    .cols > .large-12 {
      display: block;
      width: calc(100% - 20px); }
    .cols > .large-padd-12 {
      margin-left: calc(100% + ( 10px )); }
    .cols > .large-push-12 {
      margin-right: calc(100% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-left {
      float: left; }
    .cols > .larger-right {
      float: right; }
    .cols > .larger-hide {
      display: none; }
    .cols > .larger-padd-none {
      margin-left: 10px; }
    .cols > .larger-push-none {
      margin-right: 10px; }
    .cols > .larger-panel {
      padding: 20px;
      border: 1px solid #1E1E1E;
      background-color: #1E1E1E;
      border-radius: 4px;
      box-shadow: inset 1px 1px 0 0 #ccc; }
    .cols > .larger-nopanel {
      padding: 0;
      border: 0;
      background-color: transparent;
      border-radius: 0;
      box-shadow: none; } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-1 {
      display: block;
      width: calc(8.33333% - 20px); }
    .cols > .larger-padd-1 {
      margin-left: calc(8.33333% + ( 10px )); }
    .cols > .larger-push-1 {
      margin-right: calc(8.33333% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-2 {
      display: block;
      width: calc(16.66667% - 20px); }
    .cols > .larger-padd-2 {
      margin-left: calc(16.66667% + ( 10px )); }
    .cols > .larger-push-2 {
      margin-right: calc(16.66667% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-3 {
      display: block;
      width: calc(25% - 20px); }
    .cols > .larger-padd-3 {
      margin-left: calc(25% + ( 10px )); }
    .cols > .larger-push-3 {
      margin-right: calc(25% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-4 {
      display: block;
      width: calc(33.33333% - 20px); }
    .cols > .larger-padd-4 {
      margin-left: calc(33.33333% + ( 10px )); }
    .cols > .larger-push-4 {
      margin-right: calc(33.33333% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-5 {
      display: block;
      width: calc(41.66667% - 20px); }
    .cols > .larger-padd-5 {
      margin-left: calc(41.66667% + ( 10px )); }
    .cols > .larger-push-5 {
      margin-right: calc(41.66667% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-6 {
      display: block;
      width: calc(50% - 20px); }
    .cols > .larger-padd-6 {
      margin-left: calc(50% + ( 10px )); }
    .cols > .larger-push-6 {
      margin-right: calc(50% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-7 {
      display: block;
      width: calc(58.33333% - 20px); }
    .cols > .larger-padd-7 {
      margin-left: calc(58.33333% + ( 10px )); }
    .cols > .larger-push-7 {
      margin-right: calc(58.33333% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-8 {
      display: block;
      width: calc(66.66667% - 20px); }
    .cols > .larger-padd-8 {
      margin-left: calc(66.66667% + ( 10px )); }
    .cols > .larger-push-8 {
      margin-right: calc(66.66667% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-9 {
      display: block;
      width: calc(75% - 20px); }
    .cols > .larger-padd-9 {
      margin-left: calc(75% + ( 10px )); }
    .cols > .larger-push-9 {
      margin-right: calc(75% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-10 {
      display: block;
      width: calc(83.33333% - 20px); }
    .cols > .larger-padd-10 {
      margin-left: calc(83.33333% + ( 10px )); }
    .cols > .larger-push-10 {
      margin-right: calc(83.33333% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-11 {
      display: block;
      width: calc(91.66667% - 20px); }
    .cols > .larger-padd-11 {
      margin-left: calc(91.66667% + ( 10px )); }
    .cols > .larger-push-11 {
      margin-right: calc(91.66667% + ( 10px )); } }
  @media screen and (min-width: 1024px) {
    .cols > .larger-12 {
      display: block;
      width: calc(100% - 20px); }
    .cols > .larger-padd-12 {
      margin-left: calc(100% + ( 10px )); }
    .cols > .larger-push-12 {
      margin-right: calc(100% + ( 10px )); } }

[class*="grid"] {
  display: block;
  width: calc(100% + 20px);
  margin: 0 0 0 -20px; }
  [class*="grid"]::before, [class*="grid"]::after {
    content: ' ';
    display: table;
    width: 100%; }
  [class*="grid"]::after {
    clear: both; }
  [class*="grid"] > * {
    display: block;
    width: calc(100% - 20px);
    height: auto;
    margin: 0 0 20px 20px;
    float: left; }
  [class*="grid"].grid-2 > *:nth-child(2n+1) {
    clear: both;
    width: calc(50% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-2 > *:nth-child(2n+1):last-child {
      width: calc(100% - 20px); }
  [class*="grid"].grid-2 > *:nth-child(2n+2) {
    clear: none;
    width: calc(50% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-2 > *:nth-child(2n+2):last-child {
      width: calc(50% - 20px); }
  [class*="grid"].grid-3 > *:nth-child(3n+1) {
    clear: both;
    width: calc(33.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-3 > *:nth-child(3n+1):last-child {
      width: calc(100% - 20px); }
  [class*="grid"].grid-3 > *:nth-child(3n+2) {
    clear: none;
    width: calc(33.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-3 > *:nth-child(3n+2):last-child {
      width: calc(33.33333% - 20px); }
  [class*="grid"].grid-3 > *:nth-child(3n+3) {
    clear: none;
    width: calc(33.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-3 > *:nth-child(3n+3):last-child {
      width: calc(33.33333% - 20px); }
  [class*="grid"].grid-4 > *:nth-child(4n+1) {
    clear: both;
    width: calc(25% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-4 > *:nth-child(4n+1):last-child {
      width: calc(100% - 20px); }
  [class*="grid"].grid-4 > *:nth-child(4n+2) {
    clear: none;
    width: calc(25% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-4 > *:nth-child(4n+2):last-child {
      width: calc(25% - 20px); }
  [class*="grid"].grid-4 > *:nth-child(4n+3) {
    clear: none;
    width: calc(25% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-4 > *:nth-child(4n+3):last-child {
      width: calc(25% - 20px); }
  [class*="grid"].grid-4 > *:nth-child(4n+4) {
    clear: none;
    width: calc(25% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-4 > *:nth-child(4n+4):last-child {
      width: calc(25% - 20px); }
  [class*="grid"].grid-5 > *:nth-child(5n+1) {
    clear: both;
    width: calc(20% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-5 > *:nth-child(5n+1):last-child {
      width: calc(100% - 20px); }
  [class*="grid"].grid-5 > *:nth-child(5n+2) {
    clear: none;
    width: calc(20% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-5 > *:nth-child(5n+2):last-child {
      width: calc(20% - 20px); }
  [class*="grid"].grid-5 > *:nth-child(5n+3) {
    clear: none;
    width: calc(20% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-5 > *:nth-child(5n+3):last-child {
      width: calc(20% - 20px); }
  [class*="grid"].grid-5 > *:nth-child(5n+4) {
    clear: none;
    width: calc(20% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-5 > *:nth-child(5n+4):last-child {
      width: calc(20% - 20px); }
  [class*="grid"].grid-5 > *:nth-child(5n+5) {
    clear: none;
    width: calc(20% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-5 > *:nth-child(5n+5):last-child {
      width: calc(20% - 20px); }
  [class*="grid"].grid-6 > *:nth-child(6n+1) {
    clear: both;
    width: calc(16.66667% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-6 > *:nth-child(6n+1):last-child {
      width: calc(100% - 20px); }
  [class*="grid"].grid-6 > *:nth-child(6n+2) {
    clear: none;
    width: calc(16.66667% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-6 > *:nth-child(6n+2):last-child {
      width: calc(16.66667% - 20px); }
  [class*="grid"].grid-6 > *:nth-child(6n+3) {
    clear: none;
    width: calc(16.66667% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-6 > *:nth-child(6n+3):last-child {
      width: calc(16.66667% - 20px); }
  [class*="grid"].grid-6 > *:nth-child(6n+4) {
    clear: none;
    width: calc(16.66667% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-6 > *:nth-child(6n+4):last-child {
      width: calc(16.66667% - 20px); }
  [class*="grid"].grid-6 > *:nth-child(6n+5) {
    clear: none;
    width: calc(16.66667% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-6 > *:nth-child(6n+5):last-child {
      width: calc(16.66667% - 20px); }
  [class*="grid"].grid-6 > *:nth-child(6n+6) {
    clear: none;
    width: calc(16.66667% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-6 > *:nth-child(6n+6):last-child {
      width: calc(16.66667% - 20px); }
  [class*="grid"].grid-7 > *:nth-child(7n+1) {
    clear: both;
    width: calc(14.28571% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-7 > *:nth-child(7n+1):last-child {
      width: calc(100% - 20px); }
  [class*="grid"].grid-7 > *:nth-child(7n+2) {
    clear: none;
    width: calc(14.28571% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-7 > *:nth-child(7n+2):last-child {
      width: calc(14.28571% - 20px); }
  [class*="grid"].grid-7 > *:nth-child(7n+3) {
    clear: none;
    width: calc(14.28571% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-7 > *:nth-child(7n+3):last-child {
      width: calc(14.28571% - 20px); }
  [class*="grid"].grid-7 > *:nth-child(7n+4) {
    clear: none;
    width: calc(14.28571% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-7 > *:nth-child(7n+4):last-child {
      width: calc(14.28571% - 20px); }
  [class*="grid"].grid-7 > *:nth-child(7n+5) {
    clear: none;
    width: calc(14.28571% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-7 > *:nth-child(7n+5):last-child {
      width: calc(14.28571% - 20px); }
  [class*="grid"].grid-7 > *:nth-child(7n+6) {
    clear: none;
    width: calc(14.28571% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-7 > *:nth-child(7n+6):last-child {
      width: calc(14.28571% - 20px); }
  [class*="grid"].grid-7 > *:nth-child(7n+7) {
    clear: none;
    width: calc(14.28571% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-7 > *:nth-child(7n+7):last-child {
      width: calc(14.28571% - 20px); }
  [class*="grid"].grid-8 > *:nth-child(8n+1) {
    clear: both;
    width: calc(12.5% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-8 > *:nth-child(8n+1):last-child {
      width: calc(100% - 20px); }
  [class*="grid"].grid-8 > *:nth-child(8n+2) {
    clear: none;
    width: calc(12.5% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-8 > *:nth-child(8n+2):last-child {
      width: calc(12.5% - 20px); }
  [class*="grid"].grid-8 > *:nth-child(8n+3) {
    clear: none;
    width: calc(12.5% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-8 > *:nth-child(8n+3):last-child {
      width: calc(12.5% - 20px); }
  [class*="grid"].grid-8 > *:nth-child(8n+4) {
    clear: none;
    width: calc(12.5% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-8 > *:nth-child(8n+4):last-child {
      width: calc(12.5% - 20px); }
  [class*="grid"].grid-8 > *:nth-child(8n+5) {
    clear: none;
    width: calc(12.5% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-8 > *:nth-child(8n+5):last-child {
      width: calc(12.5% - 20px); }
  [class*="grid"].grid-8 > *:nth-child(8n+6) {
    clear: none;
    width: calc(12.5% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-8 > *:nth-child(8n+6):last-child {
      width: calc(12.5% - 20px); }
  [class*="grid"].grid-8 > *:nth-child(8n+7) {
    clear: none;
    width: calc(12.5% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-8 > *:nth-child(8n+7):last-child {
      width: calc(12.5% - 20px); }
  [class*="grid"].grid-8 > *:nth-child(8n+8) {
    clear: none;
    width: calc(12.5% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-8 > *:nth-child(8n+8):last-child {
      width: calc(12.5% - 20px); }
  [class*="grid"].grid-9 > *:nth-child(9n+1) {
    clear: both;
    width: calc(11.11111% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-9 > *:nth-child(9n+1):last-child {
      width: calc(100% - 20px); }
  [class*="grid"].grid-9 > *:nth-child(9n+2) {
    clear: none;
    width: calc(11.11111% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-9 > *:nth-child(9n+2):last-child {
      width: calc(11.11111% - 20px); }
  [class*="grid"].grid-9 > *:nth-child(9n+3) {
    clear: none;
    width: calc(11.11111% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-9 > *:nth-child(9n+3):last-child {
      width: calc(11.11111% - 20px); }
  [class*="grid"].grid-9 > *:nth-child(9n+4) {
    clear: none;
    width: calc(11.11111% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-9 > *:nth-child(9n+4):last-child {
      width: calc(11.11111% - 20px); }
  [class*="grid"].grid-9 > *:nth-child(9n+5) {
    clear: none;
    width: calc(11.11111% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-9 > *:nth-child(9n+5):last-child {
      width: calc(11.11111% - 20px); }
  [class*="grid"].grid-9 > *:nth-child(9n+6) {
    clear: none;
    width: calc(11.11111% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-9 > *:nth-child(9n+6):last-child {
      width: calc(11.11111% - 20px); }
  [class*="grid"].grid-9 > *:nth-child(9n+7) {
    clear: none;
    width: calc(11.11111% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-9 > *:nth-child(9n+7):last-child {
      width: calc(11.11111% - 20px); }
  [class*="grid"].grid-9 > *:nth-child(9n+8) {
    clear: none;
    width: calc(11.11111% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-9 > *:nth-child(9n+8):last-child {
      width: calc(11.11111% - 20px); }
  [class*="grid"].grid-9 > *:nth-child(9n+9) {
    clear: none;
    width: calc(11.11111% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-9 > *:nth-child(9n+9):last-child {
      width: calc(11.11111% - 20px); }
  [class*="grid"].grid-10 > *:nth-child(10n+1) {
    clear: both;
    width: calc(10% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-10 > *:nth-child(10n+1):last-child {
      width: calc(100% - 20px); }
  [class*="grid"].grid-10 > *:nth-child(10n+2) {
    clear: none;
    width: calc(10% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-10 > *:nth-child(10n+2):last-child {
      width: calc(10% - 20px); }
  [class*="grid"].grid-10 > *:nth-child(10n+3) {
    clear: none;
    width: calc(10% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-10 > *:nth-child(10n+3):last-child {
      width: calc(10% - 20px); }
  [class*="grid"].grid-10 > *:nth-child(10n+4) {
    clear: none;
    width: calc(10% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-10 > *:nth-child(10n+4):last-child {
      width: calc(10% - 20px); }
  [class*="grid"].grid-10 > *:nth-child(10n+5) {
    clear: none;
    width: calc(10% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-10 > *:nth-child(10n+5):last-child {
      width: calc(10% - 20px); }
  [class*="grid"].grid-10 > *:nth-child(10n+6) {
    clear: none;
    width: calc(10% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-10 > *:nth-child(10n+6):last-child {
      width: calc(10% - 20px); }
  [class*="grid"].grid-10 > *:nth-child(10n+7) {
    clear: none;
    width: calc(10% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-10 > *:nth-child(10n+7):last-child {
      width: calc(10% - 20px); }
  [class*="grid"].grid-10 > *:nth-child(10n+8) {
    clear: none;
    width: calc(10% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-10 > *:nth-child(10n+8):last-child {
      width: calc(10% - 20px); }
  [class*="grid"].grid-10 > *:nth-child(10n+9) {
    clear: none;
    width: calc(10% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-10 > *:nth-child(10n+9):last-child {
      width: calc(10% - 20px); }
  [class*="grid"].grid-10 > *:nth-child(10n+10) {
    clear: none;
    width: calc(10% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-10 > *:nth-child(10n+10):last-child {
      width: calc(10% - 20px); }
  [class*="grid"].grid-11 > *:nth-child(11n+1) {
    clear: both;
    width: calc(9.09091% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-11 > *:nth-child(11n+1):last-child {
      width: calc(100% - 20px); }
  [class*="grid"].grid-11 > *:nth-child(11n+2) {
    clear: none;
    width: calc(9.09091% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-11 > *:nth-child(11n+2):last-child {
      width: calc(9.09091% - 20px); }
  [class*="grid"].grid-11 > *:nth-child(11n+3) {
    clear: none;
    width: calc(9.09091% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-11 > *:nth-child(11n+3):last-child {
      width: calc(9.09091% - 20px); }
  [class*="grid"].grid-11 > *:nth-child(11n+4) {
    clear: none;
    width: calc(9.09091% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-11 > *:nth-child(11n+4):last-child {
      width: calc(9.09091% - 20px); }
  [class*="grid"].grid-11 > *:nth-child(11n+5) {
    clear: none;
    width: calc(9.09091% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-11 > *:nth-child(11n+5):last-child {
      width: calc(9.09091% - 20px); }
  [class*="grid"].grid-11 > *:nth-child(11n+6) {
    clear: none;
    width: calc(9.09091% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-11 > *:nth-child(11n+6):last-child {
      width: calc(9.09091% - 20px); }
  [class*="grid"].grid-11 > *:nth-child(11n+7) {
    clear: none;
    width: calc(9.09091% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-11 > *:nth-child(11n+7):last-child {
      width: calc(9.09091% - 20px); }
  [class*="grid"].grid-11 > *:nth-child(11n+8) {
    clear: none;
    width: calc(9.09091% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-11 > *:nth-child(11n+8):last-child {
      width: calc(9.09091% - 20px); }
  [class*="grid"].grid-11 > *:nth-child(11n+9) {
    clear: none;
    width: calc(9.09091% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-11 > *:nth-child(11n+9):last-child {
      width: calc(9.09091% - 20px); }
  [class*="grid"].grid-11 > *:nth-child(11n+10) {
    clear: none;
    width: calc(9.09091% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-11 > *:nth-child(11n+10):last-child {
      width: calc(9.09091% - 20px); }
  [class*="grid"].grid-11 > *:nth-child(11n+11) {
    clear: none;
    width: calc(9.09091% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-11 > *:nth-child(11n+11):last-child {
      width: calc(9.09091% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+1) {
    clear: both;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+1):last-child {
      width: calc(100% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+2) {
    clear: none;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+2):last-child {
      width: calc(8.33333% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+3) {
    clear: none;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+3):last-child {
      width: calc(8.33333% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+4) {
    clear: none;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+4):last-child {
      width: calc(8.33333% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+5) {
    clear: none;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+5):last-child {
      width: calc(8.33333% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+6) {
    clear: none;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+6):last-child {
      width: calc(8.33333% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+7) {
    clear: none;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+7):last-child {
      width: calc(8.33333% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+8) {
    clear: none;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+8):last-child {
      width: calc(8.33333% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+9) {
    clear: none;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+9):last-child {
      width: calc(8.33333% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+10) {
    clear: none;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+10):last-child {
      width: calc(8.33333% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+11) {
    clear: none;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+11):last-child {
      width: calc(8.33333% - 20px); }
  [class*="grid"].grid-12 > *:nth-child(12n+12) {
    clear: none;
    width: calc(8.33333% - 20px);
    margin: 0 0 20px 20px; }
    [class*="grid"].grid-12 > *:nth-child(12n+12):last-child {
      width: calc(8.33333% - 20px); }
  @media screen and (min-width: 480px) {
    [class*="grid"].small-2 > *:nth-child(2n+1) {
      clear: both;
      width: calc(50% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-2 > *:nth-child(2n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].small-2 > *:nth-child(2n+2) {
      clear: none;
      width: calc(50% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-2 > *:nth-child(2n+2):last-child {
        width: calc(50% - 20px); }
    [class*="grid"].small-3 > *:nth-child(3n+1) {
      clear: both;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-3 > *:nth-child(3n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].small-3 > *:nth-child(3n+2) {
      clear: none;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-3 > *:nth-child(3n+2):last-child {
        width: calc(33.33333% - 20px); }
    [class*="grid"].small-3 > *:nth-child(3n+3) {
      clear: none;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-3 > *:nth-child(3n+3):last-child {
        width: calc(33.33333% - 20px); }
    [class*="grid"].small-4 > *:nth-child(4n+1) {
      clear: both;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-4 > *:nth-child(4n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].small-4 > *:nth-child(4n+2) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-4 > *:nth-child(4n+2):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].small-4 > *:nth-child(4n+3) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-4 > *:nth-child(4n+3):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].small-4 > *:nth-child(4n+4) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-4 > *:nth-child(4n+4):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].small-5 > *:nth-child(5n+1) {
      clear: both;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-5 > *:nth-child(5n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].small-5 > *:nth-child(5n+2) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-5 > *:nth-child(5n+2):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].small-5 > *:nth-child(5n+3) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-5 > *:nth-child(5n+3):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].small-5 > *:nth-child(5n+4) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-5 > *:nth-child(5n+4):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].small-5 > *:nth-child(5n+5) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-5 > *:nth-child(5n+5):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].small-6 > *:nth-child(6n+1) {
      clear: both;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-6 > *:nth-child(6n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].small-6 > *:nth-child(6n+2) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-6 > *:nth-child(6n+2):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].small-6 > *:nth-child(6n+3) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-6 > *:nth-child(6n+3):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].small-6 > *:nth-child(6n+4) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-6 > *:nth-child(6n+4):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].small-6 > *:nth-child(6n+5) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-6 > *:nth-child(6n+5):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].small-6 > *:nth-child(6n+6) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-6 > *:nth-child(6n+6):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].small-7 > *:nth-child(7n+1) {
      clear: both;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-7 > *:nth-child(7n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].small-7 > *:nth-child(7n+2) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-7 > *:nth-child(7n+2):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].small-7 > *:nth-child(7n+3) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-7 > *:nth-child(7n+3):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].small-7 > *:nth-child(7n+4) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-7 > *:nth-child(7n+4):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].small-7 > *:nth-child(7n+5) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-7 > *:nth-child(7n+5):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].small-7 > *:nth-child(7n+6) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-7 > *:nth-child(7n+6):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].small-7 > *:nth-child(7n+7) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-7 > *:nth-child(7n+7):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].small-8 > *:nth-child(8n+1) {
      clear: both;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-8 > *:nth-child(8n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].small-8 > *:nth-child(8n+2) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-8 > *:nth-child(8n+2):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].small-8 > *:nth-child(8n+3) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-8 > *:nth-child(8n+3):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].small-8 > *:nth-child(8n+4) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-8 > *:nth-child(8n+4):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].small-8 > *:nth-child(8n+5) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-8 > *:nth-child(8n+5):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].small-8 > *:nth-child(8n+6) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-8 > *:nth-child(8n+6):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].small-8 > *:nth-child(8n+7) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-8 > *:nth-child(8n+7):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].small-8 > *:nth-child(8n+8) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-8 > *:nth-child(8n+8):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].small-9 > *:nth-child(9n+1) {
      clear: both;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-9 > *:nth-child(9n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].small-9 > *:nth-child(9n+2) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-9 > *:nth-child(9n+2):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].small-9 > *:nth-child(9n+3) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-9 > *:nth-child(9n+3):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].small-9 > *:nth-child(9n+4) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-9 > *:nth-child(9n+4):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].small-9 > *:nth-child(9n+5) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-9 > *:nth-child(9n+5):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].small-9 > *:nth-child(9n+6) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-9 > *:nth-child(9n+6):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].small-9 > *:nth-child(9n+7) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-9 > *:nth-child(9n+7):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].small-9 > *:nth-child(9n+8) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-9 > *:nth-child(9n+8):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].small-9 > *:nth-child(9n+9) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-9 > *:nth-child(9n+9):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].small-10 > *:nth-child(10n+1) {
      clear: both;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-10 > *:nth-child(10n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].small-10 > *:nth-child(10n+2) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-10 > *:nth-child(10n+2):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].small-10 > *:nth-child(10n+3) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-10 > *:nth-child(10n+3):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].small-10 > *:nth-child(10n+4) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-10 > *:nth-child(10n+4):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].small-10 > *:nth-child(10n+5) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-10 > *:nth-child(10n+5):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].small-10 > *:nth-child(10n+6) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-10 > *:nth-child(10n+6):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].small-10 > *:nth-child(10n+7) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-10 > *:nth-child(10n+7):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].small-10 > *:nth-child(10n+8) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-10 > *:nth-child(10n+8):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].small-10 > *:nth-child(10n+9) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-10 > *:nth-child(10n+9):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].small-10 > *:nth-child(10n+10) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-10 > *:nth-child(10n+10):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].small-11 > *:nth-child(11n+1) {
      clear: both;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-11 > *:nth-child(11n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].small-11 > *:nth-child(11n+2) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-11 > *:nth-child(11n+2):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].small-11 > *:nth-child(11n+3) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-11 > *:nth-child(11n+3):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].small-11 > *:nth-child(11n+4) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-11 > *:nth-child(11n+4):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].small-11 > *:nth-child(11n+5) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-11 > *:nth-child(11n+5):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].small-11 > *:nth-child(11n+6) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-11 > *:nth-child(11n+6):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].small-11 > *:nth-child(11n+7) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-11 > *:nth-child(11n+7):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].small-11 > *:nth-child(11n+8) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-11 > *:nth-child(11n+8):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].small-11 > *:nth-child(11n+9) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-11 > *:nth-child(11n+9):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].small-11 > *:nth-child(11n+10) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-11 > *:nth-child(11n+10):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].small-11 > *:nth-child(11n+11) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-11 > *:nth-child(11n+11):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+1) {
      clear: both;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+2) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+2):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+3) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+3):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+4) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+4):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+5) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+5):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+6) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+6):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+7) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+7):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+8) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+8):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+9) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+9):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+10) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+10):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+11) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+11):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].small-12 > *:nth-child(12n+12) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].small-12 > *:nth-child(12n+12):last-child {
        width: calc(8.33333% - 20px); } }
  @media screen and (min-width: 768px) {
    [class*="grid"].medium-2 > *:nth-child(2n+1) {
      clear: both;
      width: calc(50% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-2 > *:nth-child(2n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].medium-2 > *:nth-child(2n+2) {
      clear: none;
      width: calc(50% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-2 > *:nth-child(2n+2):last-child {
        width: calc(50% - 20px); }
    [class*="grid"].medium-3 > *:nth-child(3n+1) {
      clear: both;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-3 > *:nth-child(3n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].medium-3 > *:nth-child(3n+2) {
      clear: none;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-3 > *:nth-child(3n+2):last-child {
        width: calc(33.33333% - 20px); }
    [class*="grid"].medium-3 > *:nth-child(3n+3) {
      clear: none;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-3 > *:nth-child(3n+3):last-child {
        width: calc(33.33333% - 20px); }
    [class*="grid"].medium-4 > *:nth-child(4n+1) {
      clear: both;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-4 > *:nth-child(4n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].medium-4 > *:nth-child(4n+2) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-4 > *:nth-child(4n+2):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].medium-4 > *:nth-child(4n+3) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-4 > *:nth-child(4n+3):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].medium-4 > *:nth-child(4n+4) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-4 > *:nth-child(4n+4):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].medium-5 > *:nth-child(5n+1) {
      clear: both;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-5 > *:nth-child(5n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].medium-5 > *:nth-child(5n+2) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-5 > *:nth-child(5n+2):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].medium-5 > *:nth-child(5n+3) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-5 > *:nth-child(5n+3):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].medium-5 > *:nth-child(5n+4) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-5 > *:nth-child(5n+4):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].medium-5 > *:nth-child(5n+5) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-5 > *:nth-child(5n+5):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].medium-6 > *:nth-child(6n+1) {
      clear: both;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-6 > *:nth-child(6n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].medium-6 > *:nth-child(6n+2) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-6 > *:nth-child(6n+2):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].medium-6 > *:nth-child(6n+3) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-6 > *:nth-child(6n+3):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].medium-6 > *:nth-child(6n+4) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-6 > *:nth-child(6n+4):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].medium-6 > *:nth-child(6n+5) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-6 > *:nth-child(6n+5):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].medium-6 > *:nth-child(6n+6) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-6 > *:nth-child(6n+6):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].medium-7 > *:nth-child(7n+1) {
      clear: both;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-7 > *:nth-child(7n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].medium-7 > *:nth-child(7n+2) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-7 > *:nth-child(7n+2):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].medium-7 > *:nth-child(7n+3) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-7 > *:nth-child(7n+3):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].medium-7 > *:nth-child(7n+4) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-7 > *:nth-child(7n+4):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].medium-7 > *:nth-child(7n+5) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-7 > *:nth-child(7n+5):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].medium-7 > *:nth-child(7n+6) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-7 > *:nth-child(7n+6):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].medium-7 > *:nth-child(7n+7) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-7 > *:nth-child(7n+7):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].medium-8 > *:nth-child(8n+1) {
      clear: both;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-8 > *:nth-child(8n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].medium-8 > *:nth-child(8n+2) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-8 > *:nth-child(8n+2):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].medium-8 > *:nth-child(8n+3) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-8 > *:nth-child(8n+3):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].medium-8 > *:nth-child(8n+4) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-8 > *:nth-child(8n+4):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].medium-8 > *:nth-child(8n+5) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-8 > *:nth-child(8n+5):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].medium-8 > *:nth-child(8n+6) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-8 > *:nth-child(8n+6):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].medium-8 > *:nth-child(8n+7) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-8 > *:nth-child(8n+7):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].medium-8 > *:nth-child(8n+8) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-8 > *:nth-child(8n+8):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].medium-9 > *:nth-child(9n+1) {
      clear: both;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-9 > *:nth-child(9n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].medium-9 > *:nth-child(9n+2) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-9 > *:nth-child(9n+2):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].medium-9 > *:nth-child(9n+3) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-9 > *:nth-child(9n+3):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].medium-9 > *:nth-child(9n+4) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-9 > *:nth-child(9n+4):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].medium-9 > *:nth-child(9n+5) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-9 > *:nth-child(9n+5):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].medium-9 > *:nth-child(9n+6) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-9 > *:nth-child(9n+6):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].medium-9 > *:nth-child(9n+7) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-9 > *:nth-child(9n+7):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].medium-9 > *:nth-child(9n+8) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-9 > *:nth-child(9n+8):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].medium-9 > *:nth-child(9n+9) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-9 > *:nth-child(9n+9):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].medium-10 > *:nth-child(10n+1) {
      clear: both;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-10 > *:nth-child(10n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].medium-10 > *:nth-child(10n+2) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-10 > *:nth-child(10n+2):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].medium-10 > *:nth-child(10n+3) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-10 > *:nth-child(10n+3):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].medium-10 > *:nth-child(10n+4) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-10 > *:nth-child(10n+4):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].medium-10 > *:nth-child(10n+5) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-10 > *:nth-child(10n+5):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].medium-10 > *:nth-child(10n+6) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-10 > *:nth-child(10n+6):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].medium-10 > *:nth-child(10n+7) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-10 > *:nth-child(10n+7):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].medium-10 > *:nth-child(10n+8) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-10 > *:nth-child(10n+8):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].medium-10 > *:nth-child(10n+9) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-10 > *:nth-child(10n+9):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].medium-10 > *:nth-child(10n+10) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-10 > *:nth-child(10n+10):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].medium-11 > *:nth-child(11n+1) {
      clear: both;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-11 > *:nth-child(11n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].medium-11 > *:nth-child(11n+2) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-11 > *:nth-child(11n+2):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].medium-11 > *:nth-child(11n+3) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-11 > *:nth-child(11n+3):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].medium-11 > *:nth-child(11n+4) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-11 > *:nth-child(11n+4):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].medium-11 > *:nth-child(11n+5) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-11 > *:nth-child(11n+5):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].medium-11 > *:nth-child(11n+6) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-11 > *:nth-child(11n+6):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].medium-11 > *:nth-child(11n+7) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-11 > *:nth-child(11n+7):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].medium-11 > *:nth-child(11n+8) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-11 > *:nth-child(11n+8):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].medium-11 > *:nth-child(11n+9) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-11 > *:nth-child(11n+9):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].medium-11 > *:nth-child(11n+10) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-11 > *:nth-child(11n+10):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].medium-11 > *:nth-child(11n+11) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-11 > *:nth-child(11n+11):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+1) {
      clear: both;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+2) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+2):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+3) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+3):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+4) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+4):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+5) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+5):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+6) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+6):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+7) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+7):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+8) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+8):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+9) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+9):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+10) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+10):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+11) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+11):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].medium-12 > *:nth-child(12n+12) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].medium-12 > *:nth-child(12n+12):last-child {
        width: calc(8.33333% - 20px); } }
  @media screen and (min-width: 960px) {
    [class*="grid"].large-2 > *:nth-child(2n+1) {
      clear: both;
      width: calc(50% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-2 > *:nth-child(2n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].large-2 > *:nth-child(2n+2) {
      clear: none;
      width: calc(50% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-2 > *:nth-child(2n+2):last-child {
        width: calc(50% - 20px); }
    [class*="grid"].large-3 > *:nth-child(3n+1) {
      clear: both;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-3 > *:nth-child(3n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].large-3 > *:nth-child(3n+2) {
      clear: none;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-3 > *:nth-child(3n+2):last-child {
        width: calc(33.33333% - 20px); }
    [class*="grid"].large-3 > *:nth-child(3n+3) {
      clear: none;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-3 > *:nth-child(3n+3):last-child {
        width: calc(33.33333% - 20px); }
    [class*="grid"].large-4 > *:nth-child(4n+1) {
      clear: both;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-4 > *:nth-child(4n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].large-4 > *:nth-child(4n+2) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-4 > *:nth-child(4n+2):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].large-4 > *:nth-child(4n+3) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-4 > *:nth-child(4n+3):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].large-4 > *:nth-child(4n+4) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-4 > *:nth-child(4n+4):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].large-5 > *:nth-child(5n+1) {
      clear: both;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-5 > *:nth-child(5n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].large-5 > *:nth-child(5n+2) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-5 > *:nth-child(5n+2):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].large-5 > *:nth-child(5n+3) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-5 > *:nth-child(5n+3):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].large-5 > *:nth-child(5n+4) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-5 > *:nth-child(5n+4):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].large-5 > *:nth-child(5n+5) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-5 > *:nth-child(5n+5):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].large-6 > *:nth-child(6n+1) {
      clear: both;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-6 > *:nth-child(6n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].large-6 > *:nth-child(6n+2) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-6 > *:nth-child(6n+2):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].large-6 > *:nth-child(6n+3) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-6 > *:nth-child(6n+3):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].large-6 > *:nth-child(6n+4) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-6 > *:nth-child(6n+4):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].large-6 > *:nth-child(6n+5) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-6 > *:nth-child(6n+5):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].large-6 > *:nth-child(6n+6) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-6 > *:nth-child(6n+6):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].large-7 > *:nth-child(7n+1) {
      clear: both;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-7 > *:nth-child(7n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].large-7 > *:nth-child(7n+2) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-7 > *:nth-child(7n+2):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].large-7 > *:nth-child(7n+3) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-7 > *:nth-child(7n+3):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].large-7 > *:nth-child(7n+4) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-7 > *:nth-child(7n+4):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].large-7 > *:nth-child(7n+5) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-7 > *:nth-child(7n+5):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].large-7 > *:nth-child(7n+6) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-7 > *:nth-child(7n+6):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].large-7 > *:nth-child(7n+7) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-7 > *:nth-child(7n+7):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].large-8 > *:nth-child(8n+1) {
      clear: both;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-8 > *:nth-child(8n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].large-8 > *:nth-child(8n+2) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-8 > *:nth-child(8n+2):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].large-8 > *:nth-child(8n+3) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-8 > *:nth-child(8n+3):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].large-8 > *:nth-child(8n+4) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-8 > *:nth-child(8n+4):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].large-8 > *:nth-child(8n+5) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-8 > *:nth-child(8n+5):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].large-8 > *:nth-child(8n+6) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-8 > *:nth-child(8n+6):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].large-8 > *:nth-child(8n+7) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-8 > *:nth-child(8n+7):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].large-8 > *:nth-child(8n+8) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-8 > *:nth-child(8n+8):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].large-9 > *:nth-child(9n+1) {
      clear: both;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-9 > *:nth-child(9n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].large-9 > *:nth-child(9n+2) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-9 > *:nth-child(9n+2):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].large-9 > *:nth-child(9n+3) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-9 > *:nth-child(9n+3):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].large-9 > *:nth-child(9n+4) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-9 > *:nth-child(9n+4):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].large-9 > *:nth-child(9n+5) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-9 > *:nth-child(9n+5):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].large-9 > *:nth-child(9n+6) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-9 > *:nth-child(9n+6):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].large-9 > *:nth-child(9n+7) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-9 > *:nth-child(9n+7):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].large-9 > *:nth-child(9n+8) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-9 > *:nth-child(9n+8):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].large-9 > *:nth-child(9n+9) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-9 > *:nth-child(9n+9):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].large-10 > *:nth-child(10n+1) {
      clear: both;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-10 > *:nth-child(10n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].large-10 > *:nth-child(10n+2) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-10 > *:nth-child(10n+2):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].large-10 > *:nth-child(10n+3) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-10 > *:nth-child(10n+3):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].large-10 > *:nth-child(10n+4) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-10 > *:nth-child(10n+4):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].large-10 > *:nth-child(10n+5) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-10 > *:nth-child(10n+5):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].large-10 > *:nth-child(10n+6) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-10 > *:nth-child(10n+6):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].large-10 > *:nth-child(10n+7) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-10 > *:nth-child(10n+7):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].large-10 > *:nth-child(10n+8) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-10 > *:nth-child(10n+8):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].large-10 > *:nth-child(10n+9) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-10 > *:nth-child(10n+9):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].large-10 > *:nth-child(10n+10) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-10 > *:nth-child(10n+10):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].large-11 > *:nth-child(11n+1) {
      clear: both;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-11 > *:nth-child(11n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].large-11 > *:nth-child(11n+2) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-11 > *:nth-child(11n+2):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].large-11 > *:nth-child(11n+3) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-11 > *:nth-child(11n+3):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].large-11 > *:nth-child(11n+4) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-11 > *:nth-child(11n+4):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].large-11 > *:nth-child(11n+5) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-11 > *:nth-child(11n+5):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].large-11 > *:nth-child(11n+6) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-11 > *:nth-child(11n+6):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].large-11 > *:nth-child(11n+7) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-11 > *:nth-child(11n+7):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].large-11 > *:nth-child(11n+8) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-11 > *:nth-child(11n+8):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].large-11 > *:nth-child(11n+9) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-11 > *:nth-child(11n+9):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].large-11 > *:nth-child(11n+10) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-11 > *:nth-child(11n+10):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].large-11 > *:nth-child(11n+11) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-11 > *:nth-child(11n+11):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+1) {
      clear: both;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+2) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+2):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+3) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+3):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+4) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+4):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+5) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+5):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+6) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+6):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+7) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+7):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+8) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+8):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+9) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+9):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+10) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+10):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+11) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+11):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].large-12 > *:nth-child(12n+12) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].large-12 > *:nth-child(12n+12):last-child {
        width: calc(8.33333% - 20px); } }
  @media screen and (min-width: 1024px) {
    [class*="grid"].larger-2 > *:nth-child(2n+1) {
      clear: both;
      width: calc(50% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-2 > *:nth-child(2n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].larger-2 > *:nth-child(2n+2) {
      clear: none;
      width: calc(50% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-2 > *:nth-child(2n+2):last-child {
        width: calc(50% - 20px); }
    [class*="grid"].larger-3 > *:nth-child(3n+1) {
      clear: both;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-3 > *:nth-child(3n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].larger-3 > *:nth-child(3n+2) {
      clear: none;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-3 > *:nth-child(3n+2):last-child {
        width: calc(33.33333% - 20px); }
    [class*="grid"].larger-3 > *:nth-child(3n+3) {
      clear: none;
      width: calc(33.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-3 > *:nth-child(3n+3):last-child {
        width: calc(33.33333% - 20px); }
    [class*="grid"].larger-4 > *:nth-child(4n+1) {
      clear: both;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-4 > *:nth-child(4n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].larger-4 > *:nth-child(4n+2) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-4 > *:nth-child(4n+2):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].larger-4 > *:nth-child(4n+3) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-4 > *:nth-child(4n+3):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].larger-4 > *:nth-child(4n+4) {
      clear: none;
      width: calc(25% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-4 > *:nth-child(4n+4):last-child {
        width: calc(25% - 20px); }
    [class*="grid"].larger-5 > *:nth-child(5n+1) {
      clear: both;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-5 > *:nth-child(5n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].larger-5 > *:nth-child(5n+2) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-5 > *:nth-child(5n+2):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].larger-5 > *:nth-child(5n+3) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-5 > *:nth-child(5n+3):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].larger-5 > *:nth-child(5n+4) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-5 > *:nth-child(5n+4):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].larger-5 > *:nth-child(5n+5) {
      clear: none;
      width: calc(20% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-5 > *:nth-child(5n+5):last-child {
        width: calc(20% - 20px); }
    [class*="grid"].larger-6 > *:nth-child(6n+1) {
      clear: both;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-6 > *:nth-child(6n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].larger-6 > *:nth-child(6n+2) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-6 > *:nth-child(6n+2):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].larger-6 > *:nth-child(6n+3) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-6 > *:nth-child(6n+3):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].larger-6 > *:nth-child(6n+4) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-6 > *:nth-child(6n+4):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].larger-6 > *:nth-child(6n+5) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-6 > *:nth-child(6n+5):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].larger-6 > *:nth-child(6n+6) {
      clear: none;
      width: calc(16.66667% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-6 > *:nth-child(6n+6):last-child {
        width: calc(16.66667% - 20px); }
    [class*="grid"].larger-7 > *:nth-child(7n+1) {
      clear: both;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-7 > *:nth-child(7n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].larger-7 > *:nth-child(7n+2) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-7 > *:nth-child(7n+2):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].larger-7 > *:nth-child(7n+3) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-7 > *:nth-child(7n+3):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].larger-7 > *:nth-child(7n+4) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-7 > *:nth-child(7n+4):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].larger-7 > *:nth-child(7n+5) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-7 > *:nth-child(7n+5):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].larger-7 > *:nth-child(7n+6) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-7 > *:nth-child(7n+6):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].larger-7 > *:nth-child(7n+7) {
      clear: none;
      width: calc(14.28571% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-7 > *:nth-child(7n+7):last-child {
        width: calc(14.28571% - 20px); }
    [class*="grid"].larger-8 > *:nth-child(8n+1) {
      clear: both;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-8 > *:nth-child(8n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].larger-8 > *:nth-child(8n+2) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-8 > *:nth-child(8n+2):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].larger-8 > *:nth-child(8n+3) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-8 > *:nth-child(8n+3):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].larger-8 > *:nth-child(8n+4) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-8 > *:nth-child(8n+4):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].larger-8 > *:nth-child(8n+5) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-8 > *:nth-child(8n+5):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].larger-8 > *:nth-child(8n+6) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-8 > *:nth-child(8n+6):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].larger-8 > *:nth-child(8n+7) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-8 > *:nth-child(8n+7):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].larger-8 > *:nth-child(8n+8) {
      clear: none;
      width: calc(12.5% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-8 > *:nth-child(8n+8):last-child {
        width: calc(12.5% - 20px); }
    [class*="grid"].larger-9 > *:nth-child(9n+1) {
      clear: both;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-9 > *:nth-child(9n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].larger-9 > *:nth-child(9n+2) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-9 > *:nth-child(9n+2):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].larger-9 > *:nth-child(9n+3) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-9 > *:nth-child(9n+3):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].larger-9 > *:nth-child(9n+4) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-9 > *:nth-child(9n+4):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].larger-9 > *:nth-child(9n+5) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-9 > *:nth-child(9n+5):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].larger-9 > *:nth-child(9n+6) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-9 > *:nth-child(9n+6):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].larger-9 > *:nth-child(9n+7) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-9 > *:nth-child(9n+7):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].larger-9 > *:nth-child(9n+8) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-9 > *:nth-child(9n+8):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].larger-9 > *:nth-child(9n+9) {
      clear: none;
      width: calc(11.11111% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-9 > *:nth-child(9n+9):last-child {
        width: calc(11.11111% - 20px); }
    [class*="grid"].larger-10 > *:nth-child(10n+1) {
      clear: both;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-10 > *:nth-child(10n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].larger-10 > *:nth-child(10n+2) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-10 > *:nth-child(10n+2):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].larger-10 > *:nth-child(10n+3) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-10 > *:nth-child(10n+3):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].larger-10 > *:nth-child(10n+4) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-10 > *:nth-child(10n+4):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].larger-10 > *:nth-child(10n+5) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-10 > *:nth-child(10n+5):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].larger-10 > *:nth-child(10n+6) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-10 > *:nth-child(10n+6):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].larger-10 > *:nth-child(10n+7) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-10 > *:nth-child(10n+7):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].larger-10 > *:nth-child(10n+8) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-10 > *:nth-child(10n+8):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].larger-10 > *:nth-child(10n+9) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-10 > *:nth-child(10n+9):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].larger-10 > *:nth-child(10n+10) {
      clear: none;
      width: calc(10% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-10 > *:nth-child(10n+10):last-child {
        width: calc(10% - 20px); }
    [class*="grid"].larger-11 > *:nth-child(11n+1) {
      clear: both;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-11 > *:nth-child(11n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].larger-11 > *:nth-child(11n+2) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-11 > *:nth-child(11n+2):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].larger-11 > *:nth-child(11n+3) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-11 > *:nth-child(11n+3):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].larger-11 > *:nth-child(11n+4) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-11 > *:nth-child(11n+4):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].larger-11 > *:nth-child(11n+5) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-11 > *:nth-child(11n+5):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].larger-11 > *:nth-child(11n+6) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-11 > *:nth-child(11n+6):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].larger-11 > *:nth-child(11n+7) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-11 > *:nth-child(11n+7):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].larger-11 > *:nth-child(11n+8) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-11 > *:nth-child(11n+8):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].larger-11 > *:nth-child(11n+9) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-11 > *:nth-child(11n+9):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].larger-11 > *:nth-child(11n+10) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-11 > *:nth-child(11n+10):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].larger-11 > *:nth-child(11n+11) {
      clear: none;
      width: calc(9.09091% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-11 > *:nth-child(11n+11):last-child {
        width: calc(9.09091% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+1) {
      clear: both;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+1):last-child {
        width: calc(100% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+2) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+2):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+3) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+3):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+4) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+4):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+5) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+5):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+6) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+6):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+7) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+7):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+8) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+8):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+9) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+9):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+10) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+10):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+11) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+11):last-child {
        width: calc(8.33333% - 20px); }
    [class*="grid"].larger-12 > *:nth-child(12n+12) {
      clear: none;
      width: calc(8.33333% - 20px);
      margin: 0 0 20px 20px; }
      [class*="grid"].larger-12 > *:nth-child(12n+12):last-child {
        width: calc(8.33333% - 20px); } }

/*
 * Typography Styles
 * ============= */
h1, h2, h3, h4, h5 {
  margin: 0; }

.heading, .custom-content h1, .custom-content h1 span, .custom-content h2, .custom-content h2 span, .custom-content h3, .custom-content h3 span, .custom-content h4, .custom-content h4 span, .custom-content h5, .custom-content h5 span, .custom-content h6, .custom-content h6 span, .custom-content > a:last-child,
.custom-content a.pdf_download, .custom-content strong, [class*="heading-"] {
  font-family: "ddc_hardwarecondensed", sans-serif;
  color: #BD9B60;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 29px;
  line-height: 1.25; }
  @media screen and (min-width: 960px) {
    .heading, .custom-content h1, .custom-content h1 span, .custom-content h2, .custom-content h2 span, .custom-content h3, .custom-content h3 span, .custom-content h4, .custom-content h4 span, .custom-content h5, .custom-content h5 span, .custom-content h6, .custom-content h6 span, .custom-content > a:last-child,
    .custom-content a.pdf_download, .custom-content strong, [class*="heading-"] {
      font-size: calc((0.03438 * (100vw - 960px)) + 29px); } }
  @media screen and (min-width: 1280px) {
    .heading, .custom-content h1, .custom-content h1 span, .custom-content h2, .custom-content h2 span, .custom-content h3, .custom-content h3 span, .custom-content h4, .custom-content h4 span, .custom-content h5, .custom-content h5 span, .custom-content h6, .custom-content h6 span, .custom-content > a:last-child,
    .custom-content a.pdf_download, .custom-content strong, [class*="heading-"] {
      font-size: 40px; } }
  .heading.heading-hero, .custom-content h1.heading-hero, .custom-content h1 span.heading-hero, .custom-content h2.heading-hero, .custom-content h2 span.heading-hero, .custom-content h3.heading-hero, .custom-content h3 span.heading-hero, .custom-content h4.heading-hero, .custom-content h4 span.heading-hero, .custom-content h5.heading-hero, .custom-content h5 span.heading-hero, .custom-content h6.heading-hero, .custom-content h6 span.heading-hero, .custom-content > a.heading-hero:last-child,
  .custom-content a.heading-hero.pdf_download, .custom-content strong.heading-hero, [class*="heading-"].heading-hero {
    font-size: 45px;
    margin-bottom: 20px; }
    @media screen and (min-width: 960px) {
      .heading.heading-hero, .custom-content h1.heading-hero, .custom-content h1 span.heading-hero, .custom-content h2.heading-hero, .custom-content h2 span.heading-hero, .custom-content h3.heading-hero, .custom-content h3 span.heading-hero, .custom-content h4.heading-hero, .custom-content h4 span.heading-hero, .custom-content h5.heading-hero, .custom-content h5 span.heading-hero, .custom-content h6.heading-hero, .custom-content h6 span.heading-hero, .custom-content > a.heading-hero:last-child,
      .custom-content a.heading-hero.pdf_download, .custom-content strong.heading-hero, [class*="heading-"].heading-hero {
        font-size: calc((0.03125 * (100vw - 960px)) + 45px); } }
    @media screen and (min-width: 1280px) {
      .heading.heading-hero, .custom-content h1.heading-hero, .custom-content h1 span.heading-hero, .custom-content h2.heading-hero, .custom-content h2 span.heading-hero, .custom-content h3.heading-hero, .custom-content h3 span.heading-hero, .custom-content h4.heading-hero, .custom-content h4 span.heading-hero, .custom-content h5.heading-hero, .custom-content h5 span.heading-hero, .custom-content h6.heading-hero, .custom-content h6 span.heading-hero, .custom-content > a.heading-hero:last-child,
      .custom-content a.heading-hero.pdf_download, .custom-content strong.heading-hero, [class*="heading-"].heading-hero {
        font-size: 55px; } }
  .heading.heading-small, .custom-content h1.heading-small, .custom-content h1 span.heading-small, .custom-content h2.heading-small, .custom-content h2 span.heading-small, .custom-content h3.heading-small, .custom-content h3 span.heading-small, .custom-content h4.heading-small, .custom-content h4 span.heading-small, .custom-content h5.heading-small, .custom-content h5 span.heading-small, .custom-content h6.heading-small, .custom-content h6 span.heading-small, .custom-content > a:last-child,
  .custom-content a.pdf_download, .custom-content strong, [class*="heading-"].heading-small {
    font-family: "muli", sans-serif;
    font-size: 13px;
    font-weight: 900;
    color: #1E1E1E;
    line-height: 26px;
    letter-spacing: 2px; }
    .heading.heading-small.arrow::after, .custom-content h1.heading-small.arrow::after, .custom-content h1 span.heading-small.arrow::after, .custom-content h2.heading-small.arrow::after, .custom-content h2 span.heading-small.arrow::after, .custom-content h3.heading-small.arrow::after, .custom-content h3 span.heading-small.arrow::after, .custom-content h4.heading-small.arrow::after, .custom-content h4 span.heading-small.arrow::after, .custom-content h5.heading-small.arrow::after, .custom-content h5 span.heading-small.arrow::after, .custom-content h6.heading-small.arrow::after, .custom-content h6 span.heading-small.arrow::after, .custom-content > a:last-child::after,
    .custom-content a.pdf_download::after, .custom-content strong.arrow::after, [class*="heading-"].heading-small.arrow::after {
      content: '';
      width: 17px;
      height: 5px;
      display: inline-block;
      vertical-align: middle;
      margin-top: -2px;
      margin-left: 7px;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%231E1E1E%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%205%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M14,2L14,0L16.752,2.5L14,5L14,3L0,3L0,2L14,2Z%22%20/%3E%3C/svg%3E");
      transition: -webkit-transform 250ms;
      transition: transform 250ms;
      transition: transform 250ms, -webkit-transform 250ms; }
    .heading.heading-small.arrow:hover:after, .custom-content h1.heading-small.arrow:hover:after, .custom-content h1 span.heading-small.arrow:hover:after, .custom-content h2.heading-small.arrow:hover:after, .custom-content h2 span.heading-small.arrow:hover:after, .custom-content h3.heading-small.arrow:hover:after, .custom-content h3 span.heading-small.arrow:hover:after, .custom-content h4.heading-small.arrow:hover:after, .custom-content h4 span.heading-small.arrow:hover:after, .custom-content h5.heading-small.arrow:hover:after, .custom-content h5 span.heading-small.arrow:hover:after, .custom-content h6.heading-small.arrow:hover:after, .custom-content h6 span.heading-small.arrow:hover:after, .custom-content > a:last-child:hover:after,
    .custom-content a.pdf_download:hover:after, .custom-content strong.arrow:hover:after, [class*="heading-"].heading-small.arrow:hover:after {
      -webkit-transform: translateX(5px);
          -ms-transform: translateX(5px);
              transform: translateX(5px); }
  .heading.heading-alt, .custom-content h1.heading-alt, .custom-content h1 span.heading-alt, .custom-content h2.heading-alt, .custom-content h2 span.heading-alt, .custom-content h3.heading-alt, .custom-content h3 span.heading-alt, .custom-content h4.heading-alt, .custom-content h4 span.heading-alt, .custom-content h5.heading-alt, .custom-content h5 span.heading-alt, .custom-content h6.heading-alt, .custom-content h6 span.heading-alt, .custom-content > a.heading-alt:last-child,
  .custom-content a.heading-alt.pdf_download, .custom-content strong.heading-alt, [class*="heading-"].heading-alt {
    font-size: 22px; }
    .heading.heading-alt.underline, .custom-content h1.heading-alt.underline, .custom-content h1 span.heading-alt.underline, .custom-content h2.heading-alt.underline, .custom-content h2 span.heading-alt.underline, .custom-content h3.heading-alt.underline, .custom-content h3 span.heading-alt.underline, .custom-content h4.heading-alt.underline, .custom-content h4 span.heading-alt.underline, .custom-content h5.heading-alt.underline, .custom-content h5 span.heading-alt.underline, .custom-content h6.heading-alt.underline, .custom-content h6 span.heading-alt.underline, .custom-content > a.heading-alt.underline:last-child,
    .custom-content a.heading-alt.underline.pdf_download, .custom-content strong.heading-alt.underline, [class*="heading-"].heading-alt.underline {
      border-color: #1E1E1E;
      padding-bottom: 15px; }
  .heading.heading-smaller, .custom-content h1.heading-smaller, .custom-content h1 span.heading-smaller, .custom-content h2.heading-smaller, .custom-content h2 span.heading-smaller, .custom-content h3.heading-smaller, .custom-content h3 span.heading-smaller, .custom-content h4.heading-smaller, .custom-content h4 span.heading-smaller, .custom-content h5.heading-smaller, .custom-content h5 span.heading-smaller, .custom-content h6.heading-smaller, .custom-content h6 span.heading-smaller, .custom-content > a.heading-smaller:last-child,
  .custom-content a.heading-smaller.pdf_download, .custom-content strong.heading-smaller, [class*="heading-"].heading-smaller {
    font-size: 15px;
    color: #1E1E1E; }
  .heading.short, .custom-content h1.short, .custom-content h1 span.short, .custom-content h2.short, .custom-content h2 span.short, .custom-content h3.short, .custom-content h3 span.short, .custom-content h4.short, .custom-content h4 span.short, .custom-content h5.short, .custom-content h5 span.short, .custom-content h6.short, .custom-content h6 span.short, .custom-content > a.short:last-child,
  .custom-content a.short.pdf_download, .custom-content strong.short, [class*="heading-"].short {
    max-width: 200px; }
    @media screen and (min-width: 960px) {
      .heading.short, .custom-content h1.short, .custom-content h1 span.short, .custom-content h2.short, .custom-content h2 span.short, .custom-content h3.short, .custom-content h3 span.short, .custom-content h4.short, .custom-content h4 span.short, .custom-content h5.short, .custom-content h5 span.short, .custom-content h6.short, .custom-content h6 span.short, .custom-content > a.short:last-child,
      .custom-content a.short.pdf_download, .custom-content strong.short, [class*="heading-"].short {
        max-width: calc((0.15625 * (100vw - 960px)) + 200px); } }
    @media screen and (min-width: 1280px) {
      .heading.short, .custom-content h1.short, .custom-content h1 span.short, .custom-content h2.short, .custom-content h2 span.short, .custom-content h3.short, .custom-content h3 span.short, .custom-content h4.short, .custom-content h4 span.short, .custom-content h5.short, .custom-content h5 span.short, .custom-content h6.short, .custom-content h6 span.short, .custom-content > a.short:last-child,
      .custom-content a.short.pdf_download, .custom-content strong.short, [class*="heading-"].short {
        max-width: 250px; } }
  .heading.medium, .custom-content h1.medium, .custom-content h1 span.medium, .custom-content h2.medium, .custom-content h2 span.medium, .custom-content h3.medium, .custom-content h3 span.medium, .custom-content h4.medium, .custom-content h4 span.medium, .custom-content h5.medium, .custom-content h5 span.medium, .custom-content h6.medium, .custom-content h6 span.medium, .custom-content > a.medium:last-child,
  .custom-content a.medium.pdf_download, .custom-content strong.medium, [class*="heading-"].medium {
    max-width: 530px;
    margin: 20px auto;
    line-height: 1.38; }
  .heading.underline, .custom-content h1.underline, .custom-content h1 span.underline, .custom-content h2.underline, .custom-content h2 span.underline, .custom-content h3.underline, .custom-content h3 span.underline, .custom-content h4.underline, .custom-content h4 span.underline, .custom-content h5.underline, .custom-content h5 span.underline, .custom-content h6.underline, .custom-content h6 span.underline, .custom-content > a.underline:last-child,
  .custom-content a.underline.pdf_download, .custom-content strong.underline, [class*="heading-"].underline {
    border-bottom: 1px solid #979797;
    margin-bottom: 15px;
    padding-bottom: 5px; }

.wysiwyg .heading, .wysiwyg .custom-content h1, .custom-content .wysiwyg h1, .wysiwyg .custom-content h1 span, .custom-content h1 .wysiwyg span, .wysiwyg .custom-content h2, .custom-content .wysiwyg h2, .wysiwyg .custom-content h2 span, .custom-content h2 .wysiwyg span, .wysiwyg .custom-content h3, .custom-content .wysiwyg h3, .wysiwyg .custom-content h3 span, .custom-content h3 .wysiwyg span, .wysiwyg .custom-content h4, .custom-content .wysiwyg h4, .wysiwyg .custom-content h4 span, .custom-content h4 .wysiwyg span, .wysiwyg .custom-content h5, .custom-content .wysiwyg h5, .wysiwyg .custom-content h5 span, .custom-content h5 .wysiwyg span, .wysiwyg .custom-content h6, .custom-content .wysiwyg h6, .wysiwyg .custom-content h6 span, .custom-content h6 .wysiwyg span, .wysiwyg .custom-content > a:last-child,
.wysiwyg .custom-content a.pdf_download, .custom-content .wysiwyg a.pdf_download, .wysiwyg .custom-content strong, .custom-content .wysiwyg strong {
  color: rgba(30, 30, 30, 0.75);
  margin-bottom: 20px; }

.wysiwyg h1:not(.heading), .wysiwyg h2:not(.heading), .wysiwyg h3:not(.heading), .wysiwyg h4:not(.heading), .wysiwyg h5:not(.heading), .wysiwyg h6:not(.heading) {
  font-size: 15px;
  font-weight: 900;
  color: rgba(30, 30, 30, 0.75);
  margin: 17px 0 13px; }

.wysiwyg a {
  font-family: "muli", sans-serif;
  font-weight: 600;
  color: #1E1E1E; }

.wysiwyg table {
  margin-bottom: 40px; }

.wysiwyg td, .wysiwyg th {
  padding: 20px; }

.wysiwyg ul {
  margin-bottom: 20px;
  padding-left: 20px;
  color: rgba(30, 30, 30, 0.75); }
  .wysiwyg ul li {
    list-style: disc;
    margin: 0; }

.custom-content hr {
  display: block;
  width: 100%;
  height: 0;
  border: 0;
  border-bottom: 1px solid #1E1E1E;
  margin: 20px 0; }
  @media screen and (min-width: 960px) {
    .custom-content hr {
      margin: 30px 0 40px; } }

.custom-content a {
  font-weight: bold;
  text-decoration: underline; }

.custom-content > a:last-child,
.custom-content a.pdf_download {
  text-decoration: none; }

.custom-content strong {
  display: block;
  margin-bottom: 10px; }

.custom-content.txt-center strong {
  max-width: 530px;
  margin: 20px auto;
  line-height: 1.38; }

.bg-white {
  background-color: #ffffff;
  color: #F4F3F1; }
  .bg-white p {
    color: rgba(244, 243, 241, 0.5); }

.txt-white {
  color: #ffffff; }

.bg-black {
  background-color: #1E1E1E;
  color: #ffffff; }
  .bg-black p {
    color: rgba(255, 255, 255, 0.5); }

.txt-black {
  color: #1E1E1E; }

.bg-grey {
  background-color: #F4F3F1;
  color: #1E1E1E; }
  .bg-grey p {
    color: rgba(30, 30, 30, 0.5); }

.txt-grey {
  color: #F4F3F1; }

.bg-grey-light {
  background-color: rgba(237, 237, 235, 0.35);
  color: #1E1E1E; }
  .bg-grey-light p {
    color: rgba(30, 30, 30, 0.5); }

.txt-grey-light {
  color: rgba(237, 237, 235, 0.35); }

body {
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  font-style: normal; }

p, strong, span {
  color: rgba(30, 30, 30, 0.75); }

strong {
  font-weight: 700; }

img {
  height: auto;
  max-width: 100%; }

section {
  display: block; }

/*
 * Page Layout
 * =========== */
.page-content {
  -webkit-flex: 1 auto;
      -ms-flex: 1 auto;
          flex: 1 auto;
  position: relative;
  overflow: hidden; }
  .page-content > *:first-child:not(.header) {
    padding-top: 131px; }

.txt-left {
  text-align: left; }

.txt-right {
  text-align: right; }

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

@media screen and (min-width: 960px) {
  .txt-center-desktop {
    text-align: center; } }

.relative {
  position: relative; }

.narrow {
  max-width: 840px;
  margin: 0 auto; }
  .narrow.alt {
    max-width: 860px; }

.tag {
  position: relative;
  padding-top: 50px; }
  @media screen and (min-width: 480px) {
    .tag {
      padding-top: calc((0.025 * (100vw - 480px)) + 50px); } }
  @media screen and (min-width: 1280px) {
    .tag {
      padding-top: 70px; } }
  .tag::before {
    content: '';
    position: absolute;
    width: 87.5%;
    height: 60px;
    top: -7px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: .5;
    background-image: linear-gradient(135deg, #A06C4E 8.33%, transparent 8.33%, transparent 50%, #A06C4E 50%, #A06C4E 58.33%, transparent 58.33%, transparent 100%);
    background-size: 8.49px 8.49px; }
    @media screen and (min-width: 960px) {
      .tag::before {
        width: 420px;
        top: 0px; } }
  .tag.bottom {
    padding-top: 20px; }
    .tag.bottom::before {
      top: auto;
      bottom: 0;
      -webkit-transform: translate(-50%, 50%);
          -ms-transform: translate(-50%, 50%);
              transform: translate(-50%, 50%); }

.multiply {
  mix-blend-mode: multiply; }

@media screen and (min-width: 960px) {
  .img-offset {
    margin: 0 -30px; } }

.grain-text {
  font-family: "ddc_hardwarecondensed", sans-serif;
  color: #BD9B60;
  text-transform: uppercase;
  font-size: 100px;
  line-height: 0.95;
  max-width: 640px;
  display: inline-block;
  margin: 20px 0 !important;
  letter-spacing: -1px;
  position: relative; }
  .grain-text::after {
    content: '';
    width: 630px;
    height: 170px;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: .3;
    background-image: linear-gradient(135deg, #A06C4E 8.33%, transparent 8.33%, transparent 50%, #A06C4E 50%, #A06C4E 58.33%, transparent 58.33%, transparent 100%);
    background-size: 8.49px 8.49px; }

.product-slider {
  position: relative;
  text-align: center; }
  .product-slider .malt-types {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    display: none; }
    @media screen and (min-width: 960px) {
      .product-slider .malt-types {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    .product-slider .malt-types .type {
      height: 50%;
      width: 30%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .product-slider .malt-types .type:nth-child(4n+1), .product-slider .malt-types .type:nth-child(4n+2) {
        margin-right: auto; }
      .product-slider .malt-types .type:nth-child(4n+3), .product-slider .malt-types .type:nth-child(4n+4) {
        margin-left: auto; }
      .product-slider .malt-types .type img {
        width: 25%;
        margin-bottom: 20px; }
      .product-slider .malt-types .type .heading-small {
        display: block;
        line-height: 1.3; }
  .product-slider .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 33.333333%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    text-indent: -99999px;
    background-color: transparent;
    transition: opacity 250ms;
    opacity: 0;
    cursor: default; }
    .product-slider .slick-arrow::before, .product-slider .slick-arrow::after {
      content: '';
      width: 58px;
      height: 58px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      cursor: pointer; }
    .product-slider .slick-arrow::after {
      width: 12px;
      height: 22px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .product-slider .slick-arrow:hover {
      opacity: 1; }
  .product-slider .slick-prev {
    left: 0; }
    .product-slider .slick-prev::before {
      left: 0;
      border-radius: 100%;
      border: 1px solid; }
    .product-slider .slick-prev::after {
      left: 24px;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%231E1E1E%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2014%2023%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M13.078,0.737L1.48,11.369L13.078,22L12.402,22.737L0,11.369L12.402,0C12.627,0.246%2012.853,0.491%2013.078,0.737Z%22%20/%3E%3C/svg%3E"); }
  .product-slider .slick-next {
    right: 0; }
    .product-slider .slick-next::before {
      right: 0;
      border-radius: 100%;
      border: 1px solid; }
    .product-slider .slick-next::after {
      right: 24px;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%231E1E1E%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2014%2023%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M13.078,11.369L0.676,22.737L0,22L11.598,11.369L0,0.737L0.676,0C4.81,3.79%208.944,7.579%2013.078,11.369Z%22%20/%3E%3C/svg%3E"); }

.slider {
  position: relative; }
  .slider .malts-slider {
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center; }
    @media screen and (max-width: 639px) {
      .slider .malts-slider {
        background-image: none; } }
    .slider .malts-slider .slick-slide img {
      display: block;
      margin: 0 auto;
      max-height: 280px; }
      @media screen and (min-width: 480px) {
        .slider .malts-slider .slick-slide img {
          max-height: calc((0.2375 * (100vw - 480px)) + 280px); } }
      @media screen and (min-width: 1280px) {
        .slider .malts-slider .slick-slide img {
          max-height: 470px; } }
      .slider .malts-slider .slick-slide img.active {
        -webkit-animation: product-appear forwards;
                animation: product-appear forwards;
        -webkit-animation-duration: 800ms;
                animation-duration: 800ms; }
  .slider .captions {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1; }
    .slider .captions::after, .slider .captions::before {
      content: '';
      display: block;
      height: 200%;
      width: 70px;
      background-color: white;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      z-index: 1; }
      @media screen and (min-width: 375px) {
        .slider .captions::after, .slider .captions::before {
          width: calc((0.36464 * (100vw - 375px)) + 70px); } }
      @media screen and (min-width: 1280px) {
        .slider .captions::after, .slider .captions::before {
          width: 400px; } }
    .slider .captions::after {
      right: 0; }
    .slider .captions .malt-bg {
      height: 120px;
      border-right: 400px solid white;
      border-left: 400px solid white;
      border-right-width: 70px;
      border-left-width: 70px; }
      @media screen and (min-width: 375px) {
        .slider .captions .malt-bg {
          height: calc((0.1105 * (100vw - 375px)) + 120px); } }
      @media screen and (min-width: 1280px) {
        .slider .captions .malt-bg {
          height: 220px; } }
      @media screen and (min-width: 375px) {
        .slider .captions .malt-bg {
          border-right-width: calc((0.36464 * (100vw - 375px)) + 70px); } }
      @media screen and (min-width: 1280px) {
        .slider .captions .malt-bg {
          border-right-width: 400px; } }
      @media screen and (min-width: 375px) {
        .slider .captions .malt-bg {
          border-left-width: calc((0.36464 * (100vw - 375px)) + 70px); } }
      @media screen and (min-width: 1280px) {
        .slider .captions .malt-bg {
          border-left-width: 400px; } }
      .slider .captions .malt-bg.base {
        background-color: #719A42; }
      .slider .captions .malt-bg.superior {
        background-color: #9F1311; }
      .slider .captions .malt-bg.specialty {
        background-color: #146EA6; }
      .slider .captions .malt-bg.copper {
        background-color: #DE640F; }

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

@keyframes product-appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.news-cta {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -10px 0; }
  @media screen and (min-width: 960px) {
    .news-cta {
      margin: -24px; } }
  @media screen and (min-width: 1280px) {
    .news-cta {
      margin: -58px; } }
  .news-cta > * {
    font-size: 13px;
    line-height: 20px;
    position: relative;
    width: 100%;
    margin: 10px 0; }
    @media screen and (min-width: 960px) {
      .news-cta > * {
        padding-right: 35px;
        width: calc(50% - 48px);
        margin: 24px; } }
    @media screen and (min-width: 1280px) {
      .news-cta > * {
        width: calc(50% - 116px);
        margin: 58px; } }
  .news-cta .category {
    position: absolute;
    left: 0;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.19px;
    background-color: #ffffff;
    padding: 3px 10px; }
    @media screen and (min-width: 960px) {
      .news-cta .category {
        -webkit-writing-mode: vertical-rl;
            -ms-writing-mode: tb-rl;
                writing-mode: vertical-rl;
        left: auto;
        right: 0;
        background-color: transparent;
        letter-spacing: 0.16px;
        padding: 0; } }
  .news-cta .image {
    background-position: center;
    background-size: cover;
    height: 200px;
    margin-bottom: 15px; }
    @media screen and (min-width: 480px) {
      .news-cta .image {
        height: calc((0.15125 * (100vw - 480px)) + 200px); } }
    @media screen and (min-width: 1280px) {
      .news-cta .image {
        height: 321px; } }
    @media screen and (min-width: 960px) {
      .news-cta .image {
        margin-bottom: 30px; } }
  .news-cta .title {
    font-size: 16px;
    line-height: 1.5; }
    @media screen and (min-width: 960px) {
      .news-cta .title {
        font-size: 15px; } }
  .news-cta .desc {
    font-size: 15px;
    line-height: 1.6;
    display: none; }
    @media screen and (min-width: 960px) {
      .news-cta .desc {
        display: block; } }
  .news-cta strong {
    color: #1E1E1E; }

.lets-connect {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -11px; }
  .lets-connect > * {
    background-position: center;
    background-size: cover;
    background-color: #F4F3F1;
    width: calc(50% - 22px);
    margin: 11px;
    height: 155px; }
    @media screen and (min-width: 480px) {
      .lets-connect > * {
        height: calc((0.18375 * (100vw - 480px)) + 155px); } }
    @media screen and (min-width: 1280px) {
      .lets-connect > * {
        height: 302px; } }
    @media screen and (min-width: 960px) {
      .lets-connect > * {
        width: calc(25% - 22px); } }

.header-title {
  max-width: 650px;
  margin: 20px auto !important; }
  .header-title.short {
    max-width: 280px; }
  .header-title.long {
    max-width: 860px; }

@media screen and (min-width: 960px) {
  .bleed {
    width: 108%;
    margin-left: -4%;
    max-width: none; } }

/* **************** */
/*  MODAL OVERRIDES */
/* **************** */
.modal[id*="order-info"] {
  background-color: transparent; }
  .modal[id*="order-info"] .close-txt {
    width: 44px;
    height: 44px;
    top: 15px;
    right: 15px;
    background-color: transparent;
    background-image: none; }
    @media screen and (min-width: 960px) {
      .modal[id*="order-info"] .close-txt {
        display: none; } }
    .modal[id*="order-info"] .close-txt::after, .modal[id*="order-info"] .close-txt::before {
      content: '';
      width: 1px;
      height: 100%;
      background-color: #1E1E1E;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
          -ms-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg); }
    .modal[id*="order-info"] .close-txt::before {
      -webkit-transform: translate(-50%, -50%) rotate(135deg);
          -ms-transform: translate(-50%, -50%) rotate(135deg);
              transform: translate(-50%, -50%) rotate(135deg); }
  .modal[id*="order-info"] .modal-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 385px;
    max-height: 706px;
    width: calc(100vw - 2em);
    height: calc(100vh - 2em);
    padding: 1.3333em;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.11); }
    @media screen and (max-width: 959px) {
      .modal[id*="order-info"] .modal-content {
        top: 50% !important;
        left: 50% !important; } }
    @media screen and (min-width: 960px) {
      .modal[id*="order-info"] .modal-content {
        max-width: none;
        max-height: none;
        width: auto;
        height: auto;
        overflow: visible;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        top: 50px;
        left: auto;
        right: calc(((100% - 87.5%) / 2)); }
        .modal[id*="order-info"] .modal-content::before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 63%;
          width: 20px;
          height: 20px;
          background-color: white;
          -webkit-transform-origin: center;
              -ms-transform-origin: center;
                  transform-origin: center;
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
              -ms-transform: translate(-50%, -50%) rotate(45deg);
                  transform: translate(-50%, -50%) rotate(45deg); } }
    @media screen and (min-width: 1463px) {
      .modal[id*="order-info"] .modal-content {
        right: calc(((100vw - 1280px) / 2)); } }
  @media screen and (min-width: 960px) {
    .modal[id*="order-info"] .vcen {
      width: 100%;
      height: 100%; } }
  .modal[id*="order-info"] h1, .modal[id*="order-info"] h2, .modal[id*="order-info"] h3, .modal[id*="order-info"] h4, .modal[id*="order-info"] h5, .modal[id*="order-info"] h6 {
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 45px;
    line-height: 52px;
    color: #BD9B60;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .modal[id*="order-info"] h1, .modal[id*="order-info"] h2, .modal[id*="order-info"] h3, .modal[id*="order-info"] h4, .modal[id*="order-info"] h5, .modal[id*="order-info"] h6 {
        font-size: 16px;
        line-height: 54px;
        padding-bottom: 0; } }
  .modal[id*="order-info"] strong {
    color: #1E1E1E; }

/* ************** */
/*  PRODUCT PAGE  */
/* ************** */
.product-filter {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 35px; }
  @media screen and (min-width: 960px) {
    .product-filter {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid;
      padding-bottom: 20px; } }
  @media screen and (min-width: 960px) {
    .product-filter form {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  .product-filter span {
    font-size: 15px;
    font-weight: 900;
    font-style: normal;
    line-height: 1.3;
    color: #1E1E1E;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px; }
    @media screen and (min-width: 960px) {
      .product-filter span {
        font-size: 13px;
        margin-bottom: 0; } }
  .product-filter select {
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    padding: 2px 10px;
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: calc(100% - 10px) 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%231E1E1E%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%206%203%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M0,0L6,0L3,3L0,0Z%22%20/%3E%3C/svg%3E"); }
    @media screen and (min-width: 960px) {
      .product-filter select {
        width: 207px;
        height: 32px; } }

.product-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -11px; }
  .product-list > * {
    background-position: center;
    background-size: cover;
    background-color: #F4F3F1;
    width: calc(50% - 22px);
    margin: 11px;
    text-align: center;
    border-radius: 10px;
    padding: 30px 20px; }
    .product-list > * img {
      max-height: 369px; }
    @media screen and (min-width: 960px) {
      .product-list > * {
        width: calc(25% - 22px); } }
    .product-list > *.green .type {
      color: #719A42; }
    .product-list > *.red .type {
      color: #9F1311; }
    .product-list > *.blue .type {
      color: #146EA6; }
    .product-list > *.orange .type {
      color: #DE640F; }
    .product-list > *.gold .type {
      color: #BD9B60; }
  .product-list p {
    margin: 0;
    color: #1E1E1E; }
  .product-list .type {
    font-family: "ddc_hardwarecondensed", sans-serif;
    color: #1E1E1E; }
  .product-list .name {
    font-size: 12px;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: underline; }
  .product-list a {
    position: relative;
    transition: background-color 250ms; }
    .product-list a .product-overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      border-radius: 10px;
      transition: opacity 250ms ease;
      z-index: 2; }
    .product-list a .product {
      position: relative;
      z-index: 3; }
      .product-list a .product img {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        transition: -webkit-transform 125ms 0ms linear;
        transition: transform 125ms 0ms linear;
        transition: transform 125ms 0ms linear, -webkit-transform 125ms 0ms linear; }
    .product-list a:hover {
      background-color: #f9f9f9; }
      .product-list a:hover .product img {
        -webkit-transform: translateY(-8px) scale(1.05);
            -ms-transform: translateY(-8px) scale(1.05);
                transform: translateY(-8px) scale(1.05); }
    .product-list a.disabled {
      opacity: 0.5;
      text-decoration: line-through; }

.product-cta {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -15px; }
  .product-cta > * {
    width: calc(100% - 30px);
    margin: 15px; }
    @media screen and (min-width: 960px) {
      .product-cta > * {
        width: calc(50% - 30px); } }
  .product-cta p, .product-cta li {
    color: #1E1E1E;
    opacity: .75; }
  .product-cta ul {
    padding-left: 20px; }
    .product-cta ul li {
      margin: 0;
      list-style: disc; }

/* ********************* */
/*  SINGLE PRODUCT PAGE  */
/* ********************* */
.product-details .heading-small {
  font-family: "ddc_hardwarecondensed", sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  font-weight: normal; }

.product-details .heading, .product-details .custom-content h1, .custom-content .product-details h1, .product-details .custom-content h1 span, .custom-content h1 .product-details span, .product-details .custom-content h2, .custom-content .product-details h2, .product-details .custom-content h2 span, .custom-content h2 .product-details span, .product-details .custom-content h3, .custom-content .product-details h3, .product-details .custom-content h3 span, .custom-content h3 .product-details span, .product-details .custom-content h4, .custom-content .product-details h4, .product-details .custom-content h4 span, .custom-content h4 .product-details span, .product-details .custom-content h5, .custom-content .product-details h5, .product-details .custom-content h5 span, .custom-content h5 .product-details span, .product-details .custom-content h6, .custom-content .product-details h6, .product-details .custom-content h6 span, .custom-content h6 .product-details span, .product-details .custom-content > a:last-child,
.product-details .custom-content a.pdf_download, .custom-content .product-details a.pdf_download, .product-details .custom-content strong, .custom-content .product-details strong {
  color: #1E1E1E; }

.product-details .product-table-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .product-details .product-table-row:after {
    content: '';
    width: calc(100% - 20px);
    margin-left: 20px;
    margin-top: -1px;
    height: 1px;
    background-color: rgba(30, 30, 30, 0.1); }
  .product-details .product-table-row:last-child:after {
    display: none; }
  .product-details .product-table-row strong {
    background-color: rgba(237, 237, 235, 0.35);
    padding: 10px 20px;
    min-width: 230px; }
    @media screen and (max-width: 959px) {
      .product-details .product-table-row strong {
        min-width: 185px; } }
  .product-details .product-table-row .product-data {
    padding: 10px 20px 10px 80px; }
    @media screen and (max-width: 959px) {
      .product-details .product-table-row .product-data {
        padding-left: 40px; } }

.pdf-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding-left: 10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .pdf-row a {
    margin-right: 30px; }
    @media screen and (max-width: 1109px) {
      .pdf-row a {
        width: 100%;
        margin-right: 0; } }
  .pdf-row .btn_back {
    margin-left: auto;
    margin-right: 0; }
    @media screen and (max-width: 959px) {
      .pdf-row .btn_back {
        margin-left: 0; } }

/* French version */
.fr .product-details .product-table-row strong {
  min-width: 372px; }
  @media screen and (max-width: 959px) {
    .fr .product-details .product-table-row strong {
      min-width: 185px;
      max-width: 185px; } }

.fr .pdf-row a {
  margin-right: 0;
  width: 100%; }

.fr .pdf-row .btn_back {
  margin-left: 0; }

.product-footer .heading, .product-footer .custom-content h1, .custom-content .product-footer h1, .product-footer .custom-content h1 span, .custom-content h1 .product-footer span, .product-footer .custom-content h2, .custom-content .product-footer h2, .product-footer .custom-content h2 span, .custom-content h2 .product-footer span, .product-footer .custom-content h3, .custom-content .product-footer h3, .product-footer .custom-content h3 span, .custom-content h3 .product-footer span, .product-footer .custom-content h4, .custom-content .product-footer h4, .product-footer .custom-content h4 span, .custom-content h4 .product-footer span, .product-footer .custom-content h5, .custom-content .product-footer h5, .product-footer .custom-content h5 span, .custom-content h5 .product-footer span, .product-footer .custom-content h6, .custom-content .product-footer h6, .product-footer .custom-content h6 span, .custom-content h6 .product-footer span, .product-footer .custom-content > a:last-child,
.product-footer .custom-content a.pdf_download, .custom-content .product-footer a.pdf_download, .product-footer .custom-content strong, .custom-content .product-footer strong {
  border-bottom: 1px solid black;
  padding-bottom: 20px;
  margin-bottom: 30px; }

.btn_back::after {
  content: '\21A9';
  font-size: 0.8em;
  padding-left: 0.5em; }

/* ************ */
/*  ABOUT PAGE  */
/* ************ */
.about-silder {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow: hidden; }
  .about-silder .slick-list {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  @media screen and (min-width: 960px) {
    .about-silder .slick-slide {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media screen and (min-width: 960px) {
    .about-silder .slick-arrow {
      -webkit-transform: translateX(calc(100% + 8px));
          -ms-transform: translateX(calc(100% + 8px));
              transform: translateX(calc(100% + 8px)); } }
  .about-silder .slick-prev {
    margin-left: auto; }
  .about-silder .slick-next {
    margin-right: auto;
    margin-left: 18px; }
  .about-silder .text {
    background-color: #ffffff;
    margin-bottom: 20px; }
    @media screen and (min-width: 1024px) {
      .about-silder .text {
        margin-bottom: 0;
        padding-right: 10%; } }
    @media screen and (min-width: 1280px) {
      .about-silder .text {
        padding-right: 20%; } }
  .about-silder .image {
    background-position: center;
    background-size: cover;
    height: 447px;
    position: relative;
    height: 235px; }
    @media screen and (min-width: 768px) {
      .about-silder .image {
        height: calc((0.41406 * (100vw - 768px)) + 235px); } }
    @media screen and (min-width: 1280px) {
      .about-silder .image {
        height: 447px; } }
  @media screen and (min-width: 960px) {
    .about-silder .text,
    .about-silder .image {
      width: 50%; } }
  .about-silder .date {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #ffffff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 135px;
    height: 80px; }
    @media screen and (min-width: 480px) {
      .about-silder .date {
        width: calc((0.0375 * (100vw - 480px)) + 135px); } }
    @media screen and (min-width: 1280px) {
      .about-silder .date {
        width: 165px; } }
    @media screen and (min-width: 480px) {
      .about-silder .date {
        height: calc((0.06875 * (100vw - 480px)) + 80px); } }
    @media screen and (min-width: 1280px) {
      .about-silder .date {
        height: 135px; } }
    @media screen and (min-width: 960px) {
      .about-silder .date {
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); } }
    .about-silder .date span {
      display: block; }
    .about-silder .date .year {
      font-family: "ddc_hardwarecondensed", sans-serif;
      color: #BD9B60;
      line-height: 0.9;
      font-size: 29px; }
      @media screen and (min-width: 480px) {
        .about-silder .date .year {
          font-size: calc((0.035 * (100vw - 480px)) + 29px); } }
      @media screen and (min-width: 1280px) {
        .about-silder .date .year {
          font-size: 57px; } }
      .about-silder .date .year::after {
        content: '';
        width: 38px;
        height: 1px;
        display: block;
        background-color: #000;
        margin: 4px auto 0; }
        @media screen and (min-width: 960px) {
          .about-silder .date .year::after {
            margin: 5px auto; } }
    .about-silder .date .title {
      font-weight: 900;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-size: 15px; }
      @media screen and (min-width: 480px) {
        .about-silder .date .title {
          font-size: calc((-0.0025 * (100vw - 480px)) + 15px); } }
      @media screen and (min-width: 1280px) {
        .about-silder .date .title {
          font-size: 13px; } }

.team-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -30px -10px;
  margin-bottom: 0; }
  .team-list .team-member {
    width: calc(100% - 20px);
    margin: 30px 10px; }
    @media screen and (min-width: 480px) {
      .team-list .team-member {
        width: calc(50% - 20px); } }
    @media screen and (min-width: 1024px) {
      .team-list .team-member {
        width: calc(25% - 20px); } }
  .team-list .image {
    background-color: #EDEDEB;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    max-height: none;
    min-height: 0;
    height: auto; }
    .team-list .image::before {
      content: '';
      display: block;
      width: 100%;
      height: auto;
      padding-bottom: 105.50459%; }
  .team-list .name {
    font-family: "ddc_hardwarecondensed", sans-serif;
    font-size: 22px;
    color: #BD9B60;
    border-top: 1px solid #1E1E1E;
    margin-top: 20px;
    padding-top: 10px; }
  .team-list .position {
    color: rgba(30, 30, 30, 0.75);
    line-height: 1.6; }

.distribution-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -10px;
  margin-top: 0;
  margin-bottom: 30px; }
  .distribution-list > * {
    width: calc(50% - 20px);
    margin: 10px;
    position: relative; }
    @media screen and (min-width: 960px) {
      .distribution-list > * {
        width: calc(33.33% - 20px); } }
    .distribution-list > *::after {
      content: '';
      display: block;
      padding-top: 65%; }
  .distribution-list svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80%;
    height: auto;
    max-width: 100%;
    max-height: 65%; }
    @media screen and (min-width: 960px) {
      .distribution-list svg {
        max-height: 45%; } }

/* **************** */
/*  EXPERTISE PAGE  */
/* **************** */
.expertise-gallery {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow: hidden; }
  @media screen and (min-width: 960px) {
    .expertise-gallery {
      margin-left: -560px;
      padding-right: 90px; } }
  .expertise-gallery .slick-list {
    margin-left: -10px;
    margin-right: -10px;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  .expertise-gallery .slick-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F4F3F1;
    margin: 5px;
    height: 174px; }
    @media screen and (min-width: 480px) {
      .expertise-gallery .slick-slide {
        height: calc((0.37 * (100vw - 480px)) + 174px); } }
    @media screen and (min-width: 1280px) {
      .expertise-gallery .slick-slide {
        height: 470px; } }
    @media screen and (min-width: 960px) {
      .expertise-gallery .slick-slide {
        margin: 10px; } }
  .expertise-gallery .slick-prev {
    margin-left: auto;
    margin-right: 20px; }
  .expertise-gallery .slick-arrow {
    display: none !important; }
    @media screen and (min-width: 960px) {
      .expertise-gallery .slick-arrow {
        margin-bottom: 0;
        display: block !important; } }
    .expertise-gallery .slick-arrow::before {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%231E1E1E%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%205%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M14,2L14,0L16.752,2.5L14,5L14,3L0,3L0,2L14,2Z%22%20/%3E%3C/svg%3E"); }
    .expertise-gallery .slick-arrow::after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%231E1E1E%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%205%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M14,2L14,0L16.752,2.5L14,5L14,3L0,3L0,2L14,2Z%22%20/%3E%3C/svg%3E"); }

.accreditation-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -25px calc( ((100vw - 87.5vw) / -2));
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    .accreditation-list {
      margin: -25px -20px;
      margin-top: 15px; } }
  @media screen and (min-width: 960px) {
    .accreditation-list {
      margin-top: 35px; } }
  @media screen and (min-width: 1280px) {
    .accreditation-list {
      margin-left: -40px;
      margin-right: -40px; } }
  .accreditation-list .accreditation {
    margin: 25px 0;
    width: 100%;
    padding: 0 calc(((100% - 87.5%) / 2));
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(30, 30, 30, 0.1); }
    .accreditation-list .accreditation:last-child {
      border: 0;
      margin-bottom: 0; }
      @media screen and (min-width: 768px) {
        .accreditation-list .accreditation:last-child {
          border-bottom: 1px solid rgba(30, 30, 30, 0.1);
          margin-bottom: 25px; } }
    @media screen and (min-width: 768px) {
      .accreditation-list .accreditation {
        margin: 25px 20px;
        padding-left: 0;
        padding-right: 0;
        width: calc(50% - 40px); } }
    @media screen and (min-width: 1024px) {
      .accreditation-list .accreditation {
        width: calc(33.33% - 40px); } }
    @media screen and (min-width: 1280px) {
      .accreditation-list .accreditation {
        width: calc(33.33% - 80px);
        margin-left: 40px;
        margin-right: 40px; } }
  .accreditation-list .heading-small:not(.arrow) {
    line-height: 1.38;
    min-height: 30px; }
  .accreditation-list p {
    min-height: 48px;
    margin: 0; }
  .accreditation-list a {
    margin-bottom: 0;
    display: block; }
    @media screen and (min-width: 1280px) {
      .accreditation-list a {
        display: inline-block;
        margin-left: 15px; } }
    .accreditation-list a:first-of-type {
      margin-left: 0; }

.lined {
  position: absolute;
  height: 340px;
  width: 340px;
  z-index: -2;
  background-image: linear-gradient(135deg, #BD9B60 8.33%, transparent 8.33%, transparent 50%, #BD9B60 50%, #BD9B60 58.33%, transparent 58.33%, transparent 100%);
  background-size: 8.49px 8.49px; }

/* ************** */
/*  PROCESS PAGE  */
/* ************** */
@media screen and (max-width: 959px) {
  .col.switch {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 40px;
    margin-bottom: 0; } }

.producers-graphic {
  position: relative;
  max-height: 500px;
  overflow: hidden; }
  .producers-graphic .lined {
    left: 50%;
    -webkit-transform: translate(-50%, 30px);
        -ms-transform: translate(-50%, 30px);
            transform: translate(-50%, 30px); }
  .producers-graphic .bg-words {
    top: 17%;
    position: absolute;
    width: 100%;
    z-index: -1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    .producers-graphic .bg-words .heading, .producers-graphic .bg-words .custom-content h1, .custom-content .producers-graphic .bg-words h1, .producers-graphic .bg-words .custom-content h1 span, .custom-content h1 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h2, .custom-content .producers-graphic .bg-words h2, .producers-graphic .bg-words .custom-content h2 span, .custom-content h2 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h3, .custom-content .producers-graphic .bg-words h3, .producers-graphic .bg-words .custom-content h3 span, .custom-content h3 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h4, .custom-content .producers-graphic .bg-words h4, .producers-graphic .bg-words .custom-content h4 span, .custom-content h4 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h5, .custom-content .producers-graphic .bg-words h5, .producers-graphic .bg-words .custom-content h5 span, .custom-content h5 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h6, .custom-content .producers-graphic .bg-words h6, .producers-graphic .bg-words .custom-content h6 span, .custom-content h6 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content > a:last-child,
    .producers-graphic .bg-words .custom-content a.pdf_download, .custom-content .producers-graphic .bg-words a.pdf_download, .producers-graphic .bg-words .custom-content strong, .custom-content .producers-graphic .bg-words strong {
      font-size: 45px;
      width: 50%; }
      @media screen and (min-width: 960px) {
        .producers-graphic .bg-words .heading, .producers-graphic .bg-words .custom-content h1, .custom-content .producers-graphic .bg-words h1, .producers-graphic .bg-words .custom-content h1 span, .custom-content h1 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h2, .custom-content .producers-graphic .bg-words h2, .producers-graphic .bg-words .custom-content h2 span, .custom-content h2 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h3, .custom-content .producers-graphic .bg-words h3, .producers-graphic .bg-words .custom-content h3 span, .custom-content h3 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h4, .custom-content .producers-graphic .bg-words h4, .producers-graphic .bg-words .custom-content h4 span, .custom-content h4 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h5, .custom-content .producers-graphic .bg-words h5, .producers-graphic .bg-words .custom-content h5 span, .custom-content h5 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h6, .custom-content .producers-graphic .bg-words h6, .producers-graphic .bg-words .custom-content h6 span, .custom-content h6 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content > a:last-child,
        .producers-graphic .bg-words .custom-content a.pdf_download, .custom-content .producers-graphic .bg-words a.pdf_download, .producers-graphic .bg-words .custom-content strong, .custom-content .producers-graphic .bg-words strong {
          font-size: calc((0.10312 * (100vw - 960px)) + 45px); } }
      @media screen and (min-width: 1280px) {
        .producers-graphic .bg-words .heading, .producers-graphic .bg-words .custom-content h1, .custom-content .producers-graphic .bg-words h1, .producers-graphic .bg-words .custom-content h1 span, .custom-content h1 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h2, .custom-content .producers-graphic .bg-words h2, .producers-graphic .bg-words .custom-content h2 span, .custom-content h2 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h3, .custom-content .producers-graphic .bg-words h3, .producers-graphic .bg-words .custom-content h3 span, .custom-content h3 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h4, .custom-content .producers-graphic .bg-words h4, .producers-graphic .bg-words .custom-content h4 span, .custom-content h4 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h5, .custom-content .producers-graphic .bg-words h5, .producers-graphic .bg-words .custom-content h5 span, .custom-content h5 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content h6, .custom-content .producers-graphic .bg-words h6, .producers-graphic .bg-words .custom-content h6 span, .custom-content h6 .producers-graphic .bg-words span, .producers-graphic .bg-words .custom-content > a:last-child,
        .producers-graphic .bg-words .custom-content a.pdf_download, .custom-content .producers-graphic .bg-words a.pdf_download, .producers-graphic .bg-words .custom-content strong, .custom-content .producers-graphic .bg-words strong {
          font-size: 78px; } }
    .producers-graphic .bg-words span:nth-of-type(1) {
      text-align: right;
      padding-right: 25px; }
    .producers-graphic .bg-words span:nth-of-type(2) {
      padding-left: 62px; }
      @media screen and (min-width: 960px) {
        .producers-graphic .bg-words span:nth-of-type(2) {
          padding-left: calc((-0.025 * (100vw - 960px)) + 62px); } }
      @media screen and (min-width: 1280px) {
        .producers-graphic .bg-words span:nth-of-type(2) {
          padding-left: 54px; } }
      @media screen and (max-width: 479px) {
        .producers-graphic .bg-words span:nth-of-type(2) {
          padding-left: 40px; } }
  .producers-graphic img {
    width: 100%;
    max-width: 450px;
    display: block;
    margin: 0 auto; }

.process-steps {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .process-steps .process-step {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #ffffff;
    padding: 10px 20px;
    min-width: 156px;
    border-radius: 5px; }
    @media screen and (max-width: 767px) {
      .process-steps .process-step {
        width: 100%;
        margin-bottom: 20px; } }
    .process-steps .process-step .heading, .process-steps .process-step .custom-content h1, .custom-content .process-steps .process-step h1, .process-steps .process-step .custom-content h1 span, .custom-content h1 .process-steps .process-step span, .process-steps .process-step .custom-content h2, .custom-content .process-steps .process-step h2, .process-steps .process-step .custom-content h2 span, .custom-content h2 .process-steps .process-step span, .process-steps .process-step .custom-content h3, .custom-content .process-steps .process-step h3, .process-steps .process-step .custom-content h3 span, .custom-content h3 .process-steps .process-step span, .process-steps .process-step .custom-content h4, .custom-content .process-steps .process-step h4, .process-steps .process-step .custom-content h4 span, .custom-content h4 .process-steps .process-step span, .process-steps .process-step .custom-content h5, .custom-content .process-steps .process-step h5, .process-steps .process-step .custom-content h5 span, .custom-content h5 .process-steps .process-step span, .process-steps .process-step .custom-content h6, .custom-content .process-steps .process-step h6, .process-steps .process-step .custom-content h6 span, .custom-content h6 .process-steps .process-step span, .process-steps .process-step .custom-content > a:last-child,
    .process-steps .process-step .custom-content a.pdf_download, .custom-content .process-steps .process-step a.pdf_download, .process-steps .process-step .custom-content strong, .custom-content .process-steps .process-step strong {
      border-bottom: 1px solid #1E1E1E;
      width: 40px;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; }
  .process-steps .process-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%207%209%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M6.113,4.646L1.505,8.846L0.495,7.737L3.887,4.646L0.495,1.554L1.505,0.446C3.041,1.846%204.577,3.246%206.113,4.646Z%22%20/%3E%3C/svg%3E");
    background-color: #1E1E1E;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 8px 16px;
    margin: 0 30px; }
    @media screen and (max-width: 767px) {
      .process-steps .process-arrow {
        display: none; } }

/* ************ */
/*  NEWS PAGES  */
/* ************ */
.post-featured {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  background-size: cover;
  background-position: center;
  margin-bottom: 80px;
  height: 278px; }
  @media screen and (min-width: 480px) {
    .post-featured {
      height: calc((0.3825 * (100vw - 480px)) + 278px); } }
  @media screen and (min-width: 1280px) {
    .post-featured {
      height: 584px; } }
  @media screen and (min-width: 960px) {
    .post-featured {
      margin-bottom: 0;
      padding: 40px 30px; } }
  .post-featured::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #1F1F1F, transparent 50%);
    opacity: 0.43;
    z-index: 1;
    pointer-events: none; }
  .post-featured::after {
    width: 40px;
    height: 32px;
    position: absolute;
    right: 30px;
    bottom: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2040%2032%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M24.04,0.003C28.109,0.023%2032.184,1.665%2035.127,4.522C38.188,7.493%2039.986,11.7%2039.986,16.001C39.986,20.307%2038.163,24.586%2035.024,27.579C32.179,30.291%2028.347,31.905%2024.349,31.994C24.246,31.996%2024.143,31.998%2024.04,31.998C21.357,32.002%2018.673,31.998%2015.989,31.998C11.994,31.992%208.025,30.439%205.094,27.71C2.656,25.44%200.947,22.398%200.298,19.125C-0.545,14.876%200.42,10.293%202.946,6.742C5.816,2.707%2010.599,0.103%2015.68,0.006C15.766,0.004%2015.852,0.004%2015.938,0.003C18.639,-0.001%2021.339,-0.001%2024.04,0.003ZM15.99,1.503C12.383,1.509%208.774,2.915%206.116,5.389C3.916,7.437%202.372,10.175%201.778,13.124C0.996,17.003%201.873,21.185%204.193,24.426C6.799,28.065%2011.098,30.408%2015.709,30.496C15.787,30.497%2015.865,30.498%2015.943,30.498C18.625,30.503%2021.306,30.498%2023.988,30.498C27.586,30.492%2031.177,29.098%2033.83,26.642C36.065,24.574%2037.633,21.789%2038.218,18.789C38.973,14.917%2038.075,10.754%2035.76,7.54C33.243,4.047%2029.145,1.76%2024.781,1.524C24.533,1.511%2024.284,1.504%2024.035,1.503C21.354,1.499%2018.672,1.503%2015.99,1.503ZM26,14.75L26,13L28.752,15.5L26,18L26,16.25L12,16.25L12,14.75L26,14.75Z%22%20/%3E%3C/svg%3E");
    z-index: 2; }
    @media screen and (min-width: 960px) {
      .post-featured::after {
        content: ''; } }
  .post-featured [class*="heading"] {
    margin: 0; }
    @media screen and (min-width: 960px) {
      .post-featured [class*="heading"] {
        color: #ffffff; } }
  .post-featured .caption {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    padding: 20px 0;
    z-index: 2; }
    @media screen and (min-width: 960px) {
      .post-featured .caption {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        padding: 0; } }

.post-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -10px -13px 0; }
  @media screen and (min-width: 768px) {
    .post-list {
      margin: -45px -13px 0; } }
  .post-list > * {
    width: calc(100% - 26px);
    margin: 10px 13px; }
    @media screen and (min-width: 768px) {
      .post-list > * {
        width: calc(50% - 26px);
        margin: 45px 13px; } }
    @media screen and (min-width: 1280px) {
      .post-list > * {
        width: calc(25% - 26px); }
        .post-list > *:nth-child(-n+2) {
          width: calc(50% - 26px); } }
  .post-list .image {
    background-size: cover;
    background-position: center;
    background-color: #F4F3F1;
    margin-bottom: 10px;
    height: 192px; }
    @media screen and (min-width: 480px) {
      .post-list .image {
        height: calc((0.19125 * (100vw - 480px)) + 192px); } }
    @media screen and (min-width: 1280px) {
      .post-list .image {
        height: 345px; } }
    @media screen and (min-width: 768px) {
      .post-list .image {
        margin-bottom: 15px; } }
  .post-list .category {
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .post-list .category {
        margin-bottom: 10px; } }
  .post-list .title {
    font-weight: 900;
    line-height: 1.6;
    color: #1E1E1E; }
  .post-list p {
    margin: 0; }

.featured-image {
  background-position: center;
  background-size: cover;
  height: 278px; }
  @media screen and (min-width: 480px) {
    .featured-image {
      height: calc((0.3825 * (100vw - 480px)) + 278px); } }
  @media screen and (min-width: 1280px) {
    .featured-image {
      height: 584px; } }

.post-meta {
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 1px solid rgba(30, 30, 30, 0.15);
  border-left: 0;
  border-right: 0;
  margin-top: 45px;
  padding: 15px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .post-meta p, .post-meta span, .post-meta a {
    color: #1E1E1E; }
  .post-meta .back::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-left: 6px;
    margin-top: -3px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%231E1E1E%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2060%2060%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M21.177,24.706L21.177,42.353L0,21.176L21.177,0L21.177,17.647C27.074,17.647%2032.971,17.643%2038.867,17.647C42.996,17.657%2047.092,18.892%2050.513,21.16C54.343,23.698%2057.325,27.519%2058.837,31.879C60.278,36.032%2060.382,40.622%2059.136,44.838C57.735,49.576%2054.606,53.784%2050.487,56.505C47.059,58.77%2042.922,59.99%2038.867,60L38.835,60L30.563,60L30.563,52.941C33.335,52.941%2036.107,52.948%2038.879,52.941C41.591,52.93%2044.315,52.122%2046.596,50.615C49.95,48.4%2052.292,44.71%2052.822,40.692C53.214,37.718%2052.644,34.631%2051.191,32.003C49.164,28.336%2045.456,25.649%2041.291,24.919C40.481,24.777%2039.661,24.707%2038.832,24.706L21.177,24.706Z%22%20/%3E%3C/svg%3E"); }

/* ************** */
/*  CONTACT PAGE  */
/* ************** */
.contact-details .heading-small {
  border-bottom: 1px solid #1E1E1E;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.map-legend {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px; }
  .map-legend .heading, .map-legend .custom-content h1, .custom-content .map-legend h1, .map-legend .custom-content h1 span, .custom-content h1 .map-legend span, .map-legend .custom-content h2, .custom-content .map-legend h2, .map-legend .custom-content h2 span, .custom-content h2 .map-legend span, .map-legend .custom-content h3, .custom-content .map-legend h3, .map-legend .custom-content h3 span, .custom-content h3 .map-legend span, .map-legend .custom-content h4, .custom-content .map-legend h4, .map-legend .custom-content h4 span, .custom-content h4 .map-legend span, .map-legend .custom-content h5, .custom-content .map-legend h5, .map-legend .custom-content h5 span, .custom-content h5 .map-legend span, .map-legend .custom-content h6, .custom-content .map-legend h6, .map-legend .custom-content h6 span, .custom-content h6 .map-legend span, .map-legend .custom-content > a:last-child,
  .map-legend .custom-content a.pdf_download, .custom-content .map-legend a.pdf_download, .map-legend .custom-content strong, .custom-content .map-legend strong {
    margin: 0 40px 0 0; }
  .map-legend .legend-tag {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px;
    border: 1px solid #BD9B60;
    min-width: 205px;
    margin: 0 20px 0 0; }
    @media screen and (min-width: 960px) {
      .map-legend .legend-tag {
        min-width: calc((0.14062 * (100vw - 960px)) + 205px); } }
    @media screen and (min-width: 1280px) {
      .map-legend .legend-tag {
        min-width: 250px; } }
    .map-legend .legend-tag:last-child {
      margin-right: 0; }
    @media screen and (max-width: 959px) {
      .map-legend .legend-tag {
        width: 100%;
        margin: 5px 0; } }
    .map-legend .legend-tag .tag-name {
      font-family: "ddc_hardwarecondensed", sans-serif;
      font-size: 17px; }
    .map-legend .legend-tag i {
      margin-right: 20px; }

/* *********** */
/*  ERROR 404  */
/* *********** */
.error404 .container {
  max-width: 600px;
  margin-bottom: 60px; }

.error404 img {
  margin: 60px 0 40px;
  width: 250px; }
  @media screen and (min-width: 960px) {
    .error404 img {
      width: calc((0.2625 * (100vw - 960px)) + 250px); } }
  @media screen and (min-width: 1280px) {
    .error404 img {
      width: 334px; } }

.error404 .heading, .error404 .custom-content h1, .custom-content .error404 h1, .error404 .custom-content h1 span, .custom-content h1 .error404 span, .error404 .custom-content h2, .custom-content .error404 h2, .error404 .custom-content h2 span, .custom-content h2 .error404 span, .error404 .custom-content h3, .custom-content .error404 h3, .error404 .custom-content h3 span, .custom-content h3 .error404 span, .error404 .custom-content h4, .custom-content .error404 h4, .error404 .custom-content h4 span, .custom-content h4 .error404 span, .error404 .custom-content h5, .custom-content .error404 h5, .error404 .custom-content h5 span, .custom-content h5 .error404 span, .error404 .custom-content h6, .custom-content .error404 h6, .error404 .custom-content h6 span, .custom-content h6 .error404 span, .error404 .custom-content > a:last-child,
.error404 .custom-content a.pdf_download, .custom-content .error404 a.pdf_download, .error404 .custom-content strong, .custom-content .error404 strong {
  margin-bottom: 25px; }

/*
 * Navigation Styles
 * ================= */
.nav {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transition: background-color 250ms;
  pointer-events: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: scroll; }
  @media screen and (min-width: 960px) {
    .nav {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      overflow: hidden;
      height: auto;
      width: 100%;
      padding: 12px 0; } }
  .nav .nav-bar {
    border-bottom: 1px solid rgba(30, 30, 30, 0.05);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: auto;
    padding: 17px calc(((100% - 87.5%) / 2));
    pointer-events: auto; }
    @media screen and (min-width: 960px) {
      .nav .nav-bar {
        border-bottom: 0;
        padding: 0; } }
    .nav .nav-bar .open {
      position: relative;
      width: 34px;
      height: 24px; }
      @media screen and (min-width: 960px) {
        .nav .nav-bar .open {
          display: none; } }
      .nav .nav-bar .open span {
        position: absolute;
        display: block;
        background-color: #1E1E1E;
        width: 100%;
        height: 2px;
        transition: width 250ms, top 250ms, left 250ms, bottom 250ms, -webkit-transform 250ms;
        transition: width 250ms, top 250ms, left 250ms, bottom 250ms, transform 250ms;
        transition: width 250ms, top 250ms, left 250ms, bottom 250ms, transform 250ms, -webkit-transform 250ms; }
        .nav .nav-bar .open span:nth-child(1) {
          top: 0; }
        .nav .nav-bar .open span:nth-child(2) {
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 50%; }
        .nav .nav-bar .open span:nth-child(3) {
          bottom: 0; }
    .nav .nav-bar .lang {
      width: 34px;
      text-align: right;
      font-size: 23px; }
      @media screen and (min-width: 960px) {
        .nav .nav-bar .lang {
          position: absolute;
          right: calc(((100% - 87.5%) / 2));
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: auto;
          margin: 0;
          font-size: 15px; } }
      @media screen and (min-width: 1463px) {
        .nav .nav-bar .lang {
          right: calc(((100vw - 1280px) / 2)); } }
      .nav .nav-bar .lang span {
        width: 2ch;
        overflow: hidden;
        white-space: nowrap;
        color: #1E1E1E;
        display: inline-block;
        vertical-align: middle; }
        @media screen and (min-width: 960px) {
          .nav .nav-bar .lang span {
            width: auto;
            display: block; } }
      .nav .nav-bar .lang::after {
        content: '';
        position: absolute;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
        bottom: 5px;
        width: 0;
        height: 1px;
        background-color: #1E1E1E;
        transition: width 250ms; }
      .nav .nav-bar .lang:hover::after {
        width: 100%; }
  @media screen and (min-width: 960px) {
    .nav .nav-group {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: right;
      -webkit-order: -1;
          -ms-flex-order: -1;
              order: -1; }
      .nav .nav-group ~ .nav-group {
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        text-align: left; } }
  .nav a {
    font-family: "ddc_hardwarecondensed", sans-serif;
    font-size: 29px;
    line-height: 1.9;
    display: block;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .nav a {
        font-size: 22px;
        display: inline-block;
        margin-left: 14px;
        margin-right: 14px; } }
  @media screen and (min-width: 960px) and (min-width: 960px) {
    .nav a {
      margin-left: calc((0.01875 * (100vw - 960px)) + 14px); } }
  @media screen and (min-width: 960px) and (min-width: 1280px) {
    .nav a {
      margin-left: 20px; } }
  @media screen and (min-width: 960px) and (min-width: 960px) {
    .nav a {
      margin-right: calc((0.01875 * (100vw - 960px)) + 14px); } }
  @media screen and (min-width: 960px) and (min-width: 1280px) {
    .nav a {
      margin-right: 20px; } }
    .nav a.disabled {
      cursor: default;
      opacity: 0.25;
      text-decoration: line-through;
      pointer-events: none; }
  .fr .nav .logo {
    margin-left: 10px;
    margin-right: 10px; }
    @media screen and (min-width: 960px) {
      .fr .nav .logo {
        margin-left: calc((0.0625 * (100vw - 960px)) + 10px); } }
    @media screen and (min-width: 1280px) {
      .fr .nav .logo {
        margin-left: 30px; } }
    @media screen and (min-width: 960px) {
      .fr .nav .logo {
        margin-right: calc((0.0625 * (100vw - 960px)) + 10px); } }
    @media screen and (min-width: 1280px) {
      .fr .nav .logo {
        margin-right: 30px; } }
  .fr .nav .nav-group a {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px; }
    @media screen and (min-width: 960px) {
      .fr .nav .nav-group a {
        margin-left: calc((0.01562 * (100vw - 960px)) + 10px); } }
    @media screen and (min-width: 1280px) {
      .fr .nav .nav-group a {
        margin-left: 15px; } }
    @media screen and (min-width: 960px) {
      .fr .nav .nav-group a {
        margin-right: calc((0.01562 * (100vw - 960px)) + 10px); } }
    @media screen and (min-width: 1280px) {
      .fr .nav .nav-group a {
        margin-right: 15px; } }
    @media screen and (min-width: 960px) {
      .fr .nav .nav-group a {
        font-size: calc((0.01875 * (100vw - 960px)) + 16px); } }
    @media screen and (min-width: 1280px) {
      .fr .nav .nav-group a {
        font-size: 22px; } }
  .nav > a,
  .nav .nav-group a {
    transition: opacity 250ms;
    opacity: 0;
    pointer-events: none;
    letter-spacing: 3.87px; }
    @media screen and (min-width: 960px) {
      .nav > a,
      .nav .nav-group a {
        opacity: 1;
        pointer-events: auto;
        letter-spacing: 0;
        position: relative; }
        .nav > a::after,
        .nav .nav-group a::after {
          content: '';
          position: absolute;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          left: 50%;
          bottom: 5px;
          width: 0;
          height: 1px;
          background-color: #1E1E1E;
          transition: width 250ms; }
        .nav > a:hover::after,
        .nav .nav-group a:hover::after {
          width: 100%; } }
    @media screen and (min-width: 960px) {
      .nav > a:nth-child(-n+4),
      .nav .nav-group a:nth-child(-n+4) {
        -webkit-order: -1;
            -ms-flex-order: -1;
                order: -1; } }
    .nav > a.active-page::after,
    .nav .nav-group a.active-page::after {
      transition: none;
      width: 100%; }
  .nav .logo {
    display: inline-block;
    width: 61px; }
    @media all and (-ms-high-contrast: none) {
      .nav .logo {
        /* IE11 */ }
        .nav .logo *::-ms-backdrop, .nav .logo {
          height: 97px; } }
    @media screen and (min-width: 960px) {
      .nav .logo {
        width: 78px;
        margin-left: 10px;
        margin-right: 10px; } }
  @media screen and (min-width: 960px) and (min-width: 960px) {
    .nav .logo {
      margin-left: calc((0.15625 * (100vw - 960px)) + 10px); } }
  @media screen and (min-width: 960px) and (min-width: 1280px) {
    .nav .logo {
      margin-left: 60px; } }
  @media screen and (min-width: 960px) and (min-width: 960px) {
    .nav .logo {
      margin-right: calc((0.15625 * (100vw - 960px)) + 10px); } }
  @media screen and (min-width: 960px) and (min-width: 1280px) {
    .nav .logo {
      margin-right: 60px; } }
  .nav .utility {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid rgba(30, 30, 30, 0.05);
    margin-top: auto;
    padding: 30px calc(((100% - 87.5%) / 2));
    transition: opacity 250ms;
    opacity: 0;
    pointer-events: none; }
    @media screen and (min-width: 960px) {
      .nav .utility {
        position: absolute;
        top: 13px;
        right: calc(((100% - 87.5%) / 2));
        border-top: 0;
        display: block;
        opacity: 1;
        pointer-events: auto;
        padding: 0; } }
    @media screen and (min-width: 1463px) {
      .nav .utility {
        right: calc(((100vw - 1280px) / 2)); } }
    .nav .utility a {
      font-size: 25px;
      line-height: 2.3;
      letter-spacing: 3.34px;
      color: #BD9B60; }
      @media screen and (min-width: 960px) {
        .nav .utility a {
          font-family: "muli", sans-serif;
          font-size: 12px;
          color: #1E1E1E;
          text-transform: uppercase;
          margin: 0;
          margin-left: 10px;
          letter-spacing: 0;
          position: relative; }
          .nav .utility a::after {
            content: '';
            position: absolute;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            left: 50%;
            bottom: 5px;
            width: 0;
            height: 1px;
            background-color: #1E1E1E;
            transition: width 250ms; }
          .nav .utility a:hover::after {
            width: 100%; } }
  #toggle-menu:checked ~ .nav {
    background-color: #ffffff;
    position: fixed;
    pointer-events: auto; }
    @media screen and (min-width: 960px) {
      #toggle-menu:checked ~ .nav {
        background-color: transparent;
        position: absolute; } }
    #toggle-menu:checked ~ .nav > a,
    #toggle-menu:checked ~ .nav .nav-group a,
    #toggle-menu:checked ~ .nav .utility {
      opacity: 1;
      pointer-events: auto; }
    #toggle-menu:checked ~ .nav .open span:nth-child(1) {
      top: 8px;
      left: -1px;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      width: 10px; }
    #toggle-menu:checked ~ .nav .open span:nth-child(2) {
      width: 100%; }
    #toggle-menu:checked ~ .nav .open span:nth-child(3) {
      bottom: 8px;
      left: -1px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      width: 10px; }

/*
 * HEADER
 * ====== */
.header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1; }
  .header.full {
    height: 810px;
    background-position: calc(50% - 140px) 50%;
    background-size: cover; }
    @media screen and (min-width: 640px) {
      .header.full {
        background-position: 50% 50%; } }
    @media screen and (min-height: 810px) {
      .header.full {
        height: 100vh; } }
    .header.full .container {
      max-width: 540px;
      padding: 0 5px;
      -webkit-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
              transform: translateY(-30px); }
    .header.full .heading-small {
      font-size: 15px; }
      @media screen and (min-width: 960px) {
        .header.full .heading-small {
          font-size: calc((0.0125 * (100vw - 960px)) + 15px); } }
      @media screen and (min-width: 1280px) {
        .header.full .heading-small {
          font-size: 19px; } }
    .header.full video {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover; }
  .header .scroll-marker {
    width: 33px;
    height: 44px;
    display: inline-block; }
    .header .scroll-marker #chevron {
      -webkit-animation: chevronBounce 2s infinite;
              animation: chevronBounce 2s infinite; }

@-webkit-keyframes chevronBounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px); }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes chevronBounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px); }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/*
 * Footer Styles
 * ============= */
.page-footer {
  background-color: #F4F3F1;
  color: #1E1E1E;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative; }
  .page-footer li a,
  .page-footer .links a {
    position: relative; }
    .page-footer li a::after,
    .page-footer .links a::after {
      content: '';
      position: absolute;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      left: 50%;
      bottom: 3px;
      width: 0;
      height: 1px;
      background-color: #1E1E1E;
      transition: width 250ms; }
    .page-footer li a:hover::after,
    .page-footer .links a:hover::after {
      width: 100%; }
  .page-footer .links a::after {
    bottom: 0; }
  .page-footer [class*="icon-"] {
    opacity: 1;
    transition: opacity 250ms; }
    .page-footer [class*="icon-"]:hover {
      opacity: 0.75; }
  .page-footer .details,
  .page-footer .legal {
    padding: 20px calc(((100% - 87.5%) / 2)); }
    @media screen and (min-width: 1463px) {
      .page-footer .details,
      .page-footer .legal {
        padding: 0 calc(((100vw - 1280px) / 2)); } }
  .page-footer .details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative; }
    @media screen and (min-width: 960px) {
      .page-footer .details {
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-top: 50px;
        padding-bottom: 50px; } }
    .page-footer .details > * {
      margin: 17px 0; }
      @media screen and (min-width: 960px) {
        .page-footer .details > * {
          margin: 0; } }
    .page-footer .details .title {
      font-family: "ddc_hardware_regularregular", sans-serif;
      margin-bottom: 10px;
      font-size: 20px; }
      @media screen and (min-width: 480px) {
        .page-footer .details .title {
          font-size: calc((-0.00375 * (100vw - 480px)) + 20px); } }
      @media screen and (min-width: 1280px) {
        .page-footer .details .title {
          font-size: 17px; } }
    .page-footer .details .logo {
      text-align: center; }
      .page-footer .details .logo svg {
        width: 83px; }
        @media screen and (min-width: 960px) {
          .page-footer .details .logo svg {
            width: 98px; } }
    .page-footer .details .logo,
    .page-footer .details .contact,
    .page-footer .details .connect {
      width: 100%; }
      @media screen and (min-width: 960px) {
        .page-footer .details .logo,
        .page-footer .details .contact,
        .page-footer .details .connect {
          width: auto; } }
    .page-footer .details .main,
    .page-footer .details .more {
      width: 50%; }
      @media screen and (min-width: 960px) {
        .page-footer .details .main,
        .page-footer .details .more {
          width: auto; } }
      .page-footer .details .main a,
      .page-footer .details .more a {
        font-size: 17px;
        display: inline-block;
        margin: 7px 0;
        opacity: .75; }
        @media screen and (min-width: 960px) {
          .page-footer .details .main a,
          .page-footer .details .more a {
            font-size: 14px;
            margin: 0;
            opacity: .5; } }
    @media screen and (min-width: 960px) {
      .page-footer .details .contact p {
        font-size: 14px;
        line-height: 1.5; } }
    .page-footer .details .connect [class*="icon-"] {
      background-color: #1E1E1E;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      background-size: 22px;
      margin-right: 10px; }
      @media screen and (min-width: 960px) {
        .page-footer .details .connect [class*="icon-"] {
          width: 33px;
          height: 33px;
          background-size: 16px;
          margin-right: 5px; } }
    .page-footer .details ul li {
      margin: 0; }
    .page-footer .details .scroll {
      width: 50px;
      height: 50px;
      border-radius: 2px;
      background-color: #BD9B60;
      position: absolute;
      bottom: 30px;
      right: calc(((100% - 87.5%) / 2));
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2018%2013%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M17.133,8.567L13.598,12.102L8.567,7.071L3.536,12.102L0,8.567L8.567,0C11.422,2.856%2014.278,5.711%2017.133,8.567Z%22%20/%3E%3C/svg%3E"); }
      @media screen and (min-width: 960px) {
        .page-footer .details .scroll {
          position: static; } }
  .page-footer .legal {
    border-top: 1px solid #D0CEC8; }
    @media screen and (min-width: 960px) {
      .page-footer .legal {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 calc(((100% - 87.5%) / 2));
        padding: 16px 0; } }
    @media screen and (min-width: 1463px) {
      .page-footer .legal {
        margin: 0 calc(((100vw - 1280px) / 2)); } }
    .page-footer .legal p, .page-footer .legal a, .page-footer .legal span {
      font-size: 12px;
      color: #1E1E1E;
      margin: 0; }
      @media screen and (min-width: 480px) {
        .page-footer .legal p, .page-footer .legal a, .page-footer .legal span {
          font-size: calc((0.0025 * (100vw - 480px)) + 12px); } }
      @media screen and (min-width: 1280px) {
        .page-footer .legal p, .page-footer .legal a, .page-footer .legal span {
          font-size: 14px; } }
      @media screen and (min-width: 960px) {
        .page-footer .legal p, .page-footer .legal a, .page-footer .legal span {
          font-size: 15px; } }
    .page-footer .legal span {
      display: inline-block;
      margin: 0 7px; }
      @media screen and (min-width: 960px) {
        .page-footer .legal span {
          display: none; } }
    .page-footer .legal .copyright,
    .page-footer .legal .links {
      opacity: 0.31; }
    .page-footer .legal .copyright {
      margin-bottom: 3px; }
      @media screen and (min-width: 960px) {
        .page-footer .legal .copyright {
          margin-bottom: 0;
          display: inline-block; } }
    @media screen and (min-width: 960px) {
      .page-footer .legal .links {
        margin: 0 auto; } }
    @media screen and (min-width: 960px) {
      .page-footer .legal .links a {
        margin: 0 20px; } }

/*
 * FORMS
 * ===== */
form {
  color: #AD867C;
  /* CF7 styles */ }
  form [type="text"],
  form [type="email"],
  form [type="search"],
  form textarea,
  form select {
    font-size: 16px;
    line-height: 22px;
    color: #1E1E1E;
    background: transparent;
    border: 1px solid #1E1E1E;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    display: block;
    margin-bottom: 23px;
    padding: 15px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    height: 50px; }
    @media screen and (min-width: 960px) {
      form [type="text"],
      form [type="email"],
      form [type="search"],
      form textarea,
      form select {
        height: calc((0.02813 * (100vw - 960px)) + 50px); } }
    @media screen and (min-width: 1280px) {
      form [type="text"],
      form [type="email"],
      form [type="search"],
      form textarea,
      form select {
        height: 59px; } }
    form [type="text"]::-webkit-input-placeholder,
    form [type="email"]::-webkit-input-placeholder,
    form [type="search"]::-webkit-input-placeholder,
    form textarea::-webkit-input-placeholder,
    form select::-webkit-input-placeholder {
      text-transform: capitalize;
      color: rgba(30, 30, 30, 0.5); }
    form [type="text"]:-moz-placeholder,
    form [type="email"]:-moz-placeholder,
    form [type="search"]:-moz-placeholder,
    form textarea:-moz-placeholder,
    form select:-moz-placeholder {
      text-transform: capitalize;
      color: rgba(30, 30, 30, 0.5); }
    form [type="text"]::-moz-placeholder,
    form [type="email"]::-moz-placeholder,
    form [type="search"]::-moz-placeholder,
    form textarea::-moz-placeholder,
    form select::-moz-placeholder {
      text-transform: capitalize;
      color: rgba(30, 30, 30, 0.5); }
    form [type="text"]:-ms-input-placeholder,
    form [type="email"]:-ms-input-placeholder,
    form [type="search"]:-ms-input-placeholder,
    form textarea:-ms-input-placeholder,
    form select:-ms-input-placeholder {
      text-transform: capitalize;
      color: rgba(30, 30, 30, 0.5); }
    @media screen and (min-width: 960px) {
      form [type="text"],
      form [type="email"],
      form [type="search"],
      form textarea,
      form select {
        line-height: 45px;
        padding: 6px 23px; } }
  form textarea {
    height: auto !important; }
  form select::-ms-expand {
    display: none; }
  form .wpcf7-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%231E1E1E%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%209%206%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M4.504,4.036L8.366,0.654L8.972,1.346L4.504,5.258L0.036,1.346L0.642,0.654C1.929,1.781%203.217,2.908%204.504,4.036Z%22%20/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px 8px;
    background-position: calc(100% - 15px) center;
    color: rgba(30, 30, 30, 0.5); }
  form .wpcf7-submit {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%231E1E1E%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%205%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M14,2L14,0L16.752,2.5L14,5L14,3L0,3L0,2L14,2Z%22%20/%3E%3C/svg%3E");
    border: 0;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 17px 5px;
    padding-right: 20px;
    float: right;
    outline: 0; }
  form div.wpcf7-validation-errors {
    border: 0;
    clear: both;
    padding: 0;
    margin: 0; }
  form [aria-invalid="true"] {
    border-color: red; }

/*
 * Button Styles
 * ============= */
.btn {
  color: #ffffff;
  font-size: 10px;
  line-height: 19px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.62px;
  display: block;
  width: 100%;
  border: 0;
  border: 2px solid #ffffff;
  padding: 7px 10px;
  position: relative;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  background-size: 100% 0;
  background-repeat: no-repeat;
  transition: background-size 250ms, color 250ms; }
  @media screen and (min-width: 960px) {
    .btn {
      line-height: 47px;
      letter-spacing: 1px;
      border-width: 3px;
      padding: 15px 37px 13px;
      display: inline-block;
      width: auto;
      font-size: 22px;
      min-width: 293px; } }

/*
 * Slick Slider
 * ============ */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-slider.flex .slick-track {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .slick-slider.flex .slick-track .slick-slide {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto; }

.slick-arrow {
  border: 0;
  outline: 0;
  background: none;
  font-family: "muli", sans-serif;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
  margin-top: 15px;
  padding: 0; }
  .slick-arrow::before, .slick-arrow::after {
    content: '';
    width: 17px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px; }

.slick-prev::before {
  margin-right: 7px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.slick-prev::after {
  content: none; }

.slick-next::after {
  margin-left: 7px; }

.slick-next::before {
  content: none; }

/*
 * Icon Styles
 * ============= */
.icon, [class*="icon-"] {
  background-repeat: no-repeat;
  background-position: center;
  width: 34px;
  height: 34px;
  display: inline-block;
  background-color: #1E1E1E;
  border-radius: 100%; }
  .icon.icon-instagram, [class*="icon-"].icon-instagram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M14,14.5L2,14.5C1.724,14.5%201.5,14.276%201.5,14L1.5,6.5L3.5,6.5C3.239,6.875%203.151,7.575%203.151,8.019C3.151,10.696%205.335,12.874%208.018,12.874C10.703,12.874%2012.886,10.696%2012.886,8.019C12.886,7.575%2012.823,6.885%2012.5,6.5L14.5,6.5L14.5,14C14.5,14.276%2014.276,14.5%2014,14.5M8.018,4.949C9.718,4.949%2011.095,6.323%2011.095,8.019C11.095,9.714%209.718,11.088%208.018,11.088C6.32,11.088%204.942,9.714%204.942,8.019C4.942,6.323%206.32,4.949%208.018,4.949M12,2L13.5,2C13.776,2%2014,2.224%2014,2.5L14,4C14,4.276%2013.776,4.5%2013.5,4.5L12,4.5C11.724,4.5%2011.5,4.276%2011.5,4L11.5,2.5C11.5,2.224%2011.724,2%2012,2M14.098,0L1.902,0C0.851,0%200,0.85%200,1.897L0,14.103C0,15.15%200.851,16%201.902,16L14.098,16C15.149,16%2016,15.15%2016,14.103L16,1.897C16,0.85%2015.149,0%2014.098,0%22%20/%3E%3C/svg%3E"); }
  .icon.icon-linkedin, [class*="icon-"].icon-linkedin {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M0.573,7.288L5.003,7.288L5.003,22.726L0.573,22.726L0.573,7.288ZM2.675,5.357L2.643,5.357C1.04,5.357%200,4.176%200,2.682C0,1.157%201.07,0%202.706,0C4.34,0%205.345,1.154%205.377,2.678C5.377,4.172%204.34,5.357%202.675,5.357ZM22.727,22.727L17.704,22.727L17.704,14.737C17.704,12.646%2016.919,11.22%2015.191,11.22C13.869,11.22%2013.134,12.181%2012.792,13.111C12.664,13.443%2012.684,13.907%2012.684,14.373L12.684,22.727L7.708,22.727C7.708,22.727%207.772,8.574%207.708,7.288L12.684,7.288L12.684,9.711C12.978,8.651%2014.568,7.139%2017.106,7.139C20.254,7.139%2022.727,9.361%2022.727,14.142L22.727,22.727Z%22%20/%3E%3C/svg%3E"); }
  .icon.icon-warehouse, [class*="icon-"].icon-warehouse {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2042%2042%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M32.667,29.333L9.333,29.333L9.333,17.667L21,15L32.667,17.667L32.667,29.333ZM31,26.667L11,26.667L11,27.667L31,27.667L31,26.667ZM25.068,23.707L21.531,23.707L21.531,25.667L25.068,25.667L25.068,23.707ZM20.469,23.707L16.932,23.707L16.932,25.667L20.469,25.667L20.469,23.707ZM15.871,23.707L12.333,23.707L12.333,25.667L15.871,25.667L15.871,23.707ZM29.667,23.707L26.129,23.707L26.129,25.667L29.667,25.667L29.667,23.707ZM25.068,21.186L21.531,21.186L21.531,23.147L25.068,23.147L25.068,21.186ZM20.469,21.186L16.932,21.186L16.932,23.147L20.469,23.147L20.469,21.186ZM15.871,21.186L12.333,21.186L12.333,23.147L15.871,23.147L15.871,21.186ZM29.667,21.186L26.129,21.186L26.129,23.147L29.667,23.147L29.667,21.186ZM15.871,18.667L12.333,18.667L12.333,20.627L15.871,20.627L15.871,18.667ZM35.148,15.377L34.852,16.623L21,13.325L7.148,16.623L6.852,15.377L21,12.009C25.716,13.132%2030.432,14.255%2035.148,15.377Z%22%20/%3E%3C/svg%3E");
    width: 42px;
    height: 42px; }
  .icon.icon-malthouse, [class*="icon-"].icon-malthouse {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2042%2042%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M33.559,18.583L33.559,29.708L7.728,29.708L7.728,18.583L33.559,18.583ZM13.497,21.251L10.301,21.251L10.301,24.49L13.497,24.49L13.497,21.251ZM19.302,21.251L16.106,21.251L16.106,24.49L19.302,24.49L19.302,21.251ZM25.107,21.251L21.911,21.251L21.911,24.49L25.107,24.49L25.107,21.251ZM30.912,21.251L27.716,21.251L27.716,24.49L30.912,24.49L30.912,21.251ZM13.211,14.038L13.211,17.774L7.793,17.774L7.793,14.038L13.211,14.038ZM27.186,14.038L27.186,17.774L21.768,17.774L21.768,14.038L27.186,14.038ZM20.198,14.038L20.198,17.774L14.78,17.774L14.78,14.038L20.198,14.038ZM27.186,13.314L27.186,13.23L27.183,13.23C27.183,12.624%2025.97,12.133%2024.474,12.133C22.979,12.133%2021.768,12.624%2021.768,13.23L21.768,13.314L27.186,13.314ZM20.198,13.314L20.198,13.23L20.195,13.23C20.195,12.624%2018.982,12.133%2017.486,12.133C15.991,12.133%2014.78,12.624%2014.78,13.23L14.78,13.314L20.198,13.314ZM13.21,13.314L13.21,13.23L13.208,13.23C13.208,12.624%2011.994,12.133%2010.499,12.133C9.003,12.133%207.792,12.624%207.792,13.23L7.792,13.314L13.21,13.314Z%22%20/%3E%3C/svg%3E");
    width: 42px;
    height: 42px; }
  .icon.icon-grain-elevator, [class*="icon-"].icon-grain-elevator {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2042%2042%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M21.3,36.635L20.234,36.635L20.234,35.406C20.232,34.748%2019.973,34.117%2019.507,33.649L16.507,30.649C15.842,29.987%2015.473,29.089%2015.473,28.153L15.477,13.839C15.48,13.275%2015.938,12.858%2016.497,12.908L16.497,17.089C16.497,17.924%2016.829,18.726%2017.419,19.316L20.741,22.638L24.06,19.319C24.65,18.728%2024.984,17.927%2024.984,17.091L24.984,14.475L24.981,12.908C25.548,12.908%2026.001,13.364%2026.001,13.926L25.994,28.167C25.994,29.106%2025.622,30.001%2024.962,30.663L21.981,33.644C21.513,34.107%2021.254,34.743%2021.254,35.403L21.254,36.397C21.254,36.481%2021.278,36.558%2021.3,36.635ZM23.949,30.236L20.741,33.445L17.529,30.234C16.867,29.571%2016.497,28.674%2016.497,27.74L16.497,25.194L17.635,26.334C17.993,30.855%2020.741,31.22%2020.741,31.22C20.741,31.22%2023.52,30.855%2023.868,26.31L24.981,25.196L24.984,27.74C24.981,28.676%2024.609,29.574%2023.949,30.236ZM24.984,22.451C24.984,23.288%2024.65,24.09%2024.06,24.68L20.741,27.999L17.419,24.678C16.829,24.087%2016.497,23.286%2016.497,22.451L16.497,19.835L17.637,20.972C17.993,25.494%2020.741,25.861%2020.741,25.861C20.741,25.861%2023.52,25.494%2023.87,20.951L24.984,19.837L24.984,22.451ZM20.713,20.237C20.713,20.237%2023.468,19.2%2023.588,14.525L23.6,14.511L23.603,8.508C23.6,7.944%2023.144,7.488%2022.583,7.488L22.583,14.559L20.718,16.443L18.887,14.551L18.889,7.488C18.325,7.488%2017.871,7.944%2017.871,8.508L17.871,14.158C17.869,14.17%2017.871,14.184%2017.871,14.194L17.871,14.345L17.876,14.35C17.948,19.243%2020.713,20.237%2020.713,20.237ZM20.198,13.637L20.195,5.789C20.195,5.463%2020.339,5.153%2020.586,4.942L20.709,4.839L20.814,4.928C21.069,5.139%2021.215,5.451%2021.215,5.782L21.215,5.979L21.218,5.979L21.218,13.829C21.218,14.153%2021.076,14.46%2020.829,14.672L20.706,14.777L20.601,14.688C20.346,14.477%2020.2,14.165%2020.2,13.834L20.2,13.637L20.198,13.637Z%22%20/%3E%3C/svg%3E");
    width: 42px;
    height: 42px; }

/*
 * Modal Layout
 * =========== */
[data-modal] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(193, 193, 193, 0.62);
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  pointer-events: none;
  overflow: hidden;
  transition: z-index 150ms 0ms linear, visibility 150ms 0ms linear, opacity 150ms 0ms linear; }
  [data-modal] > a {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
    background-color: #1E1E1E;
    opacity: .5; }
    @media screen and (min-width: 960px) {
      [data-modal] > a {
        background-color: transparent; } }
  [data-modal] > [data-close] {
    position: absolute;
    width: 100%;
    height: 100%; }
  [data-modal] > *:not(a) {
    display: inline-block;
    background-color: #FFF;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    width: calc(100% - 2em);
    max-width: 880px;
    max-height: 80vh;
    overflow-y: scroll; }
  [data-modal]:target, [data-modal].open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    z-index: 905; }
  [data-modal] .content {
    text-align: center; }
  [data-modal] .close {
    position: absolute;
    right: 0;
    bottom: calc(100% + 20px);
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2035%2034%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M17.121,15L32.091,0.03C32.798,0.738%2033.505,1.445%2034.212,2.152L19.243,17.121L33.962,31.841L31.841,33.962L17.121,19.243L2.371,33.993L0.25,31.871L15,17.121L0,2.121L2.121,0L17.121,15Z%22%20/%3E%3C/svg%3E"); }
  [data-modal] .close-txt {
    background-color: #BD9B60;
    text-indent: -99999px;
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2018%206%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M1.914,3.513L3.63,5.274L2.923,6L0,3L2.923,0C3.159,0.242%203.394,0.484%203.63,0.726L1.914,2.487L17.043,2.487L17.043,3.513L1.914,3.513Z%22%20/%3E%3C/svg%3E"); }
  [data-modal] iframe {
    position: relative;
    z-index: 1;
    width: 100%; }
  [data-modal].map {
    position: absolute;
    background-color: rgba(127, 127, 127, 0.3); }
    [data-modal].map > *:not(a) {
      max-width: 580px;
      text-align: right; }
    [data-modal].map .close {
      width: 21px;
      height: 21px;
      display: block;
      position: static;
      bottom: auto;
      top: 0;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23BD9B60%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2035%2034%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M17.121,15L32.091,0.03C32.798,0.738%2033.505,1.445%2034.212,2.152L19.243,17.121L33.962,31.841L31.841,33.962L17.121,19.243L2.371,33.993L0.25,31.871L15,17.121L0,2.121L2.121,0L17.121,15Z%22%20/%3E%3C/svg%3E");
      margin: 15px 20px;
      margin-left: auto; }
    [data-modal].map .content {
      padding: 20px;
      padding-top: 0;
      text-align: left; }
      [data-modal].map .content i {
        margin-right: 10px; }
      [data-modal].map .content .heading-small {
        margin: 10px 0 5px;
        font-size: 17px;
        font-family: "ddc_hardwarecondensed", sans-serif;
        font-weight: normal;
        letter-spacing: 0; }
        [data-modal].map .content .heading-small.location-title {
          font-size: 22px;
          display: inline-block;
          vertical-align: top; }
        [data-modal].map .content .heading-small:nth-of-type(2) {
          color: #BD9B60; }
      [data-modal].map .content .tag {
        padding-top: 35px; }
        [data-modal].map .content .tag:before {
          width: 100%;
          bottom: 0px;
          top: unset;
          height: 35px;
          -webkit-transform: translate(-50%, 0);
              -ms-transform: translate(-50%, 0);
                  transform: translate(-50%, 0); }
    [data-modal].map .image {
      background-color: #BD9B60;
      padding: 20px;
      text-align: center; }
      [data-modal].map .image svg {
        min-width: 0;
        max-width: 177px;
        height: auto; }
    [data-modal].map .btn {
      font-family: "ddc_hardwarecondensed", sans-serif;
      font-size: 15px;
      line-height: 26px;
      margin-top: 60px;
      padding: 7px 20px 8px; }
    [data-modal].map p {
      letter-spacing: -0.1px; }
  [data-modal] .bio {
    padding: 40px 20px; }
    @media screen and (min-width: 960px) {
      [data-modal] .bio {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 20px; } }
    [data-modal] .bio::after {
      content: '';
      display: block;
      width: 100%;
      height: 36px;
      background-image: linear-gradient(135deg, #BD9B60 8.33%, transparent 8.33%, transparent 50%, #BD9B60 50%, #BD9B60 58.33%, transparent 58.33%, transparent 100%);
      background-size: 8.49px 8.49px;
      opacity: .5;
      margin-top: 25px; }
      @media screen and (min-width: 960px) {
        [data-modal] .bio::after {
          position: absolute;
          bottom: 20px;
          right: 30px;
          width: 65%; } }
    [data-modal] .bio p {
      margin: 0; }
      [data-modal] .bio p:empty {
        display: none; }
    [data-modal] .bio .image {
      background-color: #ddd;
      width: 337px;
      height: 448px;
      margin-right: 60px;
      object-fit: cover;
      font-family: 'object-fit: cover;';
      display: none; }
      @media screen and (min-width: 960px) {
        [data-modal] .bio .image {
          display: block; } }
    [data-modal] .bio .details {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      overflow: scroll;
      height: 310px;
      padding-right: 30px; }
    [data-modal] .bio .name {
      font-family: "ddc_hardwarecondensed", sans-serif;
      font-size: 22px;
      color: #BD9B60; }
    [data-modal] .bio .position {
      font-family: "ddc_hardwarecondensed", sans-serif;
      color: #1E1E1E;
      margin: 10px 0; }

.map .map_container {
  position: relative;
  overflow: hidden;
  height: 87.5vh;
  max-height: 740px;
  outline: none; }
  @media screen and (min-width: 768px) {
    .map .map_container {
      height: 740px; } }

.map .controls {
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 8px; }
  @media screen and (min-width: 768px) {
    .map .controls {
      display: block; } }
  .map .controls .zoom {
    display: block;
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    background-color: #1E1E1E;
    color: #ffffff;
    border-bottom: 0;
    transition: all 250ms; }
    .map .controls .zoom:first-child {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .map .controls .zoom:last-child {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
    .map .controls .zoom:hover {
      background-color: #BD9B60; }

.map .svg_panner {
  position: relative;
  display: block;
  width: 1280px;
  cursor: move; }

.map svg {
  width: 100%;
  height: auto; }
  .map svg g {
    transition: opacity 250ms linear; }
    .map svg g:not(.disabled) {
      cursor: pointer; }
    .map svg g.disabled {
      opacity: 0.25; }
    .map svg g.accessible [id^="num_"] path {
      fill: #A06C4E !important; }
    .map svg g.nomatch {
      opacity: 0.25;
      pointer-events: none; }
    .map svg g.matched {
      opacity: 1; }
      .map svg g.matched:not([class*="lodge"]) [id^="shape_"] path, .map svg g.matched:not([class*="lodge"]) [id^="shape_"] ellipse {
        -webkit-animation: pin_shape_focus 1s 1;
                animation: pin_shape_focus 1s 1; }
      .map svg g.matched:not([class*="lodge"]) [id^="num_"] path, .map svg g.matched:not([class*="lodge"]) [id^="num_"] ellipse {
        -webkit-animation: pin_num_focus 1s 1;
                animation: pin_num_focus 1s 1; }
      .map svg g.matched:not([class*="lodge"]).accessible [id^="shape_"] path, .map svg g.matched:not([class*="lodge"]).accessible [id^="shape_"] ellipse {
        -webkit-animation: pin_acc_shape_focus 1s 1;
                animation: pin_acc_shape_focus 1s 1; }
      .map svg g.matched:not([class*="lodge"]).accessible [id^="num_"] path, .map svg g.matched:not([class*="lodge"]).accessible [id^="num_"] ellipse {
        -webkit-animation: pin_acc_num_focus 1s 1;
                animation: pin_acc_num_focus 1s 1; }
      .map svg g.matched[class*="lodge"]:nth-child(1) {
        -webkit-animation: lodge_focus 250ms 50ms 1;
                animation: lodge_focus 250ms 50ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(2) {
        -webkit-animation: lodge_focus 250ms 100ms 1;
                animation: lodge_focus 250ms 100ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(3) {
        -webkit-animation: lodge_focus 250ms 150ms 1;
                animation: lodge_focus 250ms 150ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(4) {
        -webkit-animation: lodge_focus 250ms 200ms 1;
                animation: lodge_focus 250ms 200ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(5) {
        -webkit-animation: lodge_focus 250ms 250ms 1;
                animation: lodge_focus 250ms 250ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(6) {
        -webkit-animation: lodge_focus 250ms 300ms 1;
                animation: lodge_focus 250ms 300ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(7) {
        -webkit-animation: lodge_focus 250ms 350ms 1;
                animation: lodge_focus 250ms 350ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(8) {
        -webkit-animation: lodge_focus 250ms 400ms 1;
                animation: lodge_focus 250ms 400ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(9) {
        -webkit-animation: lodge_focus 250ms 450ms 1;
                animation: lodge_focus 250ms 450ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(10) {
        -webkit-animation: lodge_focus 250ms 500ms 1;
                animation: lodge_focus 250ms 500ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(11) {
        -webkit-animation: lodge_focus 250ms 550ms 1;
                animation: lodge_focus 250ms 550ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(12) {
        -webkit-animation: lodge_focus 250ms 600ms 1;
                animation: lodge_focus 250ms 600ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(13) {
        -webkit-animation: lodge_focus 250ms 650ms 1;
                animation: lodge_focus 250ms 650ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(14) {
        -webkit-animation: lodge_focus 250ms 700ms 1;
                animation: lodge_focus 250ms 700ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(15) {
        -webkit-animation: lodge_focus 250ms 750ms 1;
                animation: lodge_focus 250ms 750ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(16) {
        -webkit-animation: lodge_focus 250ms 800ms 1;
                animation: lodge_focus 250ms 800ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(17) {
        -webkit-animation: lodge_focus 250ms 850ms 1;
                animation: lodge_focus 250ms 850ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(18) {
        -webkit-animation: lodge_focus 250ms 900ms 1;
                animation: lodge_focus 250ms 900ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(19) {
        -webkit-animation: lodge_focus 250ms 950ms 1;
                animation: lodge_focus 250ms 950ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(20) {
        -webkit-animation: lodge_focus 250ms 1000ms 1;
                animation: lodge_focus 250ms 1000ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(21) {
        -webkit-animation: lodge_focus 250ms 1050ms 1;
                animation: lodge_focus 250ms 1050ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(22) {
        -webkit-animation: lodge_focus 250ms 1100ms 1;
                animation: lodge_focus 250ms 1100ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(23) {
        -webkit-animation: lodge_focus 250ms 1150ms 1;
                animation: lodge_focus 250ms 1150ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(24) {
        -webkit-animation: lodge_focus 250ms 1200ms 1;
                animation: lodge_focus 250ms 1200ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(25) {
        -webkit-animation: lodge_focus 250ms 1250ms 1;
                animation: lodge_focus 250ms 1250ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(26) {
        -webkit-animation: lodge_focus 250ms 1300ms 1;
                animation: lodge_focus 250ms 1300ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(27) {
        -webkit-animation: lodge_focus 250ms 1350ms 1;
                animation: lodge_focus 250ms 1350ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(28) {
        -webkit-animation: lodge_focus 250ms 1400ms 1;
                animation: lodge_focus 250ms 1400ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(29) {
        -webkit-animation: lodge_focus 250ms 1450ms 1;
                animation: lodge_focus 250ms 1450ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(30) {
        -webkit-animation: lodge_focus 250ms 1500ms 1;
                animation: lodge_focus 250ms 1500ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(31) {
        -webkit-animation: lodge_focus 250ms 1550ms 1;
                animation: lodge_focus 250ms 1550ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(32) {
        -webkit-animation: lodge_focus 250ms 1600ms 1;
                animation: lodge_focus 250ms 1600ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(33) {
        -webkit-animation: lodge_focus 250ms 1650ms 1;
                animation: lodge_focus 250ms 1650ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(34) {
        -webkit-animation: lodge_focus 250ms 1700ms 1;
                animation: lodge_focus 250ms 1700ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(35) {
        -webkit-animation: lodge_focus 250ms 1750ms 1;
                animation: lodge_focus 250ms 1750ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(36) {
        -webkit-animation: lodge_focus 250ms 1800ms 1;
                animation: lodge_focus 250ms 1800ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(37) {
        -webkit-animation: lodge_focus 250ms 1850ms 1;
                animation: lodge_focus 250ms 1850ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(38) {
        -webkit-animation: lodge_focus 250ms 1900ms 1;
                animation: lodge_focus 250ms 1900ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(39) {
        -webkit-animation: lodge_focus 250ms 1950ms 1;
                animation: lodge_focus 250ms 1950ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(40) {
        -webkit-animation: lodge_focus 250ms 2000ms 1;
                animation: lodge_focus 250ms 2000ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(41) {
        -webkit-animation: lodge_focus 250ms 2050ms 1;
                animation: lodge_focus 250ms 2050ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(42) {
        -webkit-animation: lodge_focus 250ms 2100ms 1;
                animation: lodge_focus 250ms 2100ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(43) {
        -webkit-animation: lodge_focus 250ms 2150ms 1;
                animation: lodge_focus 250ms 2150ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(44) {
        -webkit-animation: lodge_focus 250ms 2200ms 1;
                animation: lodge_focus 250ms 2200ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(45) {
        -webkit-animation: lodge_focus 250ms 2250ms 1;
                animation: lodge_focus 250ms 2250ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(46) {
        -webkit-animation: lodge_focus 250ms 2300ms 1;
                animation: lodge_focus 250ms 2300ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(47) {
        -webkit-animation: lodge_focus 250ms 2350ms 1;
                animation: lodge_focus 250ms 2350ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(48) {
        -webkit-animation: lodge_focus 250ms 2400ms 1;
                animation: lodge_focus 250ms 2400ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(49) {
        -webkit-animation: lodge_focus 250ms 2450ms 1;
                animation: lodge_focus 250ms 2450ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(50) {
        -webkit-animation: lodge_focus 250ms 2500ms 1;
                animation: lodge_focus 250ms 2500ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(51) {
        -webkit-animation: lodge_focus 250ms 2550ms 1;
                animation: lodge_focus 250ms 2550ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(52) {
        -webkit-animation: lodge_focus 250ms 2600ms 1;
                animation: lodge_focus 250ms 2600ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(53) {
        -webkit-animation: lodge_focus 250ms 2650ms 1;
                animation: lodge_focus 250ms 2650ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(54) {
        -webkit-animation: lodge_focus 250ms 2700ms 1;
                animation: lodge_focus 250ms 2700ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(55) {
        -webkit-animation: lodge_focus 250ms 2750ms 1;
                animation: lodge_focus 250ms 2750ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(56) {
        -webkit-animation: lodge_focus 250ms 2800ms 1;
                animation: lodge_focus 250ms 2800ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(57) {
        -webkit-animation: lodge_focus 250ms 2850ms 1;
                animation: lodge_focus 250ms 2850ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(58) {
        -webkit-animation: lodge_focus 250ms 2900ms 1;
                animation: lodge_focus 250ms 2900ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(59) {
        -webkit-animation: lodge_focus 250ms 2950ms 1;
                animation: lodge_focus 250ms 2950ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(60) {
        -webkit-animation: lodge_focus 250ms 3000ms 1;
                animation: lodge_focus 250ms 3000ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(61) {
        -webkit-animation: lodge_focus 250ms 3050ms 1;
                animation: lodge_focus 250ms 3050ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(62) {
        -webkit-animation: lodge_focus 250ms 3100ms 1;
                animation: lodge_focus 250ms 3100ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(63) {
        -webkit-animation: lodge_focus 250ms 3150ms 1;
                animation: lodge_focus 250ms 3150ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(64) {
        -webkit-animation: lodge_focus 250ms 3200ms 1;
                animation: lodge_focus 250ms 3200ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(65) {
        -webkit-animation: lodge_focus 250ms 3250ms 1;
                animation: lodge_focus 250ms 3250ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(66) {
        -webkit-animation: lodge_focus 250ms 3300ms 1;
                animation: lodge_focus 250ms 3300ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(67) {
        -webkit-animation: lodge_focus 250ms 3350ms 1;
                animation: lodge_focus 250ms 3350ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(68) {
        -webkit-animation: lodge_focus 250ms 3400ms 1;
                animation: lodge_focus 250ms 3400ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(69) {
        -webkit-animation: lodge_focus 250ms 3450ms 1;
                animation: lodge_focus 250ms 3450ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(70) {
        -webkit-animation: lodge_focus 250ms 3500ms 1;
                animation: lodge_focus 250ms 3500ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(71) {
        -webkit-animation: lodge_focus 250ms 3550ms 1;
                animation: lodge_focus 250ms 3550ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(72) {
        -webkit-animation: lodge_focus 250ms 3600ms 1;
                animation: lodge_focus 250ms 3600ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(73) {
        -webkit-animation: lodge_focus 250ms 3650ms 1;
                animation: lodge_focus 250ms 3650ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(74) {
        -webkit-animation: lodge_focus 250ms 3700ms 1;
                animation: lodge_focus 250ms 3700ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(75) {
        -webkit-animation: lodge_focus 250ms 3750ms 1;
                animation: lodge_focus 250ms 3750ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(76) {
        -webkit-animation: lodge_focus 250ms 3800ms 1;
                animation: lodge_focus 250ms 3800ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(77) {
        -webkit-animation: lodge_focus 250ms 3850ms 1;
                animation: lodge_focus 250ms 3850ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(78) {
        -webkit-animation: lodge_focus 250ms 3900ms 1;
                animation: lodge_focus 250ms 3900ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(79) {
        -webkit-animation: lodge_focus 250ms 3950ms 1;
                animation: lodge_focus 250ms 3950ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(80) {
        -webkit-animation: lodge_focus 250ms 4000ms 1;
                animation: lodge_focus 250ms 4000ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(81) {
        -webkit-animation: lodge_focus 250ms 4050ms 1;
                animation: lodge_focus 250ms 4050ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(82) {
        -webkit-animation: lodge_focus 250ms 4100ms 1;
                animation: lodge_focus 250ms 4100ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(83) {
        -webkit-animation: lodge_focus 250ms 4150ms 1;
                animation: lodge_focus 250ms 4150ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(84) {
        -webkit-animation: lodge_focus 250ms 4200ms 1;
                animation: lodge_focus 250ms 4200ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(85) {
        -webkit-animation: lodge_focus 250ms 4250ms 1;
                animation: lodge_focus 250ms 4250ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(86) {
        -webkit-animation: lodge_focus 250ms 4300ms 1;
                animation: lodge_focus 250ms 4300ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(87) {
        -webkit-animation: lodge_focus 250ms 4350ms 1;
                animation: lodge_focus 250ms 4350ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(88) {
        -webkit-animation: lodge_focus 250ms 4400ms 1;
                animation: lodge_focus 250ms 4400ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(89) {
        -webkit-animation: lodge_focus 250ms 4450ms 1;
                animation: lodge_focus 250ms 4450ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(90) {
        -webkit-animation: lodge_focus 250ms 4500ms 1;
                animation: lodge_focus 250ms 4500ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(91) {
        -webkit-animation: lodge_focus 250ms 4550ms 1;
                animation: lodge_focus 250ms 4550ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(92) {
        -webkit-animation: lodge_focus 250ms 4600ms 1;
                animation: lodge_focus 250ms 4600ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(93) {
        -webkit-animation: lodge_focus 250ms 4650ms 1;
                animation: lodge_focus 250ms 4650ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(94) {
        -webkit-animation: lodge_focus 250ms 4700ms 1;
                animation: lodge_focus 250ms 4700ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(95) {
        -webkit-animation: lodge_focus 250ms 4750ms 1;
                animation: lodge_focus 250ms 4750ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(96) {
        -webkit-animation: lodge_focus 250ms 4800ms 1;
                animation: lodge_focus 250ms 4800ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(97) {
        -webkit-animation: lodge_focus 250ms 4850ms 1;
                animation: lodge_focus 250ms 4850ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(98) {
        -webkit-animation: lodge_focus 250ms 4900ms 1;
                animation: lodge_focus 250ms 4900ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(99) {
        -webkit-animation: lodge_focus 250ms 4950ms 1;
                animation: lodge_focus 250ms 4950ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(100) {
        -webkit-animation: lodge_focus 250ms 5000ms 1;
                animation: lodge_focus 250ms 5000ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(101) {
        -webkit-animation: lodge_focus 250ms 5050ms 1;
                animation: lodge_focus 250ms 5050ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(102) {
        -webkit-animation: lodge_focus 250ms 5100ms 1;
                animation: lodge_focus 250ms 5100ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(103) {
        -webkit-animation: lodge_focus 250ms 5150ms 1;
                animation: lodge_focus 250ms 5150ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(104) {
        -webkit-animation: lodge_focus 250ms 5200ms 1;
                animation: lodge_focus 250ms 5200ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(105) {
        -webkit-animation: lodge_focus 250ms 5250ms 1;
                animation: lodge_focus 250ms 5250ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(106) {
        -webkit-animation: lodge_focus 250ms 5300ms 1;
                animation: lodge_focus 250ms 5300ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(107) {
        -webkit-animation: lodge_focus 250ms 5350ms 1;
                animation: lodge_focus 250ms 5350ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(108) {
        -webkit-animation: lodge_focus 250ms 5400ms 1;
                animation: lodge_focus 250ms 5400ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(109) {
        -webkit-animation: lodge_focus 250ms 5450ms 1;
                animation: lodge_focus 250ms 5450ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(110) {
        -webkit-animation: lodge_focus 250ms 5500ms 1;
                animation: lodge_focus 250ms 5500ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(111) {
        -webkit-animation: lodge_focus 250ms 5550ms 1;
                animation: lodge_focus 250ms 5550ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(112) {
        -webkit-animation: lodge_focus 250ms 5600ms 1;
                animation: lodge_focus 250ms 5600ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(113) {
        -webkit-animation: lodge_focus 250ms 5650ms 1;
                animation: lodge_focus 250ms 5650ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(114) {
        -webkit-animation: lodge_focus 250ms 5700ms 1;
                animation: lodge_focus 250ms 5700ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(115) {
        -webkit-animation: lodge_focus 250ms 5750ms 1;
                animation: lodge_focus 250ms 5750ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(116) {
        -webkit-animation: lodge_focus 250ms 5800ms 1;
                animation: lodge_focus 250ms 5800ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(117) {
        -webkit-animation: lodge_focus 250ms 5850ms 1;
                animation: lodge_focus 250ms 5850ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(118) {
        -webkit-animation: lodge_focus 250ms 5900ms 1;
                animation: lodge_focus 250ms 5900ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(119) {
        -webkit-animation: lodge_focus 250ms 5950ms 1;
                animation: lodge_focus 250ms 5950ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(120) {
        -webkit-animation: lodge_focus 250ms 6000ms 1;
                animation: lodge_focus 250ms 6000ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(121) {
        -webkit-animation: lodge_focus 250ms 6050ms 1;
                animation: lodge_focus 250ms 6050ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(122) {
        -webkit-animation: lodge_focus 250ms 6100ms 1;
                animation: lodge_focus 250ms 6100ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(123) {
        -webkit-animation: lodge_focus 250ms 6150ms 1;
                animation: lodge_focus 250ms 6150ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(124) {
        -webkit-animation: lodge_focus 250ms 6200ms 1;
                animation: lodge_focus 250ms 6200ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(125) {
        -webkit-animation: lodge_focus 250ms 6250ms 1;
                animation: lodge_focus 250ms 6250ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(126) {
        -webkit-animation: lodge_focus 250ms 6300ms 1;
                animation: lodge_focus 250ms 6300ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(127) {
        -webkit-animation: lodge_focus 250ms 6350ms 1;
                animation: lodge_focus 250ms 6350ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(128) {
        -webkit-animation: lodge_focus 250ms 6400ms 1;
                animation: lodge_focus 250ms 6400ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(129) {
        -webkit-animation: lodge_focus 250ms 6450ms 1;
                animation: lodge_focus 250ms 6450ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(130) {
        -webkit-animation: lodge_focus 250ms 6500ms 1;
                animation: lodge_focus 250ms 6500ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(131) {
        -webkit-animation: lodge_focus 250ms 6550ms 1;
                animation: lodge_focus 250ms 6550ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(132) {
        -webkit-animation: lodge_focus 250ms 6600ms 1;
                animation: lodge_focus 250ms 6600ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(133) {
        -webkit-animation: lodge_focus 250ms 6650ms 1;
                animation: lodge_focus 250ms 6650ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(134) {
        -webkit-animation: lodge_focus 250ms 6700ms 1;
                animation: lodge_focus 250ms 6700ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(135) {
        -webkit-animation: lodge_focus 250ms 6750ms 1;
                animation: lodge_focus 250ms 6750ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(136) {
        -webkit-animation: lodge_focus 250ms 6800ms 1;
                animation: lodge_focus 250ms 6800ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(137) {
        -webkit-animation: lodge_focus 250ms 6850ms 1;
                animation: lodge_focus 250ms 6850ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(138) {
        -webkit-animation: lodge_focus 250ms 6900ms 1;
                animation: lodge_focus 250ms 6900ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(139) {
        -webkit-animation: lodge_focus 250ms 6950ms 1;
                animation: lodge_focus 250ms 6950ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(140) {
        -webkit-animation: lodge_focus 250ms 7000ms 1;
                animation: lodge_focus 250ms 7000ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(141) {
        -webkit-animation: lodge_focus 250ms 7050ms 1;
                animation: lodge_focus 250ms 7050ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(142) {
        -webkit-animation: lodge_focus 250ms 7100ms 1;
                animation: lodge_focus 250ms 7100ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(143) {
        -webkit-animation: lodge_focus 250ms 7150ms 1;
                animation: lodge_focus 250ms 7150ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(144) {
        -webkit-animation: lodge_focus 250ms 7200ms 1;
                animation: lodge_focus 250ms 7200ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(145) {
        -webkit-animation: lodge_focus 250ms 7250ms 1;
                animation: lodge_focus 250ms 7250ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(146) {
        -webkit-animation: lodge_focus 250ms 7300ms 1;
                animation: lodge_focus 250ms 7300ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(147) {
        -webkit-animation: lodge_focus 250ms 7350ms 1;
                animation: lodge_focus 250ms 7350ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(148) {
        -webkit-animation: lodge_focus 250ms 7400ms 1;
                animation: lodge_focus 250ms 7400ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(149) {
        -webkit-animation: lodge_focus 250ms 7450ms 1;
                animation: lodge_focus 250ms 7450ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(150) {
        -webkit-animation: lodge_focus 250ms 7500ms 1;
                animation: lodge_focus 250ms 7500ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(151) {
        -webkit-animation: lodge_focus 250ms 7550ms 1;
                animation: lodge_focus 250ms 7550ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(152) {
        -webkit-animation: lodge_focus 250ms 7600ms 1;
                animation: lodge_focus 250ms 7600ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(153) {
        -webkit-animation: lodge_focus 250ms 7650ms 1;
                animation: lodge_focus 250ms 7650ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(154) {
        -webkit-animation: lodge_focus 250ms 7700ms 1;
                animation: lodge_focus 250ms 7700ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(155) {
        -webkit-animation: lodge_focus 250ms 7750ms 1;
                animation: lodge_focus 250ms 7750ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(156) {
        -webkit-animation: lodge_focus 250ms 7800ms 1;
                animation: lodge_focus 250ms 7800ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(157) {
        -webkit-animation: lodge_focus 250ms 7850ms 1;
                animation: lodge_focus 250ms 7850ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(158) {
        -webkit-animation: lodge_focus 250ms 7900ms 1;
                animation: lodge_focus 250ms 7900ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(159) {
        -webkit-animation: lodge_focus 250ms 7950ms 1;
                animation: lodge_focus 250ms 7950ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(160) {
        -webkit-animation: lodge_focus 250ms 8000ms 1;
                animation: lodge_focus 250ms 8000ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(161) {
        -webkit-animation: lodge_focus 250ms 8050ms 1;
                animation: lodge_focus 250ms 8050ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(162) {
        -webkit-animation: lodge_focus 250ms 8100ms 1;
                animation: lodge_focus 250ms 8100ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(163) {
        -webkit-animation: lodge_focus 250ms 8150ms 1;
                animation: lodge_focus 250ms 8150ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(164) {
        -webkit-animation: lodge_focus 250ms 8200ms 1;
                animation: lodge_focus 250ms 8200ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(165) {
        -webkit-animation: lodge_focus 250ms 8250ms 1;
                animation: lodge_focus 250ms 8250ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(166) {
        -webkit-animation: lodge_focus 250ms 8300ms 1;
                animation: lodge_focus 250ms 8300ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(167) {
        -webkit-animation: lodge_focus 250ms 8350ms 1;
                animation: lodge_focus 250ms 8350ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(168) {
        -webkit-animation: lodge_focus 250ms 8400ms 1;
                animation: lodge_focus 250ms 8400ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(169) {
        -webkit-animation: lodge_focus 250ms 8450ms 1;
                animation: lodge_focus 250ms 8450ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(170) {
        -webkit-animation: lodge_focus 250ms 8500ms 1;
                animation: lodge_focus 250ms 8500ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(171) {
        -webkit-animation: lodge_focus 250ms 8550ms 1;
                animation: lodge_focus 250ms 8550ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(172) {
        -webkit-animation: lodge_focus 250ms 8600ms 1;
                animation: lodge_focus 250ms 8600ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(173) {
        -webkit-animation: lodge_focus 250ms 8650ms 1;
                animation: lodge_focus 250ms 8650ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(174) {
        -webkit-animation: lodge_focus 250ms 8700ms 1;
                animation: lodge_focus 250ms 8700ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(175) {
        -webkit-animation: lodge_focus 250ms 8750ms 1;
                animation: lodge_focus 250ms 8750ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(176) {
        -webkit-animation: lodge_focus 250ms 8800ms 1;
                animation: lodge_focus 250ms 8800ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(177) {
        -webkit-animation: lodge_focus 250ms 8850ms 1;
                animation: lodge_focus 250ms 8850ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(178) {
        -webkit-animation: lodge_focus 250ms 8900ms 1;
                animation: lodge_focus 250ms 8900ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(179) {
        -webkit-animation: lodge_focus 250ms 8950ms 1;
                animation: lodge_focus 250ms 8950ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(180) {
        -webkit-animation: lodge_focus 250ms 9000ms 1;
                animation: lodge_focus 250ms 9000ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(181) {
        -webkit-animation: lodge_focus 250ms 9050ms 1;
                animation: lodge_focus 250ms 9050ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(182) {
        -webkit-animation: lodge_focus 250ms 9100ms 1;
                animation: lodge_focus 250ms 9100ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(183) {
        -webkit-animation: lodge_focus 250ms 9150ms 1;
                animation: lodge_focus 250ms 9150ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(184) {
        -webkit-animation: lodge_focus 250ms 9200ms 1;
                animation: lodge_focus 250ms 9200ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(185) {
        -webkit-animation: lodge_focus 250ms 9250ms 1;
                animation: lodge_focus 250ms 9250ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(186) {
        -webkit-animation: lodge_focus 250ms 9300ms 1;
                animation: lodge_focus 250ms 9300ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(187) {
        -webkit-animation: lodge_focus 250ms 9350ms 1;
                animation: lodge_focus 250ms 9350ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(188) {
        -webkit-animation: lodge_focus 250ms 9400ms 1;
                animation: lodge_focus 250ms 9400ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(189) {
        -webkit-animation: lodge_focus 250ms 9450ms 1;
                animation: lodge_focus 250ms 9450ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(190) {
        -webkit-animation: lodge_focus 250ms 9500ms 1;
                animation: lodge_focus 250ms 9500ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(191) {
        -webkit-animation: lodge_focus 250ms 9550ms 1;
                animation: lodge_focus 250ms 9550ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(192) {
        -webkit-animation: lodge_focus 250ms 9600ms 1;
                animation: lodge_focus 250ms 9600ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(193) {
        -webkit-animation: lodge_focus 250ms 9650ms 1;
                animation: lodge_focus 250ms 9650ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(194) {
        -webkit-animation: lodge_focus 250ms 9700ms 1;
                animation: lodge_focus 250ms 9700ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(195) {
        -webkit-animation: lodge_focus 250ms 9750ms 1;
                animation: lodge_focus 250ms 9750ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(196) {
        -webkit-animation: lodge_focus 250ms 9800ms 1;
                animation: lodge_focus 250ms 9800ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(197) {
        -webkit-animation: lodge_focus 250ms 9850ms 1;
                animation: lodge_focus 250ms 9850ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(198) {
        -webkit-animation: lodge_focus 250ms 9900ms 1;
                animation: lodge_focus 250ms 9900ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(199) {
        -webkit-animation: lodge_focus 250ms 9950ms 1;
                animation: lodge_focus 250ms 9950ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(200) {
        -webkit-animation: lodge_focus 250ms 10000ms 1;
                animation: lodge_focus 250ms 10000ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(201) {
        -webkit-animation: lodge_focus 250ms 10050ms 1;
                animation: lodge_focus 250ms 10050ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(202) {
        -webkit-animation: lodge_focus 250ms 10100ms 1;
                animation: lodge_focus 250ms 10100ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(203) {
        -webkit-animation: lodge_focus 250ms 10150ms 1;
                animation: lodge_focus 250ms 10150ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(204) {
        -webkit-animation: lodge_focus 250ms 10200ms 1;
                animation: lodge_focus 250ms 10200ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(205) {
        -webkit-animation: lodge_focus 250ms 10250ms 1;
                animation: lodge_focus 250ms 10250ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(206) {
        -webkit-animation: lodge_focus 250ms 10300ms 1;
                animation: lodge_focus 250ms 10300ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(207) {
        -webkit-animation: lodge_focus 250ms 10350ms 1;
                animation: lodge_focus 250ms 10350ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(208) {
        -webkit-animation: lodge_focus 250ms 10400ms 1;
                animation: lodge_focus 250ms 10400ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(209) {
        -webkit-animation: lodge_focus 250ms 10450ms 1;
                animation: lodge_focus 250ms 10450ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(210) {
        -webkit-animation: lodge_focus 250ms 10500ms 1;
                animation: lodge_focus 250ms 10500ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(211) {
        -webkit-animation: lodge_focus 250ms 10550ms 1;
                animation: lodge_focus 250ms 10550ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(212) {
        -webkit-animation: lodge_focus 250ms 10600ms 1;
                animation: lodge_focus 250ms 10600ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(213) {
        -webkit-animation: lodge_focus 250ms 10650ms 1;
                animation: lodge_focus 250ms 10650ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(214) {
        -webkit-animation: lodge_focus 250ms 10700ms 1;
                animation: lodge_focus 250ms 10700ms 1; }
      .map svg g.matched[class*="lodge"]:nth-child(215) {
        -webkit-animation: lodge_focus 250ms 10750ms 1;
                animation: lodge_focus 250ms 10750ms 1; }

@media screen and (min-width: 1280px) {
  .filter {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.filter .heading, .filter .custom-content h1, .custom-content .filter h1, .filter .custom-content h1 span, .custom-content h1 .filter span, .filter .custom-content h2, .custom-content .filter h2, .filter .custom-content h2 span, .custom-content h2 .filter span, .filter .custom-content h3, .custom-content .filter h3, .filter .custom-content h3 span, .custom-content h3 .filter span, .filter .custom-content h4, .custom-content .filter h4, .filter .custom-content h4 span, .custom-content h4 .filter span, .filter .custom-content h5, .custom-content .filter h5, .filter .custom-content h5 span, .custom-content h5 .filter span, .filter .custom-content h6, .custom-content .filter h6, .filter .custom-content h6 span, .custom-content h6 .filter span, .filter .custom-content > a:last-child,
.filter .custom-content a.pdf_download, .custom-content .filter a.pdf_download, .filter .custom-content strong, .custom-content .filter strong {
  margin: 0;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .filter .heading, .filter .custom-content h1, .custom-content .filter h1, .filter .custom-content h1 span, .custom-content h1 .filter span, .filter .custom-content h2, .custom-content .filter h2, .filter .custom-content h2 span, .custom-content h2 .filter span, .filter .custom-content h3, .custom-content .filter h3, .filter .custom-content h3 span, .custom-content h3 .filter span, .filter .custom-content h4, .custom-content .filter h4, .filter .custom-content h4 span, .custom-content h4 .filter span, .filter .custom-content h5, .custom-content .filter h5, .filter .custom-content h5 span, .custom-content h5 .filter span, .filter .custom-content h6, .custom-content .filter h6, .filter .custom-content h6 span, .custom-content h6 .filter span, .filter .custom-content > a:last-child,
    .filter .custom-content a.pdf_download, .custom-content .filter a.pdf_download, .filter .custom-content strong, .custom-content .filter strong {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1280px) {
    .filter .heading, .filter .custom-content h1, .custom-content .filter h1, .filter .custom-content h1 span, .custom-content h1 .filter span, .filter .custom-content h2, .custom-content .filter h2, .filter .custom-content h2 span, .custom-content h2 .filter span, .filter .custom-content h3, .custom-content .filter h3, .filter .custom-content h3 span, .custom-content h3 .filter span, .filter .custom-content h4, .custom-content .filter h4, .filter .custom-content h4 span, .custom-content h4 .filter span, .filter .custom-content h5, .custom-content .filter h5, .filter .custom-content h5 span, .custom-content h5 .filter span, .filter .custom-content h6, .custom-content .filter h6, .filter .custom-content h6 span, .custom-content h6 .filter span, .filter .custom-content > a:last-child,
    .filter .custom-content a.pdf_download, .custom-content .filter a.pdf_download, .filter .custom-content strong, .custom-content .filter strong {
      text-align: left;
      margin-bottom: 0; } }

.filter form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -5px;
  margin-right: -5px; }
  @media screen and (min-width: 960px) {
    .filter form {
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0; } }

.filter .heading-small {
  white-space: nowrap;
  margin: 0;
  color: #A06C4E;
  margin-left: 5px;
  margin-right: 20px; }
  @media screen and (min-width: 960px) {
    .filter .heading-small {
      margin-left: 0; } }

.filter select {
  margin-bottom: 0;
  padding: 2px 38px 3px 10px;
  font-size: 16px;
  line-height: 23px;
  max-width: 100%;
  margin: 0 auto;
  border: 0;
  background: none; }
  @media screen and (min-width: 960px) {
    .filter select {
      height: 42px; } }

.filter [type="submit"] {
  min-width: 143px;
  margin: 5px; }
  @media screen and (min-width: 960px) {
    .filter [type="submit"] {
      height: 44px;
      margin: 0; } }