/*!
Theme Name: dianomi
Theme URI: https://www.dianomi.com/
Author: dianomi
Author URI: https://dianomi.com/
Description: Theme for dianomi content site and associated assets
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dianomi
This theme, like WordPress, is licensed under the GPL.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/*
Bootstrap Variables below
you can override Bootstrap sass variables by defining them below
https://getbootstrap.com/docs/4.0/getting-started/theming/
*/
/*
 * node_modules/bootstrap/scss v4.0.0 (https://getnode_modules/bootstrap/scss.com)
 * Copyright 2011-2018 The node_modules/bootstrap/scss Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/node_modules/bootstrap/scss/blob/master/LICENSE)
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
  margin: 0;
  font-family: "Nexa", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #000000;
  text-align: left;
  background-color: #ffffff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 2rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 600;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: 600;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: inherit;
  text-decoration: underline;
  background-color: transparent;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

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

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 2.5rem;
  font-family: "Nexa", sans-serif;
  font-weight: 400;
  line-height: 1.1;
}

h1, .h1 {
  font-size: 2.25rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.625rem;
}

h4, .h4 {
  font-size: 1.375rem;
}

h5, .h5 {
  font-size: 1.125rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.375rem;
  font-weight: 300;
}

.display-1 {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.1;
}

.display-2 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
}

.display-3 {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.1;
}

.display-4 {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.1;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 0.875rem;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 0.875rem;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

.container {
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-nav, .container-xl {
    max-width: 1140px;
  }
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -24px;
  margin-left: -24px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .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, .col-sm,
.col-sm-auto, .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, .col-md,
.col-md-auto, .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, .col-lg,
.col-lg-auto, .col-nav-1, .col-nav-2, .col-nav-3, .col-nav-4, .col-nav-5, .col-nav-6, .col-nav-7, .col-nav-8, .col-nav-9, .col-nav-10, .col-nav-11, .col-nav-12, .col-nav,
.col-nav-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.row-cols-1 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1139px) {
  .col-nav {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-nav-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-nav-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-nav-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-nav-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-nav-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-nav-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-nav-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-nav-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-nav-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-nav-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-nav-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-nav-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-nav-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-nav-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-nav-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-nav-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-nav-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-nav-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-nav-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-nav-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-nav-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-nav-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-nav-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-nav-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-nav-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-nav-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-nav-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-nav-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-nav-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-nav-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-nav-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-nav-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-nav-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-nav-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-nav-0 {
    margin-left: 0;
  }
  .offset-nav-1 {
    margin-left: 8.33333%;
  }
  .offset-nav-2 {
    margin-left: 16.66667%;
  }
  .offset-nav-3 {
    margin-left: 25%;
  }
  .offset-nav-4 {
    margin-left: 33.33333%;
  }
  .offset-nav-5 {
    margin-left: 41.66667%;
  }
  .offset-nav-6 {
    margin-left: 50%;
  }
  .offset-nav-7 {
    margin-left: 58.33333%;
  }
  .offset-nav-8 {
    margin-left: 66.66667%;
  }
  .offset-nav-9 {
    margin-left: 75%;
  }
  .offset-nav-10 {
    margin-left: 83.33333%;
  }
  .offset-nav-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1440px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66667%;
  }
}

/*! Flickity v2.2.1
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;
  -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: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333;
}

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

.flickity-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #19F;
  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: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  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;
}

html {
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

@media (min-width: 992px) {
  body {
    overflow-x: visible;
  }
}

img {
  max-width: 100%;
}

iframe {
  border: 0;
  width: 100%;
}

section {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main-content {
  min-height: 10rem;
}

.icon {
  display: inline-block;
  fill: currentColor;
  height: 32px;
  pointer-events: none;
  stroke-width: 0;
  stroke: currentColor;
  -webkit-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
  vertical-align: middle;
  width: 32px;
}

.icon--xs {
  height: 1.125rem;
  width: 1.125rem;
}

.icon--sm {
  height: 1.5rem;
  width: 1.5rem;
}

.icon--lg {
  height: 3rem;
  width: 3rem;
}

.icon--xl {
  height: 4rem;
  width: 4rem;
}

.blockquote {
  border: 1px solid #000;
  font-family: "Nexa", sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.4;
  margin: 2.5rem 0;
  padding: 1.5rem;
  position: relative;
}

.blockquote p {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .blockquote {
    font-size: 2rem;
    margin: 5rem 0;
    padding: 3rem;
  }
}

.blockquote::before {
  border-color: inherit;
  border-style: solid;
  border-width: 0 1px 1px 0;
  bottom: 100%;
  content: '';
  display: block;
  height: 1.25rem;
  position: absolute;
  right: 100%;
  width: 1.25rem;
}

@media (min-width: 1200px) {
  .blockquote::before {
    height: 2.5rem;
    width: 2.5rem;
  }
}

.cite {
  background-color: #000;
  color: #fff;
  clear: both;
  display: inline-block;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  margin-top: 1rem;
  padding: 0.5rem 1.5rem 0.3125rem;
  text-transform: uppercase;
  width: auto;
}

@-webkit-keyframes button_animation {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes button_animation {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  display: inline-block;
  font-family: "Nexa", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1;
  padding: 0.5rem 0 0.4375rem;
  position: relative;
  text-decoration: none;
  -webkit-transition: background-color 0.2s, color 0.2s, border-color 0.2s ease;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s ease;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 1200px) {
  .button {
    font-size: 1.25rem;
  }
}

.button::before {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 0.0625rem;
  left: 0;
  position: absolute;
  -webkit-transition: width 0.3s, opacity 0.3s ease;
  transition: width 0.3s, opacity 0.3s ease;
  width: 100%;
  will-change: width;
}

.button:focus, .button:hover {
  color: inherit;
  outline: none;
  text-decoration: none;
}

.button:focus::before, .button:hover::before {
  -webkit-animation: button_animation 0.3s ease-in 0.1s forwards;
  animation: button_animation 0.3s ease-in 0.1s forwards;
}

.button:focus .button__icon, .button:hover .button__icon {
  -webkit-transform: translate3d(8px, 0, 0);
  transform: translate3d(8px, 0, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.button--white::before {
  background-color: #fff;
}

.button--submit {
  background-color: #000;
  color: #fff;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.bg--black .button--submit {
  background-color: #fff;
  color: #000;
}

.button--load {
  background-color: #fff;
  border: 1px solid #000;
  display: block;
  margin: 1.5rem auto;
  max-width: 27rem;
  overflow: visible;
  text-align: center;
  padding: 1rem;
}

.button--load:before {
  bottom: -7px;
  height: 100%;
  left: -5px;
  z-index: -1;
}

.button--load:focus, .button--load:hover {
  background-color: #000;
  color: #fff;
}

.button--load:focus:before, .button--load:hover:before {
  -webkit-animation: none;
  animation: none;
}

.button--solid {
  background-color: #fff;
  color: #000;
  padding: 0.75rem 1.5rem;
}

.button--solid:focus, .button--solid:hover {
  background-color: #000;
}

.button--solid:before {
  content: none;
}

.button__icon {
  height: 1.5rem;
  margin-left: 0.5rem;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.1s ease 0s;
  transition: -webkit-transform 0.1s ease 0s;
  transition: transform 0.1s ease 0s;
  transition: transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s;
  width: 1.5rem;
}

.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 1.5rem;
}

.button-group--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1.5rem;
  padding-right: 0;
}

.button-group__item {
  margin: 0 1rem 1rem 0;
}

@media (min-width: 1200px) {
  .button-group__item {
    margin-right: 3rem;
  }
}

.palette {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1rem;
}

.palette__item {
  margin: 1rem 0;
  padding: 0 1rem;
  width: 100%;
}

@media (min-width: 576px) {
  .palette__item {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .palette__item {
    width: 25%;
  }
}

@media (min-width: 992px) {
  .palette__item {
    width: 20%;
  }
}

.palette__swatch {
  height: 64px;
}

.palette__label {
  padding: 0.5rem;
}

.palette__label__name,
.palette__label__hex {
  display: block;
}

.palette__label__name {
  border-bottom: 1px dashed rgba(68, 68, 68, 0.2);
  margin-bottom: 0.5rem;
  padding-bottom: 0.25rem;
  text-transform: uppercase;
}

input,
select,
textarea {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 0;
  color: inherit;
  font-family: "Nexa", sans-serif;
  font-size: 1.125rem;
  padding: 0.625rem 1rem;
  -webkit-transition: background-color 0.2s, border-color 0.2s ease;
  transition: background-color 0.2s, border-color 0.2s ease;
  max-width: 100%;
  width: 100%;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #74d1ea;
  outline: 0;
}

@media (min-width: 1200px) {
  input,
  select,
  textarea {
    font-size: 1.25rem;
  }
}

.bg--black input, .bg--black
select, .bg--black
textarea {
  border-color: #fff;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.93 5.855a2.292 2.292 0 013.212-.356 2.272 2.272 0 01.522 2.966L31.5 8.7 16 28 .501 8.7a2.271 2.271 0 01.357-3.2 2.293 2.293 0 013.02.143l.193.212L16 20.709 27.93 5.855z' fill='%231D252D' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px top 50%;
  background-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 3.125rem;
  padding-right: 3rem;
  width: 100%;
}

.bg--black select {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.93 5.855a2.292 2.292 0 013.212-.356 2.272 2.272 0 01.522 2.966L31.5 8.7 16 28 .501 8.7a2.271 2.271 0 01.357-3.2 2.293 2.293 0 013.02.143l.193.212L16 20.709 27.93 5.855z' fill='%23ffffff' fill-rule='nonzero'/%3E%3C/svg%3E");
}

select::-ms-expand {
  display: none;
}

textarea {
  border-width: 1px;
  min-height: 12rem;
  padding: 1rem 1.25rem;
}

label {
  color: inherit;
  cursor: pointer;
  font-family: "Nexa", sans-serif;
  font-size: 1rem;
}

@media (min-width: 1200px) {
  label {
    font-size: 1.25rem;
  }
}

/*
Field Group
*/
@media (min-width: 768px) {
  .field-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1rem;
  }
}

@media (min-width: 768px) {
  .field-group__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 1rem;
  }
}

/*
Field
*/
.field {
  margin-bottom: 1.5rem;
  position: relative;
  width: 100%;
}

@media (min-width: 1200px) {
  .field {
    margin-bottom: 2rem;
  }
}

.field--submit {
  text-align: right;
}

.field__icon {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.field__label {
  display: block;
}

.field__label--checkbox, .field__label--radio {
  margin-bottom: 0;
  position: relative;
}

.field__label--checkbox::before, .field__label--radio::before {
  background-color: white;
  border: 1px solid #000000;
  content: '';
  display: block;
  height: 1.125rem;
  left: 0;
  position: absolute;
  top: 0.25rem;
  -webkit-transition: background-color 0.2s, border-color 0.2s ease;
  transition: background-color 0.2s, border-color 0.2s ease;
  width: 1.125rem;
}

@media (min-width: 1200px) {
  .field__label--checkbox::before, .field__label--radio::before {
    height: 1.5rem;
    width: 1.5rem;
  }
}

.field__label--checkbox {
  display: inline-block;
  padding-right: 2.5rem;
}

.field__label--checkbox::before {
  left: auto;
  right: 0;
}

.field__label--radio {
  padding-left: 2.5rem;
}

.field__label--radio::before {
  border-radius: 50%;
}

input[type=checkbox]:checked ~ .field__label--checkbox::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23000' fill='%23FFF' d='M42.5 33.5h-236v-55h236z'/%3E%3Cpath stroke='%23000' fill='%23000' d='M20.5 18.5h-25v-25h25z'/%3E%3Cpath stroke='%23FFF' stroke-width='2' d='M1 6.42L5.397 11 15 1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000000;
}

input[type=checkbox]:focus:not(:checked) ~ .field__label--checkbox::before, input[type=checkbox]:hover:not(:checked) ~ .field__label--checkbox::before {
  background-color: rgba(0, 0, 0, 0.2);
}

input[type=radio]:checked ~ .field__label--radio::before {
  background-color: #000000;
}

input[type=radio]:focus:not(:checked) ~ .field__label--radio::before, input[type=radio]:hover:not(:checked) ~ .field__label--radio::before {
  background-color: rgba(0, 0, 0, 0.2);
}

.field__control--sm {
  font-size: 0.875rem;
  height: auto;
  letter-spacing: 1px;
  padding-bottom: 0.1875rem;
  padding-top: 0.1875rem;
  text-transform: none;
}

::-webkit-input-placeholder {
  color: rgba(29, 37, 45, 0.6);
}

::-moz-placeholder {
  color: rgba(29, 37, 45, 0.6);
}

:-ms-input-placeholder {
  color: rgba(29, 37, 45, 0.6);
}

.bg--black ::-webkit-input-placeholder {
  color: #ffffff;
}

.bg--black ::-moz-placeholder {
  color: #ffffff;
}

.bg--black :-ms-input-placeholder {
  color: #ffffff;
}

.easy-autocomplete {
  position: relative;
  width: 100% !important;
}

.easy-autocomplete input {
  border-color: #000;
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
  float: none;
  padding: 0.3125rem 0.375rem;
}

.easy-autocomplete input:hover, .easy-autocomplete input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.easy-autocomplete a {
  display: block;
}

.easy-autocomplete-container {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #000;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
}

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  background: inherit;
  border-color: #D1D1D1;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 0 1px;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
  padding: 4px 12px;
}

.easy-autocomplete-container ul li:last-child {
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
}

.easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #f8f9f9;
  cursor: pointer;
}

.easy-autocomplete-container ul li.selected div {
  font-weight: normal;
}

.easy-autocomplete-container ul li div {
  display: block;
  font-weight: normal;
  word-break: break-all;
}

.easy-autocomplete-container ul li b {
  font-weight: 600;
}

.easy-autocomplete-container ul .eac-category {
  font-color: #aaa;
  font-style: italic;
}

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}

.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}

.featured-image {
  margin: 2rem 0;
}

@media (min-width: 1200px) {
  .featured-image {
    margin: 5rem 0;
  }
}

.featured-image img {
  display: block;
  width: 100%;
}

.caption,
.featured-image__caption {
  font-weight: 400;
  font-size: 0.875rem;
  margin-top: 1rem;
}

@media (min-width: 1200px) {
  .caption,
  .featured-image__caption {
    margin-top: 2rem;
  }
}

.featured-video {
  margin: 2rem 0;
  position: relative;
}

@media (min-width: 1200px) {
  .featured-video {
    margin: 5rem 0;
  }
}

.featured-video__caption {
  font-size: 0.875rem;
}

@media (min-width: 1200px) {
  .featured-video__caption {
    font-size: 1.125rem;
  }
}

.featured-video__title {
  font-size: 1.25rem;
  margin-top: 1rem;
}

/*
Font families mixin
*/
/*
Font families
*/
@font-face {
  font-display: fallback;
  font-family: "Nexa";
  font-style: normal;
  font-weight: 300;
  src: url("/cms/wp-content/themes/dianomi/fonts/Nexa-Light/font.woff2") format("woff2"), url("/cms/wp-content/themes/dianomi/fonts/Nexa-Light/font.woff") format("woff");
}

@font-face {
  font-display: fallback;
  font-family: "Nexa";
  font-style: italic;
  font-weight: 300;
  src: url("/cms/wp-content/themes/dianomi/fonts/Nexa-LightItalic/font.woff2") format("woff2"), url("/cms/wp-content/themes/dianomi/fonts/Nexa-LightItalic/font.woff") format("woff");
}

@font-face {
  font-display: fallback;
  font-family: "Nexa";
  font-style: normal;
  font-weight: 400;
  src: url("/cms/wp-content/themes/dianomi/fonts/Nexa-Regular/font.woff2") format("woff2"), url("/cms/wp-content/themes/dianomi/fonts/Nexa-Regular/font.woff") format("woff");
}

@font-face {
  font-display: fallback;
  font-family: "Nexa";
  font-style: italic;
  font-weight: 400;
  src: url("/cms/wp-content/themes/dianomi/fonts/Nexa-RegularItalic/font.woff2") format("woff2"), url("/cms/wp-content/themes/dianomi/fonts/Nexa-RegularItalic/font.woff") format("woff");
}

@font-face {
  font-display: fallback;
  font-family: "Nexa";
  font-style: normal;
  font-weight: 600;
  src: url("/cms/wp-content/themes/dianomi/fonts/Nexa-Bold/font.woff2") format("woff2"), url("/cms/wp-content/themes/dianomi/fonts/Nexa-Bold/font.woff") format("woff");
}

@font-face {
  font-display: fallback;
  font-family: "Nexa";
  font-style: italic;
  font-weight: 600;
  src: url("/cms/wp-content/themes/dianomi/fonts/Nexa-BoldItalic/font.woff2") format("woff2"), url("/cms/wp-content/themes/dianomi/fonts/Nexa-BoldItalic/font.woff") format("woff");
}

@font-face {
  font-display: fallback;
  font-family: "Nexa";
  font-style: normal;
  font-weight: 700;
  src: url("/cms/wp-content/themes/dianomi/fonts/Nexa-ExtraBold/font.woff2") format("woff2"), url("/cms/wp-content/themes/dianomi/fonts/Nexa-ExtraBold/font.woff") format("woff");
}

/* Book */
@font-face {
  font-display: fallback;
  font-family: "Nexa Book";
  font-style: normal;
  font-weight: 400;
  src: url("/cms/wp-content/themes/dianomi/fonts/Nexa-Book/font.woff2") format("woff2"), url("/cms/wp-content/themes/dianomi/fonts/Nexa-Book/font.woff") format("woff");
}

@font-face {
  font-display: fallback;
  font-family: "Nexa Book";
  font-style: italic;
  font-weight: 400;
  src: url("/cms/wp-content/themes/dianomi/fonts/Nexa-BookItalic/font.woff2") format("woff2"), url("/cms/wp-content/themes/dianomi/fonts/Nexa-BookItalic/font.woff") format("woff");
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  max-width: 90rem;
}

.container--fullwidth {
  max-width: none;
}

@media (min-width: 1440px) {
  .container--fullwidth {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.row--margin-bottom {
  margin-bottom: 2rem;
}

.row--margin-bottom:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .row--margin-bottom {
    margin-bottom: 3rem;
  }
}

@media (min-width: 1200px) {
  .row--margin-bottom {
    margin-bottom: 6rem;
  }
}

/*
Adjust gutters at each breakpoint
*/
/*
helpers
*/
.align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

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

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

.justify-content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@-webkit-keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.image-fade-in {
  -webkit-animation-name: fade_in;
  animation-name: fade_in;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.no-js .js-lazyload-image {
  display: none;
}

.site-link {
  color: inherit;
  display: block;
}

.site-link:focus, .site-link:hover {
  color: inherit;
}

.site-logo {
  display: block;
  fill: currentColor;
  height: 30px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  width: 191px;
}

.site-logo--small {
  height: 54px;
  width: 58px;
}

@media (min-width: 1200px) {
  .site-logo {
    height: 50px;
    width: 318px;
  }
  .site-logo--small {
    height: 78px;
    width: 82px;
  }
}

.menu {
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 1.2;
  list-style: none;
  margin-bottom: 2rem;
  padding-left: 0;
}

.menu__item {
  margin-bottom: 0.625rem;
}

.menu__link {
  display: inline-block;
  padding: 0.375rem 0;
  text-decoration: none;
}

.menu__link:focus, .menu__link:hover {
  color: inherit;
  text-decoration: underline;
}

.modal {
  display: none;
}

.modal.is-open {
  display: block;
}

.modal__overlay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

.modal__container {
  background-color: #000;
  max-width: 100%;
  max-height: 100vh;
  overflow-y: auto;
  padding: 1rem;
  width: 64rem;
}

.modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.modal__close_button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: white;
  border: 0;
  border-radius: 0;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.25rem;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.modal__close_button:focus, .modal__close_button:hover {
  color: #ff7276;
  border-radius: 0;
  outline: 0;
}

/*
transition
*/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.modal .modal__container,
.modal .modal__overlay {
  will-change: transform;
}

.modal[aria-hidden="false"] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden="true"] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.responsive-embed {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.responsive-embed::before {
  display: block;
  content: "";
}

.responsive-embed--16x9::before {
  padding-top: 56.25%;
}

.responsive-embed--4x3::before {
  padding-top: 75%;
}

.responsive-embed--1x1::before {
  padding-top: 100%;
}

.responsive-embed--2x1::before {
  padding-top: 50%;
}

.responsive-embed .responsive-embed__item,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.scroll-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #1d252d;
  border-radius: 50%;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.125rem 0.375rem;
  -webkit-transition: background-color 0.3s, color 0.3s ease;
  transition: background-color 0.3s, color 0.3s ease;
  width: 3rem;
}

.scroll-button:focus, .scroll-button:hover {
  background-color: #1d252d;
  color: #fff;
  outline: none;
}

.scroll-button__label {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.scroll-button__icon {
  height: 1.125rem;
  width: 1.125rem;
}

.skiplinks {
  list-style: none;
  margin: 0;
  padding-left: 0;
  position: relative;
}

.skiplink {
  background: #1d252d;
  clip: rect(0, 0, 0, 0);
  color: #fff;
  display: inline-block;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0.375rem 0.5rem 0.25rem;
  position: absolute;
  right: 0;
  text-decoration: none;
  width: 1px;
  z-index: 150;
}

.skiplink:focus, .skiplink:active {
  clip: auto;
  color: #fff;
  height: auto;
  margin: 1.25rem;
  outline: #1d252d solid 2px;
  overflow: visible;
  width: auto;
}

@media (min-width: 576px) {
  .social--inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.social__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 0.5px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.social__title {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .social__title {
    margin-bottom: 0;
    margin-right: 0.75rem;
  }
}

.social__list__item {
  margin: 0 0.375rem 0 0;
}

.social__list__item:last-child {
  margin-right: 0;
}

@media (min-width: 1200px) {
  .social__list__item {
    margin-right: 1rem;
  }
}

.social__list__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

.social__list__link:focus, .social__list__link:hover {
  color: #74d1ea;
  text-decoration: none;
}

.social__list__link:focus .social__list__label, .social__list__link:hover .social__list__label {
  text-decoration: underline;
}

.social__list--cyan .social__list__link {
  color: #74d1ea;
}

.social__list--cyan .social__list__link:focus, .social__list--cyan .social__list__link:hover {
  color: #ffffff;
}

.social__list__link .icon {
  height: 1.5rem;
  width: 1.5rem;
}

.social__list__label {
  font-size: 0.875rem;
  font-weight: 300;
  padding-left: 0.75rem;
}

.social__list--cyan .social__list__label {
  color: #fff;
}

/*
Variant - vertical
*/
.social__list--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 2rem;
}

.social__list--vertical .social__list__item {
  margin: 0 0 0.75rem 0;
}

/*
Variant - widget
*/
.share-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 2rem;
  position: relative;
}

@media (min-width: 768px) {
  .share-widget {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 0;
  }
}

.share-widget__trigger {
  outline: 0;
  position: relative;
  z-index: 1;
}

[data-share-widget]:focus, [data-share-widget]:hover {
  outline: none;
}

.share-widget__options {
  opacity: 0;
  padding-top: 0.375rem;
  position: absolute;
  left: 0;
  top: 100%;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
}

.share-widget__options.is-open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

@media (min-width: 768px) {
  .share-widget__options {
    left: auto;
    padding-left: 0;
    right: 0;
  }
}

.statistic {
  display: block;
  font-size: 5.625rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1;
}

.statistic em {
  font-style: normal;
  font-size: 3.75rem;
  font-weight: 300;
  letter-spacing: 0;
}

table {
  border-spacing: 0;
  margin: 2rem 0;
  max-width: 100%;
  width: 100%;
}

.table-responsive table {
  max-width: 98%;
}

thead {
  background-color: #ffffff;
}

.table--striped thead {
  background-color: transparent;
}

thead th {
  background-color: #000000;
  color: #fff;
  text-transform: uppercase;
}

tbody th {
  font-weight: 400;
}

tbody tr:hover {
  background-color: rgba(248, 249, 249, 0.05);
}

td,
th {
  border-color: #000000;
  border-style: solid;
  border-width: 0 0 2px 0;
  color: #000000;
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
  font-weight: 400;
  padding: 1rem;
}

@media (min-width: 1200px) {
  td,
  th {
    padding: 1.5rem;
  }
}

.table--striped td, .table--striped
th {
  border: 0;
  border-bottom: 1px solid #1d252d;
}

th {
  font-weight: 600;
}

caption {
  font-weight: 300;
  text-align: left;
}

.table--fixed {
  table-layout: fixed;
}

.table-responsive {
  display: block;
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table__footer {
  margin-bottom: 2rem;
}

@media (min-width: 1200px) {
  .table__footer {
    margin-bottom: 5rem;
  }
}

@media (min-width: 1200px) {
  body {
    font-size: 1.25rem;
  }
}

.article {
  line-height: 1.6;
}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 3.375rem;
  }
}

@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2.125rem;
  }
}

@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.625rem;
  }
}

@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.375rem;
  }
}

@media (min-width: 1200px) {
  h5, .h5 {
    font-size: 1.125rem;
  }
}

@media (min-width: 1200px) {
  h6, .h6 {
    font-size: 1rem;
  }
}

.display-1,
.display-2,
.display-3,
.display-4 {
  margin-top: 2rem;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 3.375rem;
  }
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 2rem;
  }
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 1.625rem;
  }
}

a:hover, a:focus {
  color: #000000;
}

code {
  display: inline-block;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}

ol,
ul,
dl {
  margin-bottom: 2rem;
}

ul {
  list-style-type: square;
}

.unstyled {
  list-style: none;
  padding-left: 0;
}

.lead {
  font-family: "Nexa", sans-serif;
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .lead {
    font-size: 1.625rem;
    margin-bottom: 4rem;
  }
}

.lead--large {
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .lead--large {
    font-size: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .lead--xlarge {
    font-size: 3.75rem;
  }
}

.accordion {
  list-style: none;
  margin: 2rem 0;
  padding-left: 0;
}

@media (min-width: 1200px) {
  .accordion {
    margin: 5rem 0;
  }
}

.accordion__item {
  border-color: #1d252d;
  border-style: solid;
  border-width: 1px 0 0 0;
  overflow: hidden;
}

.accordion__item:last-child {
  border-width: 1px 0;
}

.accordion__item__label {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: inherit;
  display: block;
  font-family: "Nexa", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 1.125rem 3rem 1.125rem 0;
  position: relative;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

@media (min-width: 1200px) {
  .accordion__item__label {
    font-size: 1.375rem;
    padding: 1.5rem 4rem 1.5rem 0;
  }
}

.accordion__item__label[aria-controls]:focus, .accordion__item__label[aria-controls]:hover {
  background-color: #f8f9f9;
  outline: 0;
  text-decoration: none;
}

.accordion__item__label.is-active .accordion__item__icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion__item__sublabel {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 300;
  margin-left: 1rem;
  vertical-align: middle;
}

@media (min-width: 1200px) {
  .accordion__item__sublabel {
    font-size: 1rem;
    margin-left: 4rem;
  }
}

.accordion__item__icon {
  display: block;
  height: 1rem;
  margin-top: -0.625rem;
  pointer-events: none;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 1rem;
}

.accordion__item__panel {
  overflow: hidden;
  -webkit-transition: height 0.1s ease-in;
  transition: height 0.1s ease-in;
}

.js-accordion-enabled .accordion__item__panel {
  height: 0;
}

.accordion__item__panel.is-open {
  height: auto;
  overflow: visible;
}

.accordion__item__content {
  padding: 1rem 0 1.5rem;
}

@media (min-width: 1200px) {
  .accordion__item__content {
    padding-bottom: 3rem;
  }
}

.article-header__media {
  margin: 2rem 0;
}

.article-summary {
  display: block;
  margin: 2rem 0;
}

@media (min-width: 768px) {
  .article-summary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 1200px) {
  .article-summary {
    margin: 4rem 0;
  }
}

@media (min-width: 768px) {
  .article-summary__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  .article-summary__item:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.banner {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.25;
  max-height: 49.0625rem;
  padding: 4rem 0 13rem;
  position: relative;
}

@media (min-width: 992px) {
  .banner {
    padding: 7rem 0 7rem;
  }
}

@media (min-width: 1200px) {
  .banner {
    font-size: 2.25rem;
    padding: 13rem 0;
  }
}

.banner__bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.simpleParallax {
  height: 100%;
}

.banner__parallax {
  background-position: 60% center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.banner__parallax[data-parallax] {
  background-attachment: scroll;
}

.banner__title {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
}

@media (min-width: 992px) {
  .banner__content {
    padding-right: 4rem;
  }
}

@media (min-width: 1200px) {
  .banner__content {
    padding-right: 6rem;
  }
}

.banner__graphic {
  margin: 3rem 0;
  max-width: 7rem;
}

@media (min-width: 992px) {
  .banner__graphic {
    margin: 0 0 0 auto;
    max-width: 15rem;
  }
}

@media (min-width: 1440px) {
  .banner__graphic {
    max-width: 20.375rem;
  }
}

.banner__graphic img {
  display: block;
  width: 100%;
}

.bio-card {
  margin-bottom: 3rem;
  width: 100%;
}

@media (min-width: 1200px) {
  .bio-card {
    margin-bottom: 6rem;
  }
}

.bio-card__media {
  border-radius: 50%;
  overflow: hidden;
  width: 12.5rem;
}

.bio-card__embed {
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

.bio-card__image {
  border-radius: 50%;
  bottom: 0;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}

.bio-card__content {
  padding-top: 2.125rem;
}

.bio-card__footer {
  width: 100%;
}

.bio-card__name {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  text-transform: none;
}

@media (min-width: 1200px) {
  .bio-card__name {
    font-size: 2.375rem;
    margin-bottom: 1.5rem;
  }
}

.bio-card__jobtitle {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 1rem;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .bio-card__jobtitle {
    margin-bottom: 2rem;
  }
}

.bio-card__contact {
  margin-bottom: 1rem;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.bio-card__contact__item {
  margin-bottom: 1rem;
}

@media (min-width: 1200px) {
  .bio-card__contact__item {
    margin-bottom: 1.5rem;
  }
}

/*
variant
*/
.bio-card--small {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .bio-card--small {
    margin-bottom: 3rem;
  }
}

.bio-card--small .bio-card__content {
  padding-top: 0.375rem;
}

.bio-card--small .bio-card__name {
  font-size: 1.375rem;
  margin-bottom: 0.375rem;
}

@media (min-width: 768px) {
  .bio-card--large {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  .bio-card--large {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media (min-width: 768px) {
  .bio-card--large .bio-card__media {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 768px) {
  .bio-card--large .bio-card__content {
    padding-left: 2rem;
    padding-top: 0;
    width: calc(100% - 200px);
  }
}

@media (min-width: 992px) {
  .bio-card--large .bio-card__content {
    padding-left: 4rem;
    padding-right: 4rem;
    width: auto;
  }
}

@media (min-width: 1200px) {
  .bio-card--large .bio-card__content {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.breadcrumb {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 2rem;
  padding: 0;
}

.breadcrumb__item {
  border-color: #000;
  border-style: solid;
  border-width: 0 0 1px 0;
  color: inherit;
  font-size: 0.625rem;
  font-weight: 300;
  line-height: 1;
  padding: 0.75rem 2rem 0.75rem 0;
  position: relative;
  text-transform: uppercase;
}

.bg--black .breadcrumb__item {
  border-color: #fff;
}

@media (min-width: 992px) {
  .breadcrumb__item {
    font-size: 0.75rem;
    padding-right: 4rem;
  }
}

.breadcrumb__item::after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cpath d='M31.349 16.5l-14.849-14.849-2.407 2.407 12.442 12.443-12.442 12.441 2.407 2.407z'%3E%3C/path%3E%3C/svg%3E");
  background-size: cover;
  content: '';
  display: block;
  font-size: 0.875rem;
  height: 1rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  -webkit-transform: translate3D(0, -50%, 0);
  transform: translate3D(0, -50%, 0);
  width: 1rem;
}

@media (min-width: 992px) {
  .breadcrumb__item::after {
    right: 1.5rem;
  }
}

.bg--black .breadcrumb__item::after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M31.349 16.5l-14.849-14.849-2.407 2.407 12.442 12.443-12.442 12.441 2.407 2.407z'%3E%3C/path%3E%3C/svg%3E%0A");
}

.breadcrumb__item:last-child {
  border-width: 1px;
  font-weight: 600;
  margin-right: 0;
  margin-top: -1px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.breadcrumb__item:last-child::after {
  content: none;
}

@media (min-width: 992px) {
  .breadcrumb__item:last-child {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.breadcrumb__link {
  display: block;
  text-decoration: none;
}

.breadcrumb__link:focus, .breadcrumb__link:hover {
  color: inherit;
  text-decoration: underline;
}

.card {
  border: 1px solid #000;
  height: 22.5rem;
  margin: 0 auto 2rem auto;
  max-width: 20rem;
  position: relative;
  width: 100%;
}

@media (min-width: 1200px) {
  .card {
    height: 35rem;
    margin-bottom: 3rem;
    max-width: 32rem;
  }
}

.card::before {
  border-color: inherit;
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: '';
  display: block;
  height: 1.25rem;
  position: absolute;
  right: 100%;
  top: 100%;
  width: 1.25rem;
}

.card--small {
  height: 10.25rem;
}

@media (min-width: 1200px) {
  .card--small {
    height: 16rem;
  }
}

.card--nav {
  border-color: #fff;
  border-width: 0 0 0 1px;
  height: auto;
  max-height: 12rem;
  margin-bottom: 0;
}

.card--nav::before {
  content: none;
}

.card__link {
  background: transparent;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  text-decoration: none;
  -webkit-transition: background-color 0.4s, color 0.4s ease;
  transition: background-color 0.4s, color 0.4s ease;
}

.card__link:focus, .card__link:hover {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.card__link:focus .card__icon, .card__link:hover .card__icon {
  opacity: 0.6;
}

.card__link:focus .card__image, .card__link:hover .card__image {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.card__link:focus .card__title__icon, .card__link:hover .card__title__icon {
  -webkit-transform: translate3d(3px, -3px, 0);
  transform: translate3d(3px, -3px, 0);
}

.card__link:focus {
  outline: 0;
}

.card__icon {
  display: block;
  fill: white;
  height: 4rem;
  left: 1.25rem;
  opacity: 0.3;
  position: absolute;
  top: 1.25rem;
  width: 4rem;
}

@media (min-width: 992px) {
  .card__icon {
    left: 1.875rem;
    top: 1.875rem;
  }
}

.card__icon--video {
  fill: white;
  opacity: 0.8;
}

.card__media {
  margin: 1.5rem 0 0 1.5rem;
  position: relative;
}

@media (min-width: 1200px) {
  .card__media {
    margin: 2rem 0 0 2rem;
  }
}

@media (min-width: 1440px) {
  .card__media {
    margin: 2.5rem 0 0 2.5rem;
  }
}

.card__embed {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.card__image {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  width: 100%;
  will-change: transform;
}

.card__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1rem 1.5rem;
}

@media (min-width: 1200px) {
  .card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 1200px) {
  .card__body {
    padding: 2rem;
  }
}

@media (min-width: 1440px) {
  .card__body {
    padding-left: 2.5rem;
  }
}

.card--nav .card__body {
  padding: 0 0 0 1.5rem;
}

@media (min-width: 1440px) {
  .card--nav .card__body {
    padding-left: 4rem;
  }
}

.card__header {
  margin-bottom: 1.5rem;
}

.card__header:last-child {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .card__header {
    margin-bottom: 3rem;
  }
}

.card__title {
  font-weight: 300;
  font-size: 1.125rem;
  letter-spacing: 0.2px;
  line-height: 1.2;
  margin-bottom: 0;
  text-transform: none;
}

@media (min-width: 1200px) {
  .card__title {
    font-size: 1.375rem;
  }
}

@media (min-width: 1440px) {
  .card__title {
    font-size: 1.625rem;
  }
}

.card__title a {
  text-decoration: none;
}

.card__title a:focus, .card__title a:hover {
  color: #ff7276;
}

.card__title__icon {
  height: 1rem;
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 1rem;
}

.card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1.5rem;
}

@media (min-width: 1200px) {
  .card__footer {
    margin-top: auto;
  }
  .card--nav .card__footer {
    margin-top: 1.5rem;
  }
}

.card--nav .card__link:focus .card__title, .card--nav .card__link:hover .card__title {
  text-decoration: underline;
}

/*
meta
*/
.meta {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

@media (min-width: 768px) {
  .meta {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .meta {
    margin-bottom: 3rem;
  }
}

.card .meta {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  width: 100%;
}

.meta__item {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.4px;
  margin-bottom: 1rem;
  margin-right: 2rem;
  text-transform: uppercase;
}

@media (min-width: 1440px) {
  .meta__item {
    font-size: 1rem;
  }
}

@media (min-width: 576px) {
  .meta__item {
    margin-bottom: 0;
  }
}

.card .meta__item {
  margin-right: 0;
}

.meta__item--bold {
  font-weight: 600;
}

/*
audio
*/
audio {
  height: 32px;
  max-width: 100%;
}

.card-group {
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .card-group {
    margin: 0 -1.5rem;
    width: auto;
  }
}

.card-group__sizer,
.card-group__item {
  width: 100%;
}

@media (min-width: 768px) {
  .card-group__sizer,
  .card-group__item {
    padding: 0 1.5rem;
    width: 50%;
  }
}

@media (min-width: 992px) {
  .card-group__sizer,
  .card-group__item {
    width: calc(100% / 3);
  }
}

/*
Animation
*/
.flickity-page-dots {
  bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  position: static;
  right: auto;
  width: auto;
}

.flickity-page-dots .dot {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 0;
  height: 0.875rem;
  margin: 0 0 0 0.875rem;
  opacity: 1;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  width: 0.875rem;
}

.flickity-page-dots .dot:focus, .flickity-page-dots .dot:hover, .flickity-page-dots .dot.is-selected {
  background-color: #000;
}

.bg--black .flickity-page-dots .dot,
.carousel--hero .flickity-page-dots .dot,
.carousel--promo .flickity-page-dots .dot {
  border-color: #fff;
}

.bg--black .flickity-page-dots .dot:focus, .bg--black .flickity-page-dots .dot:hover, .bg--black .flickity-page-dots .dot.is-selected,
.carousel--hero .flickity-page-dots .dot:focus,
.carousel--hero .flickity-page-dots .dot:hover,
.carousel--hero .flickity-page-dots .dot.is-selected,
.carousel--promo .flickity-page-dots .dot:focus,
.carousel--promo .flickity-page-dots .dot:hover,
.carousel--promo .flickity-page-dots .dot.is-selected {
  background-color: #fff;
}

.carousel {
  overflow: hidden;
  padding-bottom: 4rem;
  position: relative;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .carousel {
    padding-bottom: 5rem;
  }
}

.carousel__cell {
  overflow: hidden;
  width: 100%;
}

.carousel__playpause .icon--play {
  display: none;
}

.carousel__playpause.is-paused .icon--play {
  display: block;
}

.carousel__playpause.is-paused .icon--pause {
  display: none;
}

.carousel__controls {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem;
  position: absolute;
  width: 100%;
}

.carousel__nav {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-left: 0;
  pointer-events: all;
  margin-bottom: 0;
}

.carousel__nav li:first-child .carousel__button {
  margin-left: 0;
}

.carousel__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0.75rem;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  width: 3rem;
}

.carousel__button:focus, .carousel__button:hover {
  background-color: #000;
  color: #fff;
  outline: 0;
}

@media (min-width: 1200px) {
  .carousel__button {
    height: 3.5rem;
    margin-left: 1.5rem;
    width: 3.5rem;
  }
}

.carousel__button--hidden {
  display: none;
}

.carousel__button .icon {
  height: 1.125rem;
  width: 1.125rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.bg--black .carousel__button,
.carousel--hero .carousel__button,
.carousel--promo .carousel__button {
  color: #fff;
  border-color: #fff;
}

.carousel__button[data-carousel-prev]:focus .icon, .carousel__button[data-carousel-prev]:hover .icon {
  -webkit-transform: translate3d(-4px, 0, 0);
  transform: translate3d(-4px, 0, 0);
}

.carousel__button[data-carousel-next]:focus .icon, .carousel__button[data-carousel-next]:hover .icon {
  -webkit-transform: translate3d(4px, 0, 0);
  transform: translate3d(4px, 0, 0);
}

/*
* Variation - Heros
*/
.carousel--promo {
  padding-bottom: 4rem;
  background-color: #000;
}

@media (min-width: 992px) {
  .carousel--promo {
    padding-bottom: 0;
  }
}

@media (min-width: 992px) {
  .carousel--promo .carousel__controls {
    max-width: 90rem;
    margin: 0 auto;
    right: 0;
  }
}

/*
* Variation - Heros
*/
.carousel--hero {
  padding-bottom: 4rem;
  background-color: #000;
}

@media (min-width: 992px) {
  .carousel--hero {
    padding-bottom: 0;
  }
  .carousel--hero::before {
    background-color: #fff;
    bottom: 0;
    content: '';
    display: block;
    left: 65%;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .carousel--hero .carousel__controls {
    left: auto;
    max-width: 45rem;
    right: 50%;
    width: 50%;
  }
}

@media (min-width: 1600px) {
  .carousel--hero .carousel__controls {
    padding: 0 3rem 3rem 1.25rem;
  }
}

.carousel--hero .hero {
  background-color: transparent;
}

.carousel--hero .hero__content,
.carousel--hero .hero__media {
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transform: translate3d(64px, 0, 0);
  transform: translate3d(64px, 0, 0);
}

.carousel--hero .hero__content::before,
.carousel--hero .hero__media::before {
  content: none;
}

.carousel--hero .hero__content {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.carousel--hero .carousel__cell.is-selected .hero__content,
.carousel--hero .carousel__cell.is-selected .hero__media {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*
* Variation - Cards
*/
.carousel--cards {
  padding-bottom: 4rem;
}

@media (min-width: 768px) {
  .carousel--cards {
    overflow: visible;
  }
}

@media (min-width: 992px) {
  .carousel--cards {
    padding-left: 2.5rem;
    margin-right: -1.5rem;
  }
}

@media (min-width: 1200px) {
  .carousel--cards {
    margin-right: -2rem;
    padding-left: 7rem;
  }
}

@media (min-width: 768px) {
  .carousel--cards .carousel__cell {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .carousel--cards .carousel__cell {
    width: calc(100% / 3);
  }
}

@media (min-width: 992px) {
  .carousel--cards .carousel__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 992px) {
  .carousel--cards .carousel__button {
    margin-bottom: 1.5rem;
    margin-left: 0;
  }
}

.carousel--cards .carousel__controls {
  background-image: none;
  padding: 0;
}

@media (min-width: 992px) {
  .carousel--cards .carousel__controls {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    top: 0;
    width: auto;
  }
}

/*
* Variations - logos
*/
.logo-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.logo-group__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  width: 50%;
}

@media (min-width: 576px) {
  .logo-group__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    width: 25%;
  }
}

.logo-group__link {
  display: block;
}

.logo-group__image {
  display: block;
  margin: 0 auto;
  width: 15.625rem;
}

/*
* Variations - article xl
*/
/*
* Responsive styles top disable carousel at certain width
*/
.carousel::after {
  content: 'flickity';
  display: none;
}

@media (min-width: 768px) {
  .carousel--disable-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px;
  }
  .carousel--disable-md::after {
    content: '';
  }
  .carousel--disable-md .carousel__cell {
    padding: 0 0.75rem;
  }
}

@media (min-width: 992px) {
  .carousel--disable-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px;
  }
  .carousel--disable-lg::after {
    content: '';
  }
  .carousel--disable-lg .carousel__cell {
    padding: 0 0.75rem;
  }
}

.content-block {
  margin-bottom: 3rem;
}

@media (min-width: 992px) {
  .content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 1200px) {
  .content-block {
    margin-bottom: 5rem;
  }
}

@media (min-width: 768px) {
  .content-block--horizontal {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.content-block__title {
  display: block;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.content-block__media {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .content-block--horizontal .content-block__media {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
  }
}

@media (min-width: 768px) {
  .content-block--horizontal .content-block__body {
    -webkit-box-flex: 3;
    -ms-flex: 3 0 75%;
    flex: 3 0 75%;
  }
}

.content-block__image {
  display: block;
}

.content-block__footer {
  margin-top: 1.5rem;
}

.cta-block {
  margin-bottom: 1.5rem;
  padding: 1.5rem 0;
}

@media (min-width: 576px) {
  .cta-block {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3rem 0;
  }
}

@media (min-width: 992px) {
  .cta-block {
    height: calc(100% - 24px);
  }
}

@media (min-width: 1200px) {
  .cta-block {
    padding: 4rem 0;
  }
}

.cta-block__media {
  padding-left: 1.5rem;
}

@media (min-width: 576px) {
  .cta-block__media {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33%;
    flex: 1 0 33%;
  }
}

.cta-block__content {
  padding: 1.5rem;
}

@media (min-width: 576px) {
  .cta-block__content {
    -webkit-box-flex: 2;
    -ms-flex: 2 0 67%;
    flex: 2 0 67%;
    padding: 0 1.5rem;
  }
}

@media (min-width: 1200px) {
  .cta-block__content {
    padding: 0 4rem 0 0;
  }
}

.cta-block__image {
  display: block;
  margin: 0 auto;
  width: 8rem;
}

.cta-block__title {
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.device-tabs__controls {
  position: relative;
}

.device-tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  overflow: hidden;
  padding: 0;
}

.device-tabs__list__item {
  margin: 0 1.5rem 0 0;
}

@media (min-width: 576px) {
  .device-tabs__list__item {
    margin-right: 3rem;
  }
}

@media (min-width: 1200px) {
  .device-tabs__list__item {
    margin-right: 4rem;
  }
}

@media (min-width: 768px) {
  .device-tabs__controls--small .device-tabs__list__item {
    margin: 0 0 0.5rem 0;
    width: 50%;
  }
}

@media (min-width: 992px) {
  .device-tabs__controls--small .device-tabs__list__item {
    margin: 0 0 1rem 0;
  }
}

@media (min-width: 1440px) {
  .device-tabs__controls--small .device-tabs__list__item {
    margin: 0 0 1.25rem 0;
    width: calc(100% / 3);
  }
}

.device-tabs__link {
  border-bottom: 6px solid transparent;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  opacity: 0.4;
  padding: 0.875rem 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s, color 0.2s ease;
  transition: background-color 0.2s, color 0.2s ease;
}

.device-tabs__link[aria-selected], .device-tabs__link:focus {
  border-color: #000;
  outline: 0;
  opacity: 1;
  text-decoration: none;
}

.device-tabs__link:not([aria-selected]):hover {
  border-color: #f8f9f9;
  opacity: 1;
  text-decoration: none;
}

.device-tabs__controls--small .device-tabs__link {
  border: 0;
  padding: 0 0.5rem 0 0;
  text-align: left;
}

.device-tabs__link__icon {
  margin-right: 0.5rem;
  max-width: 3rem;
}

/*
device frame
*/
.device-frame {
  position: relative;
  max-width: 45rem;
}

.device-frame__embed {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.device-tabs--no-frame .device-frame__embed {
  padding-bottom: 100%;
}

.device-frame__inner {
  bottom: 10%;
  top: 16%;
  left: 13.5%;
  right: 13%;
  position: absolute;
}

.device-tabs--no-frame .device-frame__inner {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.filter__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (min-width: 768px) {
  .filter__group {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.filter__group__item {
  border: 1px solid #000;
  margin-bottom: 1.5rem;
  margin-right: 1.5rem;
  padding: 0.25rem 0.625rem;
}

@media (min-width: 768px) {
  .filter__group__item {
    margin-left: 2rem;
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .filter__group__item {
    margin-left: 2.5rem;
    padding: 0.5rem 1rem;
  }
}

.filter__group__item .field {
  margin-bottom: 0;
}

.footer {
  position: relative;
}

.footer__inner {
  border-top: 1px solid #000;
  padding: 3rem 0;
}

@media (min-width: 1200px) {
  .footer__inner {
    padding: 5rem 0;
  }
}

.footer__title {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .footer__title {
    margin-bottom: 2rem;
  }
}

.footer__brand {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .footer__brand {
    display: block;
  }
}

.footer__brand small {
  font-size: 0.75rem;
  letter-spacing: 1px;
}

.footer__brand a:focus, .footer__brand a:hover {
  color: #ff7276;
}

.footer__brand__logo {
  margin-bottom: 2rem;
}

@media (min-width: 1200px) {
  .footer__brand__logo {
    margin-bottom: 4rem;
  }
}

.footer__brand__content {
  padding-left: 1rem;
}

@media (min-width: 768px) {
  .footer__brand__content {
    padding-left: 0;
  }
}

.footer__copyright {
  display: block;
}

.subscribe-group {
  background: #1d252d;
  margin: 2rem 0;
  max-width: 40rem;
}

@media (min-width: 576px) {
  .subscribe-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  .subscribe-group {
    margin-top: 0;
  }
}

.subscribe-group__item .field {
  margin-bottom: 0;
}

.subscribe-group__item .field__control {
  padding-left: 1rem;
}

@media (min-width: 576px) {
  .subscribe-group__item {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
}

.subscribe-group__item--button {
  padding: 0 1rem;
}

@media (min-width: 576px) {
  .subscribe-group__item--button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.header {
  background-color: #fff;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 50;
  width: 100vw;
}

@media (min-width: 992px) {
  .header {
    width: 100%;
  }
}

.header__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem;
}

@media (min-width: 992px) {
  .header__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 10rem;
    margin: 0 auto;
    max-width: 90rem;
    padding: 0 0 0 1.5rem;
  }
}

.header__brand {
  position: relative;
  z-index: 1;
}

@media (min-width: 992px) {
  .header__brand {
    margin-bottom: 2.8125rem;
  }
}

.header__navbar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 992px) {
  .header__navbar {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}

.header__navbar__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}

@media (min-width: 1139px) {
  .header__navbar__control {
    margin-left: 3rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    z-index: 1;
  }
}

.header__topbar {
  display: none;
}

@media (min-width: 992px) {
  .header__topbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: 0;
    max-width: 90rem;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media (min-width: 992px) {
  .header__topbar__inner {
    background-color: #000;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1rem;
  }
}

/*
headroom.js styles
*/
.header--headroom {
  position: fixed;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  will-change: transform;
}

.header--not-top::before {
  background-color: #ffffff;
}

.header--pinned {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.header--unpinned {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.hero__inner {
  margin: 0 auto;
  max-width: 90rem;
  width: 100%;
}

@media (min-width: 992px) {
  .hero__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 3.5rem 0;
    position: relative;
  }
}

@media (min-width: 1440px) {
  .hero__inner {
    min-height: 35.125rem;
  }
}

@media (min-width: 992px) {
  .hero__content,
  .hero__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}

.hero__content {
  padding: 2rem 1.5rem;
}

@media (min-width: 992px) {
  .hero__content {
    padding: 3rem 3rem 0 1.5rem;
  }
}

@media (min-width: 992px) {
  .hero__media {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .hero__media::before {
    background-color: #fff;
    bottom: 0;
    content: '';
    display: block;
    left: 65%;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

@media (min-width: 1600px) {
  .hero__media {
    margin-right: -5%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    width: 60%;
  }
}

.hero__embed {
  padding-bottom: 75%;
  position: relative;
  width: 100%;
}

.hero__embed__image {
  bottom: 0;
  left: 50%;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .hero__embed__image {
    height: 100%;
    left: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    -webkit-transform: none;
    transform: none;
    width: 100%;
  }
}

.hero__subtitle {
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 1.45px;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

@media (min-width: 1440px) {
  .hero__subtitle {
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}

.hero__title {
  font-weight: 600;
  font-size: 2rem;
  letter-spacing: 0.45px;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .hero__title {
    font-size: 2.25rem;
    letter-spacing: 1.75px;
  }
}

@media (min-width: 1200px) {
  .hero__title {
    font-size: 3.375rem;
  }
}

/*
Animation
*/
.job {
  border: 1px solid #000;
  margin: 2rem 0;
  padding: 1.5rem;
}

@media (min-width: 992px) {
  .job {
    margin: 0 0 5rem 0;
  }
}

@media (min-width: 1200px) {
  .job {
    padding: 2.5rem 2.5rem 1.5rem 2.5rem;
  }
}

.job__title {
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .job__links {
    padding-left: 2rem;
  }
}

.location {
  border-top: 1px solid #000;
  margin-bottom: 1.5rem;
  padding-top: 3rem;
}

@media (min-width: 992px) {
  .location {
    margin-bottom: 0;
  }
}

.map-container {
  margin-top: 3rem;
}

@media (min-width: 768px) {
  .map-container {
    margin-top: 0;
  }
}

.map {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.map__embed {
  background-color: #f8f9f9;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.nav-container {
  background-color: #000000;
  color: #ffffff;
  height: 100vh;
  left: 0;
  overflow: hidden;
  padding: 7rem 0 0 2rem;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  z-index: 1;
}

.nav-container.is-open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media (min-width: 992px) {
  .nav-container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: transparent;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5rem;
    left: auto;
    overflow: visible;
    padding: 0;
    position: static;
    right: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    z-index: 2;
  }
  .nav-container.is-open {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
  }
}

.nav-container__inner {
  height: 100%;
  overflow-y: auto;
  padding-bottom: 2rem;
}

@media (min-width: 992px) {
  .nav-container__inner {
    height: auto;
    overflow: visible;
    padding-bottom: 0;
  }
}

.nav-container__footer {
  margin: 3rem 0 1.5rem;
}

@media (min-width: 992px) {
  .nav-container__footer {
    display: none;
  }
}

.nav__outer {
  background-color: #000;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  padding: 7rem 0 0 2rem;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  width: 100%;
  z-index: 2;
}

.nav__outer.is-open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media (min-width: 992px) {
  .nav__outer {
    bottom: auto;
    display: block;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    top: 10rem;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity 0.3s, visibility 0.3s ease;
    transition: opacity 0.3s, visibility 0.3s ease;
    visibility: hidden;
  }
  .nav__outer.is-open {
    opacity: 1;
    visibility: visible;
    z-index: 2;
  }
}

.nav__inner {
  padding: 0.5rem 0;
}

@media (min-width: 992px) {
  .nav__inner {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 90rem;
    opacity: 0;
    padding: 4rem 1.5rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.1s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.1s ease;
    transition: opacity 0.2s ease, transform 0.1s ease;
    transition: opacity 0.2s ease, transform 0.1s ease, -webkit-transform 0.1s ease;
  }
  .is-open .nav__inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@media (min-width: 1440px) {
  .nav__inner {
    padding-bottom: 4rem;
    padding-top: 5rem;
  }
}

@media (min-width: 992px) {
  .nav__inner__cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.nav {
  border-top: 1px solid #fff;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

@media (min-width: 992px) {
  .nav {
    border-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.nav--utility {
  border-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
}

@media (min-width: 992px) {
  .nav--utility {
    margin-left: 1rem;
    margin-bottom: 0;
    padding: 0.75rem 0 0.75rem 0.75rem;
  }
}

.nav__item {
  border-bottom: 1px solid #fff;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .nav__item {
    border-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.nav__item--utility {
  border: 0;
}

@media (min-width: 992px) {
  .nav__item--sub {
    display: block;
    max-width: calc(100% / 3);
    padding-right: 4rem;
  }
}

.nav__item--card {
  display: none;
}

@media (min-width: 992px) {
  .nav__item--card {
    display: block;
  }
}

.nav__item__summary {
  display: none;
}

@media (min-width: 992px) {
  .nav__item__summary {
    display: block;
    font-weight: 300;
    margin-top: 1rem;
  }
}

@media (min-width: 992px) {
  .nav__item__footer {
    margin-top: auto;
  }
}

.nav__title {
  color: #fff;
  font-family: "Nexa", sans-serif;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .nav__title {
    display: none;
  }
}

.nav__link {
  display: block;
  font-family: "Nexa", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.1;
  padding: 1.375rem 5rem 1.375rem 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 0.3s,  color 0.3s ease;
  transition: background-color 0.3s,  color 0.3s ease;
}

@media (min-width: 992px) {
  .nav__link {
    font-size: 1.25rem;
    margin-bottom: 0;
    padding: 1rem 0.75rem 2.625rem;
  }
  .nav__link::before {
    background-color: #000;
    bottom: 2rem;
    content: '';
    display: block;
    height: 0.25rem;
    left: 1rem;
    position: absolute;
    right: 1rem;
    -webkit-transition: width 0.3s, opacity 0.3s ease;
    transition: width 0.3s, opacity 0.3s ease;
    width: 0;
    will-change: width;
  }
}

@media (min-width: 1200px) {
  .nav__link {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.nav__link:focus, .nav__link:hover {
  border-bottom-color: #ffffff;
  color: inherit;
  outline: 0;
  text-decoration: none;
}

@media (min-width: 992px) {
  .nav__link:focus::before, .nav__link:hover::before {
    width: calc(100% - 32px);
  }
}

@media (min-width: 992px) {
  .nav__link.is-current::before {
    width: calc(100% - 32px);
  }
}

@media (min-width: 992px) {
  .nav__link.is-active {
    background-color: #000;
    color: #fff;
  }
}

.nav__link--sub {
  text-transform: none;
}

@media (min-width: 992px) {
  .nav__link--sub {
    display: inline-block;
    font-size: 2rem;
    padding: 0;
  }
  .nav__link--sub::before {
    content: none;
  }
  .nav__link--sub:focus::before, .nav__link--sub:hover::before {
    opacity: 1;
    width: auto;
  }
}

.nav__link--utility {
  font-size: 1.125rem;
  text-transform: none;
}

@media (min-width: 992px) {
  .nav__link--utility {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
    text-transform: uppercase;
  }
  .nav__link--utility:not(.bg--cyan):focus, .nav__link--utility:not(.bg--cyan):hover {
    color: #74d1ea;
  }
}

@media (min-width: 992px) {
  .nav__link--open {
    cursor: default;
  }
  .nav__link--open:focus, .nav__link--open:hover {
    border-color: transparent;
  }
  .nav__link--open + .nav__outer {
    max-height: none;
    opacity: 1;
    visibility: visible;
    z-index: 2;
  }
}

.nav__icon {
  fill: #ffffff;
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

@media (min-width: 992px) {
  .nav__icon {
    display: none;
  }
}

/*
colour themes
*/
.nav__item--black .nav__link::before {
  background-color: #000000;
}

.nav__item--black .nav__link--sub {
  color: #000000;
}

@media (min-width: 992px) {
  .nav__item--black .nav__link--sub:focus, .nav__item--black .nav__link--sub:hover {
    color: #fff;
  }
}

.nav__item--white .nav__link::before {
  background-color: #ffffff;
}

.nav__item--white .nav__link--sub {
  color: #ffffff;
}

@media (min-width: 992px) {
  .nav__item--white .nav__link--sub:focus, .nav__item--white .nav__link--sub:hover {
    color: #fff;
  }
}

.nav__item--dark_grey .nav__link::before {
  background-color: #1d252d;
}

.nav__item--dark_grey .nav__link--sub {
  color: #1d252d;
}

@media (min-width: 992px) {
  .nav__item--dark_grey .nav__link--sub:focus, .nav__item--dark_grey .nav__link--sub:hover {
    color: #fff;
  }
}

.nav__item--light_grey .nav__link::before {
  background-color: #f8f9f9;
}

.nav__item--light_grey .nav__link--sub {
  color: #f8f9f9;
}

@media (min-width: 992px) {
  .nav__item--light_grey .nav__link--sub:focus, .nav__item--light_grey .nav__link--sub:hover {
    color: #fff;
  }
}

.nav__item--rubine .nav__link::before {
  background-color: #ff7276;
}

.nav__item--rubine .nav__link--sub {
  color: #ff7276;
}

@media (min-width: 992px) {
  .nav__item--rubine .nav__link--sub:focus, .nav__item--rubine .nav__link--sub:hover {
    color: #fff;
  }
}

.nav__item--yellow .nav__link::before {
  background-color: #ffe900;
}

.nav__item--yellow .nav__link--sub {
  color: #ffe900;
}

@media (min-width: 992px) {
  .nav__item--yellow .nav__link--sub:focus, .nav__item--yellow .nav__link--sub:hover {
    color: #fff;
  }
}

.nav__item--green .nav__link::before {
  background-color: #44d62c;
}

.nav__item--green .nav__link--sub {
  color: #44d62c;
}

@media (min-width: 992px) {
  .nav__item--green .nav__link--sub:focus, .nav__item--green .nav__link--sub:hover {
    color: #fff;
  }
}

.nav__item--cyan .nav__link::before {
  background-color: #74d1ea;
}

.nav__item--cyan .nav__link--sub {
  color: #74d1ea;
}

@media (min-width: 992px) {
  .nav__item--cyan .nav__link--sub:focus, .nav__item--cyan .nav__link--sub:hover {
    color: #fff;
  }
}

.nav-toggle {
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  padding: 0;
  position: relative;
  -webkit-transition: color 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: color 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.nav-toggle:focus, .nav-toggle:hover {
  outline: 0;
}

.nav-toggle__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  position: relative;
  width: 32px;
}

.nav-toggle__icon__inner {
  background-color: #1d252d;
  display: block;
  position: relative;
}

.is-active .nav-toggle__icon__inner {
  background-color: #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.nav-toggle__icon__inner, .nav-toggle__icon__inner::before, .nav-toggle__icon__inner::after {
  height: 2px;
  -webkit-transition: -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  width: 32px;
}

.nav-toggle__icon__inner::before, .nav-toggle__icon__inner::after {
  background-color: inherit;
  content: "";
  display: block;
  position: absolute;
}

.nav-toggle__icon__inner::before {
  top: -8px;
  -webkit-transition: top 75ms ease .12s, opacity 75ms ease;
  transition: top 75ms ease .12s, opacity 75ms ease;
}

.is-active .nav-toggle__icon__inner::before {
  opacity: 0;
  top: 0;
  -webkit-transition: top 75ms ease, opacity 75ms ease .12s;
  transition: top 75ms ease, opacity 75ms ease .12s;
}

.nav-toggle__icon__inner::after {
  bottom: -8px;
  -webkit-transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.is-active .nav-toggle__icon__inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
}

/*
* Button Nav open/close
*/
.nav-toggle--sub {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 1.5rem;
  width: 2rem;
}

.nav-toggle--sub .icon {
  height: 1.125rem;
  width: 1.125rem;
}

@media (min-width: 992px) {
  .nav-toggle--sub {
    display: none;
  }
}

.nav-toggle--close {
  display: none;
}

.nav-toggle--close:focus, .nav-toggle--close:hover {
  color: #74d1ea;
}

@media (min-width: 1139px) {
  .nav-toggle--close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 2rem;
    position: absolute;
    top: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .nav-toggle--close {
    top: 1.875rem;
  }
}

/*
Mobile/Desktop icons
*/
@media (min-width: 1139px) {
  .nav-toggle__mobile {
    display: none;
  }
}

.nav-toggle__desktop {
  display: none;
}

@media (min-width: 1139px) {
  .nav-toggle__desktop {
    display: block;
  }
}

.quick-links {
  bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-left: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  position: fixed;
  right: 0.75rem;
  z-index: 1;
}

@media (min-width: 768px) {
  .quick-links {
    bottom: auto;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}

.quick-links__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 0.5rem;
  overflow: hidden;
  padding: 0 0.375rem;
}

@media (min-width: 768px) {
  .quick-links__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 1rem;
  }
}

.quick-links__button {
  background-color: #000;
  color: #44d62c;
  display: block;
  font-size: 1.0625rem;
  font-weight: 700;
  padding: 0.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: max-width 0.6s ease;
  transition: max-width 0.6s ease;
}

.quick-links__button:focus, .quick-links__button:hover {
  color: #44d62c;
  text-decoration: none;
}

.quick-links__button:focus .quick-links__label, .quick-links__button:hover .quick-links__label {
  color: #44d62c;
}

.quick-links__button:focus, .quick-links__button:hover {
  max-width: 300px;
}

@media (min-width: 768px) {
  .quick-links__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 1rem;
    max-width: 4rem;
  }
  .quick-links__button:focus .quick-links__label, .quick-links__button:hover .quick-links__label {
    opacity: 1;
  }
}

.quick-links__label {
  color: #fff;
  display: none;
  margin-top: 1rem;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .quick-links__label {
    display: block;
    margin-left: 1rem;
    margin-top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
  }
}

.quick-links__icon {
  width: 2rem;
}

@media (min-width: 768px) {
  .quick-links__icon {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 32px;
    flex: 1 0 32px;
  }
}

.panel {
  margin: 0 -1.5rem;
}

@media (min-width: 768px) {
  .panel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.panel + .panel {
  padding-top: 0;
}

.panel__content,
.panel__media {
  padding-right: 24px;
  padding-left: 24px;
}

@media (min-width: 768px) {
  .panel__content,
  .panel__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .panel--reverse .panel__media {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.panel__title {
  font-size: 1.625rem;
  font-weight: 700;
}

@media (min-width: 992px) {
  .panel__title {
    font-size: 3.125rem;
  }
}

/*
Animation
*/
@media (min-width: 992px) {
  [data-section-animate='panel'] .panel__content {
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  [data-section-animate='panel'] .panel__media {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }
  [data-section-animate='panel'].panel--reverse .panel__media {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  [data-section-animate='panel'].animate-in .panel__content {
    opacity: 1;
  }
  [data-section-animate='panel'].animate-in .panel__media {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.promo {
  background-color: #000;
  color: #fff;
  overflow: hidden;
  position: relative;
}

@media (min-width: 1200px) {
  .promo {
    max-height: 100vh;
    min-height: 40rem;
  }
}

.promo__inner {
  margin: 0 auto;
  max-width: 90rem;
  padding: 0 1.5rem;
}

@media (min-width: 992px) {
  .promo__inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
  }
  .promo__media + .promo__inner {
    position: absolute;
  }
}

.promo__content {
  padding: 1.5rem 0;
}

@media (min-width: 992px) {
  .promo__content {
    opacity: 0;
    padding-top: 5rem;
    padding-right: 3rem;
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .promo__content {
    padding-top: 7rem;
  }
}

.promo__media {
  overflow: hidden;
  position: relative;
}

/*
Type = Frame
*/
.promo__background,
.promo__frame__background {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.promo__background__image {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: -webkit-filter 1s ease 0.75s;
  transition: -webkit-filter 1s ease 0.75s;
  transition: filter 1s ease 0.75s;
  transition: filter 1s ease 0.75s, -webkit-filter 1s ease 0.75s;
  width: 100%;
}

.promo__frame {
  left: 0;
  padding-bottom: 56.25%;
  position: absolute;
  top: 0;
  width: 100%;
}

.promo__frame__background {
  display: none;
  position: absolute;
}

.promo__frame__image {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 1s ease 0.75s;
  transition: -webkit-transform 1s ease 0.75s;
  transition: transform 1s ease 0.75s;
  transition: transform 1s ease 0.75s, -webkit-transform 1s ease 0.75s;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 70% 50%;
  transform-origin: 70% 50%;
}

.promo__frame__path {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.promo__frame__path path {
  -webkit-transition: none;
  transition: none;
}

/*
Type = product mockup
*/
.promo__media__inner {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.promo__image__wrap {
  bottom: 0;
  left: 50%;
  opacity: 0.1;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  width: 50%;
}

.promo.animate-in .promo__frame__path {
  opacity: 1;
}

.promo.animate-in .promo__frame__path path {
  -webkit-transition: stroke-dashoffset 2s ease;
  transition: stroke-dashoffset 2s ease;
}

.promo.animate-in .promo__content,
.promo.animate-in .promo__image__wrap {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.is-chrome .promo__frame__background {
  -webkit-clip-path: url("#promo-clipath");
  clip-path: url("#promo-clipath");
  display: block;
}

.is-chrome .animate-in .promo__frame__image {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.is-chrome .animate-in .promo__background__image {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}

/*
Section transitions
*/
[data-section-animate="row"] [class^="col"] {
  opacity: 0;
  -webkit-transform: translate3d(63px, 0, 0);
  transform: translate3d(63px, 0, 0);
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-section-animate="row"] [class^="col"]:nth-child(1) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

[data-section-animate="row"] [class^="col"]:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

[data-section-animate="row"] [class^="col"]:nth-child(3) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

[data-section-animate="row"] [class^="col"]:nth-child(4) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

[data-section-animate="row"] [class^="col"]:nth-child(5) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

[data-section-animate="row"] [class^="col"]:nth-child(6) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

[data-section-animate="row"] [class^="col"]:nth-child(7) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

[data-section-animate="row"] [class^="col"]:nth-child(8) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

[data-section-animate="row"].animate-in [class^="col"] {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.main-content {
  padding-top: 5rem;
}

@media (min-width: 992px) {
  .main-content {
    padding-top: 10rem;
  }
}

.section {
  overflow: hidden;
  padding: 4rem 0;
  position: relative;
}

@media (min-width: 992px) {
  .section {
    padding: 5rem 0;
  }
}

@media (min-width: 1440px) {
  .section {
    padding: 7rem 0;
  }
}

@media (min-width: 768px) {
  .section--pb-0 {
    padding-bottom: 0;
  }
}

.section--margin {
  margin: 4rem 0;
  padding: 0;
}

@media (min-width: 992px) {
  .section--margin {
    margin: 5rem 0;
  }
}

@media (min-width: 1440px) {
  .section--margin {
    margin: 6rem 0;
  }
}

.section__header {
  margin-bottom: 2rem;
}

.section__header :last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .section__header {
    margin-bottom: 4rem;
  }
}

@media (min-width: 1200px) {
  .section__header {
    margin-bottom: 5rem;
  }
}

.section__header__cta {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .section__header__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 0;
  }
}

.section__title {
  font-weight: 700;
  text-transform: uppercase;
}

.section__title:last-child {
  margin-bottom: 0;
}

.section__image {
  margin-bottom: 2rem;
}

@media (min-width: 1200px) {
  .section__image {
    margin-bottom: 4rem;
  }
}

.section__image.pull-left {
  -webkit-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
  width: 100%;
}

@media (min-width: 992px) {
  .section__image.pull-left {
    width: 125%;
  }
}

.section__image.pull-up {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -4rem;
}

@media (min-width: 768px) {
  .section__image.pull-up {
    margin-right: 0;
    margin-top: -5rem;
  }
}

@media (min-width: 1200px) {
  .section__image.pull-up {
    margin-top: -10.75rem;
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    width: 125%;
  }
}

@media (min-width: 768px) {
  .section__image.pull-down {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-bottom: -2rem;
    -webkit-transform: translate3d(0, 64px, 0);
    transform: translate3d(0, 64px, 0);
  }
}

@media (min-width: 1200px) {
  .section__image.pull-down {
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }
}

@media (min-width: 1440px) {
  .section__image.pull-down {
    -webkit-transform: translate3d(-25%, 112px, 0);
    transform: translate3d(-25%, 112px, 0);
    width: 125%;
  }
}

@media (min-width: 1440px) {
  .section__copy--centre {
    position: relative;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}

@media (min-width: 1600px) {
  .section__copy--centre {
    margin-left: -2rem;
  }
}

.section--rte {
  padding-bottom: 0;
}

.sidebar {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.sidebar .bio-card--small {
  margin-bottom: 0;
}

.sidebar .bio-card__media {
  display: none;
}

.sidebar .bio-card__content {
  padding-top: 0;
}

@media (min-width: 992px) {
  .sidebar {
    margin-top: 0;
  }
  .sidebar .bio-card--small {
    margin-bottom: 1.5rem;
  }
  .sidebar .bio-card__content {
    padding-top: 0.5rem;
  }
  .sidebar .bio-card__media {
    display: block;
  }
}

.sidebar__title {
  font-family: "Nexa", sans-serif;
  font-size: 1rem;
}

.author-list {
  list-style: none;
  padding-left: 0;
}

.author-list__link {
  border-bottom: 1px solid transparent;
  font-family: "Nexa", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: border-color 0.1s ease;
  transition: border-color 0.1s ease;
}

.author-list__link:focus, .author-list__link:hover {
  border-color: #1d252d;
  color: inherit;
  outline: 0;
  text-decoration: none;
}

@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }
  a:not(.button) {
    text-decoration: underline;
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  button,
  footer {
    display: none !important;
  }
}

.bg--black {
  background-color: #000000;
  color: #ffffff;
}

.bg--black .scroll-button {
  border-color: #ffffff;
}

.bg--black .scroll-button:focus, .bg--black .scroll-button:hover {
  background-color: #ffffff;
  color: #1d252d;
}

.bg--black .button::before {
  background-color: #fff;
}

.text--black {
  color: #000000;
}

.icon--black {
  fill: #000000;
}

.bg--white {
  background-color: #ffffff;
  color: #1d252d;
}

.text--white {
  color: #ffffff;
}

.icon--white {
  fill: #ffffff;
}

.bg--dark_grey {
  background-color: #1d252d;
  color: #ffffff;
}

.bg--dark_grey .scroll-button {
  border-color: #ffffff;
}

.bg--dark_grey .scroll-button:focus, .bg--dark_grey .scroll-button:hover {
  background-color: #ffffff;
  color: #1d252d;
}

.bg--dark_grey .button::before {
  background-color: #fff;
}

.text--dark_grey {
  color: #1d252d;
}

.icon--dark_grey {
  fill: #1d252d;
}

.bg--light_grey {
  background-color: #f8f9f9;
  color: #1d252d;
}

.text--light_grey {
  color: #f8f9f9;
}

.icon--light_grey {
  fill: #f8f9f9;
}

.bg--rubine {
  background-color: #ff7276;
  color: #1d252d;
}

.text--rubine {
  color: #ff7276;
}

.icon--rubine {
  fill: #ff7276;
}

.bg--yellow {
  background-color: #ffe900;
  color: #1d252d;
}

.text--yellow {
  color: #ffe900;
}

.icon--yellow {
  fill: #ffe900;
}

.bg--green {
  background-color: #44d62c;
  color: #1d252d;
}

.text--green {
  color: #44d62c;
}

.icon--green {
  fill: #44d62c;
}

.bg--cyan {
  background-color: #74d1ea;
  color: #1d252d;
}

.text--cyan {
  color: #74d1ea;
}

.icon--cyan {
  fill: #74d1ea;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.hidden-sm {
  display: block;
}

@media (min-width: 576px) {
  .hidden-sm {
    display: none;
  }
}

.hidden-md {
  display: block;
}

@media (min-width: 768px) {
  .hidden-md {
    display: none;
  }
}

.hidden-lg {
  display: block;
}

@media (min-width: 992px) {
  .hidden-lg {
    display: none;
  }
}

.visible-sm {
  display: block;
}

.visible-md {
  display: none;
}

@media (min-width: 768px) {
  .visible-md {
    display: block;
  }
}

.visible-lg {
  display: none;
}

@media (min-width: 992px) {
  .visible-lg {
    display: block;
  }
}

.visible-xl {
  display: none;
}

@media (min-width: 1200px) {
  .visible-xl {
    display: block;
  }
}

.is-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.no-transition {
  -webkit-transition: none;
  transition: none;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.list-two-column {
  padding-left: 1.25rem;
}

.list-two-column li {
  margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .list-two-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }
}

.text--uppercase {
  text-transform: uppercase;
}

.drop-cap::first-letter {
  font-size: 3.125rem;
  float: left;
  line-height: 0.95;
  margin-left: -0.05em;
  margin-right: 0.05em;
}

@media (min-width: 1200px) {
  .drop-cap::first-letter {
    font-size: 6.25rem;
  }
}