/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          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 ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.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%;
}

/* ---- page dots ---- */

.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: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
@charset "UTF-8";
/**
 * This is the main Swiss Sass index file.
 *
 * Prefix your search with '#' to jump directly to titles.
 */
@font-face {
  font-family: 'Ginto Nord';
  src: url(../fonts/GintoNord-Regular.woff2) format("woff2"), url(../fonts/ginto-nord-regular.woff) format("woff"); }

@font-face {
  font-family: 'Ginto Nord';
  font-style: italic;
  src: url(../fonts/GintoNord-RegularIta.woff2) format("woff2"), url(../fonts/ginto-nord-regular-italic.woff) format("woff"); }

/**
 * #Frameworks
 *
 * Import any frameworks or plugins that are required by core Swiss first.
 */
/**
 * #BOOTSTRAP
 *
 * Because most projects do not require all of Bootstrap, we have already commented
 * out some rarely used components from the import.
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

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

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

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

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

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

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\F26E"; }

.fa-accessible-icon:before {
  content: "\F368"; }

.fa-accusoft:before {
  content: "\F369"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-card:before {
  content: "\F2BB"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-adn:before {
  content: "\F170"; }

.fa-adversal:before {
  content: "\F36A"; }

.fa-affiliatetheme:before {
  content: "\F36B"; }

.fa-algolia:before {
  content: "\F36C"; }

.fa-align-center:before {
  content: "\F037"; }

.fa-align-justify:before {
  content: "\F039"; }

.fa-align-left:before {
  content: "\F036"; }

.fa-align-right:before {
  content: "\F038"; }

.fa-allergies:before {
  content: "\F461"; }

.fa-amazon:before {
  content: "\F270"; }

.fa-amazon-pay:before {
  content: "\F42C"; }

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-american-sign-language-interpreting:before {
  content: "\F2A3"; }

.fa-amilia:before {
  content: "\F36D"; }

.fa-anchor:before {
  content: "\F13D"; }

.fa-android:before {
  content: "\F17B"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-angle-double-left:before {
  content: "\F100"; }

.fa-angle-double-right:before {
  content: "\F101"; }

.fa-angle-double-up:before {
  content: "\F102"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-angle-right:before {
  content: "\F105"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-angrycreative:before {
  content: "\F36E"; }

.fa-angular:before {
  content: "\F420"; }

.fa-app-store:before {
  content: "\F36F"; }

.fa-app-store-ios:before {
  content: "\F370"; }

.fa-apper:before {
  content: "\F371"; }

.fa-apple:before {
  content: "\F179"; }

.fa-apple-pay:before {
  content: "\F415"; }

.fa-archive:before {
  content: "\F187"; }

.fa-arrow-alt-circle-down:before {
  content: "\F358"; }

.fa-arrow-alt-circle-left:before {
  content: "\F359"; }

.fa-arrow-alt-circle-right:before {
  content: "\F35A"; }

.fa-arrow-alt-circle-up:before {
  content: "\F35B"; }

.fa-arrow-circle-down:before {
  content: "\F0AB"; }

.fa-arrow-circle-left:before {
  content: "\F0A8"; }

.fa-arrow-circle-right:before {
  content: "\F0A9"; }

.fa-arrow-circle-up:before {
  content: "\F0AA"; }

.fa-arrow-down:before {
  content: "\F063"; }

.fa-arrow-left:before {
  content: "\F060"; }

.fa-arrow-right:before {
  content: "\F061"; }

.fa-arrow-up:before {
  content: "\F062"; }

.fa-arrows-alt:before {
  content: "\F0B2"; }

.fa-arrows-alt-h:before {
  content: "\F337"; }

.fa-arrows-alt-v:before {
  content: "\F338"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-asymmetrik:before {
  content: "\F372"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-audible:before {
  content: "\F373"; }

.fa-audio-description:before {
  content: "\F29E"; }

.fa-autoprefixer:before {
  content: "\F41C"; }

.fa-avianex:before {
  content: "\F374"; }

.fa-aviato:before {
  content: "\F421"; }

.fa-aws:before {
  content: "\F375"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-ban:before {
  content: "\F05E"; }

.fa-band-aid:before {
  content: "\F462"; }

.fa-bandcamp:before {
  content: "\F2D5"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-bars:before {
  content: "\F0C9"; }

.fa-baseball-ball:before {
  content: "\F433"; }

.fa-basketball-ball:before {
  content: "\F434"; }

.fa-bath:before {
  content: "\F2CD"; }

.fa-battery-empty:before {
  content: "\F244"; }

.fa-battery-full:before {
  content: "\F240"; }

.fa-battery-half:before {
  content: "\F242"; }

.fa-battery-quarter:before {
  content: "\F243"; }

.fa-battery-three-quarters:before {
  content: "\F241"; }

.fa-bed:before {
  content: "\F236"; }

.fa-beer:before {
  content: "\F0FC"; }

.fa-behance:before {
  content: "\F1B4"; }

.fa-behance-square:before {
  content: "\F1B5"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-bell-slash:before {
  content: "\F1F6"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-bimobject:before {
  content: "\F378"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-birthday-cake:before {
  content: "\F1FD"; }

.fa-bitbucket:before {
  content: "\F171"; }

.fa-bitcoin:before {
  content: "\F379"; }

.fa-bity:before {
  content: "\F37A"; }

.fa-black-tie:before {
  content: "\F27E"; }

.fa-blackberry:before {
  content: "\F37B"; }

.fa-blender:before {
  content: "\F517"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-blogger:before {
  content: "\F37C"; }

.fa-blogger-b:before {
  content: "\F37D"; }

.fa-bluetooth:before {
  content: "\F293"; }

.fa-bluetooth-b:before {
  content: "\F294"; }

.fa-bold:before {
  content: "\F032"; }

.fa-bolt:before {
  content: "\F0E7"; }

.fa-bomb:before {
  content: "\F1E2"; }

.fa-book:before {
  content: "\F02D"; }

.fa-book-open:before {
  content: "\F518"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-bowling-ball:before {
  content: "\F436"; }

.fa-box:before {
  content: "\F466"; }

.fa-box-open:before {
  content: "\F49E"; }

.fa-boxes:before {
  content: "\F468"; }

.fa-braille:before {
  content: "\F2A1"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-briefcase-medical:before {
  content: "\F469"; }

.fa-broadcast-tower:before {
  content: "\F519"; }

.fa-broom:before {
  content: "\F51A"; }

.fa-btc:before {
  content: "\F15A"; }

.fa-bug:before {
  content: "\F188"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bullseye:before {
  content: "\F140"; }

.fa-burn:before {
  content: "\F46A"; }

.fa-buromobelexperte:before {
  content: "\F37F"; }

.fa-bus:before {
  content: "\F207"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-calendar:before {
  content: "\F133"; }

.fa-calendar-alt:before {
  content: "\F073"; }

.fa-calendar-check:before {
  content: "\F274"; }

.fa-calendar-minus:before {
  content: "\F272"; }

.fa-calendar-plus:before {
  content: "\F271"; }

.fa-calendar-times:before {
  content: "\F273"; }

.fa-camera:before {
  content: "\F030"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-capsules:before {
  content: "\F46B"; }

.fa-car:before {
  content: "\F1B9"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-caret-left:before {
  content: "\F0D9"; }

.fa-caret-right:before {
  content: "\F0DA"; }

.fa-caret-square-down:before {
  content: "\F150"; }

.fa-caret-square-left:before {
  content: "\F191"; }

.fa-caret-square-right:before {
  content: "\F152"; }

.fa-caret-square-up:before {
  content: "\F151"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cc-amazon-pay:before {
  content: "\F42D"; }

.fa-cc-amex:before {
  content: "\F1F3"; }

.fa-cc-apple-pay:before {
  content: "\F416"; }

.fa-cc-diners-club:before {
  content: "\F24C"; }

.fa-cc-discover:before {
  content: "\F1F2"; }

.fa-cc-jcb:before {
  content: "\F24B"; }

.fa-cc-mastercard:before {
  content: "\F1F1"; }

.fa-cc-paypal:before {
  content: "\F1F4"; }

.fa-cc-stripe:before {
  content: "\F1F5"; }

.fa-cc-visa:before {
  content: "\F1F0"; }

.fa-centercode:before {
  content: "\F380"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-chalkboard:before {
  content: "\F51B"; }

.fa-chalkboard-teacher:before {
  content: "\F51C"; }

.fa-chart-area:before {
  content: "\F1FE"; }

.fa-chart-bar:before {
  content: "\F080"; }

.fa-chart-line:before {
  content: "\F201"; }

.fa-chart-pie:before {
  content: "\F200"; }

.fa-check:before {
  content: "\F00C"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-chess:before {
  content: "\F439"; }

.fa-chess-bishop:before {
  content: "\F43A"; }

.fa-chess-board:before {
  content: "\F43C"; }

.fa-chess-king:before {
  content: "\F43F"; }

.fa-chess-knight:before {
  content: "\F441"; }

.fa-chess-pawn:before {
  content: "\F443"; }

.fa-chess-queen:before {
  content: "\F445"; }

.fa-chess-rook:before {
  content: "\F447"; }

.fa-chevron-circle-down:before {
  content: "\F13A"; }

.fa-chevron-circle-left:before {
  content: "\F137"; }

.fa-chevron-circle-right:before {
  content: "\F138"; }

.fa-chevron-circle-up:before {
  content: "\F139"; }

.fa-chevron-down:before {
  content: "\F078"; }

.fa-chevron-left:before {
  content: "\F053"; }

.fa-chevron-right:before {
  content: "\F054"; }

.fa-chevron-up:before {
  content: "\F077"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-church:before {
  content: "\F51D"; }

.fa-circle:before {
  content: "\F111"; }

.fa-circle-notch:before {
  content: "\F1CE"; }

.fa-clipboard:before {
  content: "\F328"; }

.fa-clipboard-check:before {
  content: "\F46C"; }

.fa-clipboard-list:before {
  content: "\F46D"; }

.fa-clock:before {
  content: "\F017"; }

.fa-clone:before {
  content: "\F24D"; }

.fa-closed-captioning:before {
  content: "\F20A"; }

.fa-cloud:before {
  content: "\F0C2"; }

.fa-cloud-download-alt:before {
  content: "\F381"; }

.fa-cloud-upload-alt:before {
  content: "\F382"; }

.fa-cloudscale:before {
  content: "\F383"; }

.fa-cloudsmith:before {
  content: "\F384"; }

.fa-cloudversify:before {
  content: "\F385"; }

.fa-code:before {
  content: "\F121"; }

.fa-code-branch:before {
  content: "\F126"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-codiepie:before {
  content: "\F284"; }

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cog:before {
  content: "\F013"; }

.fa-cogs:before {
  content: "\F085"; }

.fa-coins:before {
  content: "\F51E"; }

.fa-columns:before {
  content: "\F0DB"; }

.fa-comment:before {
  content: "\F075"; }

.fa-comment-alt:before {
  content: "\F27A"; }

.fa-comment-dots:before {
  content: "\F4AD"; }

.fa-comment-slash:before {
  content: "\F4B3"; }

.fa-comments:before {
  content: "\F086"; }

.fa-compact-disc:before {
  content: "\F51F"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-compress:before {
  content: "\F066"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-copy:before {
  content: "\F0C5"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-couch:before {
  content: "\F4B8"; }

.fa-cpanel:before {
  content: "\F388"; }

.fa-creative-commons:before {
  content: "\F25E"; }

.fa-creative-commons-by:before {
  content: "\F4E7"; }

.fa-creative-commons-nc:before {
  content: "\F4E8"; }

.fa-creative-commons-nc-eu:before {
  content: "\F4E9"; }

.fa-creative-commons-nc-jp:before {
  content: "\F4EA"; }

.fa-creative-commons-nd:before {
  content: "\F4EB"; }

.fa-creative-commons-pd:before {
  content: "\F4EC"; }

.fa-creative-commons-pd-alt:before {
  content: "\F4ED"; }

.fa-creative-commons-remix:before {
  content: "\F4EE"; }

.fa-creative-commons-sa:before {
  content: "\F4EF"; }

.fa-creative-commons-sampling:before {
  content: "\F4F0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\F4F1"; }

.fa-creative-commons-share:before {
  content: "\F4F2"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-crop:before {
  content: "\F125"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-crow:before {
  content: "\F520"; }

.fa-crown:before {
  content: "\F521"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-css3-alt:before {
  content: "\F38B"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-cut:before {
  content: "\F0C4"; }

.fa-cuttlefish:before {
  content: "\F38C"; }

.fa-d-and-d:before {
  content: "\F38D"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-deaf:before {
  content: "\F2A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-deploydog:before {
  content: "\F38E"; }

.fa-deskpro:before {
  content: "\F38F"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-diagnoses:before {
  content: "\F470"; }

.fa-dice:before {
  content: "\F522"; }

.fa-dice-five:before {
  content: "\F523"; }

.fa-dice-four:before {
  content: "\F524"; }

.fa-dice-one:before {
  content: "\F525"; }

.fa-dice-six:before {
  content: "\F526"; }

.fa-dice-three:before {
  content: "\F527"; }

.fa-dice-two:before {
  content: "\F528"; }

.fa-digg:before {
  content: "\F1A6"; }

.fa-digital-ocean:before {
  content: "\F391"; }

.fa-discord:before {
  content: "\F392"; }

.fa-discourse:before {
  content: "\F393"; }

.fa-divide:before {
  content: "\F529"; }

.fa-dna:before {
  content: "\F471"; }

.fa-dochub:before {
  content: "\F394"; }

.fa-docker:before {
  content: "\F395"; }

.fa-dollar-sign:before {
  content: "\F155"; }

.fa-dolly:before {
  content: "\F472"; }

.fa-dolly-flatbed:before {
  content: "\F474"; }

.fa-donate:before {
  content: "\F4B9"; }

.fa-door-closed:before {
  content: "\F52A"; }

.fa-door-open:before {
  content: "\F52B"; }

.fa-dot-circle:before {
  content: "\F192"; }

.fa-dove:before {
  content: "\F4BA"; }

.fa-download:before {
  content: "\F019"; }

.fa-draft2digital:before {
  content: "\F396"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-dribbble-square:before {
  content: "\F397"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-dumbbell:before {
  content: "\F44B"; }

.fa-dyalog:before {
  content: "\F399"; }

.fa-earlybirds:before {
  content: "\F39A"; }

.fa-ebay:before {
  content: "\F4F4"; }

.fa-edge:before {
  content: "\F282"; }

.fa-edit:before {
  content: "\F044"; }

.fa-eject:before {
  content: "\F052"; }

.fa-elementor:before {
  content: "\F430"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-ember:before {
  content: "\F423"; }

.fa-empire:before {
  content: "\F1D1"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-square:before {
  content: "\F199"; }

.fa-envira:before {
  content: "\F299"; }

.fa-equals:before {
  content: "\F52C"; }

.fa-eraser:before {
  content: "\F12D"; }

.fa-erlang:before {
  content: "\F39D"; }

.fa-ethereum:before {
  content: "\F42E"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-euro-sign:before {
  content: "\F153"; }

.fa-exchange-alt:before {
  content: "\F362"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-exclamation-circle:before {
  content: "\F06A"; }

.fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-expand:before {
  content: "\F065"; }

.fa-expand-arrows-alt:before {
  content: "\F31E"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

.fa-external-link-alt:before {
  content: "\F35D"; }

.fa-external-link-square-alt:before {
  content: "\F360"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-eye-dropper:before {
  content: "\F1FB"; }

.fa-eye-slash:before {
  content: "\F070"; }

.fa-facebook:before {
  content: "\F09A"; }

.fa-facebook-f:before {
  content: "\F39E"; }

.fa-facebook-messenger:before {
  content: "\F39F"; }

.fa-facebook-square:before {
  content: "\F082"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-feather:before {
  content: "\F52D"; }

.fa-female:before {
  content: "\F182"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-file:before {
  content: "\F15B"; }

.fa-file-alt:before {
  content: "\F15C"; }

.fa-file-archive:before {
  content: "\F1C6"; }

.fa-file-audio:before {
  content: "\F1C7"; }

.fa-file-code:before {
  content: "\F1C9"; }

.fa-file-excel:before {
  content: "\F1C3"; }

.fa-file-image:before {
  content: "\F1C5"; }

.fa-file-medical:before {
  content: "\F477"; }

.fa-file-medical-alt:before {
  content: "\F478"; }

.fa-file-pdf:before {
  content: "\F1C1"; }

.fa-file-powerpoint:before {
  content: "\F1C4"; }

.fa-file-video:before {
  content: "\F1C8"; }

.fa-file-word:before {
  content: "\F1C2"; }

.fa-film:before {
  content: "\F008"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-first-aid:before {
  content: "\F479"; }

.fa-first-order:before {
  content: "\F2B0"; }

.fa-first-order-alt:before {
  content: "\F50A"; }

.fa-firstdraft:before {
  content: "\F3A1"; }

.fa-flag:before {
  content: "\F024"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-flipboard:before {
  content: "\F44D"; }

.fa-fly:before {
  content: "\F417"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-font:before {
  content: "\F031"; }

.fa-font-awesome:before {
  content: "\F2B4"; }

.fa-font-awesome-alt:before {
  content: "\F35C"; }

.fa-font-awesome-flag:before {
  content: "\F425"; }

.fa-font-awesome-logo-full:before {
  content: "\F4E6"; }

.fa-fonticons:before {
  content: "\F280"; }

.fa-fonticons-fi:before {
  content: "\F3A2"; }

.fa-football-ball:before {
  content: "\F44E"; }

.fa-fort-awesome:before {
  content: "\F286"; }

.fa-fort-awesome-alt:before {
  content: "\F3A3"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-forward:before {
  content: "\F04E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-free-code-camp:before {
  content: "\F2C5"; }

.fa-freebsd:before {
  content: "\F3A4"; }

.fa-frog:before {
  content: "\F52E"; }

.fa-frown:before {
  content: "\F119"; }

.fa-fulcrum:before {
  content: "\F50B"; }

.fa-futbol:before {
  content: "\F1E3"; }

.fa-galactic-republic:before {
  content: "\F50C"; }

.fa-galactic-senate:before {
  content: "\F50D"; }

.fa-gamepad:before {
  content: "\F11B"; }

.fa-gas-pump:before {
  content: "\F52F"; }

.fa-gavel:before {
  content: "\F0E3"; }

.fa-gem:before {
  content: "\F3A5"; }

.fa-genderless:before {
  content: "\F22D"; }

.fa-get-pocket:before {
  content: "\F265"; }

.fa-gg:before {
  content: "\F260"; }

.fa-gg-circle:before {
  content: "\F261"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-git-square:before {
  content: "\F1D2"; }

.fa-github:before {
  content: "\F09B"; }

.fa-github-alt:before {
  content: "\F113"; }

.fa-github-square:before {
  content: "\F092"; }

.fa-gitkraken:before {
  content: "\F3A6"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-gitter:before {
  content: "\F426"; }

.fa-glass-martini:before {
  content: "\F000"; }

.fa-glasses:before {
  content: "\F530"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-gofore:before {
  content: "\F3A7"; }

.fa-golf-ball:before {
  content: "\F450"; }

.fa-goodreads:before {
  content: "\F3A8"; }

.fa-goodreads-g:before {
  content: "\F3A9"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-google-drive:before {
  content: "\F3AA"; }

.fa-google-play:before {
  content: "\F3AB"; }

.fa-google-plus:before {
  content: "\F2B3"; }

.fa-google-plus-g:before {
  content: "\F0D5"; }

.fa-google-plus-square:before {
  content: "\F0D4"; }

.fa-google-wallet:before {
  content: "\F1EE"; }

.fa-graduation-cap:before {
  content: "\F19D"; }

.fa-gratipay:before {
  content: "\F184"; }

.fa-grav:before {
  content: "\F2D6"; }

.fa-greater-than:before {
  content: "\F531"; }

.fa-greater-than-equal:before {
  content: "\F532"; }

.fa-gripfire:before {
  content: "\F3AC"; }

.fa-grunt:before {
  content: "\F3AD"; }

.fa-gulp:before {
  content: "\F3AE"; }

.fa-h-square:before {
  content: "\F0FD"; }

.fa-hacker-news:before {
  content: "\F1D4"; }

.fa-hacker-news-square:before {
  content: "\F3AF"; }

.fa-hand-holding:before {
  content: "\F4BD"; }

.fa-hand-holding-heart:before {
  content: "\F4BE"; }

.fa-hand-holding-usd:before {
  content: "\F4C0"; }

.fa-hand-lizard:before {
  content: "\F258"; }

.fa-hand-paper:before {
  content: "\F256"; }

.fa-hand-peace:before {
  content: "\F25B"; }

.fa-hand-point-down:before {
  content: "\F0A7"; }

.fa-hand-point-left:before {
  content: "\F0A5"; }

.fa-hand-point-right:before {
  content: "\F0A4"; }

.fa-hand-point-up:before {
  content: "\F0A6"; }

.fa-hand-pointer:before {
  content: "\F25A"; }

.fa-hand-rock:before {
  content: "\F255"; }

.fa-hand-scissors:before {
  content: "\F257"; }

.fa-hand-spock:before {
  content: "\F259"; }

.fa-hands:before {
  content: "\F4C2"; }

.fa-hands-helping:before {
  content: "\F4C4"; }

.fa-handshake:before {
  content: "\F2B5"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-hdd:before {
  content: "\F0A0"; }

.fa-heading:before {
  content: "\F1DC"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-heart:before {
  content: "\F004"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-helicopter:before {
  content: "\F533"; }

.fa-hips:before {
  content: "\F452"; }

.fa-hire-a-helper:before {
  content: "\F3B0"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-hockey-puck:before {
  content: "\F453"; }

.fa-home:before {
  content: "\F015"; }

.fa-hooli:before {
  content: "\F427"; }

.fa-hospital:before {
  content: "\F0F8"; }

.fa-hospital-alt:before {
  content: "\F47D"; }

.fa-hospital-symbol:before {
  content: "\F47E"; }

.fa-hotjar:before {
  content: "\F3B1"; }

.fa-hourglass:before {
  content: "\F254"; }

.fa-hourglass-end:before {
  content: "\F253"; }

.fa-hourglass-half:before {
  content: "\F252"; }

.fa-hourglass-start:before {
  content: "\F251"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-hubspot:before {
  content: "\F3B2"; }

.fa-i-cursor:before {
  content: "\F246"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-id-card:before {
  content: "\F2C2"; }

.fa-id-card-alt:before {
  content: "\F47F"; }

.fa-image:before {
  content: "\F03E"; }

.fa-images:before {
  content: "\F302"; }

.fa-imdb:before {
  content: "\F2D8"; }

.fa-inbox:before {
  content: "\F01C"; }

.fa-indent:before {
  content: "\F03C"; }

.fa-industry:before {
  content: "\F275"; }

.fa-infinity:before {
  content: "\F534"; }

.fa-info:before {
  content: "\F129"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-instagram:before {
  content: "\F16D"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-italic:before {
  content: "\F033"; }

.fa-itunes:before {
  content: "\F3B4"; }

.fa-itunes-note:before {
  content: "\F3B5"; }

.fa-java:before {
  content: "\F4E4"; }

.fa-jedi-order:before {
  content: "\F50E"; }

.fa-jenkins:before {
  content: "\F3B6"; }

.fa-joget:before {
  content: "\F3B7"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-js:before {
  content: "\F3B8"; }

.fa-js-square:before {
  content: "\F3B9"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-key:before {
  content: "\F084"; }

.fa-keybase:before {
  content: "\F4F5"; }

.fa-keyboard:before {
  content: "\F11C"; }

.fa-keycdn:before {
  content: "\F3BA"; }

.fa-kickstarter:before {
  content: "\F3BB"; }

.fa-kickstarter-k:before {
  content: "\F3BC"; }

.fa-kiwi-bird:before {
  content: "\F535"; }

.fa-korvue:before {
  content: "\F42F"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-laravel:before {
  content: "\F3BD"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-lemon:before {
  content: "\F094"; }

.fa-less:before {
  content: "\F41D"; }

.fa-less-than:before {
  content: "\F536"; }

.fa-less-than-equal:before {
  content: "\F537"; }

.fa-level-down-alt:before {
  content: "\F3BE"; }

.fa-level-up-alt:before {
  content: "\F3BF"; }

.fa-life-ring:before {
  content: "\F1CD"; }

.fa-lightbulb:before {
  content: "\F0EB"; }

.fa-line:before {
  content: "\F3C0"; }

.fa-link:before {
  content: "\F0C1"; }

.fa-linkedin:before {
  content: "\F08C"; }

.fa-linkedin-in:before {
  content: "\F0E1"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-lira-sign:before {
  content: "\F195"; }

.fa-list:before {
  content: "\F03A"; }

.fa-list-alt:before {
  content: "\F022"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-lock:before {
  content: "\F023"; }

.fa-lock-open:before {
  content: "\F3C1"; }

.fa-long-arrow-alt-down:before {
  content: "\F309"; }

.fa-long-arrow-alt-left:before {
  content: "\F30A"; }

.fa-long-arrow-alt-right:before {
  content: "\F30B"; }

.fa-long-arrow-alt-up:before {
  content: "\F30C"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-lyft:before {
  content: "\F3C3"; }

.fa-magento:before {
  content: "\F3C4"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-male:before {
  content: "\F183"; }

.fa-mandalorian:before {
  content: "\F50F"; }

.fa-map:before {
  content: "\F279"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-map-marker-alt:before {
  content: "\F3C5"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mastodon:before {
  content: "\F4F6"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-medapps:before {
  content: "\F3C6"; }

.fa-medium:before {
  content: "\F23A"; }

.fa-medium-m:before {
  content: "\F3C7"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-medrt:before {
  content: "\F3C8"; }

.fa-meetup:before {
  content: "\F2E0"; }

.fa-meh:before {
  content: "\F11A"; }

.fa-memory:before {
  content: "\F538"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-alt:before {
  content: "\F3C9"; }

.fa-microphone-alt-slash:before {
  content: "\F539"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-microsoft:before {
  content: "\F3CA"; }

.fa-minus:before {
  content: "\F068"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-mix:before {
  content: "\F3CB"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-mizuni:before {
  content: "\F3CC"; }

.fa-mobile:before {
  content: "\F10B"; }

.fa-mobile-alt:before {
  content: "\F3CD"; }

.fa-modx:before {
  content: "\F285"; }

.fa-monero:before {
  content: "\F3D0"; }

.fa-money-bill:before {
  content: "\F0D6"; }

.fa-money-bill-alt:before {
  content: "\F3D1"; }

.fa-money-bill-wave:before {
  content: "\F53A"; }

.fa-money-bill-wave-alt:before {
  content: "\F53B"; }

.fa-money-check:before {
  content: "\F53C"; }

.fa-money-check-alt:before {
  content: "\F53D"; }

.fa-moon:before {
  content: "\F186"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-music:before {
  content: "\F001"; }

.fa-napster:before {
  content: "\F3D2"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-newspaper:before {
  content: "\F1EA"; }

.fa-nintendo-switch:before {
  content: "\F418"; }

.fa-node:before {
  content: "\F419"; }

.fa-node-js:before {
  content: "\F3D3"; }

.fa-not-equal:before {
  content: "\F53E"; }

.fa-notes-medical:before {
  content: "\F481"; }

.fa-npm:before {
  content: "\F3D4"; }

.fa-ns8:before {
  content: "\F3D5"; }

.fa-nutritionix:before {
  content: "\F3D6"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-old-republic:before {
  content: "\F510"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-osi:before {
  content: "\F41A"; }

.fa-outdent:before {
  content: "\F03B"; }

.fa-page4:before {
  content: "\F3D7"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-palette:before {
  content: "\F53F"; }

.fa-palfed:before {
  content: "\F3D8"; }

.fa-pallet:before {
  content: "\F482"; }

.fa-paper-plane:before {
  content: "\F1D8"; }

.fa-paperclip:before {
  content: "\F0C6"; }

.fa-parachute-box:before {
  content: "\F4CD"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-parking:before {
  content: "\F540"; }

.fa-paste:before {
  content: "\F0EA"; }

.fa-patreon:before {
  content: "\F3D9"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-pause-circle:before {
  content: "\F28B"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-paypal:before {
  content: "\F1ED"; }

.fa-pen-square:before {
  content: "\F14B"; }

.fa-pencil-alt:before {
  content: "\F303"; }

.fa-people-carry:before {
  content: "\F4CE"; }

.fa-percent:before {
  content: "\F295"; }

.fa-percentage:before {
  content: "\F541"; }

.fa-periscope:before {
  content: "\F3DA"; }

.fa-phabricator:before {
  content: "\F3DB"; }

.fa-phoenix-framework:before {
  content: "\F3DC"; }

.fa-phoenix-squadron:before {
  content: "\F511"; }

.fa-phone:before {
  content: "\F095"; }

.fa-phone-slash:before {
  content: "\F3DD"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-phone-volume:before {
  content: "\F2A0"; }

.fa-php:before {
  content: "\F457"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-pied-piper-hat:before {
  content: "\F4E5"; }

.fa-pied-piper-pp:before {
  content: "\F1A7"; }

.fa-piggy-bank:before {
  content: "\F4D3"; }

.fa-pills:before {
  content: "\F484"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-plane:before {
  content: "\F072"; }

.fa-play:before {
  content: "\F04B"; }

.fa-play-circle:before {
  content: "\F144"; }

.fa-playstation:before {
  content: "\F3DF"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-plus:before {
  content: "\F067"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-plus-square:before {
  content: "\F0FE"; }

.fa-podcast:before {
  content: "\F2CE"; }

.fa-poo:before {
  content: "\F2FE"; }

.fa-portrait:before {
  content: "\F3E0"; }

.fa-pound-sign:before {
  content: "\F154"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-prescription-bottle:before {
  content: "\F485"; }

.fa-prescription-bottle-alt:before {
  content: "\F486"; }

.fa-print:before {
  content: "\F02F"; }

.fa-procedures:before {
  content: "\F487"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-project-diagram:before {
  content: "\F542"; }

.fa-pushed:before {
  content: "\F3E1"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-python:before {
  content: "\F3E2"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-question:before {
  content: "\F128"; }

.fa-question-circle:before {
  content: "\F059"; }

.fa-quidditch:before {
  content: "\F458"; }

.fa-quinscape:before {
  content: "\F459"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-r-project:before {
  content: "\F4F7"; }

.fa-random:before {
  content: "\F074"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-react:before {
  content: "\F41B"; }

.fa-readme:before {
  content: "\F4D5"; }

.fa-rebel:before {
  content: "\F1D0"; }

.fa-receipt:before {
  content: "\F543"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-red-river:before {
  content: "\F3E3"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-redo:before {
  content: "\F01E"; }

.fa-redo-alt:before {
  content: "\F2F9"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-rendact:before {
  content: "\F3E4"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-reply:before {
  content: "\F3E5"; }

.fa-reply-all:before {
  content: "\F122"; }

.fa-replyd:before {
  content: "\F3E6"; }

.fa-researchgate:before {
  content: "\F4F8"; }

.fa-resolving:before {
  content: "\F3E7"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-ribbon:before {
  content: "\F4D6"; }

.fa-road:before {
  content: "\F018"; }

.fa-robot:before {
  content: "\F544"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-rocketchat:before {
  content: "\F3E8"; }

.fa-rockrms:before {
  content: "\F3E9"; }

.fa-rss:before {
  content: "\F09E"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-ruble-sign:before {
  content: "\F158"; }

.fa-ruler:before {
  content: "\F545"; }

.fa-ruler-combined:before {
  content: "\F546"; }

.fa-ruler-horizontal:before {
  content: "\F547"; }

.fa-ruler-vertical:before {
  content: "\F548"; }

.fa-rupee-sign:before {
  content: "\F156"; }

.fa-safari:before {
  content: "\F267"; }

.fa-sass:before {
  content: "\F41E"; }

.fa-save:before {
  content: "\F0C7"; }

.fa-schlix:before {
  content: "\F3EA"; }

.fa-school:before {
  content: "\F549"; }

.fa-screwdriver:before {
  content: "\F54A"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-search:before {
  content: "\F002"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-searchengin:before {
  content: "\F3EB"; }

.fa-seedling:before {
  content: "\F4D8"; }

.fa-sellcast:before {
  content: "\F2DA"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-server:before {
  content: "\F233"; }

.fa-servicestack:before {
  content: "\F3EC"; }

.fa-share:before {
  content: "\F064"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-shekel-sign:before {
  content: "\F20B"; }

.fa-shield-alt:before {
  content: "\F3ED"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-shipping-fast:before {
  content: "\F48B"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-shoe-prints:before {
  content: "\F54B"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-sign:before {
  content: "\F4D9"; }

.fa-sign-in-alt:before {
  content: "\F2F6"; }

.fa-sign-language:before {
  content: "\F2A7"; }

.fa-sign-out-alt:before {
  content: "\F2F5"; }

.fa-signal:before {
  content: "\F012"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-sistrix:before {
  content: "\F3EE"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-sith:before {
  content: "\F512"; }

.fa-skull:before {
  content: "\F54C"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-slack:before {
  content: "\F198"; }

.fa-slack-hash:before {
  content: "\F3EF"; }

.fa-sliders-h:before {
  content: "\F1DE"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-smile:before {
  content: "\F118"; }

.fa-smoking:before {
  content: "\F48D"; }

.fa-smoking-ban:before {
  content: "\F54D"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-snowflake:before {
  content: "\F2DC"; }

.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-alpha-down:before {
  content: "\F15D"; }

.fa-sort-alpha-up:before {
  content: "\F15E"; }

.fa-sort-amount-down:before {
  content: "\F160"; }

.fa-sort-amount-up:before {
  content: "\F161"; }

.fa-sort-down:before {
  content: "\F0DD"; }

.fa-sort-numeric-down:before {
  content: "\F162"; }

.fa-sort-numeric-up:before {
  content: "\F163"; }

.fa-sort-up:before {
  content: "\F0DE"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-speakap:before {
  content: "\F3F3"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-square-full:before {
  content: "\F45C"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-staylinked:before {
  content: "\F3F5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-steam-symbol:before {
  content: "\F3F6"; }

.fa-step-backward:before {
  content: "\F048"; }

.fa-step-forward:before {
  content: "\F051"; }

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-sticker-mule:before {
  content: "\F3F7"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-stop-circle:before {
  content: "\F28D"; }

.fa-stopwatch:before {
  content: "\F2F2"; }

.fa-store:before {
  content: "\F54E"; }

.fa-store-alt:before {
  content: "\F54F"; }

.fa-strava:before {
  content: "\F428"; }

.fa-stream:before {
  content: "\F550"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-stripe:before {
  content: "\F429"; }

.fa-stripe-s:before {
  content: "\F42A"; }

.fa-stroopwafel:before {
  content: "\F551"; }

.fa-studiovinari:before {
  content: "\F3F8"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-stumbleupon-circle:before {
  content: "\F1A3"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-subway:before {
  content: "\F239"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-sun:before {
  content: "\F185"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-supple:before {
  content: "\F3F9"; }

.fa-sync:before {
  content: "\F021"; }

.fa-sync-alt:before {
  content: "\F2F1"; }

.fa-syringe:before {
  content: "\F48E"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-table-tennis:before {
  content: "\F45D"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-tablet-alt:before {
  content: "\F3FA"; }

.fa-tablets:before {
  content: "\F490"; }

.fa-tachometer-alt:before {
  content: "\F3FD"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-tape:before {
  content: "\F4DB"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-taxi:before {
  content: "\F1BA"; }

.fa-teamspeak:before {
  content: "\F4F9"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-telegram-plane:before {
  content: "\F3FE"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-thermometer:before {
  content: "\F491"; }

.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbtack:before {
  content: "\F08D"; }

.fa-ticket-alt:before {
  content: "\F3FF"; }

.fa-times:before {
  content: "\F00D"; }

.fa-times-circle:before {
  content: "\F057"; }

.fa-tint:before {
  content: "\F043"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-toolbox:before {
  content: "\F552"; }

.fa-trade-federation:before {
  content: "\F513"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-train:before {
  content: "\F238"; }

.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-trash-alt:before {
  content: "\F2ED"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-trello:before {
  content: "\F181"; }

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-truck-loading:before {
  content: "\F4DE"; }

.fa-truck-moving:before {
  content: "\F4DF"; }

.fa-tshirt:before {
  content: "\F553"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-tv:before {
  content: "\F26C"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-typo3:before {
  content: "\F42B"; }

.fa-uber:before {
  content: "\F402"; }

.fa-uikit:before {
  content: "\F403"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-undo:before {
  content: "\F0E2"; }

.fa-undo-alt:before {
  content: "\F2EA"; }

.fa-uniregistry:before {
  content: "\F404"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-university:before {
  content: "\F19C"; }

.fa-unlink:before {
  content: "\F127"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-untappd:before {
  content: "\F405"; }

.fa-upload:before {
  content: "\F093"; }

.fa-usb:before {
  content: "\F287"; }

.fa-user:before {
  content: "\F007"; }

.fa-user-alt:before {
  content: "\F406"; }

.fa-user-alt-slash:before {
  content: "\F4FA"; }

.fa-user-astronaut:before {
  content: "\F4FB"; }

.fa-user-check:before {
  content: "\F4FC"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-user-clock:before {
  content: "\F4FD"; }

.fa-user-cog:before {
  content: "\F4FE"; }

.fa-user-edit:before {
  content: "\F4FF"; }

.fa-user-friends:before {
  content: "\F500"; }

.fa-user-graduate:before {
  content: "\F501"; }

.fa-user-lock:before {
  content: "\F502"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-user-minus:before {
  content: "\F503"; }

.fa-user-ninja:before {
  content: "\F504"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-user-shield:before {
  content: "\F505"; }

.fa-user-slash:before {
  content: "\F506"; }

.fa-user-tag:before {
  content: "\F507"; }

.fa-user-tie:before {
  content: "\F508"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-users:before {
  content: "\F0C0"; }

.fa-users-cog:before {
  content: "\F509"; }

.fa-ussunnah:before {
  content: "\F407"; }

.fa-utensil-spoon:before {
  content: "\F2E5"; }

.fa-utensils:before {
  content: "\F2E7"; }

.fa-vaadin:before {
  content: "\F408"; }

.fa-venus:before {
  content: "\F221"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-vial:before {
  content: "\F492"; }

.fa-vials:before {
  content: "\F493"; }

.fa-viber:before {
  content: "\F409"; }

.fa-video:before {
  content: "\F03D"; }

.fa-video-slash:before {
  content: "\F4E2"; }

.fa-vimeo:before {
  content: "\F40A"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-vimeo-v:before {
  content: "\F27D"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-vk:before {
  content: "\F189"; }

.fa-vnv:before {
  content: "\F40B"; }

.fa-volleyball-ball:before {
  content: "\F45F"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-vuejs:before {
  content: "\F41F"; }

.fa-walking:before {
  content: "\F554"; }

.fa-wallet:before {
  content: "\F555"; }

.fa-warehouse:before {
  content: "\F494"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-weight:before {
  content: "\F496"; }

.fa-weixin:before {
  content: "\F1D7"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-whatsapp-square:before {
  content: "\F40C"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-whmcs:before {
  content: "\F40D"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-window-close:before {
  content: "\F410"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-wine-glass:before {
  content: "\F4E3"; }

.fa-wolf-pack-battalion:before {
  content: "\F514"; }

.fa-won-sign:before {
  content: "\F159"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-wordpress-simple:before {
  content: "\F411"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-x-ray:before {
  content: "\F497"; }

.fa-xbox:before {
  content: "\F412"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-y-combinator:before {
  content: "\F23B"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-yandex:before {
  content: "\F413"; }

.fa-yandex-international:before {
  content: "\F414"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-yen-sign:before {
  content: "\F157"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-youtube-square:before {
  content: "\F431"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/fa-brands-400.eot);
  src: url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.woff) format("woff"), url(../fonts/fa-brands-400.ttf) format("truetype"), url(../fonts/fa-brands-400.svg#fontawesome) format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/fa-regular-400.eot);
  src: url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff"), url(../fonts/fa-regular-400.ttf) format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome) format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/fa-solid-900.eot);
  src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/**
 * #Variables
 */
/**
 * Define the global variables used across the project here.
 *
 * 1) Always create variables with a meaningful context.
 * 2) Avoid defining component specific variables on the global level.
 * 3) See other files in the base folder for more global styles.
 */
/**
 * Font sizes for responsive scalability (used by @mixin font-size).
 *
 * Define new sizes as needed.
 */
/**
 * Spacing sizes for responsive scalability (used by @mixin spacing).
 *
 * Define new sizes as needed.
 */
/**
 * These are breakpoint targets that signify drastic changes in behavior.
 * Use sparingly, as experience should be as similar as possible,
 * regardless of viewport size.
 */
/**
 * Navigation bar sizes are also used to offset blocks.
 */
/**
 * Core variables.
 *
 * Take care in changing the following values as they can fundamentally
 * change the behavior of the site.
 */
/**
 * Brand color profiles. Find more at: http://brandcolors.net
 *
 * Use map with the "brand" helper function:
 *
 *   color: brand(facebook);
 *   background-color: brand(instagram);
 */
/**
 * #Mixins
 */
/*
Description: Adjust alignment.
*/
/*
This will add a delay to all children and animate them in one by one

Example:
--------
@include animation-sequence(0.10, 10);

& > *{
    @include animation(bounceIn, 2s);
}
--------

*/
/*

EXAMPLE:
----

breakpoint and up           breakpoint max value and down
--                          --
@include bp(sm);            @include bp(xs,max);
@include bp(md);            @include bp(sm,max);
@include bp(lg);            @include bp(md,max);
@include bp(xl);            @include bp(lg,max);


@include bp(568px);          // also possible

 */
/*

EXAMPLE:
----
@include btn;                           // default button
@include btn(#000,$color-brand,#000);   // customized colors

 */
/**
 * Helper for adding Font Awesome 5 icons in CSS.
 *
 * Font Awesome 5 has been split into 3 different fonts: regular,
 * solid and brands. If your icon doesn't show, make sure you
 * are using the correct family name in the second parameter.
 */
/*@mixin margin($size: base, $where: top, $reset: false) {
    @include spacing($size, $where, $reset, margin);
}

@mixin padding($size: base, $where: top, $reset: false) {
    @include spacing($size, $where, $reset, padding);
}
*/
/*

COLOR SCHEMES
-----------
All global color's should be set here.

Connect the scheme to areas of the website by using:
@include scheme-html-example();

Don't use the @scheme-html(); because then you will have no way to later on reuse it.

*/
/*

EXAMPLE:
----
@include section;           // with top and bottom margin
@include section(false);    // no top and bottom margin

 */
/*
_variables.scss includes 2 different shadow variables:

$box-shadow-default
$box-shadow-large

Default will be used most often within buttons and even in boxes.
Large should be used with caution.

EXAMPLE:
------
@include shadow(small);
@include shadow(large);

 */
/*

This uses $spacing-sizes matrix. Feel free to add more spacings there if they have a reusable logic to it.
Don't try to add new rows into the matrix just to support a single component.

EXAMPLE:
----

@include spacing(padding, top, section);
@include spacing(margin, all, itemspace);
@include spacing(margin, bottom, box);

 */
/*

Feel free to customize heavily.

Being used in @mixin wysiwyg-html;

 */
/**
 * The wysiwyg-html mixin is used to ensure that the contents of an element stay
 * well-formatted when the client has control over the content. Typically when
 * the client has the ability to add HTML.
 */
/*

The following z-index shouldn't be changed on a project basis. Keep them consistent across projects.

 */
/*

$addToZindex:   How much you want to have it above the original z-index
$z-index:       Which z-index default setting

 */
/**
 * #Functions
 */
/**
 * A shorthand for using the brand color profile map.
 * You can find the brand color list in the variables file.
 */
/**
 * Convert pixel values to rem using a context modifier.
 * The default of 10px means that rem(10) equals 1rem,
 * rem(15) equals 1.5rem etc.
 */
/**
 * #Vendor
 *
 * Place any plugin customization files here.
 */
.b-toolbox {
  background: #fff; }
  .b-toolbox__scheme-wrapper {
    animation-name: fadeInUp;
    animation-fill-mode: backwards;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-delay: 0;
    box-shadow: 0 3px 40px 0 rgba(0, 0, 0, 0.2);
    padding: 4rem; }
  .b-toolbox__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 4.54545%;
    padding-right: 4.54545%; }
    @media (min-width: 1650px) {
      .b-toolbox__container {
        max-width: 1584px; } }
    .b-toolbox__container .h-wysiwyg-html {
      max-width: 800px;
      margin: auto; }
    .b-toolbox__container:after {
      content: "";
      display: block;
      clear: both; }
  .b-toolbox__component-row {
    display: flex;
    flex-wrap: nowrap;
    flex-flow: flex-start;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    padding: 0 0 0 20%;
    margin: 4rem 0; }
    .b-toolbox__component-row[data-name]:before {
      transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      font-size: 1.4rem;
      content: attr(data-name);
      display: block;
      width: 18%;
      position: absolute;
      top: 0;
      left: 0;
      color: #7d7d7d; }
      @media (min-width: 1200px) {
        .b-toolbox__component-row[data-name]:before {
          font-size: 1.5rem; } }
    .b-toolbox__component-row > * {
      max-width: 60%; }
    .b-toolbox__component-row[data-description]:after {
      transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      font-size: 1.4rem;
      content: attr(data-description);
      display: block;
      width: 35%;
      float: right;
      color: #7d7d7d; }
      @media (min-width: 1200px) {
        .b-toolbox__component-row[data-description]:after {
          font-size: 1.5rem; } }
  .b-toolbox__box {
    height: 7.5rem;
    width: 7.5rem;
    display: block;
    position: relative; }
    .b-toolbox__box--shadow {
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); }
      .b-toolbox__box--shadow--large {
        box-shadow: 0 3px 40px 0 rgba(0, 0, 0, 0.2); }
    .b-toolbox__box--border-radius {
      border-radius: 0px;
      background: #7d7d7d; }
    .b-toolbox__box--spacing-section {
      padding-top: 3rem;
      background: #7d7d7d;
      height: 0; }
      @media (min-width: 768px) {
        .b-toolbox__box--spacing-section {
          padding-top: 4rem; } }
      @media (min-width: 1200px) {
        .b-toolbox__box--spacing-section {
          padding-top: 6rem; } }
    .b-toolbox__box--spacing-itemspace {
      padding-top: 2rem;
      background: #7d7d7d;
      height: 0; }
      @media (min-width: 768px) {
        .b-toolbox__box--spacing-itemspace {
          padding-top: 3rem; } }
    .b-toolbox__box--spacing-box {
      padding-top: 10px;
      background: #7d7d7d;
      height: 0; }
      @media (min-width: 768px) {
        .b-toolbox__box--spacing-box {
          padding-top: 15px; } }
      @media (min-width: 992px) {
        .b-toolbox__box--spacing-box {
          padding-top: 20px; } }
  .b-toolbox__tabs {
    padding: 4rem 0; }
    .b-toolbox__tabs ul {
      margin: 0;
      padding: 0;
      text-align: center; }
      .b-toolbox__tabs ul li {
        display: inline-block; }
        .b-toolbox__tabs ul li a {
          transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
          background: transparent;
          border-radius: 2em;
          -webkit-mask-image: -webkit-radial-gradient(white, black);
          box-shadow: none;
          display: inline-block;
          padding: 0.5em 1.5em;
          border: 1px solid #000;
          position: relative;
          overflow: hidden; }
          .b-toolbox__tabs ul li a span, .b-toolbox__tabs ul li a {
            color: #000;
            transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
          .b-toolbox__tabs ul li a span {
            display: inline-block;
            position: relative;
            z-index: 2; }
          .b-toolbox__tabs ul li a::after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            background: #000;
            border-radius: 2em;
            transform: translateY(101%) scale(0.75);
            transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
          .b-toolbox__tabs ul li a:hover {
            text-decoration: none;
            color: #fff; }
            .b-toolbox__tabs ul li a:hover span {
              color: #fff; }
            .b-toolbox__tabs ul li a:hover::after {
              transform: translateY(0) scale(1.1); }
          .b-toolbox__tabs ul li a:active > span {
            transform: translateY(2px); }
  .b-toolbox__playground-form {
    box-shadow: 0 3px 40px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 2rem 0;
    margin-bottom: 4rem; }
    .b-toolbox__playground-form p {
      margin-bottom: 1rem; }
    .b-toolbox__playground-form a {
      color: inherit; }

.flickity-page-dots {
  bottom: 5% !important; }
  .flickity-page-dots .dot {
    background: #fff !important; }

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
     Remodal's default mobile first theme
     ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(0, 0, 0, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\D7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
     ========================================================================== */

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0; }
  to {
    transform: none;
    opacity: 1; } }

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0.95);
    opacity: 0; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Media queries
     ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px; } }

/* IE8
     ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

/**
 * #Base styles
 */
/**
 * Set the base document styles here.
 *
 * 1) This file should only be used for the most top level elements.
 * 2) See typography and block, layout and component files for more
 *    specific styles.
 */
html {
  box-sizing: border-box;
  font-size: 8px; }
  @media (min-width: 0) {
    html {
      font-size: 8.5px; } }
  @media (min-width: 768px) {
    html {
      font-size: 9px; } }
  @media (min-width: 992px) {
    html {
      font-size: 9.5px; } }
  @media (min-width: 1200px) {
    html {
      font-size: 10px; } }

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

body {
  font-size: 1.6rem;
  background-color: #fff;
  font-family: "Ginto Nord", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.62857;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (min-width: 1200px) {
    body {
      font-size: 1.8rem; } }
  @media (min-width: 1600px) {
    body {
      font-size: 2rem; } }
  @media (max-width: 991px) {
    body.open-mobile-menu {
      overflow: hidden; } }

html,
button,
input,
select,
textarea {
  font-family: inherit;
  line-height: inherit; }

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

/**
 * Define helper classes used to override default component
 * behavior.
 *
 * 1) Think carefully should something be a stand-alone component
 *    rather than a helper.
 * 2) If CSS inheritance is an issue, use !important flag on the
 *    properties. Don't try to force a parent class on the
 *    definitions.
 */
.h-clickable {
  cursor: pointer;
  position: relative;
  display: block; }
  .h-clickable__item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: auto;
    background: rgba(0, 0, 0, 0); }

.js-clickable {
  cursor: pointer; }

.h-wysiwyg-html {
  position: relative;
  /* Editor image styles */ }
  .h-wysiwyg-html:before, .h-wysiwyg-html:after {
    content: " ";
    display: table; }
  .h-wysiwyg-html:after {
    clear: both; }
  .h-wysiwyg-html h1,
  .h-wysiwyg-html h2,
  .h-wysiwyg-html h3,
  .h-wysiwyg-html h4,
  .h-wysiwyg-html h5,
  .h-wysiwyg-html h6 {
    margin-top: 0.8em;
    margin-bottom: 0.3em; }
    .h-wysiwyg-html h1:first-child,
    .h-wysiwyg-html h2:first-child,
    .h-wysiwyg-html h3:first-child,
    .h-wysiwyg-html h4:first-child,
    .h-wysiwyg-html h5:first-child,
    .h-wysiwyg-html h6:first-child {
      margin-top: 0; }
    .h-wysiwyg-html h1:last-child,
    .h-wysiwyg-html h2:last-child,
    .h-wysiwyg-html h3:last-child,
    .h-wysiwyg-html h4:last-child,
    .h-wysiwyg-html h5:last-child,
    .h-wysiwyg-html h6:last-child {
      margin-bottom: 0; }
    .h-wysiwyg-html h1 strong,
    .h-wysiwyg-html h2 strong,
    .h-wysiwyg-html h3 strong,
    .h-wysiwyg-html h4 strong,
    .h-wysiwyg-html h5 strong,
    .h-wysiwyg-html h6 strong {
      font-weight: inherit; }
  .h-wysiwyg-html p {
    margin: 1em 0; }
    .h-wysiwyg-html p:first-child {
      margin-top: 0; }
    .h-wysiwyg-html p:last-child {
      margin-bottom: 0; }
  .h-wysiwyg-html h1 a:not(.c-btn),
  .h-wysiwyg-html h2 a:not(.c-btn),
  .h-wysiwyg-html h3 a:not(.c-btn),
  .h-wysiwyg-html h4 a:not(.c-btn),
  .h-wysiwyg-html h5 a:not(.c-btn),
  .h-wysiwyg-html h6 a:not(.c-btn),
  .h-wysiwyg-html li a:not(.c-btn),
  .h-wysiwyg-html p a:not(.c-btn) {
    text-decoration: underline; }
    .h-wysiwyg-html h1 a:not(.c-btn):hover,
    .h-wysiwyg-html h2 a:not(.c-btn):hover,
    .h-wysiwyg-html h3 a:not(.c-btn):hover,
    .h-wysiwyg-html h4 a:not(.c-btn):hover,
    .h-wysiwyg-html h5 a:not(.c-btn):hover,
    .h-wysiwyg-html h6 a:not(.c-btn):hover,
    .h-wysiwyg-html li a:not(.c-btn):hover,
    .h-wysiwyg-html p a:not(.c-btn):hover {
      opacity: 0.25; }
  .h-wysiwyg-html strong {
    font-weight: 700; }
  .h-wysiwyg-html hr {
    margin: 1.5em 0; }
  .h-wysiwyg-html table {
    width: 100%;
    border: 1px solid #e6e6e6; }
    .h-wysiwyg-html table tr {
      border-top: 1px solid #e6e6e6; }
    .h-wysiwyg-html table td,
    .h-wysiwyg-html table th {
      padding: 0.2em 1em;
      text-align: left; }
    .h-wysiwyg-html table th {
      background: #f2f2f2;
      color: #000; }
    .h-wysiwyg-html table td {
      background: #fff;
      color: #000; }
  .h-wysiwyg-html ul ul,
  .h-wysiwyg-html ul ol,
  .h-wysiwyg-html ol ul,
  .h-wysiwyg-html ol ol {
    margin-bottom: 0; }
  .h-wysiwyg-html dl,
  .h-wysiwyg-html dd,
  .h-wysiwyg-html blockquote {
    margin: 1em 0;
    padding-left: 1em; }
    .h-wysiwyg-html dl + ol,
    .h-wysiwyg-html dl + ul,
    .h-wysiwyg-html dd + ol,
    .h-wysiwyg-html dd + ul,
    .h-wysiwyg-html blockquote + ol,
    .h-wysiwyg-html blockquote + ul {
      margin-bottom: 0; }
  .h-wysiwyg-html img {
    /* overwrite height-attribute set by WP */
    height: auto; }
  .h-wysiwyg-html pre {
    border-radius: 0px;
    padding: 1rem 2rem;
    border: 1px solid rgba(125, 125, 125, 0.3);
    display: block;
    font-size: 0.9em;
    margin: 0 0 1em; }
  .h-wysiwyg-html .wp-caption {
    max-width: 100%; }
    .h-wysiwyg-html .wp-caption img {
      margin-bottom: 0.3em; }
  .h-wysiwyg-html p.wp-caption-text {
    font-size: 1.4rem;
    opacity: 0.6;
    margin: 0; }
    @media (min-width: 1200px) {
      .h-wysiwyg-html p.wp-caption-text {
        font-size: 1.5rem; } }
  .h-wysiwyg-html .alignnone {
    width: 100%;
    display: block; }
    .h-wysiwyg-html .alignnone img {
      width: 100%; }
  .h-wysiwyg-html .aligncenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 2rem; }
  .h-wysiwyg-html .alignleft,
  .h-wysiwyg-html .alignright {
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      .h-wysiwyg-html .alignleft,
      .h-wysiwyg-html .alignright {
        max-width: 48%; } }
  @media (min-width: 768px) {
    .h-wysiwyg-html .alignleft {
      float: left;
      margin-right: 2%; } }
  @media (min-width: 768px) {
    .h-wysiwyg-html .alignright {
      float: right;
      margin-left: 2%; } }
  .h-wysiwyg-html .alignleft + .alignleft + p {
    clear: left; }
  .h-wysiwyg-html .alignright + .alignright + p {
    clear: right; }
  .h-wysiwyg-html > .c-btn {
    margin: 0 1rem 1rem 0; }
  .h-wysiwyg-html .c-btn:last-child {
    margin-right: 0;
    margin-bottom: 0; }
  @media (min-width: 992px) {
    .h-wysiwyg-html--offset-images .alignleft {
      margin-left: -50%;
      max-width: 72%; }
    .h-wysiwyg-html--offset-images .alignleft + .alignleft {
      margin-left: 3%;
      margin-right: 0%; } }

.h-half {
  width: 48%;
  margin-right: 2%;
  margin-top: 0.5em;
  margin-bottom: 1em;
  float: left; }
  .h-half:last-child {
    margin-right: 0; }
  .h-half:first-child {
    margin-top: 0; }
  .h-half p {
    margin-top: 0;
    margin-bottom: 0; }
  .h-half + .h-half + p {
    clear: left; }

.h-youtube-wrapper {
  background: #000;
  padding-top: 56.25%;
  position: relative; }
  .h-youtube-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.h-accessability {
  position: fixed;
  top: -9999px; }

.h-bg-pink {
  background-color: #FF5968; }

.h-bg-green {
  background-color: #00B57F; }

.h-bg-blue {
  background-color: #7393C1; }

.h-bg-white {
  background-color: #FFFFFF; }

.h-bg-yellow {
  background-color: #DAFC00; }

.h-bg-teak {
  background-color: #B0805C; }

.h-bg-grey {
  background-color: #CCCCBE; }

/**
 * Visibility helpers for elements. Note that these override
 * any existing display settings.
 */
.h-hidden {
  display: none !important; }

@media (max-width: 991px) {
  .h-visible-mobile {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1599px) {
  .h-visible-laptop {
    display: block !important; } }

@media (min-width: 1600px) {
  .h-visible-desktop {
    display: block !important; } }

.h-visible-all {
  display: block !important; }

/**
 * Styles for the print media. Your goal should always be to use
 * as little ink as possible to save the baby dolphins.
 *
 * 1) Black prints faster: http://www.sanbeiji.com/archives/953
 * 2) Printing tables: http://css-discuss.incutio.com/wiki/Printing_Tables
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    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; }
  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; } }

/**
 * Creates a context for color schemes.
 *
 * 1) The s-context class sets the container of a specific scheme.
 * 2) Add data-scheme-target to all elements within a scheme that
 *    should be targeted by the color rules.
 */
.s-context {
  position: relative; }
  .s-context [data-scheme-target] {
    /*
    p a:not(.c-btn) {
        color: $s-link-color;
    }
    */
    /*
        Components? Amend the variation of that component within the component itself. This encapsulates the styles which makes it easier to find, debug and modify.
    */ }
    .s-context [data-scheme-target] h1,
    .s-context [data-scheme-target] h2,
    .s-context [data-scheme-target] h3,
    .s-context [data-scheme-target] h4,
    .s-context [data-scheme-target] h5,
    .s-context [data-scheme-target] h6 {
      color: #000; }
      .s-context [data-scheme-target] h1 a:not(.c-btn),
      .s-context [data-scheme-target] h2 a:not(.c-btn),
      .s-context [data-scheme-target] h3 a:not(.c-btn),
      .s-context [data-scheme-target] h4 a:not(.c-btn),
      .s-context [data-scheme-target] h5 a:not(.c-btn),
      .s-context [data-scheme-target] h6 a:not(.c-btn) {
        color: #000; }
    .s-context [data-scheme-target] ul,
    .s-context [data-scheme-target] li,
    .s-context [data-scheme-target] p,
    .s-context [data-scheme-target] span {
      color: #000; }
  @media (min-width: 992px) {
    .s-context--xtrapadding {
      padding-top: 3.7rem; } }
  .s-context--border {
    border-top: 1px solid #b1b0b3;
    border-bottom: 1px solid #b1b0b3; }
  .s-context--light {
    background: #e7e6e9; }
  .s-context--lightborder {
    background: #e7e6e9;
    border-top: 1px solid #b1b0b3;
    border-bottom: 1px solid #b1b0b3; }
  .s-context--pink {
    background: #FF5968; }
  .s-context--inverted {
    background: #000; }
    .s-context--inverted [data-scheme-target] {
      /*
    p a:not(.c-btn) {
        color: $s-link-color;
    }
    */
      /*
        Components? Amend the variation of that component within the component itself. This encapsulates the styles which makes it easier to find, debug and modify.
    */ }
      .s-context--inverted [data-scheme-target] h1,
      .s-context--inverted [data-scheme-target] h2,
      .s-context--inverted [data-scheme-target] h3,
      .s-context--inverted [data-scheme-target] h4,
      .s-context--inverted [data-scheme-target] h5,
      .s-context--inverted [data-scheme-target] h6 {
        color: #fff; }
        .s-context--inverted [data-scheme-target] h1 a:not(.c-btn),
        .s-context--inverted [data-scheme-target] h2 a:not(.c-btn),
        .s-context--inverted [data-scheme-target] h3 a:not(.c-btn),
        .s-context--inverted [data-scheme-target] h4 a:not(.c-btn),
        .s-context--inverted [data-scheme-target] h5 a:not(.c-btn),
        .s-context--inverted [data-scheme-target] h6 a:not(.c-btn) {
          color: #fff; }
      .s-context--inverted [data-scheme-target] ul,
      .s-context--inverted [data-scheme-target] li,
      .s-context--inverted [data-scheme-target] p,
      .s-context--inverted [data-scheme-target] span {
        color: #ccc; }
  .s-context--deepblue {
    background: #00011d; }
    .s-context--deepblue [data-scheme-target] {
      /*
    p a:not(.c-btn) {
        color: $s-link-color;
    }
    */
      /*
        Components? Amend the variation of that component within the component itself. This encapsulates the styles which makes it easier to find, debug and modify.
    */ }
      .s-context--deepblue [data-scheme-target] h1,
      .s-context--deepblue [data-scheme-target] h2,
      .s-context--deepblue [data-scheme-target] h3,
      .s-context--deepblue [data-scheme-target] h4,
      .s-context--deepblue [data-scheme-target] h5,
      .s-context--deepblue [data-scheme-target] h6 {
        color: #fff; }
        .s-context--deepblue [data-scheme-target] h1 a:not(.c-btn),
        .s-context--deepblue [data-scheme-target] h2 a:not(.c-btn),
        .s-context--deepblue [data-scheme-target] h3 a:not(.c-btn),
        .s-context--deepblue [data-scheme-target] h4 a:not(.c-btn),
        .s-context--deepblue [data-scheme-target] h5 a:not(.c-btn),
        .s-context--deepblue [data-scheme-target] h6 a:not(.c-btn) {
          color: #fff; }
      .s-context--deepblue [data-scheme-target] ul,
      .s-context--deepblue [data-scheme-target] li,
      .s-context--deepblue [data-scheme-target] p,
      .s-context--deepblue [data-scheme-target] span {
        color: #ccc; }

/**
 * Place all basic typography here. You can define more specific
 * font styles in the components.
 *
 * 1) Do not define any colors here. All these fonts will need to
 *    work in both light and dark areas.
 * 2) All margins and paddings should be defined in either the
 *    wysiwyg-html mixin or specific components.
 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Ginto Nord", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.15;
  text-transform: uppercase;
  margin: 0;
  padding: 0; }
  h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
  .h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong {
    font-weight: inherit; }

h1, .h1 {
  font-size: 3.6rem;
  letter-spacing: -0.06em;
  line-height: 87.5%; }
  @media (min-width: 768px) {
    h1, .h1 {
      font-size: 4.2rem; } }
  @media (min-width: 992px) {
    h1, .h1 {
      font-size: 4.8rem; } }
  @media (min-width: 1200px) {
    h1, .h1 {
      font-size: 5.6rem; } }

h1.plus {
  font-size: 3.6rem; }
  @media (min-width: 768px) {
    h1.plus {
      font-size: 4.2rem; } }
  @media (min-width: 992px) {
    h1.plus {
      font-size: 5.8rem; } }
  @media (min-width: 1200px) {
    h1.plus {
      font-size: 6.4rem; } }
  @media (min-width: 1600px) {
    h1.plus {
      font-size: 7rem; } }

/* .page-id-122 h1{
    @include bp(lg) {
        font-size:6.4rem;
    }
} */
h2, .h2 {
  font-size: 3rem;
  letter-spacing: -0.04em;
  line-height: 90%; }
  @media (min-width: 768px) {
    h2, .h2 {
      font-size: 3.2rem; } }
  @media (min-width: 992px) {
    h2, .h2 {
      font-size: 4.2rem; } }
  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 4.5rem; } }

h3, .h3 {
  font-size: 2.2rem;
  letter-spacing: -0.04em;
  line-height: 1.12782em; }
  @media (min-width: 768px) {
    h3, .h3 {
      font-size: 2.6rem; } }
  @media (min-width: 1200px) {
    h3, .h3 {
      font-size: 2.67rem; } }

h4, .h4 {
  font-size: 2rem; }

h5, .h5 {
  font-size: 1.5rem; }

h6, .h6 {
  font-size: 1.2rem; }

p {
  margin: 0;
  padding: 0;
  letter-spacing: 0.025em; }
  p:last-child {
    margin-bottom: 0; }
  p.accent {
    font-style: italic; }

strong {
  font-weight: 400; }

blockquote {
  padding: 0;
  border-left: 0.5em solid #000;
  margin: 0; }

em {
  position: relative; }

ul,
ol {
  margin: 0;
  padding: 0 0 0 2em; }

hr {
  height: 1px;
  border: none;
  background: rgba(125, 125, 125, 0.5); }

i {
  position: relative; }

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.1s ease; }
  a:hover, a:focus {
    text-decoration: none;
    cursor: pointer;
    color: inherit; }

.text-small {
  font-size: 1.4rem;
  /*
    &, & p {
        letter-spacing: -0.02em;
    }
    */ }
  @media (min-width: 1200px) {
    .text-small {
      font-size: 1.5rem; } }

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

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

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

/**
 * Helper classes for all sizes in the font size map. See the
 * map in variables for a list of all sizes.
 *
 * Example:
 * .text-sm, .text-md, .text-lg, .text-button
 */
.text-sm {
  font-size: 1.4rem !important; }
  @media (min-width: 1200px) {
    .text-sm {
      font-size: 1.5rem !important; } }

.text-md {
  font-size: 1.6rem !important; }
  @media (min-width: 1200px) {
    .text-md {
      font-size: 1.8rem !important; } }
  @media (min-width: 1600px) {
    .text-md {
      font-size: 2rem !important; } }

.text-lg {
  font-size: 2rem !important; }
  @media (min-width: 1200px) {
    .text-lg {
      font-size: 2.2rem !important; } }

.text-button {
  font-size: 1.6rem !important; }

.text-h6 {
  font-size: 1.2rem !important; }

.text-h5 {
  font-size: 1.5rem !important; }

.text-h4 {
  font-size: 2rem !important; }

.text-h3 {
  font-size: 2.2rem !important; }
  @media (min-width: 768px) {
    .text-h3 {
      font-size: 2.6rem !important; } }
  @media (min-width: 1200px) {
    .text-h3 {
      font-size: 2.67rem !important; } }

.text-h2 {
  font-size: 3rem !important; }
  @media (min-width: 768px) {
    .text-h2 {
      font-size: 3.2rem !important; } }
  @media (min-width: 992px) {
    .text-h2 {
      font-size: 4.2rem !important; } }
  @media (min-width: 1200px) {
    .text-h2 {
      font-size: 4.5rem !important; } }

.text-h1 {
  font-size: 3.6rem !important; }
  @media (min-width: 768px) {
    .text-h1 {
      font-size: 4.2rem !important; } }
  @media (min-width: 992px) {
    .text-h1 {
      font-size: 4.8rem !important; } }
  @media (min-width: 1200px) {
    .text-h1 {
      font-size: 5.6rem !important; } }

.text-h1plus {
  font-size: 3.6rem !important; }
  @media (min-width: 768px) {
    .text-h1plus {
      font-size: 4.2rem !important; } }
  @media (min-width: 992px) {
    .text-h1plus {
      font-size: 5.8rem !important; } }
  @media (min-width: 1200px) {
    .text-h1plus {
      font-size: 6.4rem !important; } }
  @media (min-width: 1600px) {
    .text-h1plus {
      font-size: 7rem !important; } }

/**
 * #Blocks
 */
.b-base {
  /* generic section/block styles (paddings, ect..) */
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem;
  position: relative;
  /* different container sizes */
  /* just a row :) */
  /* this is what we use to control the width of the insides */
  /* this is used for adding box-shadows / non-grid related paddings / etc.. */ }
  @media (min-width: 768px) {
    .b-base {
      margin-top: 4rem; } }
  @media (min-width: 1200px) {
    .b-base {
      margin-top: 6rem; } }
  @media (min-width: 768px) {
    .b-base {
      margin-bottom: 4rem; } }
  @media (min-width: 1200px) {
    .b-base {
      margin-bottom: 6rem; } }
  .b-base__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 4.54545%;
    padding-right: 4.54545%;
    z-index: 100;
    position: relative; }
    @media (min-width: 1650px) {
      .b-base__container {
        max-width: 1584px; } }
    .b-base__container--full {
      margin-left: auto;
      margin-right: auto;
      width: 100%; }
      @media (min-width: 1600px) {
        .b-base__container--full {
          max-width: 100%; } }
      @media (min-width: 1600px) {
        .b-base__container--full {
          max-width: 100%; } }
  .b-base__row {
    margin-left: -15px;
    margin-right: -15px; }
    .b-base__row:before, .b-base__row:after {
      content: " ";
      display: table; }
    .b-base__row:after {
      clear: both; }
  .b-base__content {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    /**
         * to create a centered column with specific width add [data-column-size="8"] to the content element
         */
    /* $grid-columns is the column count used by bootstrap, default is 12 */ }
    .b-base__content[data-column-size="1"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="1"] {
          float: left;
          width: 8.33333%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="1"] {
          float: left;
          width: 8.33333%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="1"] {
          left: 45.83333%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="1"] {
          left: 45.83333%; } }
    .b-base__content[data-column-size="2"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="2"] {
          float: left;
          width: 16.66667%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="2"] {
          float: left;
          width: 16.66667%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="2"] {
          left: 41.66667%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="2"] {
          left: 41.66667%; } }
    .b-base__content[data-column-size="3"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="3"] {
          float: left;
          width: 25%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="3"] {
          float: left;
          width: 25%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="3"] {
          left: 37.5%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="3"] {
          left: 37.5%; } }
    .b-base__content[data-column-size="4"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="4"] {
          float: left;
          width: 33.33333%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="4"] {
          float: left;
          width: 33.33333%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="4"] {
          left: 33.33333%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="4"] {
          left: 33.33333%; } }
    .b-base__content[data-column-size="5"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="5"] {
          float: left;
          width: 41.66667%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="5"] {
          float: left;
          width: 41.66667%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="5"] {
          left: 29.16667%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="5"] {
          left: 29.16667%; } }
    .b-base__content[data-column-size="6"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="6"] {
          float: left;
          width: 50%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="6"] {
          float: left;
          width: 50%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="6"] {
          left: 25%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="6"] {
          left: 25%; } }
    .b-base__content[data-column-size="7"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="7"] {
          float: left;
          width: 58.33333%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="7"] {
          float: left;
          width: 58.33333%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="7"] {
          left: 20.83333%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="7"] {
          left: 20.83333%; } }
    .b-base__content[data-column-size="8"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="8"] {
          float: left;
          width: 66.66667%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="8"] {
          float: left;
          width: 66.66667%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="8"] {
          left: 16.66667%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="8"] {
          left: 16.66667%; } }
    .b-base__content[data-column-size="9"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="9"] {
          float: left;
          width: 75%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="9"] {
          float: left;
          width: 75%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="9"] {
          left: 12.5%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="9"] {
          left: 12.5%; } }
    .b-base__content[data-column-size="10"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="10"] {
          float: left;
          width: 83.33333%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="10"] {
          float: left;
          width: 83.33333%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="10"] {
          left: 8.33333%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="10"] {
          left: 8.33333%; } }
    .b-base__content[data-column-size="11"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="11"] {
          float: left;
          width: 91.66667%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="11"] {
          float: left;
          width: 91.66667%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="11"] {
          left: 4.16667%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="11"] {
          left: 4.16667%; } }
    .b-base__content[data-column-size="12"] {
      /* create the desired column width, smaller than md defaults to 100% width */
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      /* calculate how much we need to push the column to make it centered */
      /* create correct pushes to make column centered */ }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="12"] {
          float: left;
          width: 100%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="12"] {
          float: left;
          width: 100%; } }
      @media (min-width: 992px) {
        .b-base__content[data-column-size="12"] {
          left: 0%; } }
      @media (min-width: 1200px) {
        .b-base__content[data-column-size="12"] {
          left: 0%; } }
  .b-base__wrapper {
    position: relative; }
    .b-base__wrapper--padded {
      box-shadow: 0 3px 40px 0 rgba(0, 0, 0, 0.2);
      padding: 2rem;
      background-color: #fff; }
      @media (min-width: 992px) {
        .b-base__wrapper--padded {
          padding: 5rem; } }

.b-billboard {
  position: relative;
  /**
    * STATES
    */
  /**
    * MODIFIERS
    */ }
  .b-billboard__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    overflow: hidden;
    position: relative; }
    @media (min-width: 1650px) {
      .b-billboard__container {
        max-width: 1584px; } }
    @media (min-width: 640px) {
      .b-billboard__container {
        display: flex;
        justify-content: center;
        flex-direction: row-reverse; } }
  .b-billboard__link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    text-indent: -9999px;
    overflow: hidden; }
  .b-billboard__text-wrapper {
    padding: 2rem 2rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media (min-width: 640px) {
      .b-billboard__text-wrapper {
        width: 50%;
        min-height: 410px; } }
    @media (min-width: 992px) {
      .b-billboard__text-wrapper {
        width: 50%;
        padding-right: 6rem; } }
  .b-billboard__title {
    transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1); }
    .b-billboard__title h1, .b-billboard__title h2, .b-billboard__title h3 {
      font-size: 3rem;
      line-height: 90%; }
      @media (min-width: 768px) {
        .b-billboard__title h1, .b-billboard__title h2, .b-billboard__title h3 {
          font-size: 3.2rem; } }
      @media (min-width: 992px) {
        .b-billboard__title h1, .b-billboard__title h2, .b-billboard__title h3 {
          font-size: 4.2rem; } }
      @media (min-width: 1200px) {
        .b-billboard__title h1, .b-billboard__title h2, .b-billboard__title h3 {
          font-size: 4.5rem; } }
      .b-billboard__title h1 + h2, .b-billboard__title h1 + h3, .b-billboard__title h2 + h2, .b-billboard__title h2 + h3, .b-billboard__title h3 + h2, .b-billboard__title h3 + h3 {
        text-transform: none;
        font-style: italic; }
  .b-billboard__text {
    transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1); }
    .b-billboard__text p:empty, .b-billboard__text p:blank {
      display: none; }
    .b-billboard__text h1, .b-billboard__text h2 {
      transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
    .b-billboard__text:hover h1, .b-billboard__text:hover h2 {
      color: #ffffff; }
  .b-billboard__meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    text-transform: uppercase; }
    .b-billboard__meta > *:last-child {
      text-align: right;
      margin-left: 1.5rem; }
  .b-billboard__background {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    overflow: hidden; }
    @media (min-width: 640px) {
      .b-billboard__background {
        width: 50%;
        height: 100%;
        padding-top: 0; } }
    @media (min-width: 992px) {
      .b-billboard__background {
        width: 45.45455%; } }
    .b-billboard__background svg {
      position: absolute;
      bottom: 0;
      right: 0;
      width: auto;
      height: auto;
      min-width: 200%;
      min-height: 100%; }
      @media (min-width: 1200px) {
        .b-billboard__background svg {
          min-width: 150%; } }
      .b-billboard__background svg path {
        stroke: #fff; }
  .b-billboard__image, .b-billboard__embed {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
    padding-top: 100%; }
    @media (min-width: 640px) {
      .b-billboard__image, .b-billboard__embed {
        width: 50%;
        padding-top: 0; } }
    @media (min-width: 992px) {
      .b-billboard__image, .b-billboard__embed {
        width: 40.90909%; } }
  .b-billboard__embed iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 none; }
  .no-touch .b-billboard .js-clickable:hover .b-billboard__text,
  .no-touch .b-billboard .js-clickable:hover .b-billboard__title {
    transform: translateY(-3px); }
  @media (min-width: 640px) {
    .b-billboard--image-left .b-billboard__container {
      flex-direction: row; } }
  @media (min-width: 992px) {
    .b-billboard--image-left .b-billboard__text-wrapper {
      padding-left: 8rem;
      padding-right: 6rem; } }
  .b-billboard--image-left .b-billboard__background {
    right: auto;
    left: 0; }
    .b-billboard--image-left .b-billboard__background svg {
      min-width: 300%;
      bottom: auto;
      right: auto;
      left: 0;
      top: 0; }
      @media (min-width: 1200px) {
        .b-billboard--image-left .b-billboard__background svg {
          min-width: 200%; } }
  .b-billboard__container, .b-billboard__bgcontainer {
    background: #CCCCBE; }
    .b-billboard--yellow .b-billboard__container, .b-billboard--yellow .b-billboard__bgcontainer {
      background-color: #DAFC00; }
    .b-billboard--green .b-billboard__container, .b-billboard--green .b-billboard__bgcontainer {
      background-color: #00B57F; }
    .b-billboard--teak .b-billboard__container, .b-billboard--teak .b-billboard__bgcontainer {
      background-color: #B0805C; }
    .b-billboard--blue .b-billboard__container, .b-billboard--blue .b-billboard__bgcontainer {
      background-color: #7393C1; }
    .b-billboard--pink .b-billboard__container, .b-billboard--pink .b-billboard__bgcontainer {
      background-color: #FF5968; }

/* Double billboard, aka two 50% items */
.b-billboard2 {
  position: relative;
  overflow: hidden;
  /**
     * STATES
     */
  /**
     * MODIFIERS
     */ }
  .b-billboard2__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: relative; }
    @media (min-width: 1650px) {
      .b-billboard2__container {
        max-width: 1584px; } }
    .b-billboard2__container:before, .b-billboard2__container:after {
      content: " ";
      display: table; }
    .b-billboard2__container:after {
      clear: both; }
  .b-billboard2__fullbackground {
    position: absolute;
    background-color: #CCCCBE;
    padding-top: 100%;
    width: 100%;
    overflow: hidden; }
    @media (min-width: 992px) {
      .b-billboard2__fullbackground {
        /* width:50%; */
        width: 100%;
        height: 100%;
        top: 0;
        left: -50%; } }
    @media (min-width: 992px) {
      .b-billboard2__fullbackground--right {
        left: auto;
        /* right:0; */
        right: -50%; } }
  .b-billboard2__background {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #CCCCBE;
    position: absolute;
    padding-top: 100%;
    width: 100%;
    overflow: hidden; }
    @media (min-width: 640px) {
      .b-billboard2__background {
        height: 50%;
        left: 0;
        padding-top: 0; } }
    @media (min-width: 992px) {
      .b-billboard2__background {
        width: 50%;
        /* width: 100%; */
        height: 100%;
        top: 0;
        /* 
            left: -50%; */ } }
    .b-billboard2__background svg path {
      stroke: #fff; }
    .b-billboard2__background--right svg {
      transform: rotate(180deg); }
    @media (min-width: 992px) {
      .b-billboard2__background--right {
        left: auto;
        right: 0;
        /* right: -50%; */ } }
  .b-billboard2__item {
    position: relative;
    z-index: 8; }
    @media (min-width: 640px) {
      .b-billboard2__item {
        display: flex; }
        .b-billboard2__item:last-child {
          flex-direction: row-reverse; } }
    @media (min-width: 992px) {
      .b-billboard2__item {
        width: 45.45455%;
        margin-left: 4.54545%;
        float: left; }
        .b-billboard2__item:last-child {
          margin-left: 0; }
        .b-billboard2__item:last-child {
          flex-direction: row; } }
  .b-billboard2__title {
    transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1); }
    .b-billboard2__title a {
      display: block; }
  .b-billboard2__link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    overflow: hidden; }
  .b-billboard2__text-wrapper {
    background: #CCCCBE;
    padding: 1.5rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media (min-width: 640px) {
      .b-billboard2__text-wrapper {
        width: 50%;
        min-height: 250px; } }
  .b-billboard2__meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    text-transform: uppercase; }
    .b-billboard2__meta h6 + h6 {
      text-align: right;
      padding-left: 1rem; }
  .b-billboard2__image {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 100%; }
    @media (min-width: 640px) {
      .b-billboard2__image {
        width: 50%;
        padding-top: 0; } }
  .no-touch .b-billboard2 .js-clickable:hover .b-billboard2__title {
    transform: translateY(-3px); }
  .b-billboard2__background--pink, .b-billboard2__text-wrapper--pink {
    background-color: #FF5968; }
  .b-billboard2__background--teak, .b-billboard2__text-wrapper--teak {
    background-color: #B0805C; }
  .b-billboard2__background--green, .b-billboard2__text-wrapper--green {
    background-color: #00B57F; }
  .b-billboard2__background--yellow, .b-billboard2__text-wrapper--yellow {
    background-color: #DAFC00; }
  .b-billboard2__background--blue, .b-billboard2__text-wrapper--blue {
    background-color: #7393C1; }

.b-blog {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media (min-width: 768px) {
    .b-blog {
      margin-top: 4rem; } }
  @media (min-width: 1200px) {
    .b-blog {
      margin-top: 6rem; } }
  @media (min-width: 768px) {
    .b-blog {
      margin-bottom: 4rem; } }
  @media (min-width: 1200px) {
    .b-blog {
      margin-bottom: 6rem; } }
  .b-blog__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 4.54545%;
    padding-right: 4.54545%; }
    @media (min-width: 1650px) {
      .b-blog__container {
        max-width: 1584px; } }
    .b-blog__container + .b-blog__container {
      margin-top: 2rem;
      margin-bottom: 2rem; }
      @media (min-width: 768px) {
        .b-blog__container + .b-blog__container {
          margin-top: 3rem; } }
      @media (min-width: 768px) {
        .b-blog__container + .b-blog__container {
          margin-bottom: 3rem; } }
    .b-blog__container:first-child {
      margin-top: 0; }
  .b-blog__listing {
    margin-top: 3rem; }
    @media (min-width: 768px) {
      .b-blog__listing {
        margin-top: 4rem; } }
    @media (min-width: 1200px) {
      .b-blog__listing {
        margin-top: 6rem; } }
    .b-blog__listing:first-child {
      margin-top: 0; }
  .b-blog--space-above {
    margin-top: 3rem; }
    @media (min-width: 768px) {
      .b-blog--space-above {
        margin-top: 4rem; } }
    @media (min-width: 1200px) {
      .b-blog--space-above {
        margin-top: 6rem; } }

.b-collection {
  position: relative; }
  .b-collection__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 1650px) {
      .b-collection__container {
        max-width: 1584px; } }
  .b-collection__see-more {
    margin: 4rem 0;
    text-align: center; }

.b-columns {
  /* generic section/block styles (paddings, ect..) */
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem;
  position: relative;
  /* different container sizes */ }
  @media (min-width: 768px) {
    .b-columns {
      margin-top: 4rem; } }
  @media (min-width: 1200px) {
    .b-columns {
      margin-top: 6rem; } }
  @media (min-width: 768px) {
    .b-columns {
      margin-bottom: 4rem; } }
  @media (min-width: 1200px) {
    .b-columns {
      margin-bottom: 6rem; } }
  .b-columns__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 4.54545%;
    padding-right: 4.54545%;
    z-index: 100;
    position: relative; }
    @media (min-width: 1650px) {
      .b-columns__container {
        max-width: 1584px; } }
  @media (min-width: 768px) {
    .b-columns__single {
      width: 70%; } }
  @media (min-width: 1200px) {
    .b-columns__single {
      width: 60%; } }
  .b-columns__single--h-center {
    margin-left: auto;
    margin-right: auto; }
  @media (min-width: 768px) {
    .b-columns__single--h-right {
      margin-left: 30%; } }
  .b-columns--margin-sm {
    margin-top: 2rem;
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      .b-columns--margin-sm {
        margin-top: 3rem; } }
    @media (min-width: 768px) {
      .b-columns--margin-sm {
        margin-bottom: 3rem; } }
  .b-columns--margin-none {
    margin-top: 0;
    margin-bottom: 0; }

.b-footer {
  z-index: 75;
  position: relative; }
  .b-footer__bgcontainer {
    background: #e7e6e9; }
  .b-footer__container {
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 992px) {
      .b-footer__container {
        margin-left: auto;
        margin-right: auto;
        width: 100%; } }
  @media (min-width: 992px) and (min-width: 1650px) {
    .b-footer__container {
      max-width: 1584px; } }
    .b-footer__container:after {
      content: "";
      display: block;
      clear: both; }
  .b-footer__flex-row {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #a0a0a0;
    position: relative;
    padding: 0px 30px; }
    .b-footer__flex-row .b-footer__divider--desktop {
      display: none; }
      @media (min-width: 992px) {
        .b-footer__flex-row .b-footer__divider--desktop {
          background: #a0a0a0;
          position: absolute;
          left: 0;
          height: 1px;
          width: 300%;
          margin-left: -100%;
          display: block;
          overflow: hidden; } }
    @media (min-width: 1600px) {
      .b-footer__flex-row {
        padding: 0px 100px 0px 130px; } }
    .b-footer__flex-row:first-child {
      border-top: 0px; }
    @media (min-width: 992px) {
      .b-footer__flex-row {
        flex-wrap: nowrap; } }
  .b-footer__flex-column {
    box-sizing: border-box;
    align-items: center;
    display: flex;
    padding: 30px 10px 30px 0; }
    .b-footer__flex-column:last-child {
      padding-right: 0; }
    .b-footer__flex-column--top {
      align-items: flex-start; }
    @media (min-width: 1200px) {
      .b-footer__flex-column {
        padding: 0px;
        flex-wrap: nowrap;
        border-left: 1px solid #a0a0a0;
        /* &:nth-child(2),  */ }
        .b-footer__flex-column:first-child {
          border-left: 0px; } }
  .b-footer__title, .b-footer__text-column h1, .b-footer__text-column h2, .b-footer__text-column h3 {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: normal; }
    @media (min-width: 1200px) {
      .b-footer__title, .b-footer__text-column h1, .b-footer__text-column h2, .b-footer__text-column h3 {
        font-size: 1.8rem; } }
    @media (min-width: 1600px) {
      .b-footer__title, .b-footer__text-column h1, .b-footer__text-column h2, .b-footer__text-column h3 {
        font-size: 2rem; } }
  .b-footer__partners {
    width: 100%;
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px; }
    @media (min-width: 1200px) {
      .b-footer__partners {
        padding-top: 0;
        padding-bottom: 0; } }
    .b-footer__partners .b-footer__flex-column {
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 0;
      min-height: 30px; }
      .b-footer__partners .b-footer__flex-column:first-child {
        padding-right: 20px; }
      @media (min-width: 992px) {
        .b-footer__partners .b-footer__flex-column {
          padding: 0 50px; }
          .b-footer__partners .b-footer__flex-column:first-child {
            padding-left: 0px;
            padding-right: 50px; }
          .b-footer__partners .b-footer__flex-column:last-child {
            padding-right: 0px; } }
      @media (min-width: 1200px) {
        .b-footer__partners .b-footer__flex-column {
          padding-top: 30px;
          padding-bottom: 30px; } }
      @media (min-width: 0) {
        .b-footer__partners .b-footer__flex-column {
          flex-direction: row; } }
    .b-footer__partners__list {
      padding: 0;
      margin: -10px; }
      @media (min-width: 992px) {
        .b-footer__partners__list {
          padding: 0 50px; } }
      @media (min-width: 1200px) {
        .b-footer__partners__list {
          margin: 0; } }
    .b-footer__partners a {
      padding: 10px; }
      @media (min-width: 768px) {
        .b-footer__partners a {
          margin-left: 40px;
          margin-right: 0px;
          margin-top: 0px; }
          .b-footer__partners a:first-child {
            margin-left: 40px; } }
      @media (min-width: 1200px) {
        .b-footer__partners a {
          margin-left: 90px; }
          .b-footer__partners a:first-child {
            margin-left: 0px; } }
      .b-footer__partners a img {
        width: auto;
        height: 60px;
        max-width: 120px; }
  .b-footer__social-media {
    font-size: 24px;
    flex: 1 1 auto;
    flex-wrap: wrap; }
    .b-footer__social-media .b-footer__title, .b-footer__social-media .b-footer__text-column h1, .b-footer__text-column .b-footer__social-media h1, .b-footer__social-media .b-footer__text-column h2, .b-footer__text-column .b-footer__social-media h2, .b-footer__social-media .b-footer__text-column h3, .b-footer__text-column .b-footer__social-media h3 {
      padding-right: 20px; }
      @media (min-width: 992px) {
        .b-footer__social-media .b-footer__title, .b-footer__social-media .b-footer__text-column h1, .b-footer__text-column .b-footer__social-media h1, .b-footer__social-media .b-footer__text-column h2, .b-footer__text-column .b-footer__social-media h2, .b-footer__social-media .b-footer__text-column h3, .b-footer__text-column .b-footer__social-media h3 {
          padding-right: 30px; } }
    @media (min-width: 992px) {
      .b-footer__social-media {
        padding: 20px 10px 15px 0; } }
    @media (min-width: 1600px) {
      .b-footer__social-media {
        font-size: 36px; } }
  @media (min-width: 992px) {
    .b-footer__text-column {
      padding: 30px 30px 60px 30px; }
      .b-footer__text-column:first-child {
        padding-left: 0px; }
      .b-footer__text-column:last-child {
        padding-right: 0px; } }
  @media (min-width: 1200px) {
    .b-footer__text-column {
      padding: 30px 90px 60px 30px; } }
  .b-footer__text-column h1, .b-footer__text-column h2, .b-footer__text-column h3 {
    margin-bottom: 30px; }
  .b-footer__text-column table {
    text-transform: uppercase; }
    .b-footer__text-column table, .b-footer__text-column table tbody, .b-footer__text-column table tfoot, .b-footer__text-column table thead, .b-footer__text-column table td, .b-footer__text-column table tr {
      border-width: 0px; }
    .b-footer__text-column table td:last-child {
      text-align: right; }
  .b-footer__newsletter {
    max-width: 100%;
    flex: 1 1 auto; }
    @media (min-width: 992px) {
      .b-footer__newsletter {
        justify-content: flex-end;
        padding: 30px 0px 60px 30px; } }
    .b-footer__newsletter__wrapper {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      max-width: 100%; }
    .b-footer__newsletter .b-footer__title, .b-footer__newsletter .b-footer__text-column h1, .b-footer__text-column .b-footer__newsletter h1, .b-footer__newsletter .b-footer__text-column h2, .b-footer__text-column .b-footer__newsletter h2, .b-footer__newsletter .b-footer__text-column h3, .b-footer__text-column .b-footer__newsletter h3 {
      margin-bottom: 4rem;
      padding-right: 20px;
      width: 100%; }
      @media (min-width: 992px) {
        .b-footer__newsletter .b-footer__title, .b-footer__newsletter .b-footer__text-column h1, .b-footer__text-column .b-footer__newsletter h1, .b-footer__newsletter .b-footer__text-column h2, .b-footer__text-column .b-footer__newsletter h2, .b-footer__newsletter .b-footer__text-column h3, .b-footer__text-column .b-footer__newsletter h3 {
          width: auto; } }
  @media (min-width: 992px) {
    .b-footer__copyright {
      padding: 30px 40px 40px; } }

.b-gallery {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media (min-width: 768px) {
    .b-gallery {
      margin-top: 4rem; } }
  @media (min-width: 1200px) {
    .b-gallery {
      margin-top: 6rem; } }
  @media (min-width: 768px) {
    .b-gallery {
      margin-bottom: 4rem; } }
  @media (min-width: 1200px) {
    .b-gallery {
      margin-bottom: 6rem; } }
  .b-gallery__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 4.54545%;
    padding-right: 4.54545%; }
    @media (min-width: 1650px) {
      .b-gallery__container {
        max-width: 1584px; } }
  .b-gallery__header {
    margin: 0 0 2rem; }

/**
 * The header block handles the top level positioning of the header
 * bar and mobile menu.
 *
 * 1) Try to handle the display state and positioning of the various
 *    bar and menu elements in the layout instead of block level.
 * 2) Headroom.js is used to show and hide the header bar based on
 *    user behaviour.
 * 3) Opening or closing the mobile menu is handled by toggling a
 *    open-mobile-menu -class on the body element with JavaScript.
 */
.b-header {
  z-index: 200;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
  pointer-events: none; }
  @media (min-width: 992px) {
    .b-header {
      position: relative;
      height: auto; } }
  .b-header__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 4.54545%;
    padding-right: 4.54545%;
    z-index: 201;
    position: relative;
    background: #fff;
    transition: transform 0.55s cubic-bezier(0.19, 1, 0.22, 1); }
    @media (min-width: 1650px) {
      .b-header__container {
        max-width: 1584px; } }
  .b-header__top {
    display: none; }
    @media (min-width: 992px) {
      .b-header__top {
        display: block;
        height: 5rem;
        line-height: 5rem;
        position: relative;
        pointer-events: auto; } }
    @media (min-width: 992px) {
      .b-header__top__slider {
        width: 100%;
        color: #a0a0a0;
        overflow: hidden; }
        .b-header__top__slider__right {
          z-index: 203;
          position: absolute;
          top: 0;
          right: 0;
          padding: 0 1.5rem;
          border-left: 1px solid #a0a0a0;
          background: #fff;
          min-width: 8em;
          height: 5rem; }
          .b-header__top__slider__right::before {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            content: "\F2F2";
            margin: 0 1rem 0 0;
            opacity: 0.5;
            transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
          .b-header__top__slider__right::after {
            content: '\21B3';
            display: inline-block;
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%) scaleX(-1) rotate(90deg); }
          .b-header__top__slider__right.is-running::before,
          .no-touch .b-header__top__slider__right:hover::before {
            opacity: 1; }
          .b-header__top__slider__right.is-finished {
            color: #00B57F; } }
  .b-header__divider {
    position: absolute;
    width: 100%;
    left: 0;
    height: 1px;
    overflow: hidden;
    background: #a0a0a0; }
    .b-header__divider--desktop {
      display: none; }
      @media (min-width: 992px) {
        .b-header__divider--desktop {
          width: 100%;
          margin-left: 0%;
          display: block;
          overflow: hidden; } }
    @media (min-width: 992px) {
      .b-header__divider--mobile {
        display: none; } }
    .b-header__divider--animate {
      transform: translateX(0);
      transition: 0.55s 0.55s cubic-bezier(0.19, 1, 0.22, 1); }
      .open-mobile-menu .b-header__divider--animate {
        transform: translateX(105%); }
  .b-header__tools {
    z-index: 205;
    position: absolute;
    top: 0;
    left: 0;
    height: 5rem;
    background: #fff;
    border-right: 1px solid #a0a0a0;
    display: flex; }
    .b-header__tools__menu {
      padding: 0 1.5rem 0 0;
      border-right: 1px solid #a0a0a0; }
    .b-header__tools__searchinteractive {
      width: 100%;
      position: fixed;
      background: black;
      color: #fff;
      left: 0px;
      top: 0px;
      right: 0;
      border-bottom: 1px solid #000; }
    .b-header__tools__search {
      padding: 0 10rem 0 1.5rem; }
      .b-header__tools__search.b-header__tools__searchpage {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding-left: 4.54545%;
        padding-right: 4.54545%;
        width: 100%;
        position: relative;
        background: black;
        color: #fff;
        left: 0px;
        top: 0px;
        right: 0;
        border-bottom: 1px solid #000; }
        @media (min-width: 1650px) {
          .b-header__tools__search.b-header__tools__searchpage {
            max-width: 1584px; } }
        .b-header__tools__search.b-header__tools__searchpage form {
          display: flex;
          align-items: center;
          justify-content: space-between; }
        .b-header__tools__search.b-header__tools__searchpage label {
          background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNS4wOSAzNS41OSI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6Mjt9PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDx0aXRsZT51bS5maS1zZWFyY2gtbGFyZ2U8L3RpdGxlPgogICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjQuNjQsMjQuNjRhMTMuODUsMTMuODUsMCwxLDAtMTkuNTksMEExMy44NSwxMy44NSwwLDAsMCwyNC42NCwyNC42NFoiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyNS4zIiB5MT0iMjUuOCIgeDI9IjM0LjM5IiB5Mj0iMzQuODkiLz4KPC9zdmc+) !important; }
        .b-header__tools__search.b-header__tools__searchpage input[type=text] {
          color: #fff;
          font-size: 4rem;
          width: 90%;
          padding-top: .3em;
          padding-bottom: .3em; }
        .b-header__tools__search.b-header__tools__searchpage .fas {
          display: block;
          color: #fff;
          float: right; }
      @media (min-width: 1200px) {
        .b-header__tools__search {
          padding-right: 11rem; } }
      .b-header__tools__search .fas {
        display: none; }
      .b-header__tools__search.b-header__tools__searchinteractive {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding-left: 4.54545%;
        padding-right: 4.54545%;
        z-index: 12; }
        @media (min-width: 1650px) {
          .b-header__tools__search.b-header__tools__searchinteractive {
            max-width: 1584px; } }
        .b-header__tools__search.b-header__tools__searchinteractive form {
          display: flex;
          align-items: center;
          justify-content: space-between; }
        .b-header__tools__search.b-header__tools__searchinteractive label {
          background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNS4wOSAzNS41OSI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6Mjt9PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDx0aXRsZT51bS5maS1zZWFyY2gtbGFyZ2U8L3RpdGxlPgogICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjQuNjQsMjQuNjRhMTMuODUsMTMuODUsMCwxLDAtMTkuNTksMEExMy44NSwxMy44NSwwLDAsMCwyNC42NCwyNC42NFoiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyNS4zIiB5MT0iMjUuOCIgeDI9IjM0LjM5IiB5Mj0iMzQuODkiLz4KPC9zdmc+) !important; }
        .b-header__tools__search.b-header__tools__searchinteractive input[type=text] {
          color: #fff;
          width: 90%; }
        .b-header__tools__search.b-header__tools__searchinteractive .fas {
          display: block;
          color: #fff;
          float: right; }
      .b-header__tools__search label {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNS4wOSAzNS41OSI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6Mjt9PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDx0aXRsZT51bS5maS1zZWFyY2gtbGFyZ2U8L3RpdGxlPgogICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjQuNjQsMjQuNjRhMTMuODUsMTMuODUsMCwxLDAtMTkuNTksMEExMy44NSwxMy44NSwwLDAsMCwyNC42NCwyNC42NFoiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyNS4zIiB5MT0iMjUuOCIgeDI9IjM0LjM5IiB5Mj0iMzQuODkiLz4KPC9zdmc+);
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: middle;
        overflow: hidden;
        text-indent: -9000px;
        opacity: 0.6;
        transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
      .b-header__tools__search input {
        font-size: 1.4rem;
        line-height: 5rem;
        width: 6em;
        padding: 0 0.3em;
        margin: 0;
        border: 0 none;
        background: transparent;
        vertical-align: middle;
        color: #a0a0a0;
        transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
        @media (min-width: 1200px) {
          .b-header__tools__search input {
            font-size: 1.5rem; } }
        .b-header__tools__search input:hover {
          color: #b1b0b3; }
        .b-header__tools__search input:focus {
          color: #000; }
        .b-header__tools__search input:active {
          color: #b1b0b3; }
        @media (min-width: 1200px) {
          .b-header__tools__search input {
            width: 8em; } }
      .b-header__tools__search.focus label,
      .no-touch .b-header__tools__search:hover label {
        opacity: 1; }
    .b-header__tools__language {
      font-size: 1.4rem;
      position: absolute;
      top: 0;
      right: 1.5rem; }
      @media (min-width: 1200px) {
        .b-header__tools__language {
          font-size: 1.5rem; } }
  .b-header__main {
    position: relative;
    pointer-events: auto;
    z-index: 2;
    line-height: 64px;
    height: 64px; }
    @media (min-width: 992px) {
      .b-header__main {
        line-height: 10rem;
        height: 10rem; } }
    .b-header__main h2 {
      font-size: 6rem;
      line-height: inherit; }
    .b-header__main__right {
      display: none; }
      @media (min-width: 992px) {
        .b-header__main__right {
          display: block;
          font-size: 8rem;
          position: absolute;
          top: 0;
          right: 0;
          color: #fff;
          text-shadow: -1px -1px 0 #CCCCBE, 1px -1px 0 #CCCCBE, -1px 1px 0 #CCCCBE, 1px 1px 0 #CCCCBE; } }
  .b-header__menu {
    pointer-events: auto; }
  .b-header__mobile-navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: auto;
    background-color: #fff;
    transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateX(-100%);
    visibility: hidden; }
    @media (min-width: 992px) {
      .b-header__mobile-navigation {
        display: none; } }
    .open-mobile-menu .b-header__mobile-navigation {
      transform: translateX(0%);
      visibility: visible; }
  @media (max-width: 991px) {
    .b-header.headroom--not-top .b-header__container {
      transform: translateY(-105%); }
    .b-header.headroom--not-top.headroom--pinned .b-header__container {
      transform: translateY(0); } }

/*
// HERO STYLES INSIDE BLOCK FOLDER
.b-hero {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative; // Makes sure the ratio stays the same across different viewports.

    &:after {
        content: "";
        width: 1px;
        padding-top: 33.3333%;
        display: table;
    }

    &__background {
        @include full-cover;

        background-size: cover;
        background-position: center;
    }

    &__container {
        @include container;
        @include z-index(content);
    }

    &__content {
        @include spacing(margin, top, section);
        @include spacing(margin, bottom, section);

        @include bp(md) {

            max-width: 60%;
            margin: auto;
        }
    }
}
*/
/*

Documentation
-----
https://evermade.atlassian.net/wiki/spaces/EV/pages/71630912/B+Image+Text

 */
.b-image-text {
  position: relative; }
  @media (min-width: 768px) {
    .b-image-text {
      display: flex;
      flex-wrap: nowrap;
      align-items: stretch; }
      .b-image-text--container-width {
        justify-content: center; }
      .b-image-text--full-width {
        justify-content: flex-start; } }
  .b-image-text--right {
    flex-direction: row; }
  .b-image-text--left {
    flex-direction: row-reverse; }
  .b-image-text__container {
    display: flex;
    align-items: center;
    width: 100%;
    margin: auto; }
    @media (min-width: 768px) {
      .b-image-text__container {
        max-width: 792px;
        width: 50%;
        margin: 0; } }
  .b-image-text__text {
    z-index: 100;
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem; }
    @media (min-width: 768px) {
      .b-image-text__text {
        padding-top: 4rem; } }
    @media (min-width: 1200px) {
      .b-image-text__text {
        padding-top: 6rem; } }
    @media (min-width: 768px) {
      .b-image-text__text {
        padding-bottom: 4rem; } }
    @media (min-width: 1200px) {
      .b-image-text__text {
        padding-bottom: 6rem; } }
    @media (min-width: 768px) {
      .b-image-text--right .b-image-text__text {
        padding-left: 3rem; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .b-image-text--right .b-image-text__text {
      padding-left: 4rem; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .b-image-text--right .b-image-text__text {
      padding-left: 6rem; } }
    @media (min-width: 768px) {
      .b-image-text--left .b-image-text__text {
        padding-right: 3rem; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .b-image-text--left .b-image-text__text {
      padding-right: 4rem; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .b-image-text--left .b-image-text__text {
      padding-right: 6rem; } }
  .b-image-text__image-area {
    z-index: 100;
    position: relative;
    display: flex;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    min-height: 35rem; }
    @media (min-width: 768px) {
      .b-image-text__image-area {
        min-height: 0;
        padding-top: 0;
        width: 50%; }
        .b-image-text--container-width .b-image-text__image-area {
          max-width: 792px;
          width: 50%; } }
    .b-image-text--vert-bottom .b-image-text__image-area {
      align-items: flex-end; }
    .b-image-text--vert-middle .b-image-text__image-area {
      align-items: center; }
    .b-image-text--vert-top .b-image-text__image-area {
      align-items: flex-start; }
    .b-image-text--right .b-image-text__image-area {
      justify-content: flex-end; }
    .b-image-text--left .b-image-text__image-area {
      justify-content: flex-start; }
  .b-image-text__foreground-img {
    width: 100%; }
    @media (max-width: 767px) {
      .b-image-text__foreground-img {
        width: 100%;
        height: auto; } }

.b-image {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    .b-image {
      margin-top: 4rem; } }
  @media (min-width: 1200px) {
    .b-image {
      margin-top: 6rem; } }
  @media (min-width: 768px) {
    .b-image {
      margin-bottom: 4rem; } }
  @media (min-width: 1200px) {
    .b-image {
      margin-bottom: 6rem; } }
  @media (min-width: 1650px) {
    .b-image {
      max-width: 1584px; } }
  .b-image__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%; }
    @media (min-width: 769px) {
      .b-image__container {
        padding: 0 4.54545%; } }
  .b-image__image {
    z-index: 100;
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
    background-size: auto 100%; }
  .b-image__caption {
    padding: 2rem 9.09091% 0;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .b-image__caption {
        padding: 4rem 0 0;
        width: 80%; } }
    @media (min-width: 992px) {
      .b-image__caption {
        width: 60%; } }
    @media (min-width: 1200px) {
      .b-image__caption {
        width: 50%; } }
  .b-image--count-2 .b-image__container, .b-image--count-3 .b-image__container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (min-width: 1650px) {
      .b-image--count-2 .b-image__container, .b-image--count-3 .b-image__container {
        padding: 0; } }
  .b-image--count-2 .b-image__image-wrapper, .b-image--count-3 .b-image__image-wrapper {
    width: 47.5%; }
  .b-image--count-3 .b-image__image-wrapper {
    width: 30%; }

.b-listing {
  /* generic section/block styles (paddings, ect..) */
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem;
  position: relative;
  /* different container sizes */
  /* just a row :) */
  /* this is what we use to control the width of the insides */
  /* this is used for adding box-shadows / non-grid related paddings / etc.. */ }
  @media (min-width: 768px) {
    .b-listing {
      margin-top: 4rem; } }
  @media (min-width: 1200px) {
    .b-listing {
      margin-top: 6rem; } }
  @media (min-width: 768px) {
    .b-listing {
      margin-bottom: 4rem; } }
  @media (min-width: 1200px) {
    .b-listing {
      margin-bottom: 6rem; } }
  .b-listing__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    z-index: 100; }
    @media (min-width: 1650px) {
      .b-listing__container {
        max-width: 1584px; } }
    .b-listing__container--intro {
      max-width: 700px;
      margin-bottom: 2rem;
      text-align: center; }
      @media (min-width: 768px) {
        .b-listing__container--intro {
          margin-bottom: 3rem; } }
  .b-listing__row {
    margin-left: -15px;
    margin-right: -15px; }
    .b-listing__row:before, .b-listing__row:after {
      content: " ";
      display: table; }
    .b-listing__row:after {
      clear: both; }
  .b-listing__content {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .b-listing__wrapper {
    position: relative; }
  .b-listing__see-more {
    margin-top: 2rem;
    text-align: center; }
    @media (min-width: 768px) {
      .b-listing__see-more {
        margin-top: 3rem; } }

.b-map {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media (min-width: 768px) {
    .b-map {
      margin-top: 4rem; } }
  @media (min-width: 1200px) {
    .b-map {
      margin-top: 6rem; } }
  @media (min-width: 768px) {
    .b-map {
      margin-bottom: 4rem; } }
  @media (min-width: 1200px) {
    .b-map {
      margin-bottom: 6rem; } }
  .b-map__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 4.54545%;
    padding-right: 4.54545%; }
    @media (min-width: 1650px) {
      .b-map__container {
        max-width: 1584px; } }
    @media (min-width: 768px) {
      .b-map__container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
  .b-map__text {
    width: 100%;
    margin: 0 0 2rem; }
    @media (min-width: 768px) {
      .b-map__text {
        width: 36.36364%;
        margin: 0; } }
    @media (min-width: 992px) {
      .b-map__text {
        width: 31.81818%; } }
    @media (min-width: 1200px) {
      .b-map__text {
        width: 22.72727%; } }
  .b-map__sidebar {
    width: 100%; }
    @media (min-width: 768px) {
      .b-map__sidebar {
        width: 50%;
        padding: 0; } }
    @media (min-width: 992px) {
      .b-map__sidebar {
        width: 54.54545%; } }
    @media (min-width: 1200px) {
      .b-map__sidebar {
        width: 63.63636%; } }
  .b-map__map {
    width: 100%;
    padding-top: 100%;
    position: relative; }
    @media (min-width: 992px) {
      .b-map__map {
        padding-top: 66%; } }
    .b-map__map iframe {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.b-object-viewer__container {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }
  .b-object-viewer__container iframe {
    width: 100%;
    height: 100vh; }
    @media all and (orientation: portrait) {
      .b-object-viewer__container iframe {
        max-height: 110vw; } }
    @media (min-width: 992px) {
      .b-object-viewer__container iframe {
        max-width: 768px;
        max-height: 768px; } }

.b-object-viewer__content {
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  left: 4.54545%;
  right: 4.54545%;
  bottom: 0;
  width: auto;
  background: rgba(0, 0, 0, 0.6);
  text-align: center; }
  @media (min-width: 768px) {
    .b-object-viewer__content {
      padding-top: 15px; } }
  @media (min-width: 992px) {
    .b-object-viewer__content {
      padding-top: 20px; } }
  @media (min-width: 768px) {
    .b-object-viewer__content {
      padding-bottom: 15px; } }
  @media (min-width: 992px) {
    .b-object-viewer__content {
      padding-bottom: 20px; } }
  .b-object-viewer__content > * {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto; }

.b-object-viewer--bg-light .b-object-viewer__container {
  color: #000;
  background: #fff; }

.b-page-content {
  animation-name: fadeIn;
  animation-fill-mode: both;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0s;
  width: 100%; }
  .b-page-content--offset {
    /*
        @include bp($breakpoint-navigation-desktop) {
            padding-top: $height-navigation-desktop;
        }
        */ }
    @media (max-width: 991px) {
      .b-page-content--offset {
        padding-top: 64px; } }

.b-post-hero {
  position: relative; }
  .b-post-hero__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 2rem 0 0; }
    @media (min-width: 1650px) {
      .b-post-hero__container {
        max-width: 1584px; } }
  .b-post-hero__title {
    clear: both;
    padding: 1rem 4.54545% 4rem; }
    @media (min-width: 768px) {
      .b-post-hero__title {
        padding-top: 3rem; } }
    @media (min-width: 1200px) {
      .b-post-hero__title {
        padding-right: 0;
        max-width: 72.72727%; } }
  .b-post-hero__meta:before, .b-post-hero__meta:after {
    content: " ";
    display: table; }
  .b-post-hero__meta:after {
    clear: both; }
  .b-post-hero__meta > * {
    font-size: 1.6rem;
    font-weight: 400;
    padding-bottom: 1rem;
    padding-left: 4.54545%; }
    @media (min-width: 1200px) {
      .b-post-hero__meta > * {
        font-size: 1.8rem; } }
    @media (min-width: 1600px) {
      .b-post-hero__meta > * {
        font-size: 2rem; } }
    @media (min-width: 768px) {
      .b-post-hero__meta > * {
        float: left;
        width: 45.45455%;
        padding-right: 2rem; } }
    @media (min-width: 992px) {
      .b-post-hero__meta > * {
        width: 31.81818%; } }
  .b-post-hero__meta > * + * {
    padding-left: 4.54545%; }
    @media (min-width: 768px) {
      .b-post-hero__meta > * + * {
        padding-left: 0;
        width: auto; } }
  .b-post-hero__image {
    position: relative;
    height: 360px; }
    @media (min-width: 1200px) {
      .b-post-hero__image {
        height: 560px; } }

.b-search {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media (min-width: 768px) {
    .b-search {
      margin-top: 4rem; } }
  @media (min-width: 1200px) {
    .b-search {
      margin-top: 6rem; } }
  @media (min-width: 768px) {
    .b-search {
      margin-bottom: 4rem; } }
  @media (min-width: 1200px) {
    .b-search {
      margin-bottom: 6rem; } }
  .b-search__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%; }
    @media (min-width: 1650px) {
      .b-search__container {
        max-width: 1584px; } }

.b-section {
  position: relative; }
  @media (min-width: 1650px) {
    .b-section {
      max-width: 1584px;
      margin-left: auto;
      margin-right: auto; } }
  .b-section:before, .b-section:after {
    content: "";
    display: block;
    height: 1px; }
  .b-section:before {
    margin-bottom: -1px; }
  .b-section:after {
    margin-top: -1px; }
  .b-section__blocks--fixed {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh; }
  .b-section__images {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: hidden; }
  .b-section--visibility-hidden {
    overflow: hidden; }
  .b-section--full-height {
    min-height: 100vh; }
    .b-section--full-height .b-section__blocks {
      width: 100%;
      min-height: 100vh;
      display: flex;
      align-content: center;
      align-items: center;
      flex-wrap: wrap; }
      .b-section--full-height .b-section__blocks > section {
        width: 100%; }
  .b-section--align-bottom .b-section__blocks {
    align-items: flex-end;
    align-content: flex-end; }
  .b-section--align-top .b-section__blocks {
    align-items: flex-start;
    align-content: flex-start; }
  .b-section--align-stretch .b-section__blocks {
    align-items: stretch; }
  .b-section--fixed-bottom {
    display: flex;
    align-items: flex-end;
    align-content: flex-end; }

.b-single {
  margin: 4rem 0; }
  .b-single__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 4.54545%;
    padding-right: 4.54545%; }
    @media (min-width: 1650px) {
      .b-single__container {
        max-width: 1584px; } }
    .b-single__container--unpadded {
      padding-left: 0;
      padding-right: 0; }
  .b-single__article {
    padding: 0 4.54545%; }
    @media (min-width: 992px) {
      .b-single__article {
        padding-left: 31.81818%; } }
    .b-single__article__iframe {
      width: 100%;
      padding-top: 75%;
      margin: 0 0 4rem;
      position: relative;
      max-width: 640px; }
      .b-single__article__iframe iframe {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0 none; }
    .b-single__article__player {
      position: relative;
      padding-top: 56.25%;
      height: 0;
      margin: 0 0 4rem; }

.b-text-sidebar {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media (min-width: 768px) {
    .b-text-sidebar {
      margin-top: 4rem; } }
  @media (min-width: 1200px) {
    .b-text-sidebar {
      margin-top: 6rem; } }
  @media (min-width: 768px) {
    .b-text-sidebar {
      margin-bottom: 4rem; } }
  @media (min-width: 1200px) {
    .b-text-sidebar {
      margin-bottom: 6rem; } }
  .b-text-sidebar__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 4.54545%;
    padding-right: 4.54545%; }
    @media (min-width: 1200px) {
      .b-text-sidebar__container:nth-child(2) {
        margin-top: 4rem; } }
    @media (min-width: 1650px) {
      .b-text-sidebar__container {
        max-width: 1584px; } }
    @media (min-width: 768px) {
      .b-text-sidebar__container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
  .b-text-sidebar__title {
    width: 100%;
    /* margin: 0 0 4rem; */
    margin: 0;
    /* .page-id-122 &{
            @include bp(lg){
                margin-bottom:0;
            }
        } */ }
  .b-text-sidebar__text {
    width: 100%;
    margin: 0 0 4rem; }
    @media (min-width: 768px) {
      .b-text-sidebar__text {
        width: 55%;
        padding-right: 0;
        margin: 0; } }
    @media (min-width: 992px) {
      .b-text-sidebar__text {
        width: 60%; } }
  .b-text-sidebar__sidebar {
    width: 100%; }
    @media (min-width: 768px) {
      .b-text-sidebar__sidebar {
        width: 40%;
        padding-left: 0; } }
    @media (min-width: 992px) {
      .b-text-sidebar__sidebar {
        width: 35%; } }
    @media (min-width: 1200px) {
      .b-text-sidebar__sidebar {
        width: 30%; } }
  @media (min-width: 768px) {
    .b-text-sidebar--reverse .b-text-sidebar__container {
      flex-direction: row-reverse; } }
  @media (min-width: 1200px) {
    .b-text-sidebar--reverse .b-text-sidebar__sidebar {
      width: 25%; } }
  @media (min-width: 1200px) {
    .b-text-sidebar--reverse .b-text-sidebar__text {
      margin-right: 10%; } }
  @media (min-width: 768px) {
    .b-text-sidebar--no-sidebar .b-text-sidebar__text {
      width: 70%; } }

/**
 * #Layouts
 */
@media (min-width: 992px) {
  .l-blog__content {
    padding-right: 3rem;
    float: left;
    width: 75%; } }
  @media (min-width: 992px) and (min-width: 768px) {
    .l-blog__content {
      padding-right: 4rem; } }
  @media (min-width: 992px) and (min-width: 1200px) {
    .l-blog__content {
      padding-right: 6rem; } }

.l-blog__content__listing *:nth-child(1) {
  animation-delay: 0.1s; }

.l-blog__content__listing *:nth-child(2) {
  animation-delay: 0.2s; }

.l-blog__content__listing *:nth-child(3) {
  animation-delay: 0.3s; }

.l-blog__content__listing *:nth-child(4) {
  animation-delay: 0.4s; }

.l-blog__content__listing *:nth-child(5) {
  animation-delay: 0.5s; }

.l-blog__content__listing *:nth-child(6) {
  animation-delay: 0.6s; }

.l-blog__content__listing *:nth-child(7) {
  animation-delay: 0.7s; }

.l-blog__content__listing *:nth-child(8) {
  animation-delay: 0.8s; }

.l-blog__content__listing *:nth-child(9) {
  animation-delay: 0.9s; }

.l-blog__content__listing *:nth-child(10) {
  animation-delay: 1s; }

.l-blog__content__listing *:nth-child(11) {
  animation-delay: 1.1s; }

.l-blog__content__listing *:nth-child(12) {
  animation-delay: 1.2s; }

.l-blog__content__listing *:nth-child(13) {
  animation-delay: 1.3s; }

.l-blog__content__listing *:nth-child(14) {
  animation-delay: 1.4s; }

.l-blog__content__listing *:nth-child(15) {
  animation-delay: 1.5s; }

.l-blog__content__listing *:nth-child(16) {
  animation-delay: 1.6s; }

.l-blog__content__listing *:nth-child(17) {
  animation-delay: 1.7s; }

.l-blog__content__listing *:nth-child(18) {
  animation-delay: 1.8s; }

.l-blog__content__listing *:nth-child(19) {
  animation-delay: 1.9s; }

.l-blog__content__listing *:nth-child(20) {
  animation-delay: 2s; }

.l-blog__content__listing > * {
  animation-name: fadeInUp;
  animation-fill-mode: backwards;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0; }

@media (min-width: 992px) {
  .l-blog__sidebar {
    animation-name: fadeInUp;
    animation-fill-mode: backwards;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-delay: 0;
    float: right;
    width: 25%; } }

.l-blog ul.page-numbers {
  margin-top: 2rem; }
  @media (min-width: 768px) {
    .l-blog ul.page-numbers {
      margin-top: 3rem; } }

.l-blog:after {
  clear: both;
  display: block;
  content: ""; }

.l-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -15px; }
  .l-cards:after {
    content: "";
    clear: both;
    display: block; }
  .l-cards__item {
    width: 100%;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media (min-width: 768px) {
      .l-cards__item {
        width: 33.333%; } }
    @media (min-width: 992px) {
      .l-cards__item {
        width: 25%; } }
  .no-flexbox .l-cards {
    display: block; }
    .no-flexbox .l-cards__item {
      float: left; }

.l-columns {
  margin-left: -15px;
  margin-right: -15px; }
  .l-columns:before, .l-columns:after {
    content: " ";
    display: table; }
  .l-columns:after {
    clear: both; }
  .l-columns__item {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (max-width: 991px) {
      .l-columns__item + .l-columns__item {
        margin-top: 3rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .l-columns__item + .l-columns__item {
      margin-top: 4rem; } }
  @media (max-width: 991px) and (min-width: 1200px) {
    .l-columns__item + .l-columns__item {
      margin-top: 6rem; } }
    [data-column-count="1"] .l-columns__item {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        [data-column-count="1"] .l-columns__item {
          float: left;
          width: 66.66667%; } }
    [data-column-count="2"] .l-columns__item {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        [data-column-count="2"] .l-columns__item {
          float: left;
          width: 50%; } }
    [data-column-count="3"] .l-columns__item {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        [data-column-count="3"] .l-columns__item {
          float: left;
          width: 33.33333%; } }
    [data-column-count="4"] .l-columns__item {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 768px) {
        [data-column-count="4"] .l-columns__item {
          float: left;
          width: 50%; } }
      @media (min-width: 992px) {
        [data-column-count="4"] .l-columns__item {
          float: left;
          width: 25%; } }
    @media (min-width: 992px) {
      [data-column-count="1"].l-columns--h-center .l-columns__item {
        left: 16.66667%; } }
    @media (min-width: 992px) {
      [data-column-count="1"].l-columns--h-right .l-columns__item {
        left: 33.33333%; } }
    [data-column-count="4"] .l-columns__item:nth-child(2n + 3) {
      clear: left; }
      @media (min-width: 992px) {
        [data-column-count="4"] .l-columns__item:nth-child(2n + 3) {
          clear: none; } }
    @media (min-width: 992px) {
      .l-columns__item:not(:last-child) {
        margin-bottom: 0; } }

@media (min-width: 768px) {
  .l-divided-spotlight {
    position: relative;
    padding-top: 40%; } }

@media (min-width: 768px) {
  .l-divided-spotlight__items {
    border-radius: 0px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch; }
    .l-divided-spotlight__items *:nth-child(1) {
      animation-delay: 0.3s; }
    .l-divided-spotlight__items *:nth-child(2) {
      animation-delay: 0.6s; }
    .l-divided-spotlight__items *:nth-child(3) {
      animation-delay: 0.9s; }
    .l-divided-spotlight__items *:nth-child(4) {
      animation-delay: 1.2s; }
    .l-divided-spotlight__items *:nth-child(5) {
      animation-delay: 1.5s; }
    .l-divided-spotlight__items *:nth-child(6) {
      animation-delay: 1.8s; }
    .l-divided-spotlight__items > * {
      animation-name: zoomIn;
      animation-fill-mode: backwards;
      animation-duration: 1.5s;
      animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      animation-delay: 0; } }

.l-divided-spotlight__item {
  position: relative; }
  @media (max-width: 767px) {
    .l-divided-spotlight__item {
      padding-top: 50%; } }
  @media (min-width: 768px) {
    [data-column-count="1"] .l-divided-spotlight__item {
      width: 100%; }
    [data-column-count="2"] .l-divided-spotlight__item {
      width: 50%; }
    [data-column-count="3"] .l-divided-spotlight__item {
      width: 33.3333%; }
    .l-divided-spotlight__item--wider {
      width: 70%; }
    .l-divided-spotlight__item:last-child {
      right: 0; }
    .l-divided-spotlight__item:first-child {
      left: 0; } }

.l-exhibits {
  margin-left: -15px;
  margin-right: -15px; }
  .l-exhibits:before, .l-exhibits:after {
    content: " ";
    display: table; }
  .l-exhibits:after {
    clear: both; }
  .l-exhibits__item {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #e7e6e9; }
    @media (min-width: 768px) {
      .l-exhibits__item {
        float: left;
        width: 50%; } }
    @media (min-width: 992px) {
      .l-exhibits__item {
        float: left;
        width: 33.33333%; } }
  .s-context--light .l-exhibits__item {
    border-top-color: #a0a0a0; }
  .s-context--inverted .l-exhibits__item {
    border-top-color: #CCCCBE; }

/**
 * The mobile navigation layout handles displaying and positioning the
 * various navigation elements within the mobile menu. Instead of showing
 * and hiding individual components, do it in this file.
 */
.l-mobile-navigation {
  position: relative;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: all 0.55s cubic-bezier(0.19, 1, 0.22, 1); }
  .l-mobile-navigation__menu {
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: absolute;
    width: 100%;
    top: 64px;
    bottom: 6rem;
    padding-left: 4.54545%;
    padding-right: 4.54545%;
    overflow: auto; }
    @media (min-width: 768px) {
      .l-mobile-navigation__menu {
        padding-top: 3rem; } }
    @media (min-width: 768px) {
      .l-mobile-navigation__menu {
        padding-bottom: 3rem; } }
  .l-mobile-navigation__language {
    margin-top: 1rem; }
  .l-mobile-navigation__tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6rem;
    line-height: 6rem;
    padding-left: 4.54545%;
    padding-right: 4.54545%;
    background-color: #fff;
    color: #000;
    transform: translateY(64px);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    border-top: 1px solid #a0a0a0; }
    .l-mobile-navigation__tools__search {
      flex-grow: 1;
      padding: 0 2rem 0 0; }
      .l-mobile-navigation__tools__search input {
        vertical-align: middle;
        padding: 0 1rem;
        border: 0 none;
        margin: 0;
        line-height: 4rem;
        width: 100%; }
        .l-mobile-navigation__tools__search input:focus {
          background: #e7e6e9; }
    .open-mobile-menu .l-mobile-navigation__tools {
      transform: translateY(0);
      transition: transform 0.5s 0.25s cubic-bezier(0.19, 1, 0.22, 1); }
  .open-mobile-menu .l-mobile-navigation {
    opacity: 1; }
  .l-mobile-navigation__social {
    font-size: 2rem; }
    @media (min-width: 1200px) {
      .l-mobile-navigation__social {
        font-size: 2.2rem; } }

/**
 * The navigation bar layout handles displaying and positioning the
 * various navigation elements. Instead of showing and hiding
 * individual components, do it in this file.
 */
.l-navigation-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px; }
  @media (min-width: 992px) {
    .l-navigation-bar {
      height: 50px; } }
  .l-navigation-bar__tools {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    /**
        * If you don't need any tools apart from the mobile menu toggle
        * set display to none on the tools container on desktop breakpoint.
        *
        * @include bp($breakpoint-navigation-desktop) {
        *     display: none;
        * }
        */ }
    @media (min-width: 992px) {
      .l-navigation-bar__tools > div {
        margin-left: 1rem;
        margin-right: 1rem; } }
    @media (min-width: 992px) {
      .l-navigation-bar__tools > div:last-child {
        margin-right: 0; } }
  @media (max-width: 991px) {
    .l-navigation-bar__menu {
      display: none; } }
  .l-navigation-bar__social {
    font-size: 2rem; }
    @media (min-width: 1200px) {
      .l-navigation-bar__social {
        font-size: 2.2rem; } }
    @media (max-width: 991px) {
      .l-navigation-bar__social {
        display: none; } }
  @media (min-width: 992px) {
    .l-navigation-bar__menu-toggle {
      display: none; } }

/**
 * #Components
 */
.c-accordion__heading {
  margin: 0 1rem 1rem; }

.c-accordion__item {
  border-top: 1px solid black;
  position: relative; }
  .c-accordion__item::before {
    content: "\2715";
    display: block;
    position: absolute;
    top: 0;
    right: 1rem;
    font-size: 3.2rem;
    height: 8rem;
    line-height: 8rem;
    pointer-events: none;
    transform: rotate(45deg);
    transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1); }
  .c-accordion__item.is-closed::before {
    transform: rotate(0deg); }

.c-accordion__title {
  padding: 2rem 1rem;
  line-height: 4rem; }
  .c-accordion__title h1, .c-accordion__title h2, .c-accordion__title h3 {
    line-height: inherit; }

.c-accordion__content {
  padding: 1.5rem 1rem 3rem;
  opacity: 1;
  transition: opacity .55s ease-in-out; }
  .c-accordion__content .h-wysiwyg-html {
    max-width: 40em; }
  @media (min-width: 480px) {
    .c-accordion__content .c-accordion__image + .h-wysiwyg-html {
      width: 50%; } }
  .is-closed .c-accordion__content {
    opacity: 0; }

.c-accordion__image {
  text-align: center;
  margin: 0 0 2rem; }
  .c-accordion__image img {
    max-height: 300px; }
  @media (min-width: 480px) {
    .c-accordion__image {
      text-align: left;
      max-width: 47.5%;
      float: right;
      margin: 0 0 2rem 2rem; }
      .c-accordion__image img {
        max-height: 480px; } }

.c-asset {
  position: absolute;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 90;
  pointer-events: none; }

.c-background-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none; }

.c-blog-author {
  margin-bottom: 2rem;
  position: relative; }
  @media (min-width: 768px) {
    .c-blog-author {
      margin-bottom: 3rem; } }
  .c-blog-author__avatar {
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    animation-name: zoomIn;
    animation-fill-mode: backwards;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-delay: 1s;
    float: left; }
    .c-blog-author__avatar img {
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
      border-radius: 50%;
      width: 4.5rem;
      opacity: 0.9; }
  .c-blog-author__text {
    padding-left: 10px;
    animation-name: fadeInRight;
    animation-fill-mode: backwards;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-delay: 1.2s;
    margin-left: 4.5rem; }
    @media (min-width: 768px) {
      .c-blog-author__text {
        padding-left: 15px; } }
    @media (min-width: 992px) {
      .c-blog-author__text {
        padding-left: 20px; } }
    .c-blog-author__text p {
      font-size: 1.4rem;
      margin-top: 0.2em; }
      @media (min-width: 1200px) {
        .c-blog-author__text p {
          font-size: 1.5rem; } }
  .c-blog-author__link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .c-blog-author:after {
    content: "";
    display: block;
    clear: both; }
  .c-blog-author:hover .c-blog-author__avatar {
    transform: scale3d(1.1, 1.1, 1.1); }

.c-blog-header {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  text-align: center; }
  @media (min-width: 768px) {
    .c-blog-header {
      padding-top: 3rem; } }
  @media (min-width: 768px) {
    .c-blog-header {
      padding-bottom: 3rem; } }
  @media (min-width: 768px) {
    .c-blog-header {
      margin-bottom: 3rem; } }

.c-blog-post-big {
  padding: 2rem 0 0;
  border-top: 1px solid #b1b0b3; }
  .c-blog-post-big__meta {
    margin: 0 0 2rem; }
    @media (min-width: 768px) {
      .c-blog-post-big__meta {
        display: flex; } }
    .c-blog-post-big__meta > * + * {
      margin-top: 1rem; }
      @media (min-width: 768px) {
        .c-blog-post-big__meta > * + * {
          margin-top: 0; } }
  @media (min-width: 768px) {
    .c-blog-post-big__date {
      width: 35%;
      padding-right: 1rem; } }
  @media (min-width: 992px) {
    .c-blog-post-big__title {
      width: 75%; } }
  .c-blog-post-big__text {
    margin-top: 4rem; }
    @media (min-width: 992px) {
      .c-blog-post-big__text {
        margin-left: 35%; } }
  .c-blog-post-big + .c-blog-post-big {
    margin-top: 4rem; }

.c-blog-post {
  margin-top: 2rem;
  margin-bottom itemspace: 10px; }
  @media (min-width: 768px) {
    .c-blog-post {
      margin-top: 3rem; } }
  @media (min-width: 768px) {
    .c-blog-post {
      margin-bottom itemspace: 15px; } }
  @media (min-width: 992px) {
    .c-blog-post {
      margin-bottom itemspace: 20px; } }
  .c-blog-post:after {
    content: "";
    display: block;
    clear: both; }
  .c-blog-post__image {
    border-radius: 0px;
    overflow: hidden;
    width: 14rem;
    height: 10rem;
    position: relative; }
    @media (max-width: 767px) {
      .c-blog-post__image {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px; } }
  @media (max-width: 767px) and (min-width: 768px) {
    .c-blog-post__image {
      margin-left: 15px; } }
  @media (max-width: 767px) and (min-width: 992px) {
    .c-blog-post__image {
      margin-left: 20px; } }
  @media (max-width: 767px) and (min-width: 768px) {
    .c-blog-post__image {
      margin-bottom: 15px; } }
  @media (max-width: 767px) and (min-width: 992px) {
    .c-blog-post__image {
      margin-bottom: 20px; } }
    @media (min-width: 768px) {
      .c-blog-post__image {
        float: left;
        width: 24rem;
        height: 16rem; } }
  @media (min-width: 768px) {
    .c-blog-post__text {
      padding-left: 2rem;
      margin-left: 24rem; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .c-blog-post__text {
      padding-left: 3rem; } }
  .c-blog-post__text p {
    font-size: 1.4rem; }
    @media (min-width: 1200px) {
      .c-blog-post__text p {
        font-size: 1.5rem; } }
  .c-blog-post__date {
    float: right;
    opacity: 0.5; }
  .c-blog-post:first-child {
    margin-top: 0; }
  .c-blog-post:last-child {
    margin-bottom: 0; }

.c-blog-single-header {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .c-blog-single-header__text {
    /*
    p a:not(.c-btn) {
        color: $s-link-color;
    }
    */
    /*
        Components? Amend the variation of that component within the component itself. This encapsulates the styles which makes it easier to find, debug and modify.
    */
    padding: 2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 80rem;
    z-index: 1; }
    .c-blog-single-header__text h1,
    .c-blog-single-header__text h2,
    .c-blog-single-header__text h3,
    .c-blog-single-header__text h4,
    .c-blog-single-header__text h5,
    .c-blog-single-header__text h6 {
      color: #fff; }
      .c-blog-single-header__text h1 a:not(.c-btn),
      .c-blog-single-header__text h2 a:not(.c-btn),
      .c-blog-single-header__text h3 a:not(.c-btn),
      .c-blog-single-header__text h4 a:not(.c-btn),
      .c-blog-single-header__text h5 a:not(.c-btn),
      .c-blog-single-header__text h6 a:not(.c-btn) {
        color: #fff; }
    .c-blog-single-header__text ul,
    .c-blog-single-header__text li,
    .c-blog-single-header__text p,
    .c-blog-single-header__text span {
      color: #ccc; }
    @media (min-width: 768px) {
      .c-blog-single-header__text {
        padding: 3rem; } }

.c-blog-share {
  margin-top: 2rem; }
  @media (min-width: 768px) {
    .c-blog-share {
      margin-top: 3rem; } }

.c-blog-taxonomy {
  margin-top: 3rem;
  padding: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0px; }
  @media (min-width: 768px) {
    .c-blog-taxonomy {
      margin-top: 4rem; } }
  @media (min-width: 1200px) {
    .c-blog-taxonomy {
      margin-top: 6rem; } }
  @media (min-width: 768px) {
    .c-blog-taxonomy {
      padding: 15px; } }
  @media (min-width: 992px) {
    .c-blog-taxonomy {
      padding: 20px; } }
  @media (min-width: 768px) {
    .c-blog-taxonomy {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch; } }
  .c-blog-taxonomy__title {
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .c-blog-taxonomy__title {
        margin-bottom: 15px; } }
    @media (min-width: 992px) {
      .c-blog-taxonomy__title {
        margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .c-blog-taxonomy__item {
      margin-bottom: 2rem; } }
  @media (max-width: 767px) and (min-width: 768px) {
    .c-blog-taxonomy__item {
      margin-bottom: 3rem; } }
  @media (max-width: 767px) {
      .c-blog-taxonomy__item:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .c-blog-taxonomy__item {
      width: 45%;
      margin-right: 5%; } }

.c-btn {
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  background: transparent;
  border-radius: 2em;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  box-shadow: none;
  display: inline-block;
  padding: 0.5em 1.5em;
  border: 1px solid #000;
  position: relative;
  overflow: hidden;
  vertical-align: middle; }
  .c-btn span, .c-btn {
    color: #000;
    transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
  .c-btn span {
    display: inline-block;
    position: relative;
    z-index: 2; }
  .c-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
    border-radius: 2em;
    transform: translateY(101%) scale(0.75);
    transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
  .c-btn:hover {
    text-decoration: none;
    color: #fff; }
    .c-btn:hover span {
      color: #fff; }
    .c-btn:hover::after {
      transform: translateY(0) scale(1.1); }
  .c-btn:active > span {
    transform: translateY(2px); }
  .c-btn--arrow {
    padding-left: 3em; }
    .c-btn--arrow::before {
      content: '\25B7';
      display: block;
      color: currentColor;
      font-size: 120%;
      position: absolute;
      top: 0.35em;
      left: 1.1em;
      z-index: 2;
      transform: translateX(-1px);
      transition: transform 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
    .c-btn--arrow:hover::before {
      transform: translate(-0.2em, -0.1em) rotate(120deg); }
    .c-btn--arrow:active::before {
      transform: translate(-0.2em, 0) rotate(120deg); }
  .c-btn--external {
    padding-right: 3em; }
    .c-btn--external::before {
      content: '\21A6';
      display: block;
      color: currentColor;
      font-size: 120%;
      position: absolute;
      top: 0.35em;
      right: 1.1em;
      z-index: 2;
      transform: translateY(0);
      transition: transform 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
    .c-btn--external:active::before {
      transform: translateY(2px); }
  .c-btn.is-disabled {
    cursor: default;
    opacity: 0.25; }
  .c-modal__content .c-btn,
  .s-context--inverted .c-btn {
    color: #fff;
    border-color: #fff; }
    .c-modal__content .c-btn, .c-modal__content .c-btn span,
    .s-context--inverted .c-btn,
    .s-context--inverted .c-btn span {
      color: #fff; }
    .c-modal__content .c-btn::after,
    .s-context--inverted .c-btn::after {
      background: #fff; }
    .c-modal__content .c-btn:hover,
    .s-context--inverted .c-btn:hover {
      color: #000; }
      .c-modal__content .c-btn:hover span,
      .s-context--inverted .c-btn:hover span {
        color: #000; }

.c-card {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  width: 100%;
  position: relative; }
  .c-card__image {
    background: url(http://fakeimg.pl/650x450/000000/fff/?text=img) center center no-repeat;
    background-size: cover;
    padding-top: 56.25%; }
  .c-card__content {
    margin: 10px;
    position: relative; }
    @media (min-width: 768px) {
      .c-card__content {
        margin: 15px; } }
    @media (min-width: 992px) {
      .c-card__content {
        margin: 20px; } }
  .c-card__meta {
    font-size: 1.4rem; }
    @media (min-width: 1200px) {
      .c-card__meta {
        font-size: 1.5rem; } }
  .c-card__title {
    margin: 0.2em 0; }
  .c-card__read-more {
    font-size: 1.4rem; }
    @media (min-width: 1200px) {
      .c-card__read-more {
        font-size: 1.5rem; } }

.c-chromeframe {
  font-size: 1.4rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  color: #fff;
  z-index: 99998;
  padding: 10px 15px;
  text-align: center; }
  @media (min-width: 1200px) {
    .c-chromeframe {
      font-size: 1.5rem; } }
  .c-chromeframe a {
    color: #fff;
    font-weight: bold; }

.c-column-listing {
  text-align: center; }
  .c-column-listing__image {
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 768px) {
      .c-column-listing__image {
        padding-left: 15px; } }
    @media (min-width: 992px) {
      .c-column-listing__image {
        padding-left: 20px; } }
    @media (min-width: 768px) {
      .c-column-listing__image {
        padding-right: 15px; } }
    @media (min-width: 992px) {
      .c-column-listing__image {
        padding-right: 20px; } }
    .c-column-listing__image__inner {
      padding-top: 56.25%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      .c-column-listing--circle .c-column-listing__image__inner {
        border-radius: 50%;
        padding-top: 75%;
        width: 75%;
        margin: auto;
        overflow: hidden; }
      .c-column-listing--icon .c-column-listing__image__inner {
        background-size: contain;
        padding-top: 20%; }
  .c-column-listing__title {
    margin-top: 10px; }
    @media (min-width: 768px) {
      .c-column-listing__title {
        margin-top: 15px; } }
    @media (min-width: 992px) {
      .c-column-listing__title {
        margin-top: 20px; } }
  .c-column-listing__text {
    margin-top: 10px; }
    @media (min-width: 768px) {
      .c-column-listing__text {
        margin-top: 15px; } }
    @media (min-width: 992px) {
      .c-column-listing__text {
        margin-top: 20px; } }

.c-cta-link {
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  color: #000;
  text-decoration: none !important; }
  .c-cta-link:after {
    font-family: 'Font Awesome 5 Free';
    content: "\F105";
    font-weight: 900;
    color: inherit;
    margin-left: 1em; }
  .s-context--inverted .c-cta-link {
    color: #fff; }

.c-exhibit {
  padding-top: 100%;
  position: relative; }
  .c-exhibit__photo {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 6rem;
    left: 4rem;
    top: 4rem;
    right: 4rem;
    transform: scale(0.8);
    transition: 0.75s cubic-bezier(0.19, 1, 0.22, 1); }
  .c-exhibit__title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem 2rem 2rem;
    background: rgba(255, 255, 255, 0.65); }
    .c-exhibit__title::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 1px;
      height: 10rem;
      border-left: 1px solid #e7e6e9;
      transition: 0.75s cubic-bezier(0.19, 1, 0.22, 1); }
  .c-exhibit__meta {
    position: absolute;
    top: .5rem;
    left: 0;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    padding: 0 2rem;
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.65); }
    @media (min-width: 1200px) {
      .c-exhibit__meta {
        font-size: 1.5rem; } }
    .c-exhibit__meta::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 1px;
      height: 6rem;
      border-left: 1px solid #e7e6e9;
      transition: 0.75s cubic-bezier(0.19, 1, 0.22, 1); }
  .c-exhibit__modal-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px; }
  .c-exhibit:hover .c-exhibit__photo {
    transform: scale(0.9); }
  .c-exhibit:hover .c-exhibit__title::before {
    height: 11rem; }
  .c-exhibit:hover .c-exhibit__meta::before {
    height: 7rem; }
  .s-context--light .c-exhibit__title {
    background: rgba(231, 230, 233, 0.65); }
    .s-context--light .c-exhibit__title::before {
      border-color: #a0a0a0; }
  .s-context--light .c-exhibit__meta {
    background: rgba(231, 230, 233, 0.65); }
    .s-context--light .c-exhibit__meta::before {
      border-color: #a0a0a0; }
  .s-context--inverted .c-exhibit__title {
    background: rgba(0, 0, 0, 0.6); }
    .s-context--inverted .c-exhibit__title::before {
      border-color: #CCCCBE; }
  .s-context--inverted .c-exhibit__meta {
    background: rgba(0, 0, 0, 0.6); }
    .s-context--inverted .c-exhibit__meta::before {
      border-color: #CCCCBE; }

/**
 * This component defines the look of the desktop header menu.
 * It's recommended to always use a negative value for the
 * $sub-menu-offset value, to avoid mouse movement stuttering
 * on the dropdowns.
 */
.c-header-menu-desktop {
  display: none; }
  @media (min-width: 992px) {
    .c-header-menu-desktop {
      display: block; } }
  .c-header-menu-desktop ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .c-header-menu-desktop__list {
    font-size: 1.6rem;
    line-height: 1.2;
    text-transform: uppercase;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start; }
    @media (min-width: 1200px) {
      .c-header-menu-desktop__list {
        font-size: 1.8rem; } }
    @media (min-width: 1600px) {
      .c-header-menu-desktop__list {
        font-size: 2rem; } }
    .c-header-menu-desktop__list a {
      opacity: 1;
      transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
      .c-header-menu-desktop__list a:hover {
        opacity: 0.25; }
    .c-header-menu-desktop__list > .menu-item:first-child {
      margin-left: 0;
      padding-left: 0;
      border-left: 0 none; }
    .c-header-menu-desktop__list > .menu-item.current-menu-parent > .sub-menu {
      background-color: rgba(255, 255, 255, 0);
      color: #000;
      position: absolute;
      top: 100%;
      display: flex;
      z-index: 1;
      opacity: 1;
      visibility: visible;
      border-bottom: 1px solid #a0a0a0; }
      .c-header-menu-desktop__list > .menu-item.current-menu-parent > .sub-menu > .menu-item {
        border-left: 1px solid #a0a0a0;
        font-size: 1.5rem; }
        .c-header-menu-desktop__list > .menu-item.current-menu-parent > .sub-menu > .menu-item > a {
          border-bottom: 0px; }
        .c-header-menu-desktop__list > .menu-item.current-menu-parent > .sub-menu > .menu-item:first-child {
          padding-top: 0rem;
          border-left: 0; }
          .c-header-menu-desktop__list > .menu-item.current-menu-parent > .sub-menu > .menu-item:first-child > a {
            padding-top: 1rem; }
        .c-header-menu-desktop__list > .menu-item.current-menu-parent > .sub-menu > .menu-item:last-child > a {
          padding-bottom: 1rem; }
        .c-header-menu-desktop__list > .menu-item.current-menu-parent > .sub-menu > .menu-item a::before {
          content: '';
          display: none; }
    .c-header-menu-desktop__list > .menu-item.current-menu-parent:hover .sub-menu {
      opacity: 1;
      visibility: visible;
      /**
                    * We use the top and bottom paddings of the first
                    * and last items for the opening animation.
                    */ }
      .c-header-menu-desktop__list > .menu-item.current-menu-parent:hover .sub-menu .menu-item:first-child > a {
        padding-top: 1rem; }
      .c-header-menu-desktop__list > .menu-item.current-menu-parent:hover .sub-menu .menu-item:last-child > a {
        padding-bottom: 1rem; }
    .c-header-menu-desktop__list > .menu-item {
      margin-left: 2rem;
      padding-left: 2rem;
      border-left: 1px solid #a0a0a0;
      /*
            &.menu-item-has-children > a {
                padding-right: 15px;

                &::after {
                    @include align-element(vertical);
                    @include font-icon($fa-var-caret-down, solid);

                    font-size: 11px;
                    color: $color-brand;
                    right: 0;
                }
            }
            */ }
      .c-header-menu-desktop__list > .menu-item > a {
        position: relative;
        display: inline-flex;
        align-items: center;
        height: 50px;
        overflow: hidden; }
      .c-header-menu-desktop__list > .menu-item .sub-menu {
        position: absolute;
        left: 0%;
        width: 100%;
        padding: 0 4.54545%;
        color: #fff;
        background-color: #00011d;
        opacity: 0;
        visibility: hidden;
        transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1);
        z-index: 2; }
        .c-header-menu-desktop__list > .menu-item .sub-menu .menu-item:last-child {
          border-bottom: 0 none; }
        .c-header-menu-desktop__list > .menu-item .sub-menu .menu-item {
          font-size: 3rem;
          line-height: 1;
          border-bottom: 1px solid rgba(255, 255, 255, 0.5);
          /**
                     * We use the top and bottom paddings of the first
                     * and last items for the opening animation.
                     */ }
          @media (min-width: 768px) {
            .c-header-menu-desktop__list > .menu-item .sub-menu .menu-item {
              font-size: 3.2rem; } }
          @media (min-width: 992px) {
            .c-header-menu-desktop__list > .menu-item .sub-menu .menu-item {
              font-size: 4.2rem; } }
          @media (min-width: 1200px) {
            .c-header-menu-desktop__list > .menu-item .sub-menu .menu-item {
              font-size: 4.5rem; } }
          .c-header-menu-desktop__list > .menu-item .sub-menu .menu-item > a {
            display: block;
            padding: 1rem 1.5rem;
            border-bottom: solid 1px rgba(0, 0, 0, 0.075);
            opacity: 1;
            transition: padding 0.25s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.25s cubic-bezier(0.19, 1, 0.22, 1); }
            .c-header-menu-desktop__list > .menu-item .sub-menu .menu-item > a::before {
              content: '\21B3';
              display: inline-block;
              margin: 0 2rem 0 0;
              transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
            .c-header-menu-desktop__list > .menu-item .sub-menu .menu-item > a:hover::before {
              margin-right: 2.5rem; }
          .c-header-menu-desktop__list > .menu-item .sub-menu .menu-item.current-menu-item > a {
            background-color: rgba(0, 0, 0, 0);
            opacity: 0.25;
            border-bottom: solid 1px transparent; }
          .c-header-menu-desktop__list > .menu-item .sub-menu .menu-item:first-child > a {
            padding-top: 0; }
          .c-header-menu-desktop__list > .menu-item .sub-menu .menu-item:last-child > a {
            padding-bottom: 0;
            border-bottom: none; }
        .c-header-menu-desktop__list > .menu-item .sub-menu .small-item {
          font-size: 1.5rem;
          line-height: 1.3;
          display: inline-block;
          border-bottom: 0 none;
          border-right: 1px solid rgba(255, 255, 255, 0.5);
          vertical-align: top; }
          .c-header-menu-desktop__list > .menu-item .sub-menu .small-item a:hover::before {
            margin-right: 2rem;
            transform: translateX(0.3rem); }
      .c-header-menu-desktop__list > .menu-item.external a::after {
        content: '\21A6';
        margin: 0 0 0 1rem;
        display: inline; }
      .c-header-menu-desktop__list > .menu-item.current-menu-item a {
        opacity: 0.25; }
      .c-header-menu-desktop__list > .menu-item.current_page_ancestor a {
        opacity: 0.25; }
      .c-header-menu-desktop__list > .menu-item:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        /**
                     * We use the top and bottom paddings of the first
                     * and last items for the opening animation.
                     */ }
        .c-header-menu-desktop__list > .menu-item:hover .sub-menu .menu-item:first-child > a {
          padding-top: 1.25rem; }
        .c-header-menu-desktop__list > .menu-item:hover .sub-menu .menu-item:last-child > a {
          padding-bottom: 1.25rem; }

/**
 * This component defines the styles for the mobile menu.
 * The $sub-menu-padding variable sets the indentation for each
 * level of navigation.
 */
.c-header-menu-mobile {
  position: relative; }
  .c-header-menu-mobile ul {
    font-size: 2rem;
    line-height: 32px;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 1200px) {
      .c-header-menu-mobile ul {
        font-size: 2.2rem; } }
  .c-header-menu-mobile__list {
    position: relative; }
    .c-header-menu-mobile__list > .menu-item {
      line-height: inherit;
      text-transform: uppercase; }
      .c-header-menu-mobile__list > .menu-item > a {
        display: inline-block;
        position: relative; }
      .c-header-menu-mobile__list > .menu-item .sub-menu {
        line-height: 24px;
        padding-left: 1.5rem;
        margin-bottom: 1.5rem;
        transition: transform 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
        .c-header-menu-mobile__list > .menu-item .sub-menu .menu-item {
          font-size: 1.6rem;
          line-height: inherit; }
          @media (min-width: 1200px) {
            .c-header-menu-mobile__list > .menu-item .sub-menu .menu-item {
              font-size: 1.8rem; } }
          @media (min-width: 1600px) {
            .c-header-menu-mobile__list > .menu-item .sub-menu .menu-item {
              font-size: 2rem; } }
          .c-header-menu-mobile__list > .menu-item .sub-menu .menu-item > a {
            display: inline-block;
            position: relative;
            /*
                        &::before {
                            @include align-element(vertical);
                            @include font-icon($fa-var-caret-right, solid);

                            font-size: 11px;
                            color: #fff;
                            left: $sub-menu-padding * -1;
                        }
                        */ }
          .c-header-menu-mobile__list > .menu-item .sub-menu .menu-item.current-menu-item > a {
            opacity: 0.75; }
        .c-header-menu-mobile__list > .menu-item .sub-menu .menu-item:not(.small-item) + .small-item {
          margin-right: 1.5rem;
          margin-top: 1rem;
          padding-top: 1rem;
          border-top: 1px solid #e7e6e9; }
      .c-header-menu-mobile__list > .menu-item.current-menu-item > a {
        opacity: 0.75; }
    .c-header-menu-mobile__list .sub-menu-toggle {
      display: inline-block;
      color: #000;
      font-size: 22px;
      line-height: inherit;
      text-align: center;
      width: 28px;
      vertical-align: middle; }
      .c-header-menu-mobile__list .sub-menu-toggle::before {
        content: '+';
        display: inline-block;
        transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1); }
    .c-header-menu-mobile__list .is-open .sub-menu-toggle::before {
      transform: rotate(135deg); }
  .c-header-menu-mobile + .c-header-menu-mobile {
    margin-top: 1rem; }
  .c-header-menu-mobile--small ul {
    font-size: 1.6rem;
    line-height: 25.6px; }
    @media (min-width: 1200px) {
      .c-header-menu-mobile--small ul {
        font-size: 1.8rem; } }
    @media (min-width: 1600px) {
      .c-header-menu-mobile--small ul {
        font-size: 2rem; } }

.c-header-mini-menu {
  font-size: 1.4rem;
  text-transform: uppercase; }
  @media (min-width: 1200px) {
    .c-header-mini-menu {
      font-size: 1.5rem; } }
  .c-header-mini-menu__list {
    padding: 0;
    margin: 0 0 0 -4px;
    display: block; }
  .c-header-mini-menu li {
    display: inline-block; }
  .c-header-mini-menu a {
    display: block;
    padding: 0 4px; }
    .c-header-mini-menu a:hover {
      opacity: 0.25; }

.c-hero {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  color: #fff; }
  .c-hero__content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 100%;
    text-align: center;
    z-index: 4;
    /*
    p a:not(.c-btn) {
        color: $s-link-color;
    }
    */
    /*
        Components? Amend the variation of that component within the component itself. This encapsulates the styles which makes it easier to find, debug and modify.
    */ }
    @media (min-width: 768px) {
      .c-hero__content {
        padding-top: 4rem; } }
    @media (min-width: 1200px) {
      .c-hero__content {
        padding-top: 6rem; } }
    @media (min-width: 768px) {
      .c-hero__content {
        padding-bottom: 4rem; } }
    @media (min-width: 1200px) {
      .c-hero__content {
        padding-bottom: 6rem; } }
    .c-hero__content--left {
      text-align: left; }
    .c-hero__content--right {
      text-align: right; }
    .c-hero__content--top {
      top: 0;
      bottom: auto;
      transform: translateY(0%); }
    .c-hero__content--bottom {
      top: auto;
      bottom: 0;
      transform: translateY(0%); }
    .c-hero__content h1,
    .c-hero__content h2,
    .c-hero__content h3,
    .c-hero__content h4,
    .c-hero__content h5,
    .c-hero__content h6 {
      color: #fff; }
      .c-hero__content h1 a:not(.c-btn),
      .c-hero__content h2 a:not(.c-btn),
      .c-hero__content h3 a:not(.c-btn),
      .c-hero__content h4 a:not(.c-btn),
      .c-hero__content h5 a:not(.c-btn),
      .c-hero__content h6 a:not(.c-btn) {
        color: #fff; }
    .c-hero__content ul,
    .c-hero__content li,
    .c-hero__content p,
    .c-hero__content span {
      color: #ccc; }
  .c-hero--cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .c-hero--square {
    padding-top: 100%;
    height: 0; }

.c-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center; }

.c-language-selector__list {
  display: inline;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

.c-language-selector li {
  display: inline; }

.c-language-selector li + li::before {
  content: '/';
  display: inline; }

.c-marquee__contents {
  animation: marquee 120s linear 0s infinite paused;
  white-space: nowrap; }
  .is-running .c-marquee__contents {
    animation-play-state: running; }

.c-marquee__element {
  display: inline;
  padding: 0 2rem; }

.c-marquee--reverse .c-marquee__contents {
  animation-delay: -60s; }

@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0) rotateX(90deg);
    visibility: visible; }
  0.5% {
    transform: translate3d(0, 0, 0); }
  49.9% {
    transform: translate3d(-4096px, 0, 0); }
  50% {
    transform: translate3d(-4096px, 0, 0) rotateX(90deg); }
  50.1% {
    transform: translate3d(-4096px, 0, 0); }
  99.9% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(0, 0, 0) rotateX(90deg); } }

.c-menu-toggle {
  z-index: 220;
  position: absolute;
  right: 4.54545%;
  top: 0;
  pointer-events: auto;
  cursor: pointer;
  height: 64px;
  width: 20px; }
  @media (min-width: 992px) {
    .c-menu-toggle {
      display: none; } }
  .c-menu-toggle__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .c-menu-toggle__icon div {
      position: relative;
      width: 20px;
      height: 3px;
      margin-bottom: 4px;
      background: #000;
      transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
      .c-menu-toggle__icon div:last-child {
        margin-bottom: 0; }
    .open-mobile-menu .c-menu-toggle__icon div {
      opacity: 0; }
      .open-mobile-menu .c-menu-toggle__icon div:first-child {
        transform: rotate(45deg);
        opacity: 1;
        top: 7px; }
      .open-mobile-menu .c-menu-toggle__icon div:last-child {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        opacity: 1;
        top: -7px; }

/*

Documentation
---------------------
modal.js


Files
---------------------
_c-modal.scss              // Popup wrapper styling
modal.js                   // Template
/templates/modals.php      // <modals> wrapper where all popups are

*/
.c-modal {
  /*
    WRAPPER STYLING
    */
  z-index: 300;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  /*
    INTERFACE STYLING
    */
  /*
    CONTAINER STYLING
    */ }
  .page-id-128 .c-modal {
    align-items: flex-start; }
  .c-modal__shadow {
    animation-name: fadeIn;
    animation-fill-mode: backwards;
    animation-duration: 1.6s;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-delay: 0s;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9); }
    .c-modal--anim-prev .c-modal__shadow, .c-modal--anim-next .c-modal__shadow {
      animation-name: fadeIn;
      animation-fill-mode: backwards;
      animation-duration: 0s;
      animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      animation-delay: 0s; }
    [data-swiss-modal-style="inline-inverted"] .c-modal__shadow {
      background: rgba(255, 255, 255, 0.95); }
  .c-modal__wrapper {
    max-height: 100%;
    width: 100%;
    overflow-y: auto; }
  .c-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 6rem;
    height: 6rem;
    cursor: pointer;
    z-index: 1;
    text-align: center;
    color: #fff; }
    .c-modal__close::before {
      font-size: 28px;
      line-height: 6rem;
      content: "\2715";
      opacity: 0.75;
      transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
    .c-modal__close:hover::before {
      opacity: 1; }
    [data-swiss-modal-style="inline-inverted"] .c-modal__close {
      color: #000; }
  .c-modal__nextprev {
    z-index: 300;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MiAzNTYuMyI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6MTt9PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDx0aXRsZT51bS5maS1hcnJvdy1yaWdodDwvdGl0bGU+CiAgICA8cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjAuMyAzNTYuMTggNzEuNjUgMTc4LjE1IDAuMyAwLjEyIi8+Cjwvc3ZnPgo=);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 10rem;
    width: 4rem;
    cursor: pointer; }
    @media (min-width: 768px) {
      .c-modal__nextprev {
        height: 20rem;
        width: 6rem; } }
    @media (min-width: 1200px) {
      .c-modal__nextprev {
        height: 30rem;
        width: 6rem; } }
    .c-modal__nextprev--next {
      right: 0; }
      @media (min-width: 992px) {
        .c-modal__nextprev--next {
          right: -3rem; } }
    .c-modal__nextprev--prev {
      left: 0;
      transform: scaleX(-1) translateY(-50%); }
      @media (min-width: 992px) {
        .c-modal__nextprev--prev {
          left: -3rem; } }
  .c-modal__container {
    animation-name: zoomIn;
    animation-fill-mode: backwards;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-delay: 0s;
    position: relative;
    width: auto; }
    @media (min-width: 992px) {
      .c-modal__container {
        margin: 30px 4.54545%; }
        .c-modal--anim-next .c-modal__container {
          animation-name: fadeInRight;
          animation-fill-mode: backwards;
          animation-duration: 0.6s;
          animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          animation-delay: 0s; }
        .c-modal--anim-prev .c-modal__container {
          animation-name: fadeInLeft;
          animation-fill-mode: backwards;
          animation-duration: 0.6s;
          animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          animation-delay: 0s; } }
    [data-swiss-modal-style="inline-inverted"] .c-modal__container {
      width: calc(100% - 9.09091%);
      max-width: calc( 1584px - 9.09091%);
      margin: 30px auto; }
    [data-swiss-modal-style="inline"] .c-modal__container,
    [data-swiss-modal-style="external"] .c-modal__container {
      width: calc(100% - 9.09091%);
      max-width: calc( 1584px - 9.09091%);
      margin: 30px auto;
      color: #fff; }
    [data-swiss-modal-style="youtube"] .c-modal__container {
      padding-top: 56.25%;
      margin: 0; }
      @media (min-width: 992px) {
        [data-swiss-modal-style="youtube"] .c-modal__container {
          margin: 30px; } }
      [data-swiss-modal-style="youtube"] .c-modal__container .h-wysiwyg-html {
        position: initial; }
      [data-swiss-modal-style="youtube"] .c-modal__container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    [data-swiss-modal-style="image"] .c-modal__container {
      max-width: 100%;
      width: auto;
      display: flex;
      align-items: center;
      justify-content: center; }
      [data-swiss-modal-style="image"] .c-modal__container img {
        margin: auto;
        display: block;
        max-width: 100%;
        width: auto;
        max-height: calc(100vh - 60px);
        height: auto; }

@media (min-width: 768px) {
  .c-modal-article {
    display: flex;
    flex-direction: row;
    /* flex-direction: row-reverse; */ } }

@media (min-width: 768px) {
  .c-modal-article {
    min-height: 80vh; } }

.c-modal-article__side {
  position: relative;
  margin: 0 0 4rem; }
  @media (min-width: 768px) {
    .c-modal-article__side {
      width: 50%;
      margin: 0; } }
  @media (min-width: 992px) {
    .c-modal-article__side {
      padding-top: 6rem; } }

@media (min-width: 768px) {
  .c-modal-article__main {
    width: 45.45455%;
    margin-right: 4.54545%; } }

.c-modal-article__meta {
  height: 6rem;
  line-height: 6rem;
  display: flex;
  justify-content: space-between; }
  .c-modal-article__meta p {
    margin: 0; }

@media (min-width: 1200px) {
  .c-modal-article__image {
    max-width: 545px; } }

.c-modal-article__image img {
  display: block;
  margin: 0 0 2rem; }

.c-modal-article__image-caption {
  font-size: 1.4rem;
  padding: 0 4rem; }
  @media (min-width: 1200px) {
    .c-modal-article__image-caption {
      font-size: 1.5rem; } }

.c-modal-article__iframe {
  width: 100%;
  padding-top: 100%;
  position: relative; }
  @media (min-width: 1200px) {
    .c-modal-article__iframe {
      max-width: 545px; } }
  .c-modal-article__iframe iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 none; }
    @media (min-width: 768px) {
      .c-modal-article__iframe iframe {
        min-height: 60vh; } }

.c-modal-article__player {
  width: 100%;
  padding-top: 56.25%;
  position: relative; }
  .c-modal-article__player iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 none; }

.c-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: auto;
  background: rgba(0, 0, 0, 0.5); }

.c-price-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid currentColor; }

.c-price-list__item {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid currentColor;
  padding: 2rem; }
  .c-price-list__item__price {
    padding-left: 2rem; }
  .c-price-list__item > *:last-child {
    text-align: right; }
  .c-price-list__item--heading {
    border-top: 0 none; }

.c-page-navigation-footer {
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch; }
  @media (min-width: 1200px) {
    .c-page-navigation-footer {
      font-size: 1.5rem; } }
  .c-page-navigation-footer > li {
    padding-right: 10px;
    padding-bottom: 2rem;
    display: block;
    width: 50%; }
    @media (min-width: 768px) {
      .c-page-navigation-footer > li {
        padding-right: 15px; } }
    @media (min-width: 992px) {
      .c-page-navigation-footer > li {
        padding-right: 20px; } }
    @media (min-width: 768px) {
      .c-page-navigation-footer > li {
        padding-bottom: 3rem; } }
    @media (min-width: 768px) {
      .c-page-navigation-footer > li {
        width: 25%; } }
    .c-page-navigation-footer > li > a {
      margin-bottom: 0.5em;
      display: block;
      font-weight: 700; }
    .c-page-navigation-footer > li > ul {
      margin: 0;
      padding: 0; }
      .c-page-navigation-footer > li > ul li {
        display: block; }
      .c-page-navigation-footer > li > ul a {
        display: block;
        line-height: 1.2em;
        padding: 0.3em 0; }

.page-numbers,
.c-page-numbers {
  padding: 0;
  text-align: center; }
  .page-numbers li,
  .c-page-numbers li {
    display: inline-block; }
  .page-numbers a,
  .page-numbers span,
  .c-page-numbers a,
  .c-page-numbers span {
    padding: 0 1rem;
    line-height: 1;
    display: block; }
  .page-numbers span.current,
  .c-page-numbers span.current {
    text-decoration: underline; }

.c-search-results__head {
  padding: 0 4.54545%;
  margin-bottom: 1rem; }

.c-search-results__title {
  font-weight: 400;
  text-transform: uppercase; }

.c-search-results__query {
  font-style: italic;
  font-weight: 400;
  text-transform: none;
  margin: 0 0 4rem; }

.c-search-results__item {
  padding: 1rem 4.54545%;
  border-top: 1px solid #000; }

.c-search-results__foot {
  padding: 1rem 4.54545% 0;
  border-top: 1px solid #000; }

.c-search-results a:hover {
  opacity: 0.6; }

/*
background
top
bottom
left
right
fifty-left
fifty-right
 */
.c-section-asset {
  pointer-events: none;
  position: absolute;
  display: none; }
  @media (max-width: 575px) {
    .c-section-asset--visibility-sm {
      display: block; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .c-section-asset--visibility-md {
      display: block; } }
  @media (min-width: 992px) {
    .c-section-asset--visibility-lg {
      display: block; } }
  .c-section-asset--zindex-back {
    z-index: 50; }
  .c-section-asset--zindex-front {
    z-index: 150; }
  .c-section-asset--size-normal {
    background-repeat: no-repeat; }
  .c-section-asset--size-cover {
    background-size: cover;
    background-repeat: no-repeat; }
  .c-section-asset--size-contain {
    background-size: contain;
    background-repeat: no-repeat; }
  .c-section-asset--size-pattern {
    background-repeat: repeat; }
  .c-section-asset--size-contain-height {
    background-size: auto 100%;
    background-repeat: no-repeat; }
  .c-section-asset--size-contain-width {
    background-size: 100% auto;
    background-repeat: no-repeat; }
  .c-section-asset--placement-background {
    top: 0;
    left: 0;
    right: 0;
    height: 100%; }
  .c-section-asset--placement-left {
    left: 0;
    width: calc(50% - 852px);
    top: 0;
    height: 100%; }
  .c-section-asset--placement-right {
    right: 0;
    width: calc(50% - 852px);
    top: 0;
    height: 100%; }
  .c-section-asset--placement-fifty-left {
    height: 100%;
    left: 0;
    top: 0;
    width: 50%; }
  .c-section-asset--placement-fifty-right {
    height: 100%;
    right: 0;
    top: 0;
    width: 50%; }
  .c-section-asset--anim-duration-fast {
    animation-fill-mode: both !important;
    opacity: 1;
    animation-duration: 1s !important; }
  .c-section-asset--anim-duration-normal {
    animation-fill-mode: both !important;
    opacity: 1;
    animation-duration: 1s !important; }
  .c-section-asset--anim-duration-slow {
    animation-fill-mode: both !important;
    opacity: 1;
    animation-duration: 1.6s !important; }
  .c-section-asset--anim-duration-veryslow {
    animation-fill-mode: both !important;
    opacity: 1;
    animation-duration: 3.2s !important; }
  .c-section-asset--position-center {
    background-position: center; }
  .c-section-asset--position-top {
    background-position-y: top; }
  .c-section-asset--position-right {
    background-position-x: right; }
  .c-section-asset--position-bottom {
    background-position-y: bottom; }
  .c-section-asset--position-left {
    background-position-x: left; }

.c-section-asset--position-right.c-section-asset--position-center, .c-section-asset--position-left.c-section-asset--position-center {
  background-position-y: center; }

.c-section-asset--position-top.c-section-asset--position-center, .c-section-asset--position-bottom.c-section-asset--position-center {
  background-position-x: center; }

.c-section-header {
  margin-bottom: 2rem; }
  @media (min-width: 768px) {
    .c-section-header {
      margin-bottom: 3rem; } }
  .c-section-header__text {
    max-width: 800px;
    margin: auto;
    text-align: center; }

.c-share {
  position: relative;
  display: flex;
  align-items: center; }
  .c-share__title {
    display: inline-block;
    padding-right: 1rem; }
  .c-share__list {
    display: inline;
    font-size: 0;
    list-style-type: none;
    padding: 0; }
    .c-share__list li {
      display: inline-block;
      margin: 0 0.15rem; }
    .c-share__list a {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      line-height: 1;
      color: #fff;
      background-color: #000;
      width: 32px;
      height: 32px;
      border-radius: 50%; }
      .c-share__list a.facebook {
        background-color: #3b5998; }
      .c-share__list a.twitter {
        background-color: #55acee; }
      .c-share__list a.linkedin {
        background-color: #0077b5; }
      .c-share__list a.google {
        background-color: #dc4e41; }
      .c-share__list a:hover {
        background-color: #000; }

.c-sidebar-search input {
  width: 70%;
  float: left; }

.c-sidebar-search button {
  width: 30%;
  float: right; }

.c-sidebar-search:after {
  content: "";
  display: block;
  clear: both; }

.c-sidebar-ul {
  margin: 0;
  padding: 0; }
  .c-sidebar-ul li {
    display: block;
    padding: 0.3em 0;
    border-bottom: 1px solid #f4f4f4; }
    .c-sidebar-ul li a {
      color: #000; }
    .c-sidebar-ul li span {
      font-size: 1.4rem;
      float: right;
      color: #000; }
      @media (min-width: 1200px) {
        .c-sidebar-ul li span {
          font-size: 1.5rem; } }

.c-sidebar-widget {
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
  @media (min-width: 992px) {
    .c-sidebar-widget {
      margin-top: 2rem; } }
  @media (min-width: 992px) and (min-width: 768px) {
    .c-sidebar-widget {
      margin-top: 3rem; } }
  .c-sidebar-widget:first-child {
    margin-top: 0; }
  .c-sidebar-widget__title {
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    font-size: 2rem;
    border-bottom: 1px solid #a0a0a0;
    padding-bottom: 10px; }
    @media (min-width: 768px) {
      .c-sidebar-widget__title {
        padding-bottom: 15px; } }
    @media (min-width: 992px) {
      .c-sidebar-widget__title {
        padding-bottom: 20px; } }
    @media (max-width: 991px) {
      .c-sidebar-widget__title {
        padding-top: 10px;
        border-bottom: none;
        border-top: 1px solid #a0a0a0;
        position: relative; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .c-sidebar-widget__title {
      padding-top: 15px; } }
  @media (max-width: 991px) and (min-width: 992px) {
    .c-sidebar-widget__title {
      padding-top: 20px; } }
    @media (max-width: 991px) {
        .c-sidebar-widget__title:after {
          transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
          font-family: FontAwesome, serif;
          content: "\F104";
          position: absolute;
          top: 50%;
          right: 0;
          width: 1em;
          height: 1em;
          line-height: 1em;
          text-align: center;
          transform: translate(-50%, -50%) rotate(-90deg); } }
  .c-sidebar-widget__content {
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    padding-top: 10px; }
    @media (min-width: 768px) {
      .c-sidebar-widget__content {
        padding-top: 15px; } }
    @media (min-width: 992px) {
      .c-sidebar-widget__content {
        padding-top: 20px; } }
    @media (max-width: 991px) {
      .c-sidebar-widget__content {
        height: 0;
        padding: 0;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .c-sidebar-widget__content {
      padding-left: 15px; } }
  @media (max-width: 991px) and (min-width: 992px) {
    .c-sidebar-widget__content {
      padding-left: 20px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .c-sidebar-widget__content {
      padding-right: 15px; } }
  @media (max-width: 991px) and (min-width: 992px) {
    .c-sidebar-widget__content {
      padding-right: 20px; } }
  @media (max-width: 991px) {
    .c-sidebar-widget--open {
      background: #f2f2f2; }
      .c-sidebar-widget--open .c-sidebar-widget__title {
        padding-left: 10px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .c-sidebar-widget--open .c-sidebar-widget__title {
        padding-left: 15px; } }
    @media (max-width: 991px) and (min-width: 992px) {
      .c-sidebar-widget--open .c-sidebar-widget__title {
        padding-left: 20px; } }
  @media (max-width: 991px) {
        .c-sidebar-widget--open .c-sidebar-widget__title:after {
          transform: translate(-50%, -50%) rotate(90deg); }
      .c-sidebar-widget--open .c-sidebar-widget__content {
        padding-bottom: 10px;
        height: auto; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .c-sidebar-widget--open .c-sidebar-widget__content {
        padding-bottom: 15px; } }
    @media (max-width: 991px) and (min-width: 992px) {
      .c-sidebar-widget--open .c-sidebar-widget__content {
        padding-bottom: 20px; } }
  @media (max-width: 991px) {
    .c-sidebar-widget:last-child {
      border-bottom: 1px solid #a0a0a0; } }

@media (max-width: 991px) {
  .c-sidebar {
    margin-top: 3rem;
    margin-bottom: 3rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .c-sidebar {
      margin-top: 4rem; } }
  @media (max-width: 991px) and (min-width: 1200px) {
    .c-sidebar {
      margin-top: 6rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .c-sidebar {
      margin-bottom: 4rem; } }
  @media (max-width: 991px) and (min-width: 1200px) {
    .c-sidebar {
      margin-bottom: 6rem; } }

.c-site-logo {
  position: relative;
  /*
    &__image {
        display: block;
        height: $height-navigation-mobile * 0.9;
        width: 125px;
        font-size: 0;
        color: transparent;
        background-image: url(../img/logo-black.svg);
        background-size: contain;
        background-position: 0 50%;
        background-repeat: no-repeat;

        @include bp(lg) {
            width: 165px;
        }

        .open-mobile-menu & {

            @include bp($breakpoint-navigation-mobile, max) {
                background-image: url(../img/logo-white.svg);
            }
        }
    }
    */ }
  .c-site-logo img {
    vertical-align: middle;
    max-width: 24rem;
    max-height: 3rem; }
    @media (min-width: 992px) {
      .c-site-logo img {
        max-width: 50rem;
        max-height: 5rem; } }

.c-slider__slide {
  width: 80%;
  height: 40rem;
  line-height: 40rem;
  text-align: center;
  opacity: 0;
  transform: scaleX(0.6) scaleY(0.95);
  transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1); }
  @media (min-width: 768px) {
    .c-slider__slide {
      width: 50%; } }
  .c-slider__slide img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle; }
  .c-slider__slide__caption {
    font-size: 1.4rem;
    line-height: 1.62857;
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 1rem;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.6); }
    @media (min-width: 1200px) {
      .c-slider__slide__caption {
        font-size: 1.5rem; } }
    .s-context--light .c-slider__slide__caption {
      background: rgba(231, 230, 233, 0.6); }
    .s-context--inverted .c-slider__slide__caption {
      color: #fff;
      background: rgba(0, 0, 0, 0.6); }
    .s-context--deepblue .c-slider__slide__caption {
      color: #fff;
      background: rgba(0, 1, 29, 0.6); }
  .c-slider__slide.is-selected {
    opacity: 1;
    transform: scaleX(1) scaleY(1); }

.c-slider .flickity-prev-next-button {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MiAzNTYuMyI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MTt9PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDx0aXRsZT51bS5maS1hcnJvdy1sZWZ0PC90aXRsZT4KICAgIDxwb2x5bGluZSBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMC4zIDM1Ni4xOCA3MS42NSAxNzguMTUgMC4zIDAuMTIiLz4KPC9zdmc+);
  top: 0;
  width: 20px;
  height: 100%;
  transform: none; }
  @media (min-width: 768px) {
    .c-slider .flickity-prev-next-button {
      width: 7rem; } }
  .c-slider .flickity-prev-next-button svg,
  .c-slider .flickity-prev-next-button .flickity-button-icon {
    display: none; }
  .c-slider .flickity-prev-next-button.next {
    right: -1rem;
    margin-right: 0;
    background-position: right; }
    @media (min-width: 768px) {
      .c-slider .flickity-prev-next-button.next {
        right: 0; } }
  .c-slider .flickity-prev-next-button.previous {
    left: -1rem;
    margin-left: 0;
    background-position: left;
    transform: scaleX(-1); }
    @media (min-width: 768px) {
      .c-slider .flickity-prev-next-button.previous {
        left: 0; } }
  .s-context--deepblue .c-slider .flickity-prev-next-button,
  .s-context--inverted .c-slider .flickity-prev-next-button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MiAzNTYuMyI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6MTt9PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDx0aXRsZT51bS5maS1hcnJvdy1yaWdodDwvdGl0bGU+CiAgICA8cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjAuMyAzNTYuMTggNzEuNjUgMTc4LjE1IDAuMyAwLjEyIi8+Cjwvc3ZnPgo=); }

.c-social-media {
  position: relative; }
  .c-social-media__title {
    display: inline-block;
    padding-right: 0.2em; }
  .c-social-media__list {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin-left: -0.2em; }
    .c-social-media__list li {
      display: inline-block; }
    .c-social-media__list a {
      padding: 0 0.2em 0.2em; }

.c-table {
  width: 100%; }
  .c-table th,
  .c-table td {
    text-align: left;
    padding: 0.5rem; }
  .c-table th {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }

.c-tag-cloud {
  font-size: 1.4rem; }
  @media (min-width: 1200px) {
    .c-tag-cloud {
      font-size: 1.5rem; } }
  .c-tag-cloud h3, .c-tag-cloud h4, .c-tag-cloud h5 {
    margin: 0 0 2rem; }
  .c-tag-cloud a {
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    background: transparent;
    border-radius: 2em;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    box-shadow: none;
    display: inline-block;
    padding: 0 0.7em;
    border: 1px solid #000;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 0.1em;
    margin-bottom: 0.2em; }
    .c-tag-cloud a span, .c-tag-cloud a {
      color: #000;
      transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
    .c-tag-cloud a span {
      display: inline-block;
      position: relative;
      z-index: 2; }
    .c-tag-cloud a::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: #000;
      border-radius: 2em;
      transform: translateY(101%) scale(0.75);
      transition: 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
    .c-tag-cloud a:hover {
      text-decoration: none;
      color: #fff; }
      .c-tag-cloud a:hover span {
        color: #fff; }
      .c-tag-cloud a:hover::after {
        transform: translateY(0) scale(1.1); }
    .c-tag-cloud a:active > span {
      transform: translateY(2px); }
  .c-tag-cloud--inline .c-tag-cloud__title {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem 0 0; }
  .c-tag-cloud--inline a {
    vertical-align: middle; }

.c-tags-ul {
  margin: -0.2em;
  padding: 0; }
  .c-tags-ul li {
    display: block;
    float: left; }
  .c-tags-ul a {
    font-size: 1.4rem;
    border-radius: 0px;
    background: #fff;
    color: #000;
    display: block;
    border-width: 1px 1px 2px;
    border-style: solid;
    border-color: #a0a0a0;
    margin: 0.2em;
    line-height: 1;
    padding: 0.2em 0.4em;
    text-transform: uppercase; }
    @media (min-width: 1200px) {
      .c-tags-ul a {
        font-size: 1.5rem; } }
  .c-tags-ul:after {
    content: "";
    clear: both;
    display: block; }

.c-video-player {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }
  .c-video-player video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/**
 * Basic styling for the YouTube API Player component.
 */
.c-youtube-api-player {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .c-youtube-api-player iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .c-youtube-api-player video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-size: cover;
    overflow: hidden; }

.c-footer-menu {
  text-transform: uppercase; }
  @media (min-width: 1600px) {
    .c-footer-menu {
      font-size: 1.8rem; } }
  .c-footer-menu__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0px; }
    @media (min-width: 1200px) {
      .c-footer-menu__list {
        padding: 0px 30px; } }
  .c-footer-menu li {
    padding-right: 10px; }
    @media (min-width: 768px) {
      .c-footer-menu li {
        padding-right: 2rem; } }
    .c-footer-menu li:last-child {
      padding-right: 0px; }
  .c-footer-menu a:first-child {
    padding-left: 0px; }

.c-newsletter-form {
  display: flex;
  flex-direction: column; }
  .c-newsletter-form__fields {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: center; }
    .c-newsletter-form__fields label {
      font-size: 1.4rem; }
      @media (min-width: 1200px) {
        .c-newsletter-form__fields label {
          font-size: 1.5rem; } }
  .c-newsletter-form__input, .c-newsletter-form__submit {
    flex: 1 1 auto;
    padding: 10px;
    border: 0px;
    width: 100%; }
    @media (min-width: 768px) {
      .c-newsletter-form__input, .c-newsletter-form__submit {
        width: auto;
        padding: 2rem; } }
  .c-newsletter-form__input {
    background: #fff;
    text-transform: uppercase; }
    .c-newsletter-form__input[type=checkbox] {
      margin-right: 10px;
      width: auto; }
  .c-newsletter-form__submit {
    background: #000;
    color: #fff;
    text-transform: uppercase; }

/**
 * #Animations
 *
 * All new animations should go under the animations folder.
 */
/*
    ----------------------------------------
    ANIMATIONS
    ----------------------------------------
    Uses mixin/_animation.scss
    Uses mixin/_keyframes.scss

    Remember to add your newly made animation to _main.scss


                        anim            animtime    fill        easing          delay
                        --              --          --          --              --
    @include animation( exampleAnim,    0.6s,       backwards,  $ease-out-expo, 0.3s);

    ----------------------------------------
    Examples
    ----------------------------------------

    SCSS
    ------
    @include animation( fadeInUp, 0.6s, backwards, $ease-out-expo, 0.3s);
    @include animation( fadeInUp );

    HTML
    ------
    <div data-animate="animated fadeInUp"></div>
    <div class="fadeInUp"></div>
    <div class="animated duration--slow fadeInUp"></div>
    <div class="animated duration--slow delay--3 fadeInUp"></div>

    HTML Squence
    ------
    <div class="animated--sequence">
        <div class="animated fadeInUp"></div>
        <div class="animated fadeInUp"></div>
    </div>

*/
/**
 * Animation visibility by default
 */
@media only screen and (min-width: 1025px) {
  *[data-animate] {
    opacity: 0; }
    *[data-animate].animated {
      opacity: 1; } }

/**
 * Animation Speeds
 *
 * <div class="animated duration--slow fadeInUp"></div>
 */
.animated {
  -webkit-animation-fill-mode: backwards;
  animation-duration: 0.6s; }

.duration {
  animation-duration: 1s; }
  .duration--fast {
    animation-duration: 1s; }
  .duration--slow {
    animation-duration: 1.6s; }
  .duration--veryslow {
    animation-duration: 3.2s; }

/**
 * Animation Delay
 *
 * <div class="animated delay--3 fadeInUp"></div>
 */
.delay--1 {
  animation-delay: 0.1s; }

.delay--2 {
  animation-delay: 0.2s; }

.delay--3 {
  animation-delay: 0.3s; }

.delay--4 {
  animation-delay: 0.4s; }

.delay--5 {
  animation-delay: 0.5s; }

.delay--6 {
  animation-delay: 0.6s; }

.delay--7 {
  animation-delay: 0.7s; }

.delay--8 {
  animation-delay: 0.8s; }

.delay--9 {
  animation-delay: 0.9s; }

.delay--10 {
  animation-delay: 1s; }

.delay--11 {
  animation-delay: 1.1s; }

.delay--12 {
  animation-delay: 1.2s; }

.delay--13 {
  animation-delay: 1.3s; }

.delay--14 {
  animation-delay: 1.4s; }

.delay--15 {
  animation-delay: 1.5s; }

.delay--16 {
  animation-delay: 1.6s; }

.delay--17 {
  animation-delay: 1.7s; }

.delay--18 {
  animation-delay: 1.8s; }

.delay--19 {
  animation-delay: 1.9s; }

.delay--20 {
  animation-delay: 2s; }

/**
 * Animation Sequence for Child Elements
 *
 * <div class="animated--sequence">
 *     <div class="animated fadeInUp"></div>
 * </div>
 */
.animated--sequence *:nth-child(1) {
  animation-delay: 0.2s; }

.animated--sequence *:nth-child(2) {
  animation-delay: 0.4s; }

.animated--sequence *:nth-child(3) {
  animation-delay: 0.6s; }

.animated--sequence *:nth-child(4) {
  animation-delay: 0.8s; }

.animated--sequence *:nth-child(5) {
  animation-delay: 1s; }

.animated--sequence *:nth-child(6) {
  animation-delay: 1.2s; }

.animated--sequence *:nth-child(7) {
  animation-delay: 1.4s; }

.animated--sequence *:nth-child(8) {
  animation-delay: 1.6s; }

.animated--sequence *:nth-child(9) {
  animation-delay: 1.8s; }

.animated--sequence *:nth-child(10) {
  animation-delay: 2s; }

.animated--sequence *:nth-child(11) {
  animation-delay: 2.2s; }

.animated--sequence *:nth-child(12) {
  animation-delay: 2.4s; }

.animated--sequence *:nth-child(13) {
  animation-delay: 2.6s; }

.animated--sequence *:nth-child(14) {
  animation-delay: 2.8s; }

.animated--sequence *:nth-child(15) {
  animation-delay: 3s; }

.animated--sequence *:nth-child(16) {
  animation-delay: 3.2s; }

.animated--sequence *:nth-child(17) {
  animation-delay: 3.4s; }

.animated--sequence *:nth-child(18) {
  animation-delay: 3.6s; }

.animated--sequence *:nth-child(19) {
  animation-delay: 3.8s; }

.animated--sequence *:nth-child(20) {
  animation-delay: 4s; }

/*
    ----------------------------------------

    ANIMATIONS
    --
    Add animations here so you can reference them from other SCSS files
    Uses mixin/_animation.scss
    Uses mixin/_keyframes.scss

    Remember to add your newly made animation to _main.scss

    ----------------------------------------

                        anim            animtime    fill        easing          delay
                        --              --          --          --              --
    @include animation( fadeIn,         0.6s,       backwards,  $ease-out-expo, 0.3s);

    ----------------------------------------

    Examples:
    @include animation( fadeIn, 0.6s, backwards, $ease-out-expo, 0.3s);
    @include animation( fadeIn );
    <div data-animate="animated fadeIn"></div>
    <div class="fadeIn"></div>

*/
.fadeIn {
  animation-name: fadeIn;
  animation-fill-mode: backwards;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0; }

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

/*
    ----------------------------------------

    ANIMATIONS
    --
    Add animations here so you can reference them from other SCSS files
    Uses mixin/_animation.scss
    Uses mixin/_keyframes.scss

    Remember to add your newly made animation to _main.scss

    ----------------------------------------

                        anim            animtime    fill        easing          delay
                        --              --          --          --              --
    @include animation( fadeInDown,     0.6s,       backwards,  $ease-out-expo, 0.3s);

    ----------------------------------------

    Examples:
    @include animation( fadeInDown, 0.6s, backwards, $ease-out-expo, 0.3s);
    @include animation( fadeInDown );
    <div data-animate="animated fadeInDown"></div>
    <div class="fadeInDown"></div>

*/
.fadeInDown {
  animation-name: fadeInDown;
  animation-fill-mode: backwards;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0; }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -30px, 0); }
  100% {
    opacity: 1;
    transform: none; } }

/*
    ----------------------------------------

    ANIMATIONS
    --
    Add animations here so you can reference them from other SCSS files
    Uses mixin/_animation.scss
    Uses mixin/_keyframes.scss

    Remember to add your newly made animation to _main.scss

    ----------------------------------------

                        anim            animtime    fill        easing          delay
                        --              --          --          --              --
    @include animation( fadeInLeft,     0.6s,       backwards,  $ease-out-expo, 0.3s);

    ----------------------------------------

    Examples:
    @include animation( fadeInLeft, 0.6s, backwards, $ease-out-expo, 0.3s);
    @include animation( fadeInLeft );
    <div data-animate="animated fadeInLeft"></div>
    <div class="fadeInLeft"></div>

*/
.fadeInLeft {
  animation-name: fadeInLeft;
  animation-fill-mode: backwards;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0; }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-30px, 0, 0); }
  100% {
    opacity: 1;
    transform: none; } }

/*
    ----------------------------------------

    ANIMATIONS
    --
    Add animations here so you can reference them from other SCSS files
    Uses mixin/_animation.scss
    Uses mixin/_keyframes.scss

    Remember to add your newly made animation to _main.scss

    ----------------------------------------

                        anim            animtime    fill        easing          delay
                        --              --          --          --              --
    @include animation( fadeInRight,    0.6s,       backwards,  $ease-out-expo, 0.3s);

    ----------------------------------------

    Examples:
    @include animation( fadeInRight, 0.6s, backwards, $ease-out-expo, 0.3s);
    @include animation( fadeInRight );
    <div data-animate="animated fadeInRight"></div>
    <div class="fadeInRight"></div>

*/
.fadeInRight {
  animation-name: fadeInRight;
  animation-fill-mode: backwards;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(30px, 0, 0); }
  100% {
    opacity: 1;
    transform: none; } }

/*
    ----------------------------------------

    ANIMATIONS
    --
    Add animations here so you can reference them from other SCSS files
    Uses mixin/_animation.scss
    Uses mixin/_keyframes.scss

    Remember to add your newly made animation to _main.scss

    ----------------------------------------

                        anim            animtime    fill        easing          delay
                        --              --          --          --              --
    @include animation( fadeInUp,       0.6s,       backwards,  $ease-out-expo, 0.3s);

    ----------------------------------------

    Examples:
    @include animation( fadeInUp, 0.6s, backwards, $ease-out-expo, 0.3s);
    @include animation( fadeInUp );
    <div data-animate="animated fadeInUp"></div>
    <div class="fadeInUp"></div>

*/
.fadeInUp {
  animation-name: fadeInUp;
  animation-fill-mode: backwards;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 60px, 0); }
  100% {
    opacity: 1;
    transform: none; } }

/*
    ----------------------------------------

    ANIMATIONS
    --
    Add animations here so you can reference them from other SCSS files
    Uses mixin/_animation.scss
    Uses mixin/_keyframes.scss

    Remember to add your newly made animation to _main.scss

    ----------------------------------------

                        anim            animtime    fill        easing          delay
                        --              --          --          --              --
    @include animation( flipInX,        0.6s,       backwards,  $ease-out-expo, 0.3s);

    ----------------------------------------

    Examples:
    @include animation( flipInX, 0.6s, backwards, $ease-out-expo, 0.3s);
    @include animation( flipInX );
    <div data-animate="animated flipInX"></div>
    <div class="flipInX"></div>

*/
.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  transform-origin: top;
  animation-name: flipInX;
  animation-fill-mode: backwards;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0; }

@keyframes flipInX {
  0% {
    transform: perspective(1000px) rotate3d(1, 0, 0, -80deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  100% {
    transform: perspective(1000px); } }

/*
    ----------------------------------------

    ANIMATIONS
    --
    Add animations here so you can reference them from other SCSS files
    Uses mixin/_animation.scss
    Uses mixin/_keyframes.scss

    Remember to add your newly made animation to _main.scss

    ----------------------------------------

                        anim            animtime    fill        easing          delay
                        --              --          --          --              --
    @include animation( flipInY,     0.6s,       backwards,  $ease-out-expo, 0.3s);

    ----------------------------------------

    Examples:
    @include animation( flipInY, 0.6s, backwards, $ease-out-expo, 0.3s);
    @include animation( flipInY );
    <div data-animate="animated flipInY"></div>
    <div class="flipInY"></div>

*/
.flipInY {
  transform-origin: left;
  animation-name: flipInY;
  animation-fill-mode: backwards;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0; }

@keyframes flipInY {
  0% {
    transform: perspective(1000px) rotate3d(0, 1, 0, 80deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  100% {
    transform: perspective(1000px); } }

/*
    ----------------------------------------

    ANIMATIONS
    --
    Add animations here so you can reference them from other SCSS files
    Uses mixin/_animation.scss
    Uses mixin/_keyframes.scss

    Remember to add your newly made animation to _main.scss

    ----------------------------------------

                        anim            animtime    fill        easing          delay
                        --              --          --          --              --
    @include animation( shake,          0.6s,       backwards,  $ease-out-expo, 0.3s);

    ----------------------------------------

    Examples:
    @include animation( shake, 0.6s, backwards, $ease-out-expo, 0.3s);
    @include animation( shake );
    <div data-animate="animated shake"></div>
    <div class="shake"></div>

*/
.shake {
  animation-name: shake;
  animation-fill-mode: backwards;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0; }

@keyframes shake {
  0%, 100% {
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0); } }

/*
    ----------------------------------------

    ANIMATIONS
    --
    Add animations here so you can reference them from other SCSS files
    Uses mixin/_animation.scss
    Uses mixin/_keyframes.scss

    Remember to add your newly made animation to _main.scss

    ----------------------------------------

                        anim            animtime    fill        easing          delay
                        --              --          --          --              --
    @include animation( zoomIn,         0.6s,       backwards,  $ease-out-expo, 0.3s);

    ----------------------------------------

    Examples:
    @include animation( zoomIn, 0.6s, backwards, $ease-out-expo, 0.3s);
    @include animation( zoomIn );
    <div data-animate="animated zoomIn"></div>
    <div class="zoomIn"></div>

*/
.zoomIn {
  animation-name: zoomIn;
  animation-fill-mode: backwards;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0; }

@keyframes zoomIn {
  0%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.9, 0.9, 0.9); }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }
/*
    to help our blocks out, we have a single import at their side to give them variables, mixins etc
    potentially layouts?
*/
/**
 * Define the global variables used across the project here.
 *
 * 1) Always create variables with a meaningful context.
 * 2) Avoid defining component specific variables on the global level.
 * 3) See other files in the base folder for more global styles.
 */
/**
 * Font sizes for responsive scalability (used by @mixin font-size).
 *
 * Define new sizes as needed.
 */
/**
 * Spacing sizes for responsive scalability (used by @mixin spacing).
 *
 * Define new sizes as needed.
 */
/**
 * These are breakpoint targets that signify drastic changes in behavior.
 * Use sparingly, as experience should be as similar as possible,
 * regardless of viewport size.
 */
/**
 * Navigation bar sizes are also used to offset blocks.
 */
/**
 * Core variables.
 *
 * Take care in changing the following values as they can fundamentally
 * change the behavior of the site.
 */
/**
 * Brand color profiles. Find more at: http://brandcolors.net
 *
 * Use map with the "brand" helper function:
 *
 *   color: brand(facebook);
 *   background-color: brand(instagram);
 */
/**
 * A shorthand for using the brand color profile map.
 * You can find the brand color list in the variables file.
 */
/**
 * Convert pixel values to rem using a context modifier.
 * The default of 10px means that rem(10) equals 1rem,
 * rem(15) equals 1.5rem etc.
 */
/*
Description: Adjust alignment.
*/
/*
This will add a delay to all children and animate them in one by one

Example:
--------
@include animation-sequence(0.10, 10);

& > *{
    @include animation(bounceIn, 2s);
}
--------

*/
/*

EXAMPLE:
----

breakpoint and up           breakpoint max value and down
--                          --
@include bp(sm);            @include bp(xs,max);
@include bp(md);            @include bp(sm,max);
@include bp(lg);            @include bp(md,max);
@include bp(xl);            @include bp(lg,max);


@include bp(568px);          // also possible

 */
/*

EXAMPLE:
----
@include btn;                           // default button
@include btn(#000,$color-brand,#000);   // customized colors

 */
/**
 * Helper for adding Font Awesome 5 icons in CSS.
 *
 * Font Awesome 5 has been split into 3 different fonts: regular,
 * solid and brands. If your icon doesn't show, make sure you
 * are using the correct family name in the second parameter.
 */
/*@mixin margin($size: base, $where: top, $reset: false) {
    @include spacing($size, $where, $reset, margin);
}

@mixin padding($size: base, $where: top, $reset: false) {
    @include spacing($size, $where, $reset, padding);
}
*/
/*

COLOR SCHEMES
-----------
All global color's should be set here.

Connect the scheme to areas of the website by using:
@include scheme-html-example();

Don't use the @scheme-html(); because then you will have no way to later on reuse it.

*/
/*

EXAMPLE:
----
@include section;           // with top and bottom margin
@include section(false);    // no top and bottom margin

 */
/*
_variables.scss includes 2 different shadow variables:

$box-shadow-default
$box-shadow-large

Default will be used most often within buttons and even in boxes.
Large should be used with caution.

EXAMPLE:
------
@include shadow(small);
@include shadow(large);

 */
/*

This uses $spacing-sizes matrix. Feel free to add more spacings there if they have a reusable logic to it.
Don't try to add new rows into the matrix just to support a single component.

EXAMPLE:
----

@include spacing(padding, top, section);
@include spacing(margin, all, itemspace);
@include spacing(margin, bottom, box);

 */
/*

Feel free to customize heavily.

Being used in @mixin wysiwyg-html;

 */
/**
 * The wysiwyg-html mixin is used to ensure that the contents of an element stay
 * well-formatted when the client has control over the content. Typically when
 * the client has the ability to add HTML.
 */
/*

The following z-index shouldn't be changed on a project basis. Keep them consistent across projects.

 */
/*

$addToZindex:   How much you want to have it above the original z-index
$z-index:       Which z-index default setting

 */
.b-divider {
  font-size: 2.2rem;
  height: 6rem;
  line-height: 6rem;
  color: #a0a0a0;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .b-divider {
      font-size: 2.6rem; } }
  @media (min-width: 1200px) {
    .b-divider {
      font-size: 2.67rem; } }
  .b-divider__container {
    /* @include container($max: true); */
    z-index: 100;
    overflow: hidden; }
  .b-divider__content {
    white-space: nowrap; }
/*
    to help our blocks out, we have a single import at their side to give them variables, mixins etc
    potentially layouts?
*/
/**
 * Define the global variables used across the project here.
 *
 * 1) Always create variables with a meaningful context.
 * 2) Avoid defining component specific variables on the global level.
 * 3) See other files in the base folder for more global styles.
 */
/**
 * Font sizes for responsive scalability (used by @mixin font-size).
 *
 * Define new sizes as needed.
 */
/**
 * Spacing sizes for responsive scalability (used by @mixin spacing).
 *
 * Define new sizes as needed.
 */
/**
 * These are breakpoint targets that signify drastic changes in behavior.
 * Use sparingly, as experience should be as similar as possible,
 * regardless of viewport size.
 */
/**
 * Navigation bar sizes are also used to offset blocks.
 */
/**
 * Core variables.
 *
 * Take care in changing the following values as they can fundamentally
 * change the behavior of the site.
 */
/**
 * Brand color profiles. Find more at: http://brandcolors.net
 *
 * Use map with the "brand" helper function:
 *
 *   color: brand(facebook);
 *   background-color: brand(instagram);
 */
/**
 * A shorthand for using the brand color profile map.
 * You can find the brand color list in the variables file.
 */
/**
 * Convert pixel values to rem using a context modifier.
 * The default of 10px means that rem(10) equals 1rem,
 * rem(15) equals 1.5rem etc.
 */
/*
Description: Adjust alignment.
*/
/*
This will add a delay to all children and animate them in one by one

Example:
--------
@include animation-sequence(0.10, 10);

& > *{
    @include animation(bounceIn, 2s);
}
--------

*/
/*

EXAMPLE:
----

breakpoint and up           breakpoint max value and down
--                          --
@include bp(sm);            @include bp(xs,max);
@include bp(md);            @include bp(sm,max);
@include bp(lg);            @include bp(md,max);
@include bp(xl);            @include bp(lg,max);


@include bp(568px);          // also possible

 */
/*

EXAMPLE:
----
@include btn;                           // default button
@include btn(#000,$color-brand,#000);   // customized colors

 */
/**
 * Helper for adding Font Awesome 5 icons in CSS.
 *
 * Font Awesome 5 has been split into 3 different fonts: regular,
 * solid and brands. If your icon doesn't show, make sure you
 * are using the correct family name in the second parameter.
 */
/*@mixin margin($size: base, $where: top, $reset: false) {
    @include spacing($size, $where, $reset, margin);
}

@mixin padding($size: base, $where: top, $reset: false) {
    @include spacing($size, $where, $reset, padding);
}
*/
/*

COLOR SCHEMES
-----------
All global color's should be set here.

Connect the scheme to areas of the website by using:
@include scheme-html-example();

Don't use the @scheme-html(); because then you will have no way to later on reuse it.

*/
/*

EXAMPLE:
----
@include section;           // with top and bottom margin
@include section(false);    // no top and bottom margin

 */
/*
_variables.scss includes 2 different shadow variables:

$box-shadow-default
$box-shadow-large

Default will be used most often within buttons and even in boxes.
Large should be used with caution.

EXAMPLE:
------
@include shadow(small);
@include shadow(large);

 */
/*

This uses $spacing-sizes matrix. Feel free to add more spacings there if they have a reusable logic to it.
Don't try to add new rows into the matrix just to support a single component.

EXAMPLE:
----

@include spacing(padding, top, section);
@include spacing(margin, all, itemspace);
@include spacing(margin, bottom, box);

 */
/*

Feel free to customize heavily.

Being used in @mixin wysiwyg-html;

 */
/**
 * The wysiwyg-html mixin is used to ensure that the contents of an element stay
 * well-formatted when the client has control over the content. Typically when
 * the client has the ability to add HTML.
 */
/*

The following z-index shouldn't be changed on a project basis. Keep them consistent across projects.

 */
/*

$addToZindex:   How much you want to have it above the original z-index
$z-index:       Which z-index default setting

 */
.b-hero {
  width: 100%;
  margin: 0 auto;
  position: relative;
  /**
     * MODIFIERS
     */ }
  @media (min-width: 1650px) {
    .b-hero {
      max-width: 1584px; } }
  .b-hero__image-area {
    position: relative;
    background-color: #000; }
  .b-hero__background {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 104;
    overflow: hidden; }
    .b-hero__background svg {
      min-width: 200%;
      min-height: 100%; }
      .b-hero__background svg path {
        stroke: #fff;
        stroke-width: 3px; }
      @media (min-width: 768px) {
        .b-hero__background svg {
          min-width: 170%; } }
      @media (min-width: 1200px) {
        .b-hero__background svg {
          min-width: 140%; } }
      @media (min-width: 1600px) {
        .b-hero__background svg {
          min-width: 100%; } }
  .b-hero__image {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 108;
    position: relative;
    width: 100%;
    height: 36rem; }
  .b-hero__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 4.54545%;
    padding-right: 4.54545%;
    z-index: 100; }
    @media (min-width: 1650px) {
      .b-hero__container {
        max-width: 1584px; } }
  .b-hero__content {
    padding: 1.5rem 0 2rem; }
  .b-hero__meta {
    text-transform: uppercase;
    margin-bottom: 4rem; }
    .b-hero__meta > * {
      margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .b-hero__meta {
        display: flex;
        justify-content: space-between; }
        .b-hero__meta > * {
          margin-bottom: 0; } }
    @media (min-width: 992px) {
      .b-hero__meta {
        justify-content: initial; }
        .b-hero__meta > *:first-child {
          width: 40%; }
        .b-hero__meta > *:last-child {
          text-align: right; } }
    @media (min-width: 1200px) {
      .b-hero__meta > *:first-child {
        width: 30%; } }
  @media (min-width: 1200px) {
    .b-hero__title {
      width: 80%; } }
  .b-hero__title h1, .b-hero__title h2, .b-hero__title h3 {
    font-size: 3rem; }
    @media (min-width: 768px) {
      .b-hero__title h1, .b-hero__title h2, .b-hero__title h3 {
        font-size: 3.2rem; } }
    @media (min-width: 992px) {
      .b-hero__title h1, .b-hero__title h2, .b-hero__title h3 {
        font-size: 4.2rem; } }
    @media (min-width: 1200px) {
      .b-hero__title h1, .b-hero__title h2, .b-hero__title h3 {
        font-size: 4.5rem; } }
    .b-hero__title h1 + h2, .b-hero__title h1 + h3, .b-hero__title h2 + h2, .b-hero__title h2 + h3, .b-hero__title h3 + h2, .b-hero__title h3 + h3 {
      text-transform: none;
      font-style: italic; }
  .b-hero__text {
    margin: 4rem 0 0; }
    @media (min-width: 992px) {
      .b-hero__text > * {
        padding-left: 40%; } }
    @media (min-width: 1200px) {
      .b-hero__text > * {
        padding-left: 30%; } }
  .b-hero--yellow {
    background-color: #DAFC00; }
    .b-hero--yellow .b-hero__image-area {
      background-color: #DAFC00; }
    .b-hero--yellow .b-hero__background svg path {
      stroke: #fff; }
  .b-hero--green {
    background-color: #00B57F; }
    .b-hero--green .b-hero__image-area {
      background-color: #00B57F; }
    .b-hero--green .b-hero__background svg path {
      stroke: #fff; }
  .b-hero--grey {
    background-color: #CCCCBE; }
    .b-hero--grey .b-hero__image-area {
      background-color: #CCCCBE; }
    .b-hero--grey .b-hero__background svg path {
      stroke: #fff; }
  .b-hero--pink {
    background-color: #FF5968; }
    .b-hero--pink .b-hero__image-area {
      background-color: #FF5968; }
    .b-hero--pink .b-hero__background svg path {
      stroke: #fff; }
  .b-hero--blue {
    background-color: #7393C1; }
    .b-hero--blue .b-hero__image-area {
      background-color: #7393C1; }
    .b-hero--blue .b-hero__background svg path {
      stroke: #fff; }
  .b-hero--teak {
    background-color: #B0805C; }
    .b-hero--teak .b-hero__image-area {
      background-color: #B0805C; }
    .b-hero--teak .b-hero__background svg path {
      stroke: #fff; }
  .b-hero--iyellow {
    background-color: #DAFC00; }
    .b-hero--iyellow .b-hero__background svg path {
      stroke: #DAFC00; }
  .b-hero--igreen {
    background-color: #00B57F; }
    .b-hero--igreen .b-hero__background svg path {
      stroke: #00B57F; }
  .b-hero--igrey {
    background-color: #CCCCBE; }
    .b-hero--igrey .b-hero__background svg path {
      stroke: #CCCCBE; }
  .b-hero--ipink {
    background-color: #FF5968; }
    .b-hero--ipink .b-hero__background svg path {
      stroke: #FF5968; }
  .b-hero--iblue {
    background-color: #7393C1; }
    .b-hero--iblue .b-hero__background svg path {
      stroke: #7393C1; }
  .b-hero--iteak {
    background-color: #B0805C; }
    .b-hero--iteak .b-hero__background svg path {
      stroke: #B0805C; }