/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}
.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}/*# sourceMappingURL=glide.core.min.css.map */

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

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

* {
  font-size: 1em;
  text-decoration: none;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=80em&xlarge=100em&xxlarge=120em";
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
}

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

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.6;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 120rem;
  margin-right: auto;
  margin-left: auto;
}
.row::before, .row::after {
  display: table;
  content: " ";
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.row::after {
  clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row .row {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
}
@media print, screen and (min-width: 80em) {
  .row .row {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
}
@media screen and (min-width: 100em) {
  .row .row {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
}
@media screen and (min-width: 120em) {
  .row .row {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.row:not(.expanded) .row {
  max-width: none;
}

.column, .columns {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  width: 100%;
  float: left;
}
.column, .columns, .column:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  width: 8.3333333333%;
}

.small-push-1 {
  position: relative;
  left: 8.3333333333%;
}

.small-pull-1 {
  position: relative;
  left: -8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.6666666667%;
}

.small-push-2 {
  position: relative;
  left: 16.6666666667%;
}

.small-pull-2 {
  position: relative;
  left: -16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  width: 33.3333333333%;
}

.small-push-4 {
  position: relative;
  left: 33.3333333333%;
}

.small-pull-4 {
  position: relative;
  left: -33.3333333333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.6666666667%;
}

.small-push-5 {
  position: relative;
  left: 41.6666666667%;
}

.small-pull-5 {
  position: relative;
  left: -41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  width: 58.3333333333%;
}

.small-push-7 {
  position: relative;
  left: 58.3333333333%;
}

.small-pull-7 {
  position: relative;
  left: -58.3333333333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.6666666667%;
}

.small-push-8 {
  position: relative;
  left: 66.6666666667%;
}

.small-pull-8 {
  position: relative;
  left: -66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  width: 83.3333333333%;
}

.small-push-10 {
  position: relative;
  left: 83.3333333333%;
}

.small-pull-10 {
  position: relative;
  left: -83.3333333333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.6666666667%;
}

.small-push-11 {
  position: relative;
  left: 91.6666666667%;
}

.small-pull-11 {
  position: relative;
  left: -91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.3333333333%;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.6666666667%;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.2857142857%;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.small-collapse .row {
  margin-right: 0;
  margin-left: 0;
}

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.small-centered {
  margin-right: auto;
  margin-left: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}

.small-uncentered, .small-push-0, .small-pull-0 {
  position: static;
  margin-right: 0;
  margin-left: 0;
}
.small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) {
  float: right;
}

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.3333333333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.6666666667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    width: 33.3333333333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.6666666667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    width: 58.3333333333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.6666666667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    width: 83.3333333333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.6666666667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .medium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .medium-centered, .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .medium-uncentered, .medium-push-0, .medium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 80em) {
  .large-1 {
    width: 8.3333333333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.6666666667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    width: 33.3333333333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.6666666667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    width: 58.3333333333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.6666666667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    width: 83.3333333333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.6666666667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .large-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .large-centered, .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .large-uncentered, .large-push-0, .large-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media screen and (min-width: 100em) {
  .xlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .xlarge-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .xlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .xlarge-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xlarge-3 {
    width: 25%;
  }
  .xlarge-push-3 {
    position: relative;
    left: 25%;
  }
  .xlarge-pull-3 {
    position: relative;
    left: -25%;
  }
  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .xlarge-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .xlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .xlarge-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .xlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xlarge-6 {
    width: 50%;
  }
  .xlarge-push-6 {
    position: relative;
    left: 50%;
  }
  .xlarge-pull-6 {
    position: relative;
    left: -50%;
  }
  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .xlarge-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .xlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .xlarge-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .xlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xlarge-9 {
    width: 75%;
  }
  .xlarge-push-9 {
    position: relative;
    left: 75%;
  }
  .xlarge-pull-9 {
    position: relative;
    left: -75%;
  }
  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .xlarge-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .xlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .xlarge-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .xlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xlarge-12 {
    width: 100%;
  }
  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
    float: left;
  }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
    float: left;
  }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
    float: left;
  }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
    float: left;
  }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
    float: left;
  }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
    float: left;
  }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
    float: left;
  }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
    float: left;
  }
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .xlarge-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .xlarge-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .xlarge-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .xlarge-centered, .xlarge-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .xlarge-uncentered, .xlarge-push-0, .xlarge-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-uncentered, .xlarge-uncentered:last-child:not(:first-child), .xlarge-push-0, .xlarge-push-0:last-child:not(:first-child), .xlarge-pull-0, .xlarge-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .xlarge-uncentered:last-child:not(:first-child), .xlarge-push-0:last-child:not(:first-child), .xlarge-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media screen and (min-width: 120em) {
  .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .xxlarge-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .xxlarge-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .xxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-push-3 {
    position: relative;
    left: 25%;
  }
  .xxlarge-pull-3 {
    position: relative;
    left: -25%;
  }
  .xxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .xxlarge-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .xxlarge-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .xxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-push-6 {
    position: relative;
    left: 50%;
  }
  .xxlarge-pull-6 {
    position: relative;
    left: -50%;
  }
  .xxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .xxlarge-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .xxlarge-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .xxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-push-9 {
    position: relative;
    left: 75%;
  }
  .xxlarge-pull-9 {
    position: relative;
    left: -75%;
  }
  .xxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .xxlarge-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .xxlarge-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .xxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xxlarge-12 {
    width: 100%;
  }
  .xxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child {
    float: left;
  }
  .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .xxlarge-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .xxlarge-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .xxlarge-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .xxlarge-centered, .xxlarge-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .xxlarge-uncentered, .xxlarge-push-0, .xxlarge-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-uncentered, .xxlarge-uncentered:last-child:not(:first-child), .xxlarge-push-0, .xxlarge-push-0:last-child:not(:first-child), .xxlarge-pull-0, .xxlarge-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .xxlarge-uncentered:last-child:not(:first-child), .xxlarge-push-0:last-child:not(:first-child), .xxlarge-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
.column-block {
  margin-bottom: 3rem;
}
.column-block > :last-child {
  margin-bottom: 0;
}

/*////////////////////////////////////////////////////////////////////////////////
//////////////////////////////// GENERAL ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 120em) {
  html {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  html {
    font-size: 12px;
  }
}
@media screen and (max-width: 25em) {
  html {
    font-size: 10px;
  }
}

body {
  position: relative;
  font-size: 1rem;
  color: #3f3d3e;
  font-family: "Source Sans Pro", sans-serif;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  background-color: #999;
  cursor: cell;
  overflow-x: hidden !important;
}
body.home {
  overflow: hidden;
}

* {
  cursor: cell !important;
}

#cursor {
  position: fixed;
  width: 2rem;
  height: 2rem;
  top: -4rem;
  left: -4rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #33999c;
  border-radius: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 10;
  mix-blend-mode: lighten;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
#cursor.on-link {
  background: #e5007d;
  mix-blend-mode: screen !important;
  -webkit-transform: translate(-50%, -50%) scale3d(1.3, 1.3, 1.3);
          transform: translate(-50%, -50%) scale3d(1.3, 1.3, 1.3);
}
#cursor.on-page {
  background: #fff;
  mix-blend-mode: normal;
  -webkit-transform: translate(-50%, -50%) scale3d(1.3, 1.3, 1.3);
          transform: translate(-50%, -50%) scale3d(1.3, 1.3, 1.3);
}

body:not(.home) #cursor {
  mix-blend-mode: normal;
}

.wrapper {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  padding: 0 1.5rem;
}

.row.extended {
  max-width: 100%;
}

#page {
  -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0.085, 0, 0.99);
  transition: opacity 0.6s cubic-bezier(0.55, 0.085, 0, 0.99);
}

main {
  background: #2a2b30;
}

.home main {
  padding-top: 7rem;
}

@media print, screen and (min-width: 40em) {
  body:not(.single):not(.page-template-template-beers):not(.page-template-template-method):not(.page-template-default) #content {
    min-height: calc(100vh - 16rem);
    display: table;
    width: 100%;
  }
  body:not(.single):not(.page-template-template-beers):not(.page-template-template-method):not(.page-template-default) #content main {
    display: table-cell;
    vertical-align: middle;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 2;
  font-family: "Source Sans Pro", sans-serif;
  margin: 0;
  letter-spacing: 3px;
  font-weight: bold;
}

p,
a,
li {
  line-height: 1.6;
}

a {
  text-decoration: none;
  color: #2c3952;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

b,
strong {
  font-weight: bold;
}

.detect-img-load {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.detect-img-load .preload-thumb {
  -webkit-filter: blur(6px);
          filter: blur(6px);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: calc(100% + 6rem);
  height: calc(100% + 3rem);
  margin-top: -1.5rem;
  margin-left: -3rem;
}
.detect-img-load.img-loaded .preload-thumb {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0.085, 0, 0.99);
  transition: opacity 0.6s cubic-bezier(0.55, 0.085, 0, 0.99);
}

.page main article {
  color: #fff;
  width: 100%;
  padding: 12rem 3rem;
  font-size: 2rem;
  max-width: 100rem;
  margin: 0 auto;
}
.page main article .entry-header {
  margin-bottom: 3rem;
}
.page main article p {
  margin-bottom: 3rem;
}
.page main article .wp-block-file {
  margin-bottom: 3rem;
}
.page main article .wp-block-file a {
  color: #fff;
}
.page main article .wp-block-file a:hover {
  opacity: 0.8;
}
.page main article .wp-block-file a:not(.wp-block-file__button) {
  padding-right: 5rem;
  position: relative;
}
.page main article .wp-block-file a:not(.wp-block-file__button):after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background-image: url(../../images/view.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3rem;
  height: 3rem;
}
.page main article .wp-block-file .wp-block-file__button {
  color: transparent;
  width: 3rem;
  height: 3rem;
  background-image: url(../../images/download.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.vertical-centered {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.image-backgrounded {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*****************************************************/
/* ROWS WITH WRAPPED CONTENT AND EXTENDED BACKGROUND */
/*****************************************************/
.row.background-extended {
  display: inline-block;
  position: relative;
  float: none;
  margin: 0;
  max-width: none;
  width: 100%;
  text-align: center;
}
.row.background-extended .columns .wrapped-content {
  position: relative;
  text-align: left;
}
.row.background-extended .columns .column-background {
  position: absolute;
  width: 50%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.row.background-extended .columns:first-child {
  padding-left: calc(50% - 60rem + 3rem);
}
.row.background-extended .columns:first-child .column-background {
  width: 100%;
  left: auto;
  right: 0;
}
.row.background-extended .columns:last-child {
  padding-right: calc(50% - 60rem + 3rem);
}
.row.background-extended .columns:last-child .column-background {
  left: auto;
  right: 0;
}

/*****************************************************/
/* Pages nav */
#main-menu {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: auto;
  padding-right: 7rem;
}
#main-menu.fade-in {
  opacity: 1 !important;
  pointer-events: auto;
  -webkit-transition: opacity 0.6s 0.3s, -webkit-transform 1.2s !important;
  transition: opacity 0.6s 0.3s, -webkit-transform 1.2s !important;
  transition: opacity 0.6s 0.3s, transform 1.2s !important;
  transition: opacity 0.6s 0.3s, transform 1.2s, -webkit-transform 1.2s !important;
}
#main-menu.pages-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50vh;
  padding: 30px;
  padding: 20px;
  text-align: center;
  opacity: 0;
  background-color: transparent;
  z-index: 111;
  -webkit-transition: -webkit-transform 1.2s;
  transition: -webkit-transform 1.2s;
  transition: transform 1.2s;
  transition: transform 1.2s, -webkit-transform 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#main-menu > div {
  position: relative;
  float: left;
  width: 100%;
}
#main-menu ul.menu {
  float: left;
  width: 100%;
  text-align: center;
  padding: 5vh 0;
}
#main-menu ul.menu li {
  display: block;
  padding: 1vh 6rem;
  font-size: 2rem;
}
#main-menu ul.menu li a {
  color: #fff;
  text-transform: uppercase;
}
#main-menu ul.menu li a:hover {
  font-weight: bold;
}
#main-menu #popup-form {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.85);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: visibility 0s 0.6s, opacity 0.6s;
  transition: visibility 0s 0.6s, opacity 0.6s;
  z-index: 1;
}
#main-menu #popup-form.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: visibility 0s, opacity 0.6s;
  transition: visibility 0s, opacity 0.6s;
}
#main-menu #user-log {
  float: none;
  width: auto;
  display: block;
  text-align: center;
  position: absolute;
  right: 3rem;
  top: 3rem;
}
@media screen and (max-width: 47.9375em) {
  #main-menu #user-log {
    right: auto;
    left: 3rem;
    bottom: 1.5rem;
    top: auto;
  }
}
#main-menu #user-log span {
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 5rem;
  width: 5rem;
  display: inline-block;
}
@media screen and (max-width: 47.9375em) {
  #main-menu #user-log span {
    display: none;
  }
}
#main-menu #user-log p {
  color: #fff;
  text-transform: capitalize;
  line-height: 1;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 47.9375em) {
  #main-menu #user-log p {
    display: none;
  }
}
#main-menu #user-log #trigger-form {
  z-index: 999;
  left: 0;
  background-color: #fff;
  border-radius: 4px;
  padding: 1rem 1.5rem;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  font-size: 0.8rem;
}
@media screen and (max-width: 25em) {
  #main-menu #user-log #trigger-form {
    font-size: 1rem;
  }
}
#main-menu form {
  text-align: left;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 30rem;
  max-width: 60rem;
  width: 100%;
}
#main-menu form input:not([type=submit]),
#main-menu form textarea,
#main-menu form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  color: #000;
  width: 100%;
  border-radius: 4px;
  border: 2px solid #b6b6b6;
  background-color: #fff;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
}
#main-menu form input:not([type=submit]):active, #main-menu form input:not([type=submit]):focus,
#main-menu form textarea:active,
#main-menu form textarea:focus,
#main-menu form select:active,
#main-menu form select:focus {
  border-color: #8d8d8d !important;
}
#main-menu form input:not([type=submit])[aria-invalid=true],
#main-menu form textarea[aria-invalid=true],
#main-menu form select[aria-invalid=true] {
  border-color: #f00;
  margin-bottom: 0;
}
#main-menu form span.atk-account:after {
  content: "▾";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#main-menu form select {
  margin-top: 3rem;
}
#main-menu form textarea {
  height: 16.8rem;
}
#main-menu form input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  color: #000;
  font-weight: bold;
  border-radius: 4px;
  background-color: #fff;
  border: 2px solid #b6b6b6;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
}
#main-menu form div.wpcf7-response-output {
  display: none !important;
}
#main-menu form span.label {
  color: #333;
  margin-bottom: 1rem;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.3rem;
}
#main-menu form span[role=alert] {
  margin-bottom: 1rem;
  margin-top: 5px;
}

.pages-nav--open {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 75%, -300px);
          transform: translate3d(0, 75%, -300px);
}

/* Pages stack */
.pages-stack {
  z-index: 100;
  pointer-events: none;
}

.page-slide {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100vh;
  pointer-events: auto;
  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.45s, opacity 0.45s, -webkit-transform 0.45s;
}

.pages-stack--open .page-slide {
  cursor: pointer;
  -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
  transition: opacity 0.45s, -webkit-transform 0.45s;
  transition: transform 0.45s, opacity 0.45s;
  transition: transform 0.45s, opacity 0.45s, -webkit-transform 0.45s;
  -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
          transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
}

/* Menu button */
.no-js .menu-button {
  display: none;
}

.menu-button {
  position: absolute;
  z-index: 1000;
  top: 2.6rem;
  left: 3rem;
  width: 3rem;
  height: 3rem;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
}
.menu-button:before, .menu-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  background: #5f656f;
  -webkit-box-shadow: 2px 2px 0px 0px #fff;
          box-shadow: 2px 2px 0px 0px #fff;
}

.menu-button::before {
  -webkit-transform: translate3d(0, -1rem, 0) scale3d(0.8, 1, 1);
          transform: translate3d(0, -1rem, 0) scale3d(0.8, 1, 1);
}

.menu-button::after {
  -webkit-transform: translate3d(0, 1rem, 0) scale3d(0.8, 1, 1);
          transform: translate3d(0, 1rem, 0) scale3d(0.8, 1, 1);
}

.menu-button span {
  position: absolute;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 2px;
  text-indent: 200%;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  background: #5f656f;
  -webkit-box-shadow: 2px 2px 0px 0px #fff;
          box-shadow: 2px 2px 0px 0px #fff;
}

.menu-button--open:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
  margin-top: -1px;
}
.menu-button--open:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
  margin-top: 1px;
}
.menu-button--open span {
  opacity: 0;
}

@media screen and (max-width: 60em) {
  .pages-nav__item {
    width: 50%;
    min-height: 20px;
  }
}
@media screen and (max-width: 40em) {
  .pages-nav {
    display: block;
    padding: 10px 20px 0 20px;
    text-align: left;
  }
  .pages-nav__item {
    width: 100%;
    padding: 4px 0;
  }
}
div.wpcf7 .ajax-loader {
  margin-left: 1.5rem !important;
}

#main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2.5rem 1.5rem;
  text-align: center;
  z-index: 10;
  font-weight: 400;
}
#main-header .container-logo {
  float: right;
  padding-top: 0.2rem;
}
#main-header .container-logo svg {
  height: 3rem;
}
#main-header .container-logo svg .st0 {
  fill: #d53a87;
}
#main-header .container-logo svg .st2 {
  fill: #ffffff;
}
#main-header .container-logo svg .st2.plus {
  -webkit-animation-name: intervalLogo;
          animation-name: intervalLogo;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transform-origin: center;
          transform-origin: center;
  transform-box: fill-box;
}
#main-header .container-logo svg .st3 {
  fill: #559898;
}
#main-header .container-header {
  position: relative;
}

@-webkit-keyframes intervalLogo {
  0%, 80% {
    -webkit-transform: none;
            transform: none;
  }
  90% {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
            transform: rotate3d(0, 1, 0, 180deg);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes intervalLogo {
  0%, 80% {
    -webkit-transform: none;
            transform: none;
  }
  90% {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
            transform: rotate3d(0, 1, 0, 180deg);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.home #hero .hero-title-wrapper .hero-title {
  font-weight: 300;
}

#hero {
  /*****************/
  position: relative;
  /*****************/
  width: 100%;
  height: 100vh;
  padding: 0;
  z-index: 1;
}
#hero.no-content {
  position: relative;
  height: auto;
  padding-top: 20rem;
}
#hero .container-content {
  position: relative;
  float: left;
  height: 100%;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
#hero .container-content > * {
  width: 100%;
  height: auto;
}
#hero .container-content .hero-image-wrapper {
  height: 100%;
}
#hero .container-content .hero-image-wrapper {
  background-attachment: fixed;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#hero .container-content .have-video {
  display: none;
}
@media print, screen and (max-width: 79.99875em) {
  #hero .container-content .have-video {
    display: inline-block;
  }
}
#hero .hero-title-wrapper {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin: 0 auto;
  padding: 0 2rem;
  z-index: 3;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#hero .hero-title-wrapper .hero-title {
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  letter-spacing: 5px;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.7);
}
#hero .hero-title-wrapper .hero-subtitle {
  color: #fff;
  letter-spacing: 0.3rem;
  font-size: 1.2rem;
  margin-top: 5px;
  display: inline-block;
}
@media print, screen and (max-width: 79.99875em) {
  #hero video {
    display: none;
    visibility: hidden;
  }
}

.page-template-template-products #hero,
.page-template-template-contact #hero {
  height: 45vh;
}

.scroll-down {
  position: absolute;
  bottom: 4rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
.scroll-down h6 {
  text-transform: uppercase;
}
.scroll-down span {
  position: relative;
  top: 3rem;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 15px solid #fff;
  cursor: pointer;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.4, 1.4, 1.4);
            transform: scale3d(1.4, 1.4, 1.4);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.4, 1.4, 1.4);
            transform: scale3d(1.4, 1.4, 1.4);
  }
  50% {
    opacity: 1;
  }
}
footer {
  padding: 4rem 0;
  background: #2a2b30;
  color: #3f3e3e;
  text-align: center;
}
footer p, footer a {
  line-height: 1.6rem;
  color: #fff;
}
footer img {
  max-width: 180px;
}
footer > .row {
  width: 100%;
  display: table;
}
@media print, screen and (min-width: 40em) {
  footer .footer-logo {
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
  footer .widget-wrapper {
    float: none !important;
    display: table-cell !important;
    vertical-align: bottom !important;
  }
}
@media print, screen and (max-width: 79.99875em) {
  footer {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  footer .footer-logo {
    margin-bottom: 4rem;
    text-align: center;
  }
}

.stack-wrapper {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 200px;
}
.stack-wrapper section.stack-element {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
}
.stack-wrapper section.stack-element:first-child {
  position: relative;
  opacity: 1;
}
.stack-wrapper section.is-active {
  opacity: 1;
}

.glide {
  position: fixed;
  bottom: 0;
  z-index: 999;
}
.glide .glide__track {
  overflow: visible !important;
}
.glide .glide__track ul.glide__slides {
  overflow: visible !important;
  z-index: 9;
}
.glide .glide__slide {
  position: relative;
  min-width: 18rem;
}
.glide .glide__slide .project-logo {
  height: 60%;
  width: 60%;
  margin: 0 auto;
  margin-top: 10%;
  opacity: 0;
  -webkit-transform: scale3d(1.4, 1.4, 1);
          transform: scale3d(1.4, 1.4, 1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.glide .glide__slide .img-dark-overlay {
  opacity: 0.5;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.glide .glide__slide .thumb-wrapper {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: center;
          transform-origin: center;
  text-align: center;
  height: 10rem;
}
.glide .glide__slide .thumb-wrapper > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.glide .glide__slide a {
  float: left;
  width: 100%;
  height: 100%;
}
.glide .glide__slide a:hover {
  position: relative;
  z-index: 9;
}
.glide .glide__slide a:hover .thumb-wrapper {
  -webkit-transform: scale3d(1.4, 1.4, 1);
          transform: scale3d(1.4, 1.4, 1);
}
.glide .glide__slide a:hover .project-logo {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.glide .glide__slide a:hover .img-dark-overlay {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.85);
}

.glide__arrows {
  position: absolute;
  float: left;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
}
.glide__arrows .glide__arrow {
  position: absolute;
  width: 60px;
  text-align: center;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  z-index: 11;
}
.glide__arrows .glide__arrow span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0 auto;
  font-size: 4rem;
  line-height: 1;
  -webkit-transform: translate(100%, calc(50% - 2rem));
          transform: translate(100%, calc(50% - 2rem));
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.glide__arrows .glide__arrow.glide__arrow--left {
  left: 0;
  color: #e5007d;
}
.glide__arrows .glide__arrow.glide__arrow--right {
  right: 0;
  color: #339999;
}
.glide__arrows .glide__arrow.glide__arrow--right span {
  -webkit-transform: translate(50%, calc(50% - 2rem));
          transform: translate(50%, calc(50% - 2rem));
}

#projects-carousel {
  bottom: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: opacity 0s 0.6s linear, -webkit-transform 0.6s cubic-bezier(0, 1, 0.5, 1);
  transition: opacity 0s 0.6s linear, -webkit-transform 0.6s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.6s cubic-bezier(0, 1, 0.5, 1), opacity 0s 0.6s linear;
  transition: transform 0.6s cubic-bezier(0, 1, 0.5, 1), opacity 0s 0.6s linear, -webkit-transform 0.6s cubic-bezier(0, 1, 0.5, 1);
}
#projects-carousel.opened {
  -webkit-transition: opacity 0s linear, -webkit-transform 0.6s cubic-bezier(0, 1, 0.5, 1);
  transition: opacity 0s linear, -webkit-transform 0.6s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.6s cubic-bezier(0, 1, 0.5, 1), opacity 0s linear;
  transition: transform 0.6s cubic-bezier(0, 1, 0.5, 1), opacity 0s linear, -webkit-transform 0.6s cubic-bezier(0, 1, 0.5, 1);
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}

.container-button-carousel {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% + 9rem);
}

.container-up-button-carousel {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
}

#other_prj {
  position: sticky;
  top: calc(100vh - 6rem);
  z-index: 999;
  margin: 3rem;
  left: 0;
  background-color: #fff;
  border-radius: 4px;
  padding: 1rem 1.5rem;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  font-weight: bold;
}
@media screen and (max-width: 43.75em) {
  #other_prj {
    margin-bottom: 9rem;
  }
}

#intro {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: #303030;
  padding: 3rem;
  text-align: center;
}
#intro svg {
  width: calc(100% - 6rem);
  max-width: 80rem;
  max-height: 60vh;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  overflow: inherit;
}
#intro.intro-out {
  opacity: 0 !important;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  pointer-events: none;
}

@media print, screen and (min-width: 80em) {
  #intro-projects {
    width: 40rem !important;
  }
  #intro-projects h2 {
    font-size: 7rem !important;
  }
}
#intro-projects svg {
  width: 145%;
  opacity: 0;
  height: auto;
  overflow: inherit;
}
@media screen and (min-width: 52.5625em) {
  #intro-projects svg {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 52.5em) {
  #intro-projects svg {
    width: 100%;
  }
}
@media screen and (min-width: 52.5625em) {
  #intro-projects {
    float: left;
    width: 27rem;
    position: sticky;
    top: 0;
    left: 0;
    padding: 8rem 0;
  }
  #intro-projects h2 {
    font-size: 5rem;
  }
}
@media screen and (max-width: 52.5em) {
  #intro-projects {
    padding: 3rem 0;
  }
}
#intro-projects h2 {
  padding: 0 1.5rem;
  line-height: 1.2;
  font-size: 5rem;
  color: #fff;
}

.container-projects {
  position: relative;
  z-index: 2;
}
.container-projects:not(.content-visible) {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
}
.container-projects:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.container-projects.content-visible #projects .project {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  -webkit-transition: opacity 1.2s ease-in-out, -webkit-transform 0.8s ease-out;
  transition: opacity 1.2s ease-in-out, -webkit-transform 0.8s ease-out;
  transition: opacity 1.2s ease-in-out, transform 0.8s ease-out;
  transition: opacity 1.2s ease-in-out, transform 0.8s ease-out, -webkit-transform 0.8s ease-out;
}

@media print, screen and (min-width: 80em) {
  #projects {
    width: calc(100% - 40rem) !important;
  }
}
@media screen and (min-width: 52.5625em) {
  #projects {
    float: right;
    padding: 8rem 0;
    width: calc(100% - 27rem);
  }
}
@media screen and (max-width: 52.5em) {
  #projects {
    padding: 3rem 0;
    padding-top: 0;
  }
}
#projects .wrapper {
  max-width: 100%;
}
#projects .project {
  opacity: 0;
  -webkit-transform: translate3d(0, -1.5rem, 0);
          transform: translate3d(0, -1.5rem, 0);
  height: 20rem;
  margin: 1.5rem;
  float: left;
  position: relative;
  text-align: center;
  overflow: hidden;
}
@media screen and (min-width: 64.0625em) {
  #projects .project {
    width: calc(50% - 3rem) !important;
  }
}
@media screen and (max-width: 64em) {
  #projects .project {
    width: calc(100% - 3rem) !important;
  }
  #projects .project h3 {
    font-size: 3vw !important;
  }
}
@media screen and (max-width: 52.5em) {
  #projects .project h3 {
    font-size: 4vw !important;
  }
}
@media screen and (max-width: 38.75em) {
  #projects .project h3 {
    font-size: 5vw !important;
  }
}
@media screen and (max-width: 25em) {
  #projects .project h3 {
    font-size: 6vw !important;
  }
}
@media screen and (min-width: 100em) {
  #projects .project {
    width: calc(33.3333% - 3rem) !important;
  }
  #projects .project h3 {
    font-size: 1.5vw !important;
  }
}
#projects .project h3 {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale3d(1.1, 1.1, 1.1);
          transform: translateY(-50%) scale3d(1.1, 1.1, 1.1);
  opacity: 0;
  pointer-events: none;
  font-size: 2vw;
  line-height: 1.2;
  color: #000;
  width: 100%;
  z-index: 9;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding: 0 3rem;
}
#projects .project img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1);
          transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1);
  opacity: 0;
  pointer-events: none;
  z-index: 9;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  height: 50%;
  width: 60%;
}
#projects .project img.alternate-ratio {
  width: 80%;
}
#projects .project img.smaller-ratio {
  width: 40%;
}
#projects .project .container-project-pic {
  height: 100%;
  width: 100%;
}
#projects .project:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  pointer-events: none;
  opacity: 0;
}
#projects .project:hover h3,
#projects .project:hover img, #projects .project:hover:after {
  opacity: 1;
}
#projects .project:hover h3 {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#projects .project:hover img {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.container-bkg-deco {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 1s 2s ease;
  transition: opacity 1s 2s ease;
}
.container-bkg-deco.dynamic-in {
  opacity: 0.4;
}
.container-bkg-deco svg {
  height: 20rem;
  width: 20rem;
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0;
}
.container-bkg-deco svg:nth-of-type(2) {
  left: 20rem !important;
  height: 40rem !important;
}
.container-bkg-deco svg:nth-of-type(3) {
  left: 45rem !important;
  height: 50rem !important;
}

.single-project .container-placeholder {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.single-project .container-placeholder .placeholder {
  height: 200vh;
  width: 100%;
}
.single-project .fake {
  height: 100vh;
  width: 100%;
}
.single-project #sub-header {
  position: sticky;
  top: 0;
  width: 100%;
  padding: 3rem;
  z-index: 3;
  text-align: right;
}
.single-project #sub-header svg {
  width: 10rem;
  fill: inherit;
  display: inline-block;
  vertical-align: middle;
}
.single-project .full-width {
  width: 100% !important;
}
.single-project .fade-out {
  opacity: 0;
}
.single-project .wp-block-embed-youtube {
  height: 100%;
}
.single-project .wp-block-embed-youtube .wp-block-embed__wrapper {
  height: 100%;
}
.single-project .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
}
.single-project .wp-block-image {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
@media screen and (min-width: 64.0625em) {
  .single-project .wp-block-image {
    height: 100vh;
    position: sticky;
  }
}
.single-project .wp-block-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-project .wp-block-columns.has-2-columns {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 64.0625em) {
  .single-project .wp-block-columns.has-2-columns {
    height: 200vh;
    position: sticky;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.single-project .wp-block-columns.has-2-columns.last-one {
  height: 100vh;
}
@media screen and (min-width: 64.0625em) {
  .single-project .wp-block-columns.has-2-columns .wp-block-column {
    height: 100vh;
    float: left;
  }
}
@media screen and (max-width: 64em) {
  .single-project .wp-block-columns.has-2-columns .wp-block-column {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}
.single-project .wp-block-columns.has-2-columns .wp-block-column:first-of-type {
  position: relative;
  width: calc(100% - 36rem);
  min-width: 70%;
  max-width: 100%;
  z-index: 2;
}
@media screen and (min-width: 64.0625em) {
  .single-project .wp-block-columns.has-2-columns .wp-block-column:first-of-type .wp-block-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.single-project .wp-block-columns.has-2-columns .wp-block-column:last-of-type {
  width: 36rem;
  max-width: 30%;
  color: inherit;
  padding: 3rem;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 64em) {
  .single-project .wp-block-columns.has-2-columns .wp-block-column:last-of-type {
    position: absolute;
    bottom: 0;
  }
}
.single-project .wp-block-columns.has-2-columns .wp-block-column:last-of-type .container-text {
  text-align: right;
  word-break: break-word;
}
@media screen and (min-width: 64.0625em) {
  .single-project .wp-block-columns.has-2-columns .wp-block-column:last-of-type .container-text {
    padding-top: 25vh;
  }
}
.single-project .wp-block-columns.has-2-columns .wp-block-column:last-of-type h2 {
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 1.1;
}
.single-project .wp-block-columns.has-2-columns .wp-block-column:last-of-type p {
  font-size: 1.8rem;
  line-height: 1.1;
  margin-top: 1rem;
}
.single-project .wp-block-columns.has-2-columns .wp-block-column .wp-block-video {
  height: 100%;
}
.single-project .wp-block-columns.has-2-columns .wp-block-column .wp-block-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  background-color: #2a2b2f;
}
.single-project .bkg-container {
  position: relative;
}
.single-project .bkg-container > p {
  width: 100%;
  padding: 12rem 3rem;
  font-size: 2rem;
  color: inherit;
  max-width: 100rem;
  margin: 0 auto;
}
.single-project .bkg-container.has-logo > *:nth-child(2) {
  margin-top: -8.4rem;
}

.gallery-section .image-wrapper {
  float: left;
  width: 70%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.gallery-section .caption-wrapper {
  display: table;
  float: right;
  width: 30%;
  height: 100%;
}
.gallery-section .caption-wrapper .caption-backgrounder {
  display: table-cell;
  width: 100%;
  padding: 0 0 0 3rem;
  vertical-align: middle;
}
.gallery-section .caption-wrapper .caption-backgrounder .caption-content {
  opacity: 0;
  position: fixed;
  top: 40%;
  width: calc(30% - 6rem);
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 3rem;
  text-transform: uppercase;
  background-color: #2a2b30;
  text-align: center;
  line-height: 1;
}
.gallery-section.on-viewport .caption-content {
  opacity: 1 !important;
}