@charset "UTF-8";
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.11.0
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity .5s ease;
}

#baguetteBox-overlay.visible {
  opacity: 1;
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  white-space: normal;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: sans-serif;
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  transition: left .4s ease,transform .4s ease;
}

#baguetteBox-slider.bounce-from-right {
  -webkit-animation: bounceFromRight .4s ease-out;
  animation: bounceFromRight .4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
  -webkit-animation: bounceFromLeft .4s ease-out;
  animation: bounceFromLeft .4s ease-out;
}

@-webkit-keyframes bounceFromRight {
  0%, 100% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
}

@keyframes bounceFromRight {
  0%, 100% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
}

@-webkit-keyframes bounceFromLeft {
  0%, 100% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
}

@keyframes bounceFromLeft {
  0%, 100% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  transition: background-color .4s ease;
}

.baguetteBox-button:focus, .baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
  right: 2%;
}

.baguetteBox-button#previous-button {
  left: 2%;
}

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}

.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}

.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@-webkit-keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.about-us-header {
  margin-top: 52px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  max-width: 1540px;
}

@media (min-width: 768px) {
  .about-us-header {
    margin-top: 60px;
  }
}

@media (min-width: 1263px) {
  .about-us-header {
    margin-top: 70px;
  }
}

.about-us-header__triangle {
  top: 52px;
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0.5s;
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  fill: #e9e6e3;
  z-index: -10;
}

@media (min-width: 768px) {
  .about-us-header__triangle {
    top: 60px;
  }
}

@media (min-width: 1263px) {
  .about-us-header__triangle {
    top: 70px;
  }
}

.view--init .about-us-header__triangle {
  height: 22.9vw;
}

.about-us-header__title {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  max-width: 1440px;
  margin-top: 50px;
}

.about-us-header__title:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .about-us-header__title {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .about-us-header__title {
    margin-top: 130px;
  }
}

@media (min-width: 1263px) {
  .about-us-header__title {
    margin-top: 110px;
    padding: 0;
  }
}

.about-us-header__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  color: #E6394E;
  box-sizing: border-box;
  margin: 50px 0 0;
}

@media (min-width: 768px) {
  .about-us-header__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 1263px) {
  .about-us-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 768px) {
  .about-us-header__title {
    margin-right: 50px;
    padding-right: calc((100% - 450px) / 5 + 50px);
    margin: 130px 0 0;
  }
}

@media (min-width: 1263px) {
  .about-us-header__title {
    margin-right: 50px;
    padding-right: calc((100% - 550px) / 3 + 150px);
    margin-right: 0;
  }
}

.about-us-header__image {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  box-sizing: border-box;
  height: 75vw;
  margin-top: 30px;
  max-width: 1440px;
}

.about-us-header__image:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .about-us-header__image {
    width: calc(100% - 100px);
  }
}

@media (max-width: 767px) {
  .about-us-header__image {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .about-us-header__image {
    height: calc(0.41425 * (100vw - 100px));
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .about-us-header__image {
    height: calc(0.41425 * (100vw - (100vw - 1440px)));
    margin-top: 40px;
  }
}

.about-us-header__body {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  margin-top: 10px;
}

.about-us-header__body:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .about-us-header__body {
    width: calc(100% - 100px);
  }
}

.about-us-header__footer {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
}

@media (min-width: 1263px) {
  .about-us-header__footer {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .about-us-header__footer {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .about-us-header__footer:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .about-us-header__footer:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .about-us-header__footer {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .about-us-header__footer {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .about-us-header__footer {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .about-us-header__footer {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .about-us-header__footer {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .about-us-header__footer {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .about-us-header__footer {
  left: auto !important;
}

@media (max-width: 767px) {
  .about-us-header__footer {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .about-us-header__footer {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .about-us-header__footer {
    font-size: 18px;
    line-height: 30px;
  }
}

.about-us-header__description, .about-us-header__copyright {
  color: #9B9B9B;
  display: inline;
}

.about-us-header__description:not(:last-of-type):after, .about-us-header__copyright:not(:last-of-type):after {
  content: ' — ';
  white-space: pre;
}

.about-us-header__description a, .about-us-header__copyright a {
  color: inherit;
}

.about-us-header__description {
  color: #4A4A4A;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.share {
  position: relative;
  z-index: 10;
}

.share__body {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  border-bottom: 1px solid #E9E6E3;
  padding: 30px 0 0;
}

@media (min-width: 1263px) {
  .share__body {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .share__body {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .share__body:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .share__body:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .share__body {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .share__body {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .share__body {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .share__body {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .share__body {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .share__body {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .share__body {
  left: auto !important;
}

@media (max-width: 767px) {
  .share__body {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .share__body {
    padding-bottom: 15px;
  }
}

@media (min-width: 1263px) {
  .share__body {
    padding-bottom: 50px;
  }
}

.share__label {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 20px;
}

@media (min-width: 768px) {
  .share__label {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .share__label {
    font-size: 18px;
    line-height: 30px;
  }
}

.share__list {
  top: 52px;
  height: 0;
  margin: 30px 0 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  transition: height 0.25s ease-in-out;
}

@media (min-width: 768px) {
  .share__list {
    top: 60px;
  }
}

@media (min-width: 1263px) {
  .share__list {
    top: 70px;
  }
}

.share--open .share__list {
  height: 156px;
  display: block;
}

@media (min-width: 768px) {
  .share--open .share__list {
    height: 180px;
  }
}

@media (min-width: 1263px) {
  .share--open .share__list {
    height: 210px;
  }
}

.share__list-item {
  font-size: 0 !important;
  margin: 0;
  padding: 0;
}

.share .button {
  width: 52px;
  height: 52px;
  line-height: 52px;
  background-color: #4A4A4A;
  transition: background-color 0.35s ease;
}

@media (min-width: 768px) {
  .share .button {
    width: 60px;
  }
}

@media (min-width: 1263px) {
  .share .button {
    width: 70px;
  }
}

@media (min-width: 768px) {
  .share .button {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .share .button {
    height: 70px;
  }
}

@media (min-width: 768px) {
  .share .button {
    line-height: 60px;
  }
}

@media (min-width: 1263px) {
  .share .button {
    line-height: 70px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.author {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  display: flex;
}

@media (min-width: 1263px) {
  .author {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .author {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .author:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .author:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .author {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .author {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .author {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .author {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .author {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .author {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .author {
  left: auto !important;
}

@media (max-width: 767px) {
  .author {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.author__image {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  display: block;
  margin-right: 10px;
}

@media (min-width: 768px) {
  .author__image {
    width: 60px;
  }
}

@media (min-width: 1263px) {
  .author__image {
    width: 70px;
  }
}

@media (min-width: 768px) {
  .author__image {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .author__image {
    height: 70px;
  }
}

.author__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.author__name {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .author__name {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .author__name {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .author__name {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .author__name {
    font-size: 16px;
    line-height: 26px;
  }
}

.author__title, .author__department {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  display: block;
  float: left;
  margin: 0;
}

@media (min-width: 768px) {
  .author__title, .author__department {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .author__title, .author__department {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .author__title, .author__department {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .author__title, .author__department {
    font-size: 16px;
    line-height: 26px;
  }
}

.author__title {
  margin-right: 10px;
}

.author__title:after {
  margin-left: 10px;
  content: '•';
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.booking_widget {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 768px) {
  .booking_widget {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .booking_widget {
    margin-top: 80px;
  }
}

.booking_widget:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .booking_widget {
    width: calc(100% - 100px);
  }
}

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

@media (min-width: 1263px) {
  .booking_widget {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .booking_widget {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .booking_widget {
    padding-right: 50px;
  }
}

.booking_widget .enviso-dialog-title {
  color: #e6394e;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 2em;
  opacity: 0;
}

.booking_widget .enviso-dialog-description {
  color: #000;
  font-size: 16px;
  opacity: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.collection {
  /*
   * TODO: Get rid of slick.
   */
  margin-top: 40px;
  background-color: #222;
  display: flex;
  flex-direction: column;
  font-size: 0;
  width: 100%;
}

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

.collection .slick-list {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
}

.collection .slick-list:focus {
  outline: none;
}

.collection .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.collection .slick-track {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
  left: 0;
}

.collection .slider-images__container .slick-track {
  background-color: #C1D8DF;
  height: auto;
  min-width: 100vw;
}

.collection .slick-track:before,
.collection .slick-track:after {
  display: table;
  content: '';
}

.collection .slick-track:after {
  clear: both;
}

.collection .slick-loading .slick-track {
  visibility: hidden;
}

.collection .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.collection [dir='rtl'] .slick-slide {
  float: right;
}

.collection .slick-slide img {
  display: block;
}

.collection .slick-slide.slick-loading img {
  display: none;
}

.collection .slick-slide.dragging img {
  pointer-events: none;
}

.collection .slick-initialized .slick-slide {
  display: block;
}

.collection .slick-loading .slick-slide {
  visibility: hidden;
}

.collection .slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

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

@media (min-width: 768px) {
  .collection {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .collection {
    margin-top: 80px;
  }
}

@media (min-width: 768px) {
  .collection {
    padding-bottom: 110px;
  }
}

.collection__header {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.collection__header:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .collection__header {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .collection__header {
    margin-top: 80px;
  }
}

@media (min-width: 1263px) {
  .collection__header {
    margin-top: 110px;
  }
}

@media (min-width: 768px) {
  .collection__header {
    margin-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .collection__header {
    margin-bottom: 80px;
  }
}

.collection__header:after {
  display: none;
}

.collection__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  margin: 0;
  color: #FFF;
  max-width: 222px;
}

@media (min-width: 768px) {
  .collection__title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (min-width: 1263px) {
  .collection__title {
    font-size: 36px;
    line-height: 42px;
  }
}

@media (min-width: 1007px) {
  .collection__title {
    max-width: 272px;
  }
}

.collection .cta {
  display: none;
}

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

.collection__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .collection .slick-track {
    margin-left: 30px;
  }
}

.collection__list:not(.slick-initialized) {
  -webkit-overflow-scrolling: touch;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
}

.collection :focus {
  outline: none;
}

.collection__link {
  color: inherit;
  text-decoration: inherit;
}

.collection .collection-item {
  margin-left: 20px;
  margin-right: 20px;
}

@media (min-width: 768px) {
  .collection .collection-item {
    margin-left: 20px;
  }
}

@media (min-width: 1263px) {
  .collection .collection-item {
    margin-left: 25px;
  }
}

@media (min-width: 768px) {
  .collection .collection-item {
    margin-right: 20px;
  }
}

@media (min-width: 1263px) {
  .collection .collection-item {
    margin-right: 25px;
  }
}

.collection__actions {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

.collection__actions:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .collection__actions {
    width: calc(100% - 100px);
  }
}

.collection__actions .button {
  display: block;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .collection__actions .button {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.collection-header {
  margin: auto;
  position: relative;
}

.collection-header:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) and (max-width: 1269px) {
  .collection-header__title, .collection-header__subtitle {
    padding-right: 50px;
  }
}

.collection-header__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  margin-top: 50px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .collection-header__title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (min-width: 1263px) {
  .collection-header__title {
    font-size: 36px;
    line-height: 42px;
  }
}

@media (min-width: 768px) {
  .collection-header__title {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .collection-header__title {
    margin-top: 50px;
  }
}

.collection-header__subtitle {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-family: 'Graphik';
  font-weight: 500;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #9B9B9B;
  font-weight: normal;
  margin: 0 0 20px;
}

@media (min-width: 768px) {
  .collection-header__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .collection-header__subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .collection-header__subtitle {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .collection-header__subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}

.collection-header__figure {
  position: relative;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0;
  background-color: #E9E6E3;
  cursor: url("../img/components/collection/collection-header/cursor-zoom-in.png"), zoom-in;
  height: 75vh;
  overflow: hidden;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media (min-width: 1263px) {
  .collection-header__figure {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.71429 + 300px);
  }
}

@media (max-width: 767px) {
  .collection-header__figure {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .collection-header__figure:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .collection-header__figure:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .collection-header__figure {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .collection-header__figure:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .collection-header__figure {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .collection-header__figure:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .collection-header__figure {
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
  }
}

.collection-header__picture {
  position: relative;
  width: 100%;
  height: 100%;
}

.collection-header__image {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  height: 100%;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 112px);
  top: 92px;
}

@media (min-width: 768px) {
  .collection-header__image {
    max-width: calc(100% - 100px);
    max-height: calc(100% - 160px);
    top: 110px;
  }
}

@media (min-width: 1007px) {
  .collection-header__image {
    max-width: calc(100% - 100px);
    max-height: calc(100% - 170px);
    top: 120px;
  }
}

.collection-header__footer {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  border-top: 1px solid #9B9B9B;
}

@media (min-width: 768px) {
  .collection-header__footer {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) {
  .collection-header__footer {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .collection-header__footer {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .collection-header__footer {
    padding-right: 50px;
  }
}

@media (min-width: 768px) {
  .collection-header__footer {
    padding-top: 50px;
  }
}

@media (min-width: 1263px) {
  .collection-header__footer {
    padding-top: 50px;
  }
}

@media (min-width: 768px) {
  .collection-header__footer {
    padding-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .collection-header__footer {
    padding-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .collection-header__footer {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .collection-header__footer {
    font-size: 18px;
    line-height: 30px;
  }
}

.collection-header__description, .collection-header__copyright {
  margin: 0;
}

.collection-header__description {
  color: #4A4A4A;
}

.collection-header__copyright {
  color: #9B9B9B;
}

.collection-header__copyright a {
  color: inherit;
}

.collection-header__body {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

@media (min-width: 1263px) {
  .collection-header__body {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px + -1px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .collection-header__body {
    margin-right: 20px;
    width: calc((100% - 60px) / 1 + 60px + -1px);
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .collection-header__body {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px + -1px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .collection-header__body {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px + -1px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .collection-header__body {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .collection-header__body {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) {
  .collection-header__body {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .collection-header__body {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .collection-header__body {
    padding-right: 50px;
  }
}

@media (min-width: 768px) {
  .collection-header__body {
    padding-top: 52px;
    padding-left: 0;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .collection-header__body {
    padding-top: 60px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .collection-header__body {
    padding-top: 70px;
  }
}

.collection-header .body-text, .collection-header .share,
.collection-header .body-text > *,
.collection-header .share > *,
.collection-header .quote,
.collection-header .quote__wrapper {
  box-sizing: border-box;
  left: 0;
  margin-left: 0;
  margin-right: 0 !important;
  width: 100%;
}

.collection-header .quote .quote__quote {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  font-family: 'Merriweather';
}

@media (min-width: 768px) {
  .collection-header .quote .quote__quote {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .collection-header .quote .quote__quote {
    font-size: 24px;
    line-height: 32px;
  }
}

.collection-header__modal {
  max-width: 100%;
  height: 100vw;
  padding: 0;
}

.collection-header__modal .collection-header__figure {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  padding: 0;
}

.collection-header__modal .collection-header__image {
  width: 100%;
  height: 100%;
}

.collection-header__modal .button {
  z-index: 10;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.collection-item {
  margin: 0;
  text-decoration: none;
}

.collection-item--fluid .collection-item__card,
.collection-item--fluid .collection-item__caption {
  width: auto;
}

.collection-item__card {
  background-color: #E9E6E3;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0;
  padding: 0 0 129%;
  position: relative;
}

.collection-item__image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-position: top;
     object-position: top;
  width: calc(100% - 50px);
  max-height: calc(100% - 50px);
}

.collection-item__caption {
  width: 270px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-wrap: break-word;
}

.collection-item__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #FFF;
  line-height: 1 !important;
  margin: 20px 0 10px 0;
}

@media (min-width: 768px) {
  .collection-item__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .collection-item__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.collection-item__description {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #9B9B9B;
  margin: 0;
}

@media (min-width: 768px) {
  .collection-item__description {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .collection-item__description {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .collection-item__description {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .collection-item__description {
    font-size: 16px;
    line-height: 26px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.collection-object-card {
  background-color: #F0DADC;
  box-sizing: border-box;
  padding: 20px;
}

.collection-object-card .definition-list {
  border: 2px solid #222;
}

.collection-object-card .definition-list__group {
  padding: 0 0 10px 0;
}

.collection-object-card .definition-list__heading {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-family: 'Graphik';
  font-weight: 500;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  border-bottom: 2px solid #222;
  box-sizing: border-box;
  line-height: 50px !important;
  margin: 0 0 10px 0;
  padding: 0 20px;
}

@media (min-width: 768px) {
  .collection-object-card .definition-list__heading {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .collection-object-card .definition-list__heading {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .collection-object-card .definition-list__heading {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .collection-object-card .definition-list__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

.collection-object-card .definition-list__entity {
  margin: 0 20px;
}

.collection-object-card .definition-list__term {
  font-weight: 600;
  width: 33%;
  word-break: break-word;
}

.collection-object-card .definition-list__definition {
  font-weight: normal;
  text-align: left;
  width: 66%;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.zoom {
  cursor: url("../img/components/collection/collection-header/cursor-zoom-in.png"), zoom-in;
}

@media (pointer: coarse) {
  .zoom:not(.zoom--no-mobile):before {
    content: '';
    background-image: url("../img/components/collection/collection-header/cursor-zoom-in.png");
    background-position: bottom 20px right 20px;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.zoom--contain ~ .zoom__container--expanded,
.zoom--zoomed ~ .zoom__container--expanded {
  cursor: url("../img/components/collection/collection-header/cursor-zoom-out.png"), zoom-out;
}

.zoom__container--expanded {
  cursor: url("../img/components/collection/collection-header/cursor-zoom-in.png"), zoom-in;
}

.zoom__container {
  transition: all 0.5s ease-in-out;
}

.zoom__container--expanded {
  background-color: #E9E6E3;
  transition: background-color 0.5s ease-in-out;
}

.zoom__container--expanded .button.button--close {
  transform: translateY(0);
}

.zoom__container .button--close {
  transform: translateY(-100%);
  transition: transform 0.5s ease-in-out 0.2s;
}

.zoom__image {
  max-width: calc(100% - 100px);
  max-height: calc(100vh - 100px);
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.map {
  height: 460px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .map {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
  }
  .map:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .map {
    width: calc(100% - 100px);
  }
}

.map__map {
  display: none;
}

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

.address {
  padding: 50px 20px;
  background-color: #222;
}

@media (min-width: 768px) {
  .address {
    max-width: 420px;
    padding: 30px 30px 0;
    position: absolute;
    bottom: 180px;
    left: 140px;
  }
  .address:before {
    content: '';
    background-color: #E6394E;
    background-image: url(../img/components/address/building.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
  }
  .address:after {
    content: '';
    border-top: 15px solid #E6394E;
    border-right: 15px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
  }
}

.address__heading {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #FFF;
  font-weight: bold;
  line-height: 16px;
  margin: 0;
}

@media (min-width: 768px) {
  .address__heading {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .address__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

.address__body {
  margin-top: 0;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #FFF;
  margin-top: 20px;
  margin-bottom: 30px !important;
}

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

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

@media (min-width: 768px) {
  .address__body {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .address__body {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .address .cta {
    background-color: #4A4A4A;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 30px 0 90px;
    position: relative;
    left: -30px;
    width: calc(100% + 60px);
  }
  .address .cta:after {
    transition: all 0.2s;
    transition-delay: 0s;
    content: '';
    background-color: #E6394E;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
  }
  .address .cta:hover:after {
    height: 100%;
  }
}

.address .cta__link {
  display: block;
}

@media (min-width: 768px) {
  .address .cta__link {
    width: 100%;
    height: 60px;
    line-height: 60px;
    z-index: 10;
  }
}

.address:hover .cta__arrow {
  fill: #FFF;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.back {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  top: 52px;
  margin: 10px 0 0;
  position: absolute;
  left: 20px;
  z-index: 30;
}

@media (min-width: 768px) {
  .back {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .back {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .back {
    top: 60px;
  }
}

@media (min-width: 1263px) {
  .back {
    top: 70px;
  }
}

@media (min-width: 768px) {
  .back {
    left: 30px;
  }
}

.view--overlay .back {
  z-index: 0;
}

.back__link {
  color: #222;
  text-decoration: none;
  color: #222;
  display: block;
  height: 1em;
}

.back__link:before {
  background: url("../img/components/common/back/arrow-left.svg") no-repeat center;
  content: '';
  display: block;
  float: left;
  width: 16px;
  margin-right: 10px;
  height: 24px;
}

@media (min-width: 768px) {
  .back__link:before {
    height: 26px;
  }
}

@media (min-width: 1263px) {
  .back__link:before {
    height: 30px;
  }
}

.back--inverted .back__link {
  color: #FFF;
}

.back__label {
  float: left;
  font-weight: bold;
  height: 16px;
}

.view--rtl .back {
  left: auto;
  right: 20px;
}

@media (min-width: 768px) {
  .view--rtl .back {
    right: 30px;
  }
}

@media (min-width: 768px) {
  .view.view--scrolled:not(.view--elearning) .back {
    -webkit-animation: opacity .3s;
            animation: opacity .3s;
    position: fixed;
    top: 10px;
    z-index: 101;
  }
  .view.view--scrolled:not(.view--elearning) .back .back__link {
    color: #FFF;
  }
  .view.view--scrolled:not(.view--elearning) .back .back__link:before {
    background: url("../img/components/common/back/arrow-left-white.svg") no-repeat center;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.basic-header {
  padding-top: 52px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media (min-width: 768px) {
  .basic-header {
    padding-top: 60px;
  }
}

@media (min-width: 1263px) {
  .basic-header {
    padding-top: 70px;
  }
}

.basic-header__background {
  top: 52px;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: -10;
}

@media (min-width: 768px) {
  .basic-header__background {
    top: 60px;
  }
}

@media (min-width: 1263px) {
  .basic-header__background {
    top: 70px;
  }
}

.basic-header__triangle {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0.5s;
  width: 100%;
  height: 0;
  fill: #e9e6e3;
}

.view--init .basic-header__triangle {
  height: 22.9vw;
}

.basic-header__body {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
}

.basic-header__body:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .basic-header__body {
    width: calc(100% - 100px);
  }
}

.basic-header__title {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  mix-blend-mode: multiply;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  margin-top: 45px;
  box-sizing: border-box;
  white-space: pre-line;
  width: 100%;
}

@media (min-width: 768px) {
  .basic-header__title {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .basic-header__title {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .basic-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .basic-header__title {
    font-size: 96px;
    line-height: 112px;
  }
}

@media (min-width: 768px) {
  .basic-header__title {
    margin-top: 45px;
  }
}

@media (min-width: 1263px) {
  .basic-header__title {
    margin-top: 60px;
  }
}

@media (min-width: 768px) {
  .basic-header__title {
    margin-right: 50px;
    padding-right: calc((100% - 450px) / 5 + 50px);
  }
}

@media (min-width: 1263px) {
  .basic-header__title {
    margin-right: 50px;
    padding-right: calc((100% - 550px) / 3 + 150px);
    margin-right: 0;
  }
}

.basic-header__subtitle {
  font-family: 'Merriweather';
  font-size: 18px;
  line-height: 24px;
  margin: 20px 0 0 0;
  margin-top: 10px;
  mix-blend-mode: multiply;
  white-space: pre-line;
  width: 100%;
}

@media (min-width: 768px) {
  .basic-header__subtitle {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .basic-header__subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .basic-header__subtitle {
    margin-top: 10px;
  }
}

@media (min-width: 1263px) {
  .basic-header__subtitle {
    margin-top: 20px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.body-text, .share {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  page-break-inside: avoid;
  position: relative;
}

.body-text:after, .share:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .body-text, .share {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .body-text, .share {
    margin-top: 80px;
  }
}

.body-text:after, .share:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .body-text, .share {
    width: calc(100% - 100px);
  }
}

.body-text > *:first-child, .share > *:first-child {
  margin-top: 0 !important;
}

.body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6, .body-text p, .share p {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
}

@media (min-width: 1263px) {
  .body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6, .body-text p, .share p {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6, .body-text p, .share p {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .body-text h1:nth-child(1n+0), .share h1:nth-child(1n+0), .body-text h2:nth-child(1n+0), .share h2:nth-child(1n+0), .body-text h3:nth-child(1n+0), .share h3:nth-child(1n+0), .body-text h4:nth-child(1n+0), .share h4:nth-child(1n+0), .body-text h5:nth-child(1n+0), .share h5:nth-child(1n+0), .body-text h6:nth-child(1n+0), .share h6:nth-child(1n+0), .body-text p:nth-child(1n+0), .share p:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .body-text h1:nth-child(3n+0), .share h1:nth-child(3n+0), .body-text h2:nth-child(3n+0), .share h2:nth-child(3n+0), .body-text h3:nth-child(3n+0), .share h3:nth-child(3n+0), .body-text h4:nth-child(3n+0), .share h4:nth-child(3n+0), .body-text h5:nth-child(3n+0), .share h5:nth-child(3n+0), .body-text h6:nth-child(3n+0), .share h6:nth-child(3n+0), .body-text p:nth-child(3n+0), .share p:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6, .body-text p, .share p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6, .body-text p, .share p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6, .body-text p, .share p {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6, .body-text p, .share p {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6, .body-text p, .share p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6, .body-text p, .share p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .body-text h1, .view--rtl .share h1, .view--rtl .body-text h2, .view--rtl .share h2, .view--rtl .body-text h3, .view--rtl .share h3, .view--rtl .body-text h4, .view--rtl .share h4, .view--rtl .body-text h5, .view--rtl .share h5, .view--rtl .body-text h6, .view--rtl .share h6, .view--rtl .body-text p, .view--rtl .share p {
  left: auto !important;
}

@media (max-width: 767px) {
  .body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6, .body-text p, .share p {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6 {
    margin-top: 50px !important;
  }
}

@media print {
  .body-text h1, .share h1, .body-text h2, .share h2, .body-text h3, .share h3, .body-text h4, .share h4, .body-text h5, .share h5, .body-text h6, .share h6, .body-text p, .share p {
    margin-top: 30px !important;
  }
}

.body-text h4, .share h4 {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .body-text h4, .share h4 {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .body-text h4, .share h4 {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .body-text h4, .share h4 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .body-text h4, .share h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

.body-text h5, .share h5, .body-text h6, .share h6 {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 20px !important;
}

@media (min-width: 768px) {
  .body-text h5, .share h5, .body-text h6, .share h6 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .body-text h5, .share h5, .body-text h6, .share h6 {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .body-text h5, .share h5, .body-text h6, .share h6 {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .body-text h5, .share h5, .body-text h6, .share h6 {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

.body-text h5 + p, .share h5 + p,
.body-text h6 + p,
.share h6 + p {
  margin-top: 0 !important;
}

.body-text p, .share p {
  margin-top: 0;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 20px !important;
}

@media (min-width: 768px) {
  .body-text p, .share p {
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .body-text p, .share p {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .body-text p, .share p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .body-text p, .share p {
    font-size: 18px;
    line-height: 30px;
  }
}

.body-text p:first-child, .share p:first-child {
  margin-top: 0 !important;
}

.body-text p:last-child, .share p:last-child {
  margin-bottom: 0;
}

.body-text p > a:not(.button):not(.cta), .share p > a:not(.button):not(.cta) {
  color: #222;
  text-decoration: none;
  text-decoration: underline;
  color: #222;
}

@media (min-width: 768px) {
  .body-text .button, .share .button {
    max-width: 270px;
  }
}

.body-text .cta, .share .cta {
  margin-top: 20px !important;
}

.body-text > ol, .share > ol,
.body-text > ul,
.share > ul {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  margin: 20px 0 0 0 !important;
}

@media (min-width: 1263px) {
  .body-text > ol, .share > ol,
  .body-text > ul,
  .share > ul {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .body-text > ol, .share > ol,
  .body-text > ul,
  .share > ul {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .body-text > ol:nth-child(1n+0), .share > ol:nth-child(1n+0),
  .body-text > ul:nth-child(1n+0),
  .share > ul:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .body-text > ol:nth-child(3n+0), .share > ol:nth-child(3n+0),
  .body-text > ul:nth-child(3n+0),
  .share > ul:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .body-text > ol, .share > ol,
  .body-text > ul,
  .share > ul {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .body-text > ol, .share > ol,
  .body-text > ul,
  .share > ul {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .body-text > ol, .share > ol,
  .body-text > ul,
  .share > ul {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .body-text > ol, .share > ol,
  .body-text > ul,
  .share > ul {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .body-text > ol, .share > ol,
  .body-text > ul,
  .share > ul {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .body-text > ol, .share > ol,
  .body-text > ul,
  .share > ul {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .body-text > ol, .view--rtl .share > ol, .view--rtl .body-text > ul, .view--rtl .share > ul {
  left: auto !important;
}

@media (max-width: 767px) {
  .body-text > ol, .share > ol,
  .body-text > ul,
  .share > ul {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.body-text ol, .share ol {
  position: relative;
}

.body-text > ol, .share > ol,
.body-text > ol ol,
.share > ol ol {
  counter-reset: ol;
  list-style: none;
}

.body-text > ol li:before, .share > ol li:before {
  counter-increment: ol;
  content: counter(ol);
  position: absolute;
  left: 20px;
}

.body-text li, .share li {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
}

@media (min-width: 768px) {
  .body-text li, .share li {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .body-text li, .share li {
    font-size: 18px;
    line-height: 30px;
  }
}

.body-text > table, .share > table {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  border-collapse: collapse;
  margin-top: 20px !important;
}

@media (min-width: 1263px) {
  .body-text > table, .share > table {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .body-text > table, .share > table {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .body-text > table:nth-child(1n+0), .share > table:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .body-text > table:nth-child(3n+0), .share > table:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .body-text > table, .share > table {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .body-text > table, .share > table {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .body-text > table, .share > table {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .body-text > table, .share > table {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .body-text > table, .share > table {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .body-text > table, .share > table {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .body-text > table, .view--rtl .share > table {
  left: auto !important;
}

@media (max-width: 767px) {
  .body-text > table, .share > table {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .body-text > table, .share > table {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .body-text > table, .share > table {
    font-size: 18px;
    line-height: 30px;
  }
}

.body-text > table caption, .share > table caption {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 0 !important;
  text-align: left;
}

@media (min-width: 768px) {
  .body-text > table caption, .share > table caption {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .body-text > table caption, .share > table caption {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .body-text > table caption, .share > table caption {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .body-text > table caption, .share > table caption {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

.body-text table, .share table, .body-text tbody, .share tbody, .body-text tr, .share tr {
  width: 100%;
}

.body-text table, .share table, .body-text tr, .share tr, .body-text td, .share td {
  border: none;
}

.body-text tr:not(:last-child) td, .share tr:not(:last-child) td {
  border-bottom: 1px solid #D9C9CA;
}

.body-text td:not(:last-child), .share td:not(:last-child) {
  padding-right: 10px;
}

.body-text td, .share td {
  padding: 10px 0;
}

.body-text.body-text--alternative *, .body-text--alternative.share * {
  color: #2D667B;
}

@media (min-width: 768px) {
  .body-text, .share {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
  }
  .body-text:after, .share:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .body-text, .share {
    width: calc(100% - 100px);
  }
}

.body-text:first-child, .share:first-child,
.intro-text + .body-text,
.intro-text + .share {
  margin-top: 60px;
}

@media (min-width: 768px) {
  .body-text:first-child, .share:first-child,
  .intro-text + .body-text,
  .intro-text + .share {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .body-text:first-child, .share:first-child,
  .intro-text + .body-text,
  .intro-text + .share {
    margin-top: 50px;
  }
}

.body-text .quote, .share .quote {
  float: left;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .body-text .quote + h1, .share .quote + h1, .body-text .quote + h2, .share .quote + h2, .body-text .quote + h3, .share .quote + h3, .body-text .quote + h4, .share .quote + h4, .body-text .quote + h5, .share .quote + h5, .body-text .quote + h6, .share .quote + h6, .body-text .quote + p, .share .quote + p {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .body-text .quote, .share .quote {
    margin-top: 0;
    margin-bottom: 0;
    top: 30px !important;
  }
}

.body-text hr, .share hr {
  box-sizing: border-box;
  float: left;
  margin: 10px 0;
  position: relative;
  width: calc((100% - 550px) / 1.5 + 350px);
  left: calc((100% - 550px) / 3 + 150px + 50px);
  font-size: 18px;
  line-height: 30px;
  border: 0;
  border-top: 1px solid #E9E6E3;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.button {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  font-family: Graphik;
  font-weight: 500;
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}

@media (min-width: 768px) {
  .button {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .button {
    font-size: 18px;
    line-height: 30px;
  }
}

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

.button--arrow-right .button__content {
  display: inline-flex;
}

.button--arrow-right .button__icon {
  fill: #E6394E;
  position: static;
  transform: none;
  padding: 10px 0;
}

.button--arrow-right:hover .button__icon {
  fill: #FFF;
}

.button.button--icon-after.button--justified .button__content {
  flex-direction: row-reverse;
}

.button.button--justified .button__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.button.button--justified .button__icon {
  position: static;
  transform: none;
}

.button--close {
  width: 52px;
  height: 52px;
  line-height: 52px;
  background-image: url("../img/components/button/close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25%;
}

@media (min-width: 768px) {
  .button--close {
    width: 60px;
  }
}

@media (min-width: 1263px) {
  .button--close {
    width: 70px;
  }
}

@media (min-width: 768px) {
  .button--close {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .button--close {
    height: 70px;
  }
}

@media (min-width: 768px) {
  .button--close {
    line-height: 60px;
  }
}

@media (min-width: 1263px) {
  .button--close {
    line-height: 70px;
  }
}

.button--cta, .button--dark, .button--secondary {
  font-family: Graphik;
  font-weight: 600;
}

.button--cta .button__icon, .button--dark .button__icon, .button--secondary .button__icon {
  right: auto;
  left: 16px;
}

@media (min-width: 1007px) {
  .button--cta:not(.button--arrow-right) .button__icon, .button--dark:not(.button--arrow-right) .button__icon, .button--secondary:not(.button--arrow-right) .button__icon {
    left: 30px;
  }
}

.button--cta .button__icon {
  fill: #FFF;
}

.button.button--dark {
  background-color: #4A4A4A;
  color: #FFF;
}

.button.button--dark .button__icon {
  fill: #FFF;
}

.button--fixed-height, .button--cta, .button--dark, .button--secondary, .button--social, .basic-filter__list-item .basic-filter__option {
  height: 52px;
}

.button--fixed-height .button__content, .button--cta .button__content, .button--dark .button__content, .button--secondary .button__content, .button--social .button__content, .basic-filter__list-item .basic-filter__option .button__content {
  line-height: 52px;
  padding-top: 0;
  padding-bottom: 0;
}

.button--beige, .button {
  background-color: #E9E6E3;
  color: #4A4A4A;
}

.button--beige::before, .button::before, .button--beige:after, .button:after {
  display: none;
}

.button--beige:hover, .button:hover, .button--beige.button--toggle-active, .button--toggle-active.button {
  background-color: #E6394E;
  color: #FFF;
}

.button--gray, .header .button:before {
  background-color: #4A4A4A;
  color: #FFF;
}

.button--gray::before, .button--gray:after {
  display: none;
}

.button--gray:hover, .header .button:hover:before, .button--gray.button--toggle-active, .header .button--toggle-active.button:before {
  color: #FFF;
}

.button--red, .button--cta {
  background-color: #E6394E;
  color: #FFF;
}

.button--red::before, .button--cta::before {
  background-color: #e3223a;
}

.button--red::after, .button--cta::after {
  background-color: #d21a31;
}

.button--red:hover, .button--cta:hover, .button--red.button--toggle-active, .button--toggle-active.button--cta {
  color: #FFF;
}

.button--menu {
  width: 52px;
  height: 52px;
}

@media (min-width: 768px) {
  .button--menu {
    width: 60px;
  }
}

@media (min-width: 1263px) {
  .button--menu {
    width: 70px;
  }
}

@media (min-width: 768px) {
  .button--menu {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .button--menu {
    height: 70px;
  }
}

.button--menu .button__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 12px;
}

.button--small {
  width: auto;
  height: 28px;
  padding-left: 16px;
}

@media (min-width: 768px) {
  .button--small {
    height: 32px;
  }
}

.button--small .button__icon {
  width: 22px;
  height: 22px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.button--small .button__content {
  font-size: 12px;
  line-height: 20px;
  line-height: 28px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .button--small .button__content {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .button--small .button__content {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) {
  .button--small .button__content {
    line-height: 32px;
  }
}

.button--social {
  background: none;
  border: 1px solid #C6C6C6;
  border-radius: 100%;
  flex-shrink: 0;
  width: 52px;
}

.button--social::before, .button--social:after {
  display: none;
}

.button--social .button__icon {
  height: 17px;
}

.button--social:hover {
  border: none;
}

.button--social-dark {
  color: #333;
  border-color: #333;
}

.button--social-dark.button--whatsapp {
  background-image: url("../img/components/button/whatsapp-black.svg");
}

.button--social-dark.button--facebook {
  background-image: url("../img/components/button/facebook-black.svg");
}

.button--social-dark.button--twitter {
  background-image: url("../img/components/button/twitter-black.svg");
}

.button--no-text .button__content, .button--menu .button__content {
  display: none;
}

.button--no-text .button__icon, .button--menu .button__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button__content {
  display: block;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

.button__icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.button__ripple {
  fill: 000;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.button__ripple svg {
  opacity: 0;
}

.button--language .button__content, .button--search .button__content {
  box-sizing: border-box;
  font-weight: normal;
  line-height: 49px;
}

.button--share, .button--whatsapp, .button--facebook, .button--twitter {
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999rem;
}

.button--share {
  background-image: url("../img/components/button/share.svg");
}

.button--whatsapp {
  background-image: url("../img/components/button/whatsapp.svg");
}

.button--facebook {
  background-image: url("../img/components/button/facebook.svg");
}

.button--twitter {
  background-image: url("../img/components/button/twitter.svg");
}

.button--auto-width {
  width: 100%;
}

@media (min-width: 1007px) {
  .button--auto-width {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.button--auto-width.button--icon-after {
  padding-right: 24px;
}

.hamburger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: auto;
  margin: 0 auto;
}

.hamburger__bar {
  background: #FFF;
  display: block;
  width: 15px;
  height: 2px;
  margin: 3px auto;
  transition: all 0.35s ease;
}

.header--open .button--menu .hamburger__bar--top {
  transform: translateY(5px) rotateZ(45deg);
}

.hamburger__bar--middle {
  margin: 0 auto;
}

.header--open .button--menu .hamburger__bar--middle {
  width: 0;
}

.header--open .button--menu .hamburger__bar--bottom {
  transform: translateY(-5px) rotateZ(-45deg);
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.card {
  transition: all 0.2s;
  transition-delay: 0s;
  box-sizing: border-box;
  display: block;
  font-size: 0;
  text-decoration: none;
  margin-bottom: 30px;
  position: relative;
}

.card--hidden {
  width: 0 !important;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
}

.card--gray, .card--red, .card--green, .card--blue, .card--yellow {
  padding: 60px 30px 60px;
  margin-bottom: 30px;
}

.card--gray .card__title, .card--red .card__title, .card--green .card__title, .card--blue .card__title, .card--yellow .card__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 30px;
  word-break: break-word;
}

@media (min-width: 1263px) {
  .card--gray .card__title, .card--red .card__title, .card--green .card__title, .card--blue .card__title, .card--yellow .card__title {
    font-size: 35px;
    line-height: 43px;
  }
}

.card--gray:after, .card--red:after, .card--green:after, .card--blue:after, .card--yellow:after {
  display: block;
  content: url("../img/components/common/card/arrow-mobile.svg");
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .card--gray:after, .card--red:after, .card--green:after, .card--blue:after, .card--yellow:after {
    display: none;
  }
}

.card--gray,
.card--gray .card__header {
  background-color: #D9C9CA;
}

.card--red,
.card--red .card__header:not(:empty) {
  background-color: #F0DADC;
}

.card--green,
.card--green .card__header:not(:empty) {
  background-color: #E7E7E2;
}

.card--blue,
.card--blue .card__header:not(:empty) {
  background-color: #D8E6EB;
}

.card--yellow,
.card--yellow .card__header:not(:empty) {
  background-color: #F2E8D2;
}

.card:hover .card__title {
  color: #E6394E;
}

.card:hover .card__header:after {
  transform: translateY(0);
  opacity: 1;
}

.card:hover .card__triangle {
  display: none;
  height: 62px;
}

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

.card:hover .card__image {
  transform: scale(1);
}

@media (min-width: 768px) {
  .card--big .card__title {
    margin-bottom: 10px;
  }
}

.card__header {
  display: block;
  font-size: 0;
  min-height: 40px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .card__header {
    min-height: 55px;
  }
}

.card__header:not(:empty) {
  background-color: #C1D8DF;
}

.card__header:not(:empty):after {
  content: url("../img/components/common/card/arrow-mobile.svg");
  width: 52px;
  height: 52px;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .card__header:not(:empty):after {
    color: #222;
    font-family: 'Graphik';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 24px;
    transform: translateY(100%);
    color: #FFF;
    content: attr(data-read-more);
    font-weight: 600;
    width: 100%;
    height: 52px;
    line-height: 52px !important;
    text-align: right;
    opacity: 0;
    padding-right: 20px;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .card__header:not(:empty):after {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .card__header:not(:empty):after {
    font-size: 18px;
    line-height: 30px;
  }
}

.card__triangle {
  width: 100%;
  height: 62px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.card--preserve-ratio .card__header:before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

@media (min-width: 768px) {
  .card--preserve-ratio .card__header:before {
    padding-top: 66%;
  }
}

.card__image {
  width: 100%;
  transform: scale(1.05);
  transition: transform 0.35s ease-in-out;
}

.card--preserve-ratio .card__image {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.card__triangle {
  width: 100%;
  height: 0;
  position: absolute;
  transition: height 0.35s ease-in-out;
  bottom: 0;
}

.card__header:hover .card__triangle {
  height: 62px;
}

.card__date {
  color: #9B9B9B;
  display: block;
  font-family: Graphik;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 15px;
}

.card__date + .card__title {
  margin-top: 5px;
}

@media (min-width: 768px) {
  .card__date + .card__title {
    margin-top: 10px;
  }
}

.card__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin: 15px 0 0;
  transition: color 0.35s ease-in-out;
}

@media (min-width: 768px) {
  .card__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .card__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.card__body {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin: 5px 0 0;
}

@media (min-width: 768px) {
  .card__body {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .card__body {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .card__body {
    margin-top: 10px;
  }
}

.card .card__tags {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}

@media (min-width: 768px) {
  .card .card__tags {
    margin-top: 10px;
  }
}

.card .tags__tag .tags__tag-label {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #898989;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .card .tags__tag .tags__tag-label {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .card .tags__tag .tags__tag-label {
    font-size: 18px;
    line-height: 30px;
  }
}

.card--no-image {
  display: flex;
  min-height: 320px;
}

@media (min-width: 768px) {
  .card--no-image {
    min-height: 430px;
  }
}

.card--no-image .card__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.card--no-image .card__title {
  margin-top: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.card-filter__header, .card-filter__actions {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  display: flex;
}

.card-filter__header:after, .card-filter__actions:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .card-filter__header, .card-filter__actions {
    width: calc(100% - 100px);
  }
}

.card-filter__header {
  margin-top: 40px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .card-filter__header {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .card-filter__header {
    margin-top: 80px;
  }
}

@media (min-width: 768px) {
  .card-filter__header {
    flex-wrap: nowrap;
  }
}

@media (max-width: 767px) {
  .card-filter__header .widget,
  .card-filter__header .card-filter__select {
    width: 100% !important;
  }
}

.card-filter__actions {
  justify-content: center;
}

.card-filter__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  height: 47px;
  line-height: 47px !important;
  margin: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .card-filter__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .card-filter__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.card-filter .button {
  margin-right: 0!important;
  margin-top: 40px;
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 768px) {
  .card-filter .button {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .card-filter .button {
    margin-top: 80px;
  }
}

@media (min-width: 1263px) {
  .card-filter .button {
    margin-right: 50px;
    width: calc((100% - 550px) / 3 + 150px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .card-filter .button:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .card-filter .button:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .card-filter .button {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .card-filter .button:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .card-filter .button:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .card-filter .button {
    margin-right: 50px;
    width: calc((100% - 450px) / 3 + 116.66667px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .card-filter .button:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .card-filter .button {
    margin-right: 50px;
    width: calc((100% - 450px) / 3 + 116.66667px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .card-filter .button:nth-child(3n+0) {
    margin-right: 0;
  }
}

.card-filter .button--hidden {
  display: none !important;
}

.card-filter:not(.card-filter--open) .card-filter__button-open {
  display: block;
}

.card-filter:not(.card-filter--open) .card-filter__button-close {
  display: none;
}

.card-filter--open .card-filter__button-open {
  display: none;
}

.card-filter--open .card-filter__button-close {
  display: block;
}

.card-filter .card-row {
  transition: all 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.cms-toolbar-expanded .header {
  top: 45px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.context-modal {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #E7E7E2;
  opacity: 0;
  margin: -40px 0 0;
  position: absolute;
  right: 0;
  transition: all 0.25s ease-in-out;
  z-index: -10;
}

@media (min-width: 1263px) {
  .context-modal {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .context-modal {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .context-modal:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .context-modal:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .context-modal {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .context-modal {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .context-modal {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .context-modal {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .context-modal {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .context-modal {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .context-modal {
  left: auto !important;
}

@media (max-width: 767px) {
  .context-modal {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .context-modal {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) {
  .context-modal {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .context-modal {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .context-modal {
    padding-right: 50px;
  }
}

@media (min-width: 768px) {
  .context-modal {
    padding-top: 50px;
  }
}

@media (min-width: 1263px) {
  .context-modal {
    padding-top: 50px;
  }
}

@media (min-width: 768px) {
  .context-modal {
    padding-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .context-modal {
    padding-bottom: 50px;
  }
}

.context-modal__arrow {
  background-color: #E7E7E2;
  display: block;
  width: 22px;
  height: 22px;
  transform: translate(-50%, -50%) rotate(45deg);
  margin-top: 6px;
  position: absolute;
  top: 0;
  left: 50%;
}

.context-modal--open {
  opacity: 1;
  transform: translateY(40px);
  z-index: 10;
}

.context-modal__title {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .context-modal__title {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .context-modal__title {
    font-size: 18px;
    line-height: 30px;
  }
}

.context-modal__line {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
}

@media (min-width: 768px) {
  .context-modal__line {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .context-modal__line {
    font-size: 18px;
    line-height: 30px;
  }
}

.context-modal .button--close {
  position: absolute;
  top: 0;
  right: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.context-modal-link {
  border-bottom: 2px dashed #E6394E;
  color: inherit;
  display: inline-block;
  margin-right: 30px;
  position: relative;
  text-decoration: inherit;
}

.context-modal-link.context-modal-link--open:after {
  transform: translateY(-50%) rotate(45deg);
}

.context-modal-link:after {
  background: url("../img/components/common/context-modal/plus.svg") no-repeat center;
  background-size: contain;
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.cta {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .cta {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .cta {
    font-size: 18px;
    line-height: 30px;
  }
}

.cta:hover.cta__address .cta__link {
  color: #E6394E;
}

.cta:hover.cta__address .cta__arrow {
  fill: #FFF;
}

.cta:hover:not(.cta--no-grow):not(.cta--arrow-right) .cta__triangle, .cta:hover:not(.cta--no-grow):not(.cta--arrow-right) .cta__label {
  transform: translateX(10px);
}

.cta:hover:not(.cta--no-grow):not(.cta--arrow-right) .cta__link {
  color: #E6394E;
}

.cta:hover:not(.cta--no-grow):not(.cta--arrow-right).cta__address .cta__arrow {
  fill: #FFF;
}

.cta--arrow-right .cta__arrow {
  left: auto;
  right: 0;
}

.cta--arrow-right .cta__link {
  margin-left: 0;
  padding-right: 36px;
}

.cta--arrow-right:hover .cta__triangle {
  transform: translateX(10px);
}

.cta--heading .cta__link {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .cta--heading .cta__link {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .cta--heading .cta__link {
    font-size: 24px;
    line-height: 32px;
  }
}

.cta--touch .cta__link {
  position: relative;
}

.cta--touch .cta__link:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 100%;
  height: 100%;
  padding: 10px 0;
}

.cta--inverted .cta__link {
  color: #FFF;
}

.cta__link {
  color: #222;
  text-decoration: none;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  display: flex;
  align-items: center;
  font-weight: 600;
  position: relative;
  transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (min-width: 768px) {
  .cta__link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .cta__link {
    font-size: 18px;
    line-height: 30px;
  }
}

.cta__arrow {
  fill: #E6394E;
  width: 30px;
  height: 30px;
  left: -24px;
}

.cta__triangle, .cta .cta__label {
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.cta__label {
  display: inline-block;
  vertical-align: top;
}

.cta__address .cta__label {
  color: #FFF;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.definition-list {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  position: relative;
}

.definition-list:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .definition-list {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .definition-list {
    font-size: 18px;
    line-height: 30px;
  }
}

.definition-list__group {
  padding: 10px 0;
  border-top: 1px solid #E9E6E3;
}

.definition-list__group:last-child {
  border-bottom: 1px solid #E9E6E3;
}

.definition-list--dark-border .definition-list__group {
  border-top-color: #D9C9CA;
  border-bottom-color: #D9C9CA;
}

.definition-list__entity {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.definition-list__heading {
  font-weight: 600;
}

.definition-list__term, .definition-list__definition {
  box-sizing: border-box;
  margin: 0;
}

.definition-list__term {
  position: relative;
}

.definition-list__definition {
  font-weight: 600;
  text-align: right;
}

.definition-list--stacked .definition-list__entity {
  padding-left: 50px;
  flex-direction: column;
}

@media (min-width: 1263px) {
  .definition-list--stacked .definition-list__entity {
    padding-left: 50px;
  }
}

.definition-list--stacked .definition-list__term {
  font-weight: 600;
}

.definition-list--stacked .definition-list__definition {
  text-align: left;
  font-weight: normal;
}

.definition-list__icon {
  position: absolute;
  top: 0;
  left: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.download {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  margin-top: 50px;
  position: relative;
}

.download:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .download {
    width: calc(100% - 100px);
  }
}

.download + .download {
  margin-top: -1px;
  border-top: 0;
}

.download + .download .download__heading {
  border-top: none;
}

.download__heading, .download__body {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  margin-right: 0!important;
}

@media (min-width: 1263px) {
  .download__heading, .download__body {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .download__heading, .download__body {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .download__heading:nth-child(1n+0), .download__body:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .download__heading:nth-child(3n+0), .download__body:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .download__heading, .download__body {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .download__heading, .download__body {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .download__heading, .download__body {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .download__heading, .download__body {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .download__heading, .download__body {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .download__heading, .download__body {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .download__heading, .view--rtl .download__body {
  left: auto !important;
}

@media (max-width: 767px) {
  .download__heading, .download__body {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.download__heading {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  border-top: solid 1px #E9E6E3;
  margin-top: 0 !important;
  padding-top: 30px;
}

@media (min-width: 768px) {
  .download__heading {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .download__heading {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .download__heading {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .download__heading {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) {
  .download__heading {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .download__heading {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

.download__body {
  border-bottom: solid 1px #E9E6E3;
  padding-bottom: 30px;
}

@media (min-width: 1007px) {
  .download__body {
    display: flex;
    justify-content: space-between;
  }
}

.download__description {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  float: left;
  margin: 0;
}

@media (min-width: 768px) {
  .download__description {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .download__description {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1007px) {
  .download__description {
    width: 66.66%;
  }
}

.download .button {
  font-size: 16px !important;
  margin-top: 20px;
}

.download .button__content {
  white-space: normal;
}

@media (min-width: 1007px) {
  .download .button {
    float: left;
    margin: 0 0 0 20px;
    width: 33.33%;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.cta {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .cta {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .cta {
    font-size: 18px;
    line-height: 30px;
  }
}

.cta:hover.cta__address .cta__link {
  color: #E6394E;
}

.cta:hover.cta__address .cta__arrow {
  fill: #FFF;
}

.cta:hover:not(.cta--no-grow):not(.cta--arrow-right) .cta__triangle, .cta:hover:not(.cta--no-grow):not(.cta--arrow-right) .cta__label {
  transform: translateX(10px);
}

.cta:hover:not(.cta--no-grow):not(.cta--arrow-right) .cta__link {
  color: #E6394E;
}

.cta:hover:not(.cta--no-grow):not(.cta--arrow-right).cta__address .cta__arrow {
  fill: #FFF;
}

.cta--arrow-right .cta__arrow {
  left: auto;
  right: 0;
}

.cta--arrow-right .cta__link {
  margin-left: 0;
  padding-right: 36px;
}

.cta--arrow-right:hover .cta__triangle {
  transform: translateX(10px);
}

.cta--heading .cta__link {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .cta--heading .cta__link {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .cta--heading .cta__link {
    font-size: 24px;
    line-height: 32px;
  }
}

.cta--touch .cta__link {
  position: relative;
}

.cta--touch .cta__link:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 100%;
  height: 100%;
  padding: 10px 0;
}

.cta--inverted .cta__link {
  color: #FFF;
}

.cta__link {
  color: #222;
  text-decoration: none;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  display: flex;
  align-items: center;
  font-weight: 600;
  position: relative;
  transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (min-width: 768px) {
  .cta__link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .cta__link {
    font-size: 18px;
    line-height: 30px;
  }
}

.cta__arrow {
  fill: #E6394E;
  width: 30px;
  height: 30px;
  left: -24px;
}

.cta__triangle, .cta .cta__label {
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.cta__label {
  display: inline-block;
  vertical-align: top;
}

.cta__address .cta__label {
  color: #FFF;
}

.exposition-links {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

@media (min-width: 768px) {
  .exposition-links {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .exposition-links {
    margin-top: 80px;
  }
}

.exposition-links:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .exposition-links {
    width: calc(100% - 100px);
  }
}

@media print {
  .exposition-links {
    display: none;
  }
}

@media (min-width: 1007px) {
  .exposition-links {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
  }
  .exposition-links:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 1007px) and (min-width: 768px) {
  .exposition-links {
    width: calc(100% - 100px);
  }
}

.exposition-links__heading {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
  font-weight: bold;
}

@media (min-width: 768px) {
  .exposition-links__heading {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .exposition-links__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

.exposition-links__list, .exposition-links__list-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.exposition-links__list-item {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .exposition-links__list-item {
    margin-right: 50px;
    width: calc((100% - 550px) / 3 + 150px + -1px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .exposition-links__list-item:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .exposition-links__list-item:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .exposition-links__list-item {
    margin-right: 20px;
    width: calc((100% - 60px) / 1 + 60px + -1px);
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .exposition-links__list-item:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .exposition-links__list-item:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .exposition-links__list-item {
    margin-right: 50px;
    width: calc((100% - 450px) / 3 + 116.66667px + -1px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .exposition-links__list-item:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .exposition-links__list-item {
    margin-right: 50px;
    width: calc((100% - 450px) / 3 + 116.66667px + -1px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .exposition-links__list-item:nth-child(3n+0) {
    margin-right: 0;
  }
}

.exposition-links__list-item:hover .cta__link {
  color: #E6394E;
}

.exposition-links__list-item:hover .cta__triangle, .exposition-links__list-item:hover .cta__label {
  transform: translateX(10px);
}

.exposition-links__image-link {
  font-size: 0;
  display: block;
  margin: 20px 0 10px;
}

@media (min-width: 768px) {
  .exposition-links__image-link {
    margin: 20px 0;
  }
}

.exposition-links__image {
  width: 100%;
}

.exposition-links__cta {
  margin-bottom: 10px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.eyecatcher {
  display: flex;
  flex-direction: column;
  position: relative;
}

.eyecatcher--blue {
  background-color: #D8E6EB;
}

.eyecatcher--blue .eyecatcher__triangle {
  fill: #D8E6EB;
}

.eyecatcher--black {
  background-color: #222;
}

.eyecatcher--black .eyecatcher__triangle {
  fill: #222;
}

.eyecatcher--black .eyecatcher__subtitle,
.eyecatcher--black .eyecatcher__caption,
.eyecatcher--black .eyecatcher__body {
  color: #FFF;
}

.eyecatcher__background {
  background: #C1D8DF no-repeat fixed;
  background-size: cover;
  width: 100%;
  height: 75vw;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .eyecatcher__background {
    height: 72.91667vw;
  }
}

@media (min-width: 1007px) {
  .eyecatcher__background {
    height: 54.6875vw;
  }
}

@media (min-width: 1263px) {
  .eyecatcher__background {
    height: 38.88889vw;
  }
}

.eyecatcher--no-image .eyecatcher__background {
  padding-top: 104px;
  height: 18.125vw !important;
}

@media (min-width: 768px) {
  .eyecatcher--no-image .eyecatcher__background {
    padding-top: 120px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher--no-image .eyecatcher__background {
    padding-top: 140px;
  }
}

.eyecatcher--black .eyecatcher__background {
  background-color: #293C46;
}

.eyecatcher__image {
  width: 100%;
  height: 100%;
  position: relative;
  top: -2px;
}

.eyecatcher__triangle {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  fill: #FFF;
  width: calc(100% + 11px);
  height: 0;
  position: absolute;
  left: -11px;
  bottom: -2px;
}

.view--init .eyecatcher__triangle {
  height: 18.125vw;
}

.eyecatcher__header {
  margin-top: calc(75vw - 116px / 2);
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
  z-index: 10;
}

@media (min-width: 768px) {
  .eyecatcher__header {
    margin-top: calc(63.85417vw);
  }
}

@media (min-width: 1007px) {
  .eyecatcher__header {
    margin-top: calc(45.625vw);
  }
}

@media (min-width: 1263px) {
  .eyecatcher__header {
    margin-top: calc(29.82639vw);
  }
}

.eyecatcher__header:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .eyecatcher__header {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .eyecatcher__header {
    text-align: center;
  }
}

.eyecatcher--no-image .eyecatcher__header {
  padding-top: 104px;
  margin-top: calc((18.125vw - 64px) / 2);
}

@media (min-width: 768px) {
  .eyecatcher--no-image .eyecatcher__header {
    padding-top: 120px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher--no-image .eyecatcher__header {
    padding-top: 140px;
  }
}

@media (min-width: 768px) {
  .eyecatcher--no-image .eyecatcher__header {
    margin-top: calc((18.125vw - 120px) / 2);
  }
}

@media (min-width: 1263px) {
  .eyecatcher--no-image .eyecatcher__header {
    margin-top: calc((18.125vw - 180px) / 2);
  }
}

.eyecatcher__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 64px;
  font-weight: bold;
  line-height: 64px;
  margin: 0 0 0 0;
  padding-top: 8px;
  mix-blend-mode: multiply;
  word-break: break-word;
  padding-top: 0 !important;
  text-rendering: optimizeLegibility;
}

@media (min-width: 768px) {
  .eyecatcher__title {
    font-size: 120px;
    line-height: 120px;
    padding-top: 20px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher__title {
    font-size: 180px;
    line-height: 180px;
    padding-top: 0;
  }
}

.eyecatcher__subtitle {
  font-family: 'Merriweather';
  font-size: 18px;
  line-height: 24px;
  margin: 20px 0 0 0;
  color: #4A4A4A;
  display: block;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .eyecatcher__subtitle {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher__subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}

.eyecatcher__content {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

.eyecatcher__content:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .eyecatcher__content {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .eyecatcher__content {
    display: flex;
  }
}

.eyecatcher__section {
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
}

@media (min-width: 768px) {
  .eyecatcher__section {
    margin-bottom: 40px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher__section {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .eyecatcher__section {
    margin-top: 40px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher__section {
    margin-top: 60px;
  }
}

@media (min-width: 768px) {
  .eyecatcher__section--has-child {
    padding-bottom: 82px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher__section:first-child:not(:last-child) {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher__section:last-child:not(:first-child) {
    padding-right: 50px;
  }
}

.eyecatcher__section:first-child:not(:last-child), .eyecatcher__section:last-child:not(:first-child) {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .eyecatcher__section:first-child:not(:last-child), .eyecatcher__section:last-child:not(:first-child) {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .eyecatcher__section:first-child:not(:last-child):nth-child(2n+0), .eyecatcher__section:last-child:not(:first-child):nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .eyecatcher__section:first-child:not(:last-child), .eyecatcher__section:last-child:not(:first-child) {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .eyecatcher__section:first-child:not(:last-child):nth-child(1n+0), .eyecatcher__section:last-child:not(:first-child):nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .eyecatcher__section:first-child:not(:last-child):nth-child(3n+0), .eyecatcher__section:last-child:not(:first-child):nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .eyecatcher__section:first-child:not(:last-child), .eyecatcher__section:last-child:not(:first-child) {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .eyecatcher__section:first-child:not(:last-child):nth-child(2n+0), .eyecatcher__section:last-child:not(:first-child):nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .eyecatcher__section:first-child:not(:last-child), .eyecatcher__section:last-child:not(:first-child) {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .eyecatcher__section:first-child:not(:last-child):nth-child(2n+0), .eyecatcher__section:last-child:not(:first-child):nth-child(2n+0) {
    margin-right: 0;
  }
}

.eyecatcher__section:first-child:last-child {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-left: auto;
  margin-right: auto !important;
}

@media (min-width: 1263px) {
  .eyecatcher__section:first-child:last-child {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .eyecatcher__section:first-child:last-child {
    margin-right: 20px;
    width: 100%;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .eyecatcher__section:first-child:last-child {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .eyecatcher__section:first-child:last-child {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

.eyecatcher__section:first-child:last-child .eyecatcher__body {
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}

@media (min-width: 768px) {
  .eyecatcher__section:first-child:last-child .eyecatcher__body {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher__section:first-child:last-child .eyecatcher__body {
    font-size: 22px;
    line-height: 33px;
  }
}

.eyecatcher__caption {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 30px;
  color: #4A4A4A;
  margin: 0;
}

@media (min-width: 768px) {
  .eyecatcher__caption {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher__caption {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .eyecatcher__caption {
    margin-top: 40px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher__caption {
    margin-top: 60px;
  }
}

.eyecatcher__body {
  margin-top: 0;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #4A4A4A;
}

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

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

@media (min-width: 768px) {
  .eyecatcher__body {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .eyecatcher__body {
    font-size: 18px;
    line-height: 30px;
  }
}

.eyecatcher .button, .eyecatcher .cta {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .eyecatcher .button, .eyecatcher .cta {
    position: absolute;
    bottom: 0;
  }
}

@media (min-width: 768px) {
  .eyecatcher .button {
    max-width: 270px;
  }
}

.eyecatcher .cta {
  display: flex;
  align-items: center;
  height: 52px;
  margin-top: 10px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.faq {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  transform: translate3d(0, 0, 0);
}

.faq:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .faq {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .faq {
    margin-top: 80px;
  }
}

.faq:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .faq {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .faq {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
  }
  .faq:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .faq {
    width: calc(100% - 100px);
  }
}

.faq__heading, .faq__question {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
}

@media (min-width: 1263px) {
  .faq__heading, .faq__question {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .faq__heading, .faq__question {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .faq__heading:nth-child(1n+0), .faq__question:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .faq__heading:nth-child(3n+0), .faq__question:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .faq__heading, .faq__question {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .faq__heading, .faq__question {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .faq__heading, .faq__question {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .faq__heading, .faq__question {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .faq__heading, .faq__question {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .faq__heading, .faq__question {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .faq__heading, .view--rtl .faq__question {
  left: auto !important;
}

@media (max-width: 767px) {
  .faq__heading, .faq__question {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.faq__heading {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
  font-weight: bold;
}

@media (min-width: 768px) {
  .faq__heading {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .faq__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

.faq__light {
  font-weight: normal;
}

.faq__question {
  padding-top: 10px;
  border-bottom: 1px solid #E9E6E3;
}

@media (min-width: 768px) {
  .faq__question {
    padding-top: 15px;
  }
}

@media (min-width: 1007px) {
  .faq__question {
    padding-top: 20px;
  }
}

.faq__link {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  text-decoration: none;
  margin-bottom: 10px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  padding-right: 40px;
  position: relative;
}

@media (min-width: 768px) {
  .faq__link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .faq__link {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .faq__link {
    margin-bottom: 15px;
  }
}

@media (min-width: 1007px) {
  .faq__link {
    margin-bottom: 20px;
  }
}

.faq__link--active {
  margin-bottom: 4px;
  color: #E6394E;
}

@media (min-width: 768px) {
  .faq__link--active {
    margin-bottom: 15px;
  }
}

@media (min-width: 1007px) {
  .faq__link--active {
    margin-bottom: 20px;
  }
}

.faq__link--active + .faq__body {
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .faq__link--active + .faq__body {
    padding-bottom: 15px;
  }
}

@media (min-width: 1007px) {
  .faq__link--active + .faq__body {
    padding-bottom: 20px;
  }
}

.faq__trigger {
  width: 10px;
  height: 1em;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-100%, -50%);
}

.faq__trigger::before, .faq__trigger::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px;
  width: 20px;
  height: 2px;
  background: #E6394E;
}

.faq__trigger::before {
  transform: rotate(90deg);
  transition: transform 0.25s ease-in-out;
}

.faq .faq__link--active .faq__trigger:before {
  transform: none;
}

.faq__body {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  position: relative;
  overflow-y: hidden;
  transition: height .5s ease-in-out, opacity .2s;
}

@media (min-width: 768px) {
  .faq__body {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .faq__body {
    font-size: 18px;
    line-height: 30px;
  }
}

.faq__body a {
  color: #222;
  text-decoration: none;
  text-decoration: underline;
  color: #222;
}

.faq__body:not(.faq__body--active) {
  height: 0 !important;
  opacity: 0;
}

.faq .faq__body p:last-child {
  margin-bottom: 0;
}

.faq .faq__body p:first-child {
  margin-top: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.footer-block {
  font-family: Graphik;
}

.footer-block .footer-block__container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1281px) {
  .footer-block .footer-block__container {
    flex-direction: row;
  }
}

@media (min-width: 1281px) {
  .footer-block .footer-block__container.footer-block__container--single .footer-block__left {
    padding: 100px 25%;
  }
}

.footer-block__left {
  flex: 1;
  background-color: #222222;
  color: #fff;
  padding: 40px 30px;
}

@media (min-width: 1281px) {
  .footer-block__left {
    padding: 100px 183px;
  }
}

.footer-block__right {
  flex: 1;
  background-color: #e9e6e3;
  padding: 40px 30px;
}

@media (min-width: 1281px) {
  .footer-block__right {
    padding: 100px 183px;
  }
}

.footer-block__icons {
  padding-bottom: 28px;
}

.footer-block__icons .button {
  margin-right: 12px;
}

.footer-block__icons .button:last-child {
  margin-right: 0;
}

.footer-block .footer-block__disclaimer {
  background-color: #4a4a4a;
  color: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .footer-block .footer-block__disclaimer {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 85px;
  }
}

.footer-block .footer-block__disclaimer p {
  line-height: 26px;
  margin: 12px 0;
}

.footer-block .footer-block__disclaimer a {
  color: #fff;
}

.footer-block .footer-block__right-disclaimer {
  line-height: 26px;
  margin: 12px 0;
}

.footer-block .footer-block__right-disclaimer a {
  display: inline-block;
}

.footer-block .footer-block__link {
  text-decoration: none;
}

.footer-block .footer-block__link:hover {
  text-decoration: underline;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.footer {
  background-color: #222;
  float: left;
  position: relative;
  width: 100%;
}

.footer .footer__main,
.footer .footer__brand {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 1007px) {
  .footer .footer__main,
  .footer .footer__brand {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.footer .footer__main {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

.footer .footer__main:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .footer .footer__main {
    width: calc(100% - 100px);
  }
}

.footer .footer__brand {
  background-color: #2D2D2D;
  margin-top: 60px;
  position: relative;
}

@media (min-width: 768px) {
  .footer .footer__brand {
    margin-top: 80px;
  }
}

@media (min-width: 1007px) {
  .footer .footer__brand {
    margin-top: 110px;
  }
}

.footer .footer__brand-container {
  align-items: center;
  overflow: hidden;
  padding: 20px 0;
  width: 100%;
}

@media (min-width: 768px) {
  .footer .footer__brand-container {
    height: 70px;
    display: flex;
    justify-content: space-between;
    height: 70px;
    padding: 0;
  }
  .footer .footer__brand-container:after {
    display: none;
  }
}

@media (min-width: 1007px) {
  .footer .footer__brand-container {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
  }
  .footer .footer__brand-container:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 1007px) and (min-width: 768px) {
  .footer .footer__brand-container {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1007px) {
  .footer .footer__brand-container .footer__section {
    width: 50% !important;
  }
}

.footer .footer__brand-container .footer__section {
  margin: 0 !important;
}

.footer .footer__section:not(.footer__section--newsletter) {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .footer .footer__section:not(.footer__section--newsletter) {
    margin-right: 50px;
    width: calc((100% - 550px) / 3 + 150px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .footer .footer__section:not(.footer__section--newsletter):nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .footer .footer__section:not(.footer__section--newsletter):nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .footer .footer__section:not(.footer__section--newsletter) {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .footer .footer__section:not(.footer__section--newsletter):nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .footer .footer__section:not(.footer__section--newsletter):nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .footer .footer__section:not(.footer__section--newsletter) {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .footer .footer__section:not(.footer__section--newsletter):nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .footer .footer__section:not(.footer__section--newsletter) {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .footer .footer__section:not(.footer__section--newsletter):nth-child(2n+0) {
    margin-right: 0;
  }
}

.footer .footer__section--newsletter {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .footer .footer__section--newsletter {
    margin-right: 50px;
    width: calc((100% - 550px) / 3 + 150px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .footer .footer__section--newsletter:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .footer .footer__section--newsletter:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .footer .footer__section--newsletter {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .footer .footer__section--newsletter:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .footer .footer__section--newsletter:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .footer .footer__section--newsletter {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .footer .footer__section--newsletter:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .footer .footer__section--newsletter {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .footer .footer__section--newsletter:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .footer .footer__section.footer__section--nav {
    margin-right: 0!important;
  }
}

@media (min-width: 768px) {
  .footer .footer__section.footer__section--newsletter {
    margin-right: 0;
  }
}

@media (min-width: 1007px) {
  .footer .footer__section.footer__section--nav {
    margin-right: 20px;
  }
}

@media (min-width: 1007px) and (min-width: 768px) {
  .footer .footer__section.footer__section--nav {
    margin-right: 50px;
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .footer .footer__section.footer__section--nav {
    margin-right: 50px;
  }
}

.footer .footer__heading,
.footer .footer__address,
.footer .footer__list,
.footer .footer__about-list {
  color: #FFF !important;
}

.footer .footer__heading {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .footer .footer__heading {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .footer .footer__heading {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .footer .footer__heading {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .footer .footer__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .footer .footer__heading--newsletter {
    box-sizing: border-box;
    display: block;
    float: left;
    color: #222;
    font-family: 'Graphik';
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin: 40px 0 20px;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .footer .footer__heading--newsletter {
    margin-right: 20px;
    width: calc((100% - 60px) / 0.4 + 180px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .footer .footer__heading--newsletter {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .footer .footer__heading--newsletter {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.2 + 450px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .footer .footer__heading--newsletter:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .footer .footer__heading--newsletter {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .footer .footer__heading--newsletter {
    font-size: 24px;
    line-height: 32px;
  }
}

.footer .footer__address {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-style: normal;
  margin: 20px 0 20px;
}

@media (min-width: 768px) {
  .footer .footer__address {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .footer .footer__address {
    font-size: 18px;
    line-height: 30px;
  }
}

.footer .footer__button {
  margin-top: 30px;
}

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

@media (min-width: 1007px) {
  .footer .footer__button {
    max-width: 320px;
  }
}

.footer .footer__list {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  padding: 0;
  display: list-item;
  list-style: none;
  list-style-position: inside;
  -moz-columns: 2;
       columns: 2;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .footer .footer__list {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .footer .footer__list {
    font-size: 18px;
    line-height: 30px;
  }
}

.footer .footer__list-item {
  list-style: none;
  font-weight: 600;
  white-space: nowrap;
}

.footer .footer__list-item .cta {
  height: 40px;
}

.footer .footer__list-item .cta__link {
  line-height: 1;
}

.footer .footer__list-item .cta__link:hover .cta__link {
  color: #FFF;
}

.footer .footer__list-item .cta__link .cta__arrow {
  fill: #FFF;
  overflow: visible;
}

.footer .footer__link {
  color: #222;
  text-decoration: none;
  color: #FFF;
}

.footer .footer__about-list {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}

@media (min-width: 768px) {
  .footer .footer__about-list {
    margin-right: 20px;
    justify-content: flex-end;
    margin-top: 0;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .footer .footer__about-list {
    margin-right: 50px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .footer .footer__about-list {
    margin-right: 50px;
  }
}

@media (min-width: 1007px) {
  .footer .footer__about-list {
    margin: 0;
  }
}

.footer .footer__about-list-item {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  line-height: 1;
}

@media (min-width: 768px) {
  .footer .footer__about-list-item {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .footer .footer__about-list-item {
    font-size: 18px;
    line-height: 30px;
  }
}

.footer .footer__about-list-item:not(:last-child):after {
  color: #FFF;
  content: '  |  ';
  white-space: pre;
}

.footer .footer__form {
  margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .footer .footer__form {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
    margin-right: 0;
    margin-left: 50px;
  }
}

.footer .footer__social {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .footer .footer__social {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
    margin-right: 0;
    margin-top: 20px;
  }
}

.footer .footer__button--dark {
  color: #333;
}

.footer .footer__button--social {
  margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .footer .footer__button--social {
    margin-top: 0;
  }
}

@media (min-width: 1007px) {
  .footer .footer__button--social {
    margin-top: 30px;
  }
}

.footer .footer__button--social:not(:last-child) {
  margin-right: 19px;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .footer .footer__button--social:not(:last-child) {
    margin-right: 10px;
  }
}

.footer .footer__logo {
  display: block;
  margin: auto;
}

@media (min-width: 768px) {
  .footer .footer__logo {
    margin-left: 20px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .footer .footer__logo {
    margin-left: 50px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .footer .footer__logo {
    margin-left: 50px;
  }
}

@media (min-width: 1007px) {
  .footer .footer__logo {
    margin: 0;
  }
}

.view--rtl .footer .footer__main .footer__section {
  margin-left: 20px;
  margin-right: 0 !important;
}

@media (min-width: 768px) {
  .view--rtl .footer .footer__main .footer__section {
    margin-left: 50px;
  }
}

@media (min-width: 1263px) {
  .view--rtl .footer .footer__main .footer__section {
    margin-left: 50px;
  }
}

.view--rtl .footer .footer__main .footer__section:last-child {
  margin-left: 0;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view--rtl .footer .footer__main .footer__section:nth-child(2) {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view--rtl .footer .footer__form {
    margin-left: 20px;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .view--rtl .footer .footer__form {
    margin-left: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .view--rtl .footer .footer__form {
    margin-left: 50px;
  }
}

.view--rtl .footer .cta__arrow {
  display: none;
}

.view--rtl .footer__brand-container .footer__section {
  margin-left: 20px;
  margin-right: 20px;
}

@media (min-width: 768px) {
  .view--rtl .footer__brand-container .footer__section {
    margin-left: 50px;
  }
}

@media (min-width: 1263px) {
  .view--rtl .footer__brand-container .footer__section {
    margin-left: 50px;
  }
}

@media (min-width: 768px) {
  .view--rtl .footer__brand-container .footer__section {
    margin-right: 50px;
  }
}

@media (min-width: 1263px) {
  .view--rtl .footer__brand-container .footer__section {
    margin-right: 50px;
  }
}

.view--rtl .footer__brand-container .footer__logo {
  float: right;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.checkbox,
.radio {
  border-bottom: none !important;
  width: 21px;
  height: 47px;
  position: relative;
}

.checkbox__input,
.radio__input {
  opacity: 0;
  position: absolute;
  z-index: 10;
}

.checkbox__input:checked + .checkbox__fake:before,
.checkbox__input:checked + .radio__fake:before,
.radio__input:checked + .checkbox__fake:before,
.radio__input:checked + .radio__fake:before {
  transform: translate(-50%, -50%) scale(1);
}

.checkbox__input:focus + .checkbox__fake,
.checkbox__input:focus + .radio__fake,
.radio__input:focus + .checkbox__fake,
.radio__input:focus + .radio__fake {
  box-shadow: 0 0 5px #E6394E;
}

.checkbox__fake,
.radio__fake {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #E9E6E3;
  display: block;
  width: 16px;
  height: 16px;
}

.radio .checkbox__fake, .radio
.radio__fake {
  border-radius: 16px;
}

.checkbox__fake:before,
.radio__fake:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #E6394E;
  content: '';
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s ease-in-out;
}

.radio .checkbox__fake:before, .radio
.radio__fake:before {
  border-radius: 10px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.form {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

.form:after {
  content: "";
  clear: both;
  display: table;
}

.form:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .form {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .form {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
  }
  .form:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .form {
    width: calc(100% - 100px);
  }
}

.form__title {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 60px;
}

@media (min-width: 1263px) {
  .form__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .form__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .form__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .form__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .form__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .form__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .form__title {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .form__title {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .form__title {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .form__title {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .form__title {
  left: auto !important;
}

@media (max-width: 767px) {
  .form__title {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .form__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .form__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.form__fieldset {
  border: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
}

@media (min-width: 1263px) {
  .form__fieldset {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .form__fieldset {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .form__fieldset:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .form__fieldset:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .form__fieldset {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .form__fieldset {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .form__fieldset {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .form__fieldset {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .form__fieldset {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .form__fieldset {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .form__fieldset {
  left: auto !important;
}

@media (max-width: 767px) {
  .form__fieldset {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.form__fieldset:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .form__fieldset {
    margin-right: 0;
  }
}

.form__error {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #E6394E;
  margin: 0 10px 0 2rem;
}

@media (min-width: 768px) {
  .form__error {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .form__error {
    font-size: 18px;
    line-height: 30px;
  }
}

.form .label, .form .widget, .form .button {
  box-sizing: border-box;
  display: block;
  float: left;
  float: left;
}

@media (min-width: 1263px) {
  .form .label, .form .widget, .form .button {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .form .label:nth-child(2n+0), .form .widget:nth-child(2n+0), .form .button:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .form .label, .form .widget, .form .button {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .form .label:nth-child(1n+0), .form .widget:nth-child(1n+0), .form .button:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .form .label:nth-child(3n+0), .form .widget:nth-child(3n+0), .form .button:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .form .label, .form .widget, .form .button {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .form .label:nth-child(2n+0), .form .widget:nth-child(2n+0), .form .button:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .form .label, .form .widget, .form .button {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .form .label:nth-child(2n+0), .form .widget:nth-child(2n+0), .form .button:nth-child(2n+0) {
    margin-right: 0;
  }
}

.form .label, .form .button {
  margin-top: 30px;
}

.form .button {
  float: right;
}

@media (min-width: 768px) {
  .form .button {
    margin-right: 0;
  }
}

.form .widget {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .form .label + .widget {
    margin-top: 0;
  }
}

.form .widget--textarea {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .form .widget--textarea {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .form .widget--textarea:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .form .widget--textarea {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .form .widget--textarea:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .form .widget--textarea:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .form .widget--textarea {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .form .widget--textarea:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .form .widget--textarea {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .form .widget--textarea:nth-child(1n+0) {
    margin-right: 0;
  }
}

.form .widget--inline {
  display: flex;
}

.form .widget--inline .label {
  margin: 0 0 0 10px !important;
}

.form .label + .widget--textarea {
  margin-top: 0 !important;
}

.form .g-recaptcha {
  max-width: calc(100vw - 40px);
}

@media (min-width: 768px) {
  .form .g-recaptcha {
    max-width: 100%;
  }
}

.form .g-recaptcha.has-error {
  margin-top: 1rem;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.button {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  font-family: Graphik;
  font-weight: 500;
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}

@media (min-width: 768px) {
  .button {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .button {
    font-size: 18px;
    line-height: 30px;
  }
}

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

.button--arrow-right .button__content {
  display: inline-flex;
}

.button--arrow-right .button__icon {
  fill: #E6394E;
  position: static;
  transform: none;
  padding: 10px 0;
}

.button--arrow-right:hover .button__icon {
  fill: #FFF;
}

.button.button--icon-after.button--justified .button__content {
  flex-direction: row-reverse;
}

.button.button--justified .button__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.button.button--justified .button__icon {
  position: static;
  transform: none;
}

.button--close {
  width: 52px;
  height: 52px;
  line-height: 52px;
  background-image: url("../img/components/button/close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25%;
}

@media (min-width: 768px) {
  .button--close {
    width: 60px;
  }
}

@media (min-width: 1263px) {
  .button--close {
    width: 70px;
  }
}

@media (min-width: 768px) {
  .button--close {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .button--close {
    height: 70px;
  }
}

@media (min-width: 768px) {
  .button--close {
    line-height: 60px;
  }
}

@media (min-width: 1263px) {
  .button--close {
    line-height: 70px;
  }
}

.button--cta, .button--dark, .button--secondary {
  font-family: Graphik;
  font-weight: 600;
}

.button--cta .button__icon, .button--dark .button__icon, .button--secondary .button__icon {
  right: auto;
  left: 16px;
}

@media (min-width: 1007px) {
  .button--cta:not(.button--arrow-right) .button__icon, .button--dark:not(.button--arrow-right) .button__icon, .button--secondary:not(.button--arrow-right) .button__icon {
    left: 30px;
  }
}

.button--cta .button__icon {
  fill: #FFF;
}

.button.button--dark {
  background-color: #4A4A4A;
  color: #FFF;
}

.button.button--dark .button__icon {
  fill: #FFF;
}

.button--fixed-height, .button--cta, .button--dark, .button--secondary, .button--social, .basic-filter__list-item .basic-filter__option {
  height: 52px;
}

.button--fixed-height .button__content, .button--cta .button__content, .button--dark .button__content, .button--secondary .button__content, .button--social .button__content, .basic-filter__list-item .basic-filter__option .button__content {
  line-height: 52px;
  padding-top: 0;
  padding-bottom: 0;
}

.button--beige, .button {
  background-color: #E9E6E3;
  color: #4A4A4A;
}

.button--beige::before, .button::before, .button--beige:after, .button:after {
  display: none;
}

.button--beige:hover, .button:hover, .button--beige.button--toggle-active, .button--toggle-active.button {
  background-color: #E6394E;
  color: #FFF;
}

.button--gray, .header .button:before {
  background-color: #4A4A4A;
  color: #FFF;
}

.button--gray::before, .button--gray:after {
  display: none;
}

.button--gray:hover, .header .button:hover:before, .button--gray.button--toggle-active, .header .button--toggle-active.button:before {
  color: #FFF;
}

.button--red, .button--cta {
  background-color: #E6394E;
  color: #FFF;
}

.button--red::before, .button--cta::before {
  background-color: #e3223a;
}

.button--red::after, .button--cta::after {
  background-color: #d21a31;
}

.button--red:hover, .button--cta:hover, .button--red.button--toggle-active, .button--toggle-active.button--cta {
  color: #FFF;
}

.button--menu {
  width: 52px;
  height: 52px;
}

@media (min-width: 768px) {
  .button--menu {
    width: 60px;
  }
}

@media (min-width: 1263px) {
  .button--menu {
    width: 70px;
  }
}

@media (min-width: 768px) {
  .button--menu {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .button--menu {
    height: 70px;
  }
}

.button--menu .button__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 12px;
}

.button--small {
  width: auto;
  height: 28px;
  padding-left: 16px;
}

@media (min-width: 768px) {
  .button--small {
    height: 32px;
  }
}

.button--small .button__icon {
  width: 22px;
  height: 22px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.button--small .button__content {
  font-size: 12px;
  line-height: 20px;
  line-height: 28px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .button--small .button__content {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .button--small .button__content {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) {
  .button--small .button__content {
    line-height: 32px;
  }
}

.button--social {
  background: none;
  border: 1px solid #C6C6C6;
  border-radius: 100%;
  flex-shrink: 0;
  width: 52px;
}

.button--social::before, .button--social:after {
  display: none;
}

.button--social .button__icon {
  height: 17px;
}

.button--social:hover {
  border: none;
}

.button--social-dark {
  color: #333;
  border-color: #333;
}

.button--social-dark.button--whatsapp {
  background-image: url("../img/components/button/whatsapp-black.svg");
}

.button--social-dark.button--facebook {
  background-image: url("../img/components/button/facebook-black.svg");
}

.button--social-dark.button--twitter {
  background-image: url("../img/components/button/twitter-black.svg");
}

.button--no-text .button__content, .button--menu .button__content {
  display: none;
}

.button--no-text .button__icon, .button--menu .button__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button__content {
  display: block;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

.button__icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.button__ripple {
  fill: 000;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.button__ripple svg {
  opacity: 0;
}

.button--language .button__content, .button--search .button__content {
  box-sizing: border-box;
  font-weight: normal;
  line-height: 49px;
}

.button--share, .button--whatsapp, .button--facebook, .button--twitter {
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999rem;
}

.button--share {
  background-image: url("../img/components/button/share.svg");
}

.button--whatsapp {
  background-image: url("../img/components/button/whatsapp.svg");
}

.button--facebook {
  background-image: url("../img/components/button/facebook.svg");
}

.button--twitter {
  background-image: url("../img/components/button/twitter.svg");
}

.button--auto-width {
  width: 100%;
}

@media (min-width: 1007px) {
  .button--auto-width {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.button--auto-width.button--icon-after {
  padding-right: 24px;
}

.hamburger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: auto;
  margin: 0 auto;
}

.hamburger__bar {
  background: #FFF;
  display: block;
  width: 15px;
  height: 2px;
  margin: 3px auto;
  transition: all 0.35s ease;
}

.header--open .button--menu .hamburger__bar--top {
  transform: translateY(5px) rotateZ(45deg);
}

.hamburger__bar--middle {
  margin: 0 auto;
}

.header--open .button--menu .hamburger__bar--middle {
  width: 0;
}

.header--open .button--menu .hamburger__bar--bottom {
  transform: translateY(-5px) rotateZ(-45deg);
}

.widget .input-legacy {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  border-radius: 0;
  outline: 0;
  border: 1px solid #C6C6C6;
  color: #ADADAD;
  width: 100%;
  height: 52px;
  letter-spacing: 0;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 768px) {
  .widget .input-legacy {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .widget .input-legacy {
    font-size: 18px;
    line-height: 30px;
  }
}

.widget .input-legacy--button {
  border-right: none;
  padding-right: 0px;
}

.widget .input-legacy--open {
  background: none;
}

.widget .input-legacy + .button {
  display: none;
  background: none;
  border: 1px solid #C6C6C6;
  border-left: none;
}

@media (min-width: 768px) {
  .widget .input-legacy + .button {
    display: block;
  }
}

.widget .input-legacy + .button .button__content {
  background: none;
  display: block;
}

.widget .input-legacy + .button .button__icon {
  fill: #ADADAD;
  width: 32px;
  height: 32px;
}

.view--rtl .input-legacy--button {
  border-right: 1px solid #C6C6C6;
  border-left: none;
  padding-right: 20px;
  padding-left: none;
}

.view--rtl .input-legacy--button + .button--input {
  border-left: 1px solid #C6C6C6;
  border-right: none;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.label,
.checkbox__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  height: 47px;
  line-height: 47px;
}

@media (min-width: 768px) {
  .label,
  .checkbox__label {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .label,
  .checkbox__label {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .label,
  .checkbox__label {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .label,
  .checkbox__label {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) {
  .label,
  .checkbox__label {
    line-height: 47px;
  }
}

@media (min-width: 1263px) {
  .label,
  .checkbox__label {
    line-height: 47px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.select {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMSAoNDcyNTApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iVUkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU5NC4wMDAwMDAsIC01NzMuMDAwMDAwKSIgZmlsbD0iI0U2Mzk0RSIgZmlsbC1ydWxlPSJub256ZXJvIiBpZD0iU3RhY2tlZC1Hcm91cC1Db3B5Ij4NCiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5Mi4wMDAwMDAsIDU2Ny4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzI1LjAwMDAwMCwgMC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImRyb3Bkb3duLWljbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc3LjAwMDAwMCwgNi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjY5NTk0MDM0OCwwIEwxMC4zMTQ4MzAyLDAgQzEwLjUwMTI0MjgsMCAxMC42NjI4MDAzLDAuMDY2MDY2MDY2MSAxMC43OTk1MDI5LDAuMTk4MTk4MTk4IEMxMS4wNzI5MDgsMC40ODY0ODY0ODYgMTEuMDY2Njk0MywwLjc5ODc5ODc5OSAxMC43ODA4NjE2LDEuMTM1MTM1MTQgTDUuOTkwMDU4LDUuODAxODAxOCBDNS42NjY5NDI4Myw2LjA2NjA2NjA3IDUuMzM3NjEzOTIsNi4wNjYwNjYwNyA1LjAwMjA3MTI1LDUuODAxODAxOCBMMC4yMTEyNjc2MDYsMS4xMzUxMzUxNCBDMCwwLjkwNjkwNjkwNyAtMC4wNTI4MTY5MDE0LDAuNjY2NjY2NjY3IDAuMDUyODE2OTAxNCwwLjQxNDQxNDQxNCBDMC4xNTg0NTA3MDQsMC4xNjIxNjIxNjIgMC4zNzI4MjUxODYsMC4wMjQwMjQwMjQgMC42OTU5NDAzNDgsMCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding: 9px 2px 2px 20px;
  position: relative;
}

@media (min-width: 1263px) {
  .select {
    padding-top: 6px;
  }
}

.select[multiple] {
  height: 104px;
}

@media (min-width: 768px) {
  .select[multiple] {
    height: 120px;
  }
}

@media (min-width: 1263px) {
  .select[multiple] {
    height: 140px;
  }
}

.select--bordered {
  border: 1px solid #CBC4BD !important;
  background-position-x: calc(100% - 20px);
  padding-left: 20px;
}

.select--fake {
  margin: 0;
}

.select--fake:before {
  content: attr(data-label) !important;
  display: block;
  width: 100%;
  height: 100%;
  padding: inherit;
  position: absolute;
  top: 0;
  left: 0;
}

.select--fake .select__fake-value {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.select--open.select--fake {
  background-color: #F4F2F0;
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iVUkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTgzMC4wMDAwMDAsIC0xNjcuMDAwMDAwKSIgZmlsbD0iI0U2Mzk0RSIgZmlsbC1ydWxlPSJub256ZXJvIiBpZD0iU3RhY2tlZC1Hcm91cCI+DQogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2OTIuMDAwMDAwLCAxNjAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk2MS4wMDAwMDAsIDAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJkcm9wZG93bi1pY28iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Mi41MDAwMDAsIDEwLjAwMDAwMCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTE4Mi41MDAwMDAsIC0xMC4wMDAwMDApIHRyYW5zbGF0ZSgxNzcuMDAwMDAwLCA3LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuNjk1OTQwMzQ4LDAgTDEwLjMxNDgzMDIsMCBDMTAuNTAxMjQyOCwwIDEwLjY2MjgwMDMsMC4wNjYwNjYwNjYxIDEwLjc5OTUwMjksMC4xOTgxOTgxOTggQzExLjA3MjkwOCwwLjQ4NjQ4NjQ4NiAxMS4wNjY2OTQzLDAuNzk4Nzk4Nzk5IDEwLjc4MDg2MTYsMS4xMzUxMzUxNCBMNS45OTAwNTgsNS44MDE4MDE4IEM1LjY2Njk0MjgzLDYuMDY2MDY2MDcgNS4zMzc2MTM5Miw2LjA2NjA2NjA3IDUuMDAyMDcxMjUsNS44MDE4MDE4IEwwLjIxMTI2NzYwNiwxLjEzNTEzNTE0IEMwLDAuOTA2OTA2OTA3IC0wLjA1MjgxNjkwMTQsMC42NjY2NjY2NjcgMC4wNTI4MTY5MDE0LDAuNDE0NDE0NDE0IEMwLjE1ODQ1MDcwNCwwLjE2MjE2MjE2MiAwLjM3MjgyNTE4NiwwLjAyNDAyNDAyNCAwLjY5NTk0MDM0OCwwIFoiIGlkPSJTaGFwZSI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+");
  border: 2px solid #CBC4BD !important;
}

.select--fake .select__options {
  background-color: #F4F2F0;
  border: 2px solid #CBC4BD !important;
  border-top: none !important;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: -2px;
  top: calc(100% + 2px);
  visibility: hidden;
  width: calc(100% + 4px);
  z-index: 9001;
}

.select--fake .select__option {
  height: 42px;
  line-height: 42px;
  font-weight: normal;
  padding: 2px 20px;
  white-space: nowrap;
}

.select--fake .select__option--active {
  background-color: #E6394E;
  color: #FFF;
}

.select--fake .select__option--hidden {
  display: none;
}

.select--open.select--fake .select__options {
  visibility: visible;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.widget {
  display: flex;
  position: relative;
}

.widget .input, .widget .textarea {
  padding-top: 15px;
}

.widget[data-placeholder]:before {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  background-position: center right;
  background-repeat: no-repeat;
  content: attr(data-placeholder);
  font-size: 14px;
  line-height: 1;
  padding-right: 10px;
  position: absolute;
  top: 2px;
  left: 0;
  transition: top 0.2s ease;
  z-index: 10;
}

.widget:not(.widget--focus):not(.widget--has-value):before {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  top: 23.5px;
  transition: none;
}

.widget--required:before {
  background-image: url("../img/components/common/form/dot.svg");
}

.widget--stacked.widget {
  clear: left;
  margin-top: 0;
}

.widget__list, .widget__list-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget.widget--checkbox {
  clear: both;
}

.widget.widget--checkbox + .widget.widget--checkbox {
  margin-top: 0;
}

.widget.widget--checkbox + .label,
.widget.widget--checkbox + .widget {
  clear: left;
}

.widget--textarea:not(.widget--focus):not(.widget--has-value):before {
  top: 25px;
  left: 20px;
}

.widget--textarea.widget--focus:before, .widget--textarea.widget--has-value:before {
  top: 10px;
  left: 20px;
}

.widget--textarea .widget__errors {
  top: -1.5em;
}

.widget--inline {
  height: 52px;
  line-height: 52px;
  display: flex;
}

@media (min-width: 768px) {
  .widget--inline {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .widget--inline {
    height: 70px;
  }
}

@media (min-width: 768px) {
  .widget--inline {
    line-height: 60px;
  }
}

@media (min-width: 1263px) {
  .widget--inline {
    line-height: 70px;
  }
}

.widget--inline .widget__item {
  display: flex;
  width: 100%;
}

.widget--inline .widget__item .label {
  width: 100%;
}

.widget__errors {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: -1.2em;
  left: 0;
}

.widget__error {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #E6394E;
  margin: 0 10px 0 0;
  padding: 0;
}

@media (min-width: 768px) {
  .widget__error {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .widget__error {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .widget__error {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .widget__error {
    font-size: 16px;
    line-height: 26px;
  }
}

.widget__errors + .g-recaptcha {
  margin-top: 10px;
}

.widget--search:after {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  content: url("../img/components/common/form/input/search.svg");
  width: 14px;
  height: 30px;
  right: 0;
}

.widget__element {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 0;
  color: #4A4A4A;
  outline: 0;
  width: 100%;
  height: 47px;
  border-bottom: 2px solid #E9E6E3;
  box-sizing: border-box;
  font-weight: 600;
  padding-right: 20px;
  transition: border-color 0.2s ease;
}

@media (min-width: 768px) {
  .widget__element {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .widget__element {
    font-size: 18px;
    line-height: 30px;
  }
}

.widget__element::-webkit-input-placeholder {
  color: transparent;
}

.widget__element:-moz-placeholder {
  color: transparent;
  opacity: 1;
}

.widget__element::-moz-placeholder {
  color: transparent;
  opacity: 1;
}

.widget__element::-ms-clear {
  display: none;
}

.widget__element:-ms-input-placeholder {
  color: transparent;
}

.widget__element:focus, .widget__element:hover {
  border-bottom-color: #E6394E;
}

.widget .button--input {
  flex-shrink: 0;
  width: 52px !important;
  height: 52px !important;
  border-left: none;
}

.widget .button--input .button__icon {
  width: 14px;
  height: 14px;
}

.widget .widget__element.textarea {
  height: 104px;
  border: 2px solid #E9E6E3;
  padding: 20px;
}

@media (min-width: 768px) {
  .widget .widget__element.textarea {
    height: 120px;
  }
}

@media (min-width: 1263px) {
  .widget .widget__element.textarea {
    height: 140px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.widget {
  display: flex;
  position: relative;
}

.widget .input, .widget .textarea {
  padding-top: 15px;
}

.widget[data-placeholder]:before {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  background-position: center right;
  background-repeat: no-repeat;
  content: attr(data-placeholder);
  font-size: 14px;
  line-height: 1;
  padding-right: 10px;
  position: absolute;
  top: 2px;
  left: 0;
  transition: top 0.2s ease;
  z-index: 10;
}

.widget:not(.widget--focus):not(.widget--has-value):before {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  top: 23.5px;
  transition: none;
}

.widget--required:before {
  background-image: url("../img/components/common/form/dot.svg");
}

.widget--stacked.widget {
  clear: left;
  margin-top: 0;
}

.widget__list, .widget__list-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget.widget--checkbox {
  clear: both;
}

.widget.widget--checkbox + .widget.widget--checkbox {
  margin-top: 0;
}

.widget.widget--checkbox + .label,
.widget.widget--checkbox + .widget {
  clear: left;
}

.widget--textarea:not(.widget--focus):not(.widget--has-value):before {
  top: 25px;
  left: 20px;
}

.widget--textarea.widget--focus:before, .widget--textarea.widget--has-value:before {
  top: 10px;
  left: 20px;
}

.widget--textarea .widget__errors {
  top: -1.5em;
}

.widget--inline {
  height: 52px;
  line-height: 52px;
  display: flex;
}

@media (min-width: 768px) {
  .widget--inline {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .widget--inline {
    height: 70px;
  }
}

@media (min-width: 768px) {
  .widget--inline {
    line-height: 60px;
  }
}

@media (min-width: 1263px) {
  .widget--inline {
    line-height: 70px;
  }
}

.widget--inline .widget__item {
  display: flex;
  width: 100%;
}

.widget--inline .widget__item .label {
  width: 100%;
}

.widget__errors {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: -1.2em;
  left: 0;
}

.widget__error {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #E6394E;
  margin: 0 10px 0 0;
  padding: 0;
}

@media (min-width: 768px) {
  .widget__error {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .widget__error {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .widget__error {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .widget__error {
    font-size: 16px;
    line-height: 26px;
  }
}

.widget__errors + .g-recaptcha {
  margin-top: 10px;
}

.widget--search:after {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  content: url("../img/components/common/form/input/search.svg");
  width: 14px;
  height: 30px;
  right: 0;
}

.widget__element {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 0;
  color: #4A4A4A;
  outline: 0;
  width: 100%;
  height: 47px;
  border-bottom: 2px solid #E9E6E3;
  box-sizing: border-box;
  font-weight: 600;
  padding-right: 20px;
  transition: border-color 0.2s ease;
}

@media (min-width: 768px) {
  .widget__element {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .widget__element {
    font-size: 18px;
    line-height: 30px;
  }
}

.widget__element::-webkit-input-placeholder {
  color: transparent;
}

.widget__element:-moz-placeholder {
  color: transparent;
  opacity: 1;
}

.widget__element::-moz-placeholder {
  color: transparent;
  opacity: 1;
}

.widget__element::-ms-clear {
  display: none;
}

.widget__element:-ms-input-placeholder {
  color: transparent;
}

.widget__element:focus, .widget__element:hover {
  border-bottom-color: #E6394E;
}

.widget .button--input {
  flex-shrink: 0;
  width: 52px !important;
  height: 52px !important;
  border-left: none;
}

.widget .button--input .button__icon {
  width: 14px;
  height: 14px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.gallery {
  margin-top: 40px;
  overflow: hidden;
  position: relative;
}

.gallery:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .gallery {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .gallery {
    margin-top: 80px;
  }
}

@media print {
  .gallery {
    display: none;
  }
}

@media (min-width: 768px) {
  .gallery {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
  }
  .gallery:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .gallery {
    width: calc(100% - 100px);
  }
}

.gallery__slider, .gallery__panels {
  cursor: pointer;
  font-size: 0;
  overflow: hidden;
  white-space: nowrap;
}

.gallery--red .gallery__slider:first-child {
  background-color: #F0DADC;
}

.gallery--green .gallery__slider:first-child {
  background-color: #E7E7E2;
}

.gallery--blue .gallery__slider:first-child {
  background-color: #D8E6EB;
}

.gallery--yellow .gallery__slider:first-child {
  background-color: #F2E8D2;
}

.gallery__slide, .gallery__panel {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

.gallery__slide {
  transition: all 1s;
  transition-delay: 0s;
  padding-top: 100%;
  width: 100%;
  height: 0;
  position: relative;
}

@media (min-width: 768px) {
  .gallery__slide {
    padding-top: 56.25%;
  }
}

.gallery__image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}

.gallery__image--cover {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.gallery .video,
.gallery .video__container,
.gallery .video__player,
.gallery .video__iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  left: 50% !important;
  top: 50% !important;
  margin: 0 !important;
}

.gallery__body {
  transition: all 1s;
  transition-delay: 0s;
  box-sizing: border-box;
  display: block;
  float: left;
  position: static;
  right: 0;
  bottom: 0;
}

@media (min-width: 1263px) {
  .gallery__body {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .gallery__body {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .gallery__body {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.25 + 350px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .gallery__body {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .gallery__body {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .gallery__body {
    position: absolute;
  }
}

@media (min-width: 768px) {
  .gallery--video .gallery__body {
    float: right;
    position: relative !important;
  }
}

@media (min-width: 768px) {
  .gallery__body--closed {
    height: 104px !important;
    width: 104px;
    overflow: hidden;
  }
}

@media (min-width: 768px) {
  .gallery--video .gallery__body--closed {
    width: 156px;
    height: 52px !important;
  }
}

.gallery__navigation {
  height: 0;
  position: relative;
  text-align: right;
  top: 0;
  right: 0;
}

@media (min-width: 768px) {
  .gallery__navigation {
    height: 52px;
  }
}

@media (min-width: 768px) {
  .gallery--video .gallery__navigation {
    position: absolute;
    z-index: 10;
  }
}

.gallery__button {
  transform: translateY(-100%);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #4A4A4A;
  border: none;
  border-radius: 0;
  color: #FFF;
  width: 52px;
  height: 52px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (min-width: 768px) {
  .gallery__button {
    transform: none;
  }
}

.gallery__button:before {
  transition: all 0.2s;
  transition-delay: 0s;
  content: '';
  cursor: pointer;
  background-color: #E6394E;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
}

.gallery__button--prev:before {
  transform-origin: left;
}

.gallery__button .icon {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (hover: hover) {
  .gallery__button:hover:before {
    transform: scale(1);
  }
}

@media (hover: none) {
  .gallery__button:active:before {
    transform: scale(1);
  }
}

.gallery .button {
  transition: all 0.2s;
  transition-delay: 0s;
  display: none;
  background-color: transparent;
  position: absolute;
  top: 100%;
  right: 52px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}

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

@media (min-width: 768px) {
  .gallery--video .gallery__body .button {
    top: 0;
    right: 156px;
  }
  .gallery--video .gallery__body--closed .button {
    right: 104px;
  }
}

.gallery__body--closed .button {
  background-image: url("../img/components/common/gallery/info.svg");
  background-size: 10%;
}

@media (hover: hover) {
  .gallery .button:hover {
    background-color: #E6394E;
  }
}

@media (hover: none) {
  .gallery .button:hover {
    background-color: #E6394E;
  }
}

.gallery__counter {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  background: rgba(74, 74, 74, 0.56);
  color: #FFF;
  width: 52px;
  height: 52px;
  line-height: 52px !important;
  position: absolute;
  top: 100%;
  right: 0;
  text-align: center;
  z-index: 1;
}

@media (min-width: 768px) {
  .gallery__counter {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .gallery__counter {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .gallery__counter {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .gallery__counter {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) {
  .gallery--video .gallery__body .gallery__counter {
    top: 0;
    right: 104px;
  }
  .gallery--video .gallery__body--closed .gallery__counter {
    right: 156px;
  }
}

.gallery__count--total {
  opacity: 0.6;
}

.gallery__panels {
  background-color: #222;
}

@media (min-width: 768px) {
  .gallery__panels {
    background-color: rgba(34, 34, 34, 0.5);
  }
}

.gallery__panel {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  background-color: transparent;
  height: auto;
  padding-top: 52px;
  padding-bottom: 52px;
  position: relative;
}

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

@media (min-width: 1263px) {
  .gallery__panel {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .gallery__panel {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .gallery__panel {
    padding-right: 50px;
  }
}

.gallery__title, .gallery__description, .gallery__source {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  font-style: normal;
  white-space: normal;
  margin: 0;
  color: #FFF;
}

@media (min-width: 768px) {
  .gallery__title, .gallery__description, .gallery__source {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .gallery__title, .gallery__description, .gallery__source {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .gallery__title, .gallery__description, .gallery__source {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .gallery__title, .gallery__description, .gallery__source {
    font-size: 16px;
    line-height: 26px;
  }
}

.gallery__body--closed .gallery__title,
.gallery__body--closed .gallery__description,
.gallery__body--closed .gallery__source {
  color: rgba(255, 255, 255, 0);
}

.gallery__title {
  padding-right: 52px;
  font-weight: bold;
}

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

.gallery__source {
  opacity: 0.5;
}

.gallery .video__footer {
  display: none;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

@-webkit-keyframes glow {
  0% {
    background-color: #4A4A4A;
  }
  50% {
    background-color: #E6394E;
  }
}

@keyframes glow {
  0% {
    background-color: #4A4A4A;
  }
  50% {
    background-color: #E6394E;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
  will-change: top;
}

.header--collapsed.header--open {
  transform: translateY(0);
}

.header--collapsed.header--open .menu.menu--primary {
  transform: translateX(0) !important;
}

.header--collapsed.header--open .button--language {
  display: block;
  transform: translateX(0%);
}

.header--collapsed.header--open .button--language .button__content {
  padding: 0;
}

@media (max-width: 767px) {
  .header--collapsed.header--open .search-form {
    transform: translateX(0%);
  }
}

.header--collapsed .button--language {
  display: block !important;
  transform: translateX(100vw);
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

@media (min-width: 768px) {
  .header--collapsed .button--language {
    transform: translateX(330px);
  }
}

.header--collapsed .menu.menu--primary {
  transform: translateX(100%) !important;
}

.header--collapsed .searchfield {
  display: none;
}

@media (min-width: 768px) {
  .header--collapsed .searchfield {
    display: flex;
  }
}

.header--collapsed .header__bar {
  background-color: transparent;
}

.header--collapsed:not(.header--open) .button--gray, .header--collapsed:not(.header--open) .header .button:before, .header .header--collapsed:not(.header--open) .button:before {
  transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1) 0s, opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1) 0.5s, width 0.8s cubic-bezier(0, 0.7, 0.4, 1), height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  visibility: hidden;
  opacity: 0;
}

.header--collapsed:not(.header--open) .button--gray .button__content, .header--collapsed:not(.header--open) .header .button:before .button__content, .header .header--collapsed:not(.header--open) .button:before .button__content {
  transition-delay: 0s;
}

@media (min-width: 768px) {
  .header--collapsed .button--menu:before {
    -webkit-animation: glow 2.5s;
            animation: glow 2.5s;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
  }
}

.header--collapsed:not(.header--open) .button--menu {
  border-left: none;
}

.header--collapsed:not(.header--open) .button--menu:before {
  transition: all 0.2s;
  transition-delay: 0s;
  background-color: #4A4A4A;
}

.header--collapsed:not(.header--open) .button--menu:hover:before {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  background-color: #E6394E;
}

@media (min-width: 768px) {
  .header--collapsed .searchfield {
    z-index: 10;
  }
}

.header .notification {
  position: relative;
  z-index: 200;
}

.header--elearning .header__bar {
  background-color: #222;
}

.header__bar {
  transition-timing-function: ease-in-out;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  height: 52px;
  background-color: #222;
  display: flex;
  align-items: stretch;
  padding-left: 20px !important;
  padding-right: 0 !important;
  position: relative;
}

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

@media (min-width: 1263px) {
  .header__bar {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .header__bar {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .header__bar {
    padding-right: 50px;
  }
}

@media (min-width: 768px) {
  .header__bar {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .header__bar {
    height: 70px;
  }
}

@media (min-width: 768px) {
  .header__bar {
    padding-left: 30px !important;
  }
}

.header__divider {
  margin: auto;
}

@media (min-width: 768px) {
  .header:not(.header--collapsed)__buttons .button:nth-child(1):before,
  .header:not(.header--collapsed)__buttons .button:nth-child(1) .button__content {
    transition-delay: 0.6s;
  }
  .header:not(.header--collapsed)__buttons .button:nth-child(2):before,
  .header:not(.header--collapsed)__buttons .button:nth-child(2) .button__content {
    transition-delay: 0.7s;
  }
  .header:not(.header--collapsed)__buttons .button:nth-child(3):before,
  .header:not(.header--collapsed)__buttons .button:nth-child(3) .button__content {
    transition-delay: 0.8s;
  }
}

@media (max-width: 1006px) {
  .header.header--open {
    transform: translateY(0);
  }
  .header.header--open .menu.menu--primary {
    transform: translateX(0) !important;
  }
  .header.header--open .button--language {
    display: block;
    transform: translateX(0%);
  }
  .header.header--open .button--language .button__content {
    padding: 0;
  }
}

@media (max-width: 1006px) and (max-width: 767px) {
  .header.header--open .search-form {
    transform: translateX(0%);
  }
}

@media (max-width: 1006px) {
  .header .button--language {
    display: block !important;
    transform: translateX(100vw);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  }
}

@media (max-width: 1006px) and (min-width: 768px) {
  .header .button--language {
    transform: translateX(330px);
  }
}

@media (max-width: 1006px) {
  .header .menu.menu--primary {
    transform: translateX(100%) !important;
  }
  .header .searchfield {
    display: none;
  }
}

@media (max-width: 1006px) and (min-width: 768px) {
  .header .searchfield {
    display: flex;
  }
}

.header__link {
  display: flex;
}

.view--scrolled .header--has-back .header__bar {
  background-color: #222;
}

@media (min-width: 768px) {
  .header--has-back .header__bar .header__link:first-child {
    transition: transform 0.3s cubic-bezier(0, 0.7, 0.4, 1);
    will-change: transform;
    transform: translateY(0%);
  }
  .view--scrolled .header--has-back .header__bar .header__link:first-child {
    transform: translateY(-100%);
  }
}

.header .menu--primary {
  transform: translateY(-100%);
  transition: transform 0.5s cubic-bezier(0, 0.7, 0.4, 1);
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.view--init .header .menu--primary {
  transform: translateY(0);
}

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

@media (min-width: 1007px) {
  .header:not(.header--collapsed) .header__buttons {
    flex-shrink: 0;
    width: auto;
  }
}

.header__buttons {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.header:not(.header--collapsed) .button {
  display: none;
}

@media (min-width: 768px) {
  .header:not(.header--collapsed) .button {
    display: flex;
  }
}

.header .button {
  width: 52px;
  align-items: center;
  background: none;
  border-left: 1px solid #222;
  flex-shrink: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .header .button {
    width: 60px;
  }
}

@media (min-width: 1263px) {
  .header .button {
    width: 70px;
  }
}

.header .button .button__content {
  line-height: 52px;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1) 0.5s;
  transform: translateY(-30px);
  transition: transform 0.5s cubic-bezier(0, 0.7, 0.4, 1);
  width: 100%;
  height: 100%;
  display: block;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  padding: 0;
}

@media (min-width: 768px) {
  .header .button .button__content {
    line-height: 60px;
  }
}

@media (min-width: 1263px) {
  .header .button .button__content {
    line-height: 70px;
  }
}

.view--init .header .button .button__content {
  opacity: 1;
}

.view--init .header .button .button__content {
  transform: translateY(0);
}

.header .button.button--language {
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.header .button.button--language:before {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0.5s;
}

.view--init .header .button.button--language:before {
  height: 52px;
}

@media (min-width: 768px) {
  .view--init .header .button.button--language:before {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .view--init .header .button.button--language:before {
    height: 70px;
  }
}

@media (min-width: 768px) {
  .header .button.button--language {
    transform: translateX(0);
  }
}

.header .button.button--search {
  display: none;
}

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

.header .button.button--search:before {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0.45s;
}

.view--init .header .button.button--search:before {
  height: 52px;
}

@media (min-width: 768px) {
  .view--init .header .button.button--search:before {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .view--init .header .button.button--search:before {
    height: 70px;
  }
}

.header .button:before {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0.45s;
  border-radius: 0px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  transform: none;
  width: 100%;
}

.view--init .header .button:before {
  height: 52px;
}

@media (min-width: 768px) {
  .view--init .header .button:before {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .view--init .header .button:before {
    height: 70px;
  }
}

@media (min-width: 768px) {
  .header:not(.header--open) .button.button--language-extend {
    border-left: none;
    border-right: 1px solid #222;
    opacity: 1;
    visibility: visible;
    transform: translateX(100%);
  }
}

.header:not(.header--collapsed) .button--menu {
  display: block;
}

@media (min-width: 1007px) {
  .header:not(.header--collapsed) .button--menu {
    display: none;
  }
}

.header .button--menu {
  background: none;
}

.header .button--menu:before {
  height: 100%;
  background-color: #E6394E;
}

.header .search-form {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(100%);
}

.header .search-form .widget {
  padding-right: 104px;
}

@media (min-width: 768px) {
  .header .search-form .widget {
    padding-right: 120px;
  }
}

@media (min-width: 1263px) {
  .header .search-form .widget {
    padding-right: 140px;
  }
}

.view--rtl .header  .header__bar {
  padding-left: 0px !important;
  padding-right: 20px !important;
}

@media (min-width: 768px) {
  .view--rtl .header  .header__bar {
    padding-left: 0px !important;
    padding-right: 30px !important;
  }
}

.view--rtl .header  .search-form .widget {
  padding-left: 104px;
  padding-right: 0;
}

@media (min-width: 768px) {
  .view--rtl .header  .search-form .widget {
    padding-left: 120px;
  }
}

@media (min-width: 1263px) {
  .view--rtl .header  .search-form .widget {
    padding-left: 140px;
  }
}

.view--rtl .header  .button {
  border-left: 0;
  border-right: 1px solid #222;
}

.view--rtl .header  .menu.menu--primary {
  left: 0;
  right: auto;
}

@media (max-width: 1006px) {
  .view--rtl .header  .menu.menu--primary {
    transform: translateX(-100%) !important;
  }
}

@media (max-width: 1006px) {
  .view--rtl .header--open  .menu.menu--primary {
    transform: none !important;
  }
}

.view--rtl .header.header--collapsed .header__bar {
  padding-left: 0px !important;
  padding-right: 20px !important;
}

@media (min-width: 768px) {
  .view--rtl .header.header--collapsed .header__bar {
    padding-left: 0px !important;
    padding-right: 30px !important;
  }
}

.view--rtl .header.header--collapsed .menu.menu--primary {
  left: 0;
}

.view--rtl .header.header--collapsed:not(.header--open) .menu.menu--primary {
  transform: translateX(-100%) !important;
}

@media (min-width: 768px) {
  .view--rtl .header.header--collapsed:not(.header--open) .button.button--language-extend {
    transform: translateX(-100%);
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.button--language .hamburger {
  opacity: 0;
}

.button--language.button--open {
  color: #222;
}

.button--language.button--open:before {
  background-color: #E9E6E3;
}

@media (min-width: 768px) {
  .button--language.button--open {
    text-indent: -999rem;
  }
  .button--language.button--open:before {
    background-color: #E6394E;
  }
  .button--language.button--open .hamburger {
    opacity: 1;
  }
  .button--language.button--open .hamburger__bar--top {
    transform: translateY(5px) rotateZ(45deg);
  }
  .button--language.button--open .hamburger__bar--middle {
    width: 0;
  }
  .button--language.button--open .hamburger__bar--bottom {
    transform: translateY(-5px) rotateZ(-45deg);
  }
}

.header__language-list {
  top: 52px;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  transition: height 0.2s cubic-bezier(0, 0.7, 0.4, 1);
}

@media (min-width: 768px) {
  .header__language-list {
    top: 60px;
  }
}

@media (min-width: 1263px) {
  .header__language-list {
    top: 70px;
  }
}

.header__language-list:before {
  content: '';
  background-color: #E9E6E3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.header__language-list--out-top .header__language-list-link:before {
  top: 0;
  bottom: auto;
}

.header__language-list--out-top .header__language-list-link:hover:before {
  top: auto;
  bottom: 0;
}

.header__language-list-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .header__language-list-list {
    height: calc(100vh - 104px) !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.button--language.button--open + .header__language-list {
  height: auto;
}

@media (max-width: 767px) {
  .button--language.button--open + .header__language-list {
    height: calc(100vh - 52px) !important;
  }
}

.button--language:not(.button--open) + .header__language-list {
  height: 0 !important;
}

@media (min-width: 768px) {
  .header__language-list {
    right: 52px;
    width: auto;
    min-width: 270px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .header__language-list {
    right: 60px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .header__language-list {
    right: 70px;
  }
}

.header__language-list-item {
  margin: 0;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0, 0.7, 0.4, 1);
}

.button--language.button--open + .header__language-list .header__language-list-item {
  opacity: 1;
}

.header__language-list-item:first-child .header__language-list-link {
  padding-top: 20px;
}

.header__language-list-item:last-child .header__language-list-link {
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .header__language-list-item--selected .header__language-list-link {
    font-weight: bold;
  }
}

.header__language-list-link {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  line-height: 52px;
  display: block;
  font-size: 18px;
  padding: 0 30px;
  position: relative;
  text-decoration: none;
  z-index: 1;
}

@media (min-width: 768px) {
  .header__language-list-link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .header__language-list-link {
    font-size: 18px;
    line-height: 30px;
  }
}

.header__language-list-link::before {
  content: '';
  background-color: #E6394E;
  width: 100%;
  height: 0%;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  transition: height 0.1s cubic-bezier(0, 0.7, 0.4, 1);
  z-index: -1;
}

@media (min-width: 768px) {
  .header__language-list-link:hover {
    color: #FFF;
    transition-delay: 0s;
  }
  .header__language-list-link:hover::before {
    height: 100%;
    top: 0;
    bottom: auto;
  }
}

@media (min-width: 768px) {
  .header__language-list-link {
    padding: 10px 20px;
  }
}

@media (min-width: 768px) {
  .view--rtl .header__language-list {
    left: 52px;
    right: auto;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .view--rtl .header__language-list {
    left: 60px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .view--rtl .header__language-list {
    left: 70px;
  }
}

.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.icon use > svg {
  fill: currentColor;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.inline-links {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
}

.inline-links:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .inline-links {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .inline-links {
    margin-top: 80px;
  }
}

.inline-links:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .inline-links {
    width: calc(100% - 100px);
  }
}

.inline-links__title {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  box-sizing: border-box;
  display: block;
  float: left;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  margin-bottom: 20px;
}

@media (min-width: 1263px) {
  .inline-links__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .inline-links__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .inline-links__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .inline-links__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .inline-links__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .inline-links__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .inline-links__title {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .inline-links__title {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .inline-links__title {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .inline-links__title {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .inline-links__title {
  left: auto !important;
}

@media (max-width: 767px) {
  .inline-links__title {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 1263px) {
  .inline-links__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .inline-links__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .inline-links__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .inline-links__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .inline-links__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .inline-links__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 5 + 50px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .inline-links__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .inline-links__title:nth-child(5n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .inline-links__title:nth-child(6n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .inline-links__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) {
  .inline-links__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 1263px) {
  .inline-links__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1007px) {
  .inline-links__title {
    margin-right: 50px;
    left: calc((100% - 450px) / 10 + 0px) !important;
    position: absolute;
  }
}

@media (min-width: 1263px) {
  .inline-links__title {
    left: 0 !important;
  }
}

.inline-links__list {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 1263px) {
  .inline-links__list {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .inline-links__list {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .inline-links__list:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .inline-links__list:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .inline-links__list {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .inline-links__list {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .inline-links__list {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .inline-links__list {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .inline-links__list {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .inline-links__list {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .inline-links__list {
  left: auto !important;
}

@media (max-width: 767px) {
  .inline-links__list {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.inline-links__list-item {
  margin: 30px 0 0 0;
  padding: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.intro-text {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .intro-text {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .intro-text {
    margin-top: 80px;
  }
}

.intro-text:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .intro-text {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .intro-text {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .intro-text {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .intro-text {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 1263px) {
  .intro-text {
    font-size: 22px;
    line-height: 33px;
  }
}

.intro-text__body {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  margin: 0;
}

@media (min-width: 1263px) {
  .intro-text__body {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .intro-text__body {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .intro-text__body:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .intro-text__body:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .intro-text__body {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .intro-text__body {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .intro-text__body {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .intro-text__body {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .intro-text__body {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .intro-text__body {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .intro-text__body {
  left: auto !important;
}

@media (max-width: 767px) {
  .intro-text__body {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.intro-text .author {
  margin-top: 30px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.logo {
  color: #FFF;
  fill: currentColor;
  transition: opacity 0.2s;
}

a:hover .logo {
  opacity: 0.5;
}

.logo--header {
  align-self: center;
  width: 168px;
  height: 16px;
}

@media (min-width: 768px) {
  .logo--header {
    width: 188px;
    height: 19px;
  }
}

@media (min-width: 1263px) {
  .logo--header {
    width: 256px;
    height: 27px;
  }
}

.logo--elearning {
  width: auto;
}

.logo--elearning-afs {
  height: 30px;
}

.logo--elearning-ssv {
  height: 30px;
}

@media (min-width: 768px) {
  .logo--elearning-ssv {
    height: 40px;
  }
}

@media (min-width: 1263px) {
  .logo--elearning-ssv {
    height: 50px;
  }
}

.logo--footer {
  max-width: 210px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@media (max-width: 1006px) {
  .basic-header + .media .media__story--white {
    padding-top: 0;
  }
}

.media {
  box-sizing: border-box;
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
}

@media print {
  .media {
    display: none;
  }
}

.media + .media {
  margin-top: 0;
}

@media (min-width: 768px) {
  .media + .media {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .media + .media {
    margin-top: 80px;
  }
}

.media:after {
  content: "";
  clear: both;
  display: table;
}

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

@media (min-width: 1263px) {
  .media {
    margin-top: 80px;
  }
}

.media:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .media {
    width: calc(100% - 100px);
  }
}

@media (max-width: 1006px) {
  .media {
    width: 100%;
  }
}

.media__story {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 0 !important;
  z-index: 10;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1263px) {
  .media__story {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px + 50px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .media__story:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .media__story {
    margin-right: 20px;
    width: calc((100% - 60px) / 1 + 60px + 50px);
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .media__story:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .media__story:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .media__story {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px + 50px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .media__story:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .media__story:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .media__story {
    margin-right: 50px;
    width: calc((100% - 450px) / 1 + 450px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .media__story:nth-child(1n+0) {
    margin-right: 0;
  }
}

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

@media (min-width: 1263px) {
  .media__story {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .media__story {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .media__story {
    padding-right: 50px;
  }
}

@media (max-width: 1006px) {
  .media__story {
    width: 100%;
  }
}

@media (min-width: 1007px) {
  .media__story {
    position: absolute;
    right: auto;
  }
  .view--rtl .media--right .media__story,
  .media--left .media__story {
    left: auto;
    right: 50px;
  }
  .view--rtl .media--left .media__story,
  .media--right .media__story {
    left: 50px;
    right: auto;
  }
}

@media (min-width: 1263px) {
  .view--rtl .media--right .media__story,
  .media--left .media__story {
    left: auto;
    right: 0;
  }
  .view--rtl .media--left .media__story,
  .media--right .media__story {
    left: 0;
    right: auto;
  }
}

.media__heading {
  margin: 0 0 10px 0;
}

.media__body {
  margin-top: 0;
  margin-bottom: 0;
}

.media__cta {
  margin-top: 10px;
}

.media__figure {
  margin: 0;
}

.media__footer, .media__visual {
  margin-right: 20px;
  width: 100%;
  margin-right: 0;
  font-size: 0;
  position: relative;
}

@media (min-width: 1007px) {
  .media__footer, .media__visual {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px + (100vw - 100%) / 2);
    margin-right: 0;
  }
  .view--rtl .media--left .media__footer,
  .media--right .media__footer, .view--rtl .media--left .media__visual,
  .media--right .media__visual {
    left: auto;
    right: calc((100vw - 100%) / -2);
  }
  .view--rtl .media--right .media__footer,
  .media--left .media__footer, .view--rtl .media--right .media__visual,
  .media--left .media__visual {
    left: calc((100vw - 100%) / -2);
    right: auto;
  }
}

@media (min-width: 1263px) {
  .media__footer, .media__visual {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px + (100vw - 100%) / 2);
    margin-right: 0;
  }
}

.view--rtl .media--right .media__footer,
.media--left .media__footer, .view--rtl .media--right .media__visual,
.media--left .media__visual {
  float: left;
}

.view--rtl .media--left .media__footer,
.media--right .media__footer, .view--rtl .media--left .media__visual,
.media--right .media__visual {
  float: right;
}

.media--preserve .media__image {
  width: 100%;
}

@media (min-width: 768px) {
  .media--preserve .media__image {
    width: auto;
    max-width: 100%;
    max-height: 75vh;
  }
}

.media--preserve .media__story {
  display: none;
}

@media (min-width: 768px) {
  .media--preserve .media__figure {
    box-sizing: border-box;
    display: block;
    float: left;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0;
    position: relative;
    box-sizing: border-box;
    display: block;
    float: left;
    width: auto !important;
    position: static;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .media--preserve .media__figure {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .media--preserve .media__figure {
    margin-right: 20px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px) {
  .media--preserve .media__figure:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 767px) and (min-width: 1263px) {
  .media--preserve .media__figure:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (min-width: 1007px) and (max-width: 1262px) {
  .media--preserve .media__figure {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 1006px) {
  .media--preserve .media__figure {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .media--preserve .media__figure {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .media--preserve .media__figure {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 768px) and (min-width: 1007px) and (max-width: 1262px) {
  .media--preserve .media__figure {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 1006px) {
  .media--preserve .media__figure {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) {
  .view--rtl .media--preserve .media__figure {
    left: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .media--preserve .media__figure {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .media--preserve .media__figure {
    margin-right: 50px;
    margin-left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .media--preserve .media__figure {
    margin-right: 20px;
    margin-left: " + 50px";
  }
}

@media (min-width: 768px) and (min-width: 1007px) and (max-width: 1262px) {
  .media--preserve .media__figure {
    margin-right: 50px;
    margin-left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 1006px) {
  .media--preserve .media__figure {
    margin-right: 50px;
    margin-left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) {
  .view--rtl .media--preserve .media__figure {
    box-sizing: border-box;
    display: block;
    float: left;
    float: right;
    margin-left: auto;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .view--rtl .media--preserve .media__figure {
    margin-right: 50px;
    margin-right: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .view--rtl .media--preserve .media__figure {
    margin-right: 20px;
    margin-right: " + 50px";
  }
}

@media (min-width: 768px) and (min-width: 1007px) and (max-width: 1262px) {
  .view--rtl .media--preserve .media__figure {
    margin-right: 50px;
    margin-right: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 1006px) {
  .view--rtl .media--preserve .media__figure {
    margin-right: 50px;
    margin-right: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) {
  .media--preserve .media__visual,
  .media--preserve .media__footer {
    float: left;
    width: auto;
  }
  .media--preserve .media__footer {
    clear: both;
    padding-left: 0;
    width: 100%;
  }
}

.media:not(.media--preserve) .media__image {
  width: 100%;
  height: 100%;
}

.media__footer {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  mix-blend-mode: multiply;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .media__footer {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .media__footer {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .media__footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1006px) {
  .media__footer {
    padding-left: 20px;
  }
}

@media (min-width: 1007px) {
  .media__footer {
    border-bottom: 1px solid #D9C9CA;
  }
  .media--left .media__footer {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1007px) and (min-width: 768px) {
  .media--left .media__footer {
    padding-left: 50px;
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .media--left .media__footer {
    padding-left: 50px;
  }
}

@media (min-width: 1007px) {
  .view--rtl .media--left .media__footer {
    padding-right: 20px;
    padding-left: 0 !important;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1007px) and (min-width: 768px) {
  .view--rtl .media--left .media__footer {
    padding-right: 50px;
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .view--rtl .media--left .media__footer {
    padding-right: 50px;
  }
}

.media:not(.media--preserve) .media__visual {
  background-color: #C1D8DF;
}

.media__story {
  background: #4A4A4A;
}

.media__story.media__story--white {
  background: #FFF;
}

.media__story.media__story--white .media__heading {
  color: #222;
}

.media__story.media__story--white .media__body {
  color: #222;
}

.media__story.media__story--white .media__cta .cta__link {
  color: #222;
}

.media__heading {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #FFF;
}

@media (min-width: 768px) {
  .media__heading {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .media__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

.media__body {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #FFF;
}

@media (min-width: 768px) {
  .media__body {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .media__body {
    font-size: 18px;
    line-height: 30px;
  }
}

.media__footer {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
}

@media (min-width: 768px) {
  .media__footer {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .media__footer {
    font-size: 18px;
    line-height: 30px;
  }
}

.media__description {
  color: #4A4A4A;
}

.media__copyright {
  color: #9B9B9B;
}

.media__copyright a {
  color: inherit;
}

.media.media--play .media__visual {
  z-index: 90;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@media (max-width: 1006px) {
  .menu.menu--secondary {
    left: -30px;
    background: #000;
    overflow: hidden;
    position: relative;
    transform-origin: top;
    transition: height .5s ease-in-out;
    width: calc(100% + 20px + 10px);
  }
}

@media (max-width: 1006px) and (min-width: 768px) {
  .menu.menu--secondary {
    left: -60px;
    width: calc(100% + 50px + 10px);
  }
}

@media (max-width: 1006px) {
  .menu.menu--secondary .menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .menu.menu--secondary .menu__list > .menu__list-item {
    color: #222;
    font-family: 'Graphik';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 24px;
    line-height: 30px;
    margin: 0;
    padding: 10px 20px 10px 40px;
    position: relative;
  }
  .menu.menu--secondary .menu__list > .menu__list-item:first-child {
    padding-top: 20px;
  }
  .menu.menu--secondary .menu__list > .menu__list-item:last-child {
    padding-bottom: 20px;
  }
}

@media (max-width: 1006px) and (min-width: 768px) {
  .menu.menu--secondary .menu__list > .menu__list-item {
    margin-left: 30px;
  }
}

@media (max-width: 1006px) {
  .menu.menu--secondary .menu__list > .menu__list-item--open .menu--secondary {
    height: 100%;
    visibility: hidden;
  }
  .menu.menu--secondary .menu__list .menu__list-item .menu__link {
    color: #222;
    text-decoration: none;
    color: #FFF;
    display: block;
    font-size: 18px;
  }
  .menu.menu--secondary .menu__list .menu__list-item .menu__link--active {
    color: #E6394E;
  }
  .view--rtl .menu.menu--secondary {
    left: auto !important;
    right: -50px;
  }
}

@media (max-width: 1006px) and (max-width: 1006px) {
  .view--rtl .menu.menu--secondary {
    right: -60px;
    padding-right: 30px;
  }
}

@media (max-width: 1006px) {
  .view--rtl .menu.menu--secondary .menu__list > .menu__list-item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.header.header--collapsed .menu.menu--secondary {
  left: -30px;
  background: #000;
  overflow: hidden;
  position: relative;
  transform-origin: top;
  transition: height .5s ease-in-out;
  width: calc(100% + 20px + 10px);
}

@media (min-width: 768px) {
  .header.header--collapsed .menu.menu--secondary {
    left: -60px;
    width: calc(100% + 50px + 10px);
  }
}

.header.header--collapsed .menu.menu--secondary .menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  line-height: 30px;
  margin: 0;
  padding: 10px 20px 10px 40px;
  position: relative;
}

.header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item:first-child {
  padding-top: 20px;
}

.header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item:last-child {
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  .header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item {
    margin-left: 30px;
  }
}

.header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item--open .menu--secondary {
  height: 100%;
  visibility: hidden;
}

.header.header--collapsed .menu.menu--secondary .menu__list .menu__list-item .menu__link {
  color: #222;
  text-decoration: none;
  color: #FFF;
  display: block;
  font-size: 18px;
}

.header.header--collapsed .menu.menu--secondary .menu__list .menu__list-item .menu__link--active {
  color: #E6394E;
}

.view--rtl .header.header--collapsed .menu.menu--secondary {
  left: auto !important;
  right: -50px;
}

@media (max-width: 1006px) {
  .view--rtl .header.header--collapsed .menu.menu--secondary {
    right: -60px;
    padding-right: 30px;
  }
}

.view--rtl .header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 1007px) {
  .header:not(.header--collapsed) .menu.menu--secondary {
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    transition: visibility 0s;
    transition-delay: 0.6s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary.menu--out-top .menu__link:before {
    top: 0;
    bottom: auto;
  }
  .header:not(.header--collapsed) .menu.menu--secondary.menu--out-top .menu__link:hover:before {
    top: auto;
    bottom: 0;
  }
  .header:not(.header--collapsed) .menu.menu--secondary::before {
    background: #222;
    content: '';
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0;
    transition: height 0.2s cubic-bezier(0, 0.7, 0.4, 1);
    transition-delay: 0.2s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list {
    list-style: none;
    min-width: 285px;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0, 0.7, 0.4, 1);
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(1) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(2) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(3) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(4) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(5) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(6) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(7) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(8) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(9) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(10) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:first-child .menu__link {
    padding-top: 20px;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:last-child .menu__link {
    padding-bottom: 20px;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
    color: #222;
    text-decoration: none;
    color: #222;
    font-family: 'Graphik';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 24px;
    color: #FFF;
    display: block;
    overflow: hidden;
    position: relative;
    padding: 10px 20px;
    text-decoration: none;
    transition: color 0.1s cubic-bezier(0, 0.7, 0.4, 1);
    z-index: 1;
  }
}

@media (min-width: 1007px) and (min-width: 768px) {
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1007px) and (min-width: 1007px) {
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
    padding-left: 30px;
    padding-left: 30px;
  }
}

@media (min-width: 1007px) {
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link::before {
    content: '';
    background-color: #E6394E;
    width: 100%;
    height: 0%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    transition: height 0.1s cubic-bezier(0, 0.7, 0.4, 1);
    z-index: -1;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link:hover {
    color: #FFF;
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link:hover::before {
    height: 100%;
    top: 0;
    bottom: auto;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list .menu__list-item .menu__link--active {
    color: #E6394E;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list .menu__list-item .menu__link--active:hover {
    color: #FFF;
  }
}

.header--collapsed .menu.menu--primary {
  padding-top: 52px;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  background-color: #222;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  right: 0;
}

@media (min-width: 768px) {
  .header--collapsed .menu.menu--primary {
    padding-top: 60px;
  }
}

@media (min-width: 1263px) {
  .header--collapsed .menu.menu--primary {
    padding-top: 70px;
  }
}

@media (min-width: 768px) {
  .header--collapsed .menu.menu--primary {
    max-width: 330px;
  }
}

@media (min-width: 1263px) {
  .header--collapsed .menu.menu--primary {
    max-width: 330px;
  }
}

.header--collapsed .menu.menu--primary > .menu__list {
  list-style: none;
  margin: 0;
  padding: 20px 0;
}

.header--collapsed .menu.menu--primary > .menu__list > .menu__list-item {
  margin-left: 20px;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  line-height: 50px;
  padding: 0;
  position: relative;
  padding-left: 10px;
}

@media (min-width: 768px) {
  .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item {
    margin-left: 50px;
  }
}

@media (min-width: 1263px) {
  .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item {
    margin-left: 50px;
  }
}

.header--collapsed .menu.menu--primary > .menu__list > .menu__list-item:last-child {
  margin-bottom: 104px !important;
}

.header--collapsed .menu.menu--primary > .menu__list > .menu__list-item:not(.menu__list-item--open) .menu.menu--secondary {
  height: 0 !important;
}

.header--collapsed .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
  color: #222;
  text-decoration: none;
  color: #FFF;
  display: block;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  left: 10px;
}

.header--collapsed .menu.menu--primary > .menu__list > .menu__list-item > .menu__link:hover {
  color: #E6394E;
}

.header--collapsed .menu.menu--primary .menu__sub-trigger {
  display: none;
  cursor: pointer;
  width: 10px;
  height: 50px;
  position: absolute;
  top: 25px;
  transform: translate(-100%, -50%);
}

@media (min-width: 1007px) {
  .header--collapsed .menu.menu--primary .menu__sub-trigger {
    display: none;
  }
}

.header--collapsed .menu.menu--primary .menu__sub-trigger::before, .header--collapsed .menu.menu--primary .menu__sub-trigger::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px;
  width: 10px;
  height: 2px;
  background: #4a4a4a;
}

.header--collapsed .menu.menu--primary .menu__sub-trigger::before {
  transform: rotate(90deg);
  transition: transform 0.25s ease-in-out;
}

.view--rtl .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item {
  margin-right: 40px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 10px;
}

.view-rtl .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item--active:after {
  left: 0;
  right: 20px;
}

@media (min-width: 1263px) {
  .view-rtl .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item--active:after {
    left: 0;
    right: 30px;
  }
}

.view--rtl .header--collapsed .menu.menu--primary .menu__sub-trigger {
  transform: translate(300%, -50%);
}

@media (max-width: 1006px) {
  .menu.menu--primary {
    padding-top: 52px;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    background-color: #222;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    right: 0;
  }
}

@media (max-width: 1006px) and (min-width: 768px) {
  .menu.menu--primary {
    padding-top: 60px;
  }
}

@media (max-width: 1006px) and (min-width: 1263px) {
  .menu.menu--primary {
    padding-top: 70px;
  }
}

@media (max-width: 1006px) and (min-width: 768px) {
  .menu.menu--primary {
    max-width: 330px;
  }
}

@media (max-width: 1006px) and (min-width: 1263px) {
  .menu.menu--primary {
    max-width: 330px;
  }
}

@media (max-width: 1006px) {
  .menu.menu--primary > .menu__list {
    list-style: none;
    margin: 0;
    padding: 20px 0;
  }
  .menu.menu--primary > .menu__list > .menu__list-item {
    margin-left: 20px;
    color: #222;
    font-family: 'Graphik';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 24px;
    line-height: 50px;
    padding: 0;
    position: relative;
    padding-left: 10px;
  }
}

@media (max-width: 1006px) and (min-width: 768px) {
  .menu.menu--primary > .menu__list > .menu__list-item {
    margin-left: 50px;
  }
}

@media (max-width: 1006px) and (min-width: 1263px) {
  .menu.menu--primary > .menu__list > .menu__list-item {
    margin-left: 50px;
  }
}

@media (max-width: 1006px) {
  .menu.menu--primary > .menu__list > .menu__list-item:last-child {
    margin-bottom: 104px !important;
  }
  .menu.menu--primary > .menu__list > .menu__list-item:not(.menu__list-item--open) .menu.menu--secondary {
    height: 0 !important;
  }
  .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
    color: #222;
    text-decoration: none;
    color: #FFF;
    display: block;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    left: 10px;
  }
  .menu.menu--primary > .menu__list > .menu__list-item > .menu__link:hover {
    color: #E6394E;
  }
  .menu.menu--primary .menu__sub-trigger {
    display: none;
    cursor: pointer;
    width: 10px;
    height: 50px;
    position: absolute;
    top: 25px;
    transform: translate(-100%, -50%);
  }
}

@media (max-width: 1006px) and (min-width: 1007px) {
  .menu.menu--primary .menu__sub-trigger {
    display: none;
  }
}

@media (max-width: 1006px) {
  .menu.menu--primary .menu__sub-trigger::before, .menu.menu--primary .menu__sub-trigger::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 10px;
    height: 2px;
    background: #4a4a4a;
  }
  .menu.menu--primary .menu__sub-trigger::before {
    transform: rotate(90deg);
    transition: transform 0.25s ease-in-out;
  }
  .view--rtl .menu.menu--primary > .menu__list > .menu__list-item {
    margin-right: 40px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 10px;
  }
  .view-rtl .menu.menu--primary > .menu__list > .menu__list-item--active:after {
    left: 0;
    right: 20px;
  }
}

@media (max-width: 1006px) and (min-width: 1263px) {
  .view-rtl .menu.menu--primary > .menu__list > .menu__list-item--active:after {
    left: 0;
    right: 30px;
  }
}

@media (max-width: 1006px) {
  .view--rtl .menu.menu--primary .menu__sub-trigger {
    transform: translate(300%, -50%);
  }
}

.menu.menu--primary .menu__list-item--has-children .menu__sub-trigger {
  display: block;
}

.menu.menu--primary .menu__list-item--open .menu__sub-trigger::before {
  transform: none;
}

@media (min-width: 1007px) {
  .header:not(.header--collapsed) .menu.menu--primary {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list {
    display: flex;
    align-items: stretch;
    list-style: none;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list {
    margin: 0;
  }
}

@media (min-width: 1007px) {
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item {
    display: flex;
    align-items: stretch;
    position: relative;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary {
    visibility: visible;
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary:before {
    height: 100%;
    transition-delay: 0.2s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item {
    opacity: 1;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(1) {
    transition-delay: 0.26s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(2) {
    transition-delay: 0.32s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(3) {
    transition-delay: 0.38s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(4) {
    transition-delay: 0.44s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(5) {
    transition-delay: 0.5s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(6) {
    transition-delay: 0.56s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(7) {
    transition-delay: 0.62s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(8) {
    transition-delay: 0.68s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(9) {
    transition-delay: 0.74s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(10) {
    transition-delay: 0.8s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 20px !important;
    position: relative;
    width: 100%;
    z-index: 10;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link:before {
    background-color: #E6394E;
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    transition: height 0.2s cubic-bezier(0, 0.7, 0.4, 1);
    z-index: -10;
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
    padding: 10px 30px 10px 30px !important;
  }
}

@media (min-width: 1007px) {
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item--has-children > .menu__link:before {
    transition-delay: 0.4s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item--active:after {
    background-color: #E6394E;
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 20px;
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item--active:after {
    left: 30px;
    width: calc(100% - 60px);
  }
}

@media (min-width: 1007px) {
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item.menu__list-item--active > .menu__link {
    font-family: 'Graphik';
    font-weight: bold;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover > .menu__link {
    color: #FFF;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover > .menu__link:before {
    color: #FFF;
    height: 100%;
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover > .menu__link--has-sub:before {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
    color: #222;
    text-decoration: none;
    color: #222;
    font-family: 'Graphik';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 24px;
    color: #FFF;
  }
}

@media (min-width: 1007px) and (min-width: 768px) {
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
    font-size: 18px;
    line-height: 30px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@media (max-width: 1006px) {
  .menu.menu--secondary {
    left: -30px;
    background: #000;
    overflow: hidden;
    position: relative;
    transform-origin: top;
    transition: height .5s ease-in-out;
    width: calc(100% + 20px + 10px);
  }
}

@media (max-width: 1006px) and (min-width: 768px) {
  .menu.menu--secondary {
    left: -60px;
    width: calc(100% + 50px + 10px);
  }
}

@media (max-width: 1006px) {
  .menu.menu--secondary .menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .menu.menu--secondary .menu__list > .menu__list-item {
    color: #222;
    font-family: 'Graphik';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 24px;
    line-height: 30px;
    margin: 0;
    padding: 10px 20px 10px 40px;
    position: relative;
  }
  .menu.menu--secondary .menu__list > .menu__list-item:first-child {
    padding-top: 20px;
  }
  .menu.menu--secondary .menu__list > .menu__list-item:last-child {
    padding-bottom: 20px;
  }
}

@media (max-width: 1006px) and (min-width: 768px) {
  .menu.menu--secondary .menu__list > .menu__list-item {
    margin-left: 30px;
  }
}

@media (max-width: 1006px) {
  .menu.menu--secondary .menu__list > .menu__list-item--open .menu--secondary {
    height: 100%;
    visibility: hidden;
  }
  .menu.menu--secondary .menu__list .menu__list-item .menu__link {
    color: #222;
    text-decoration: none;
    color: #FFF;
    display: block;
    font-size: 18px;
  }
  .menu.menu--secondary .menu__list .menu__list-item .menu__link--active {
    color: #E6394E;
  }
  .view--rtl .menu.menu--secondary {
    left: auto !important;
    right: -50px;
  }
}

@media (max-width: 1006px) and (max-width: 1006px) {
  .view--rtl .menu.menu--secondary {
    right: -60px;
    padding-right: 30px;
  }
}

@media (max-width: 1006px) {
  .view--rtl .menu.menu--secondary .menu__list > .menu__list-item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.header.header--collapsed .menu.menu--secondary {
  left: -30px;
  background: #000;
  overflow: hidden;
  position: relative;
  transform-origin: top;
  transition: height .5s ease-in-out;
  width: calc(100% + 20px + 10px);
}

@media (min-width: 768px) {
  .header.header--collapsed .menu.menu--secondary {
    left: -60px;
    width: calc(100% + 50px + 10px);
  }
}

.header.header--collapsed .menu.menu--secondary .menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  line-height: 30px;
  margin: 0;
  padding: 10px 20px 10px 40px;
  position: relative;
}

.header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item:first-child {
  padding-top: 20px;
}

.header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item:last-child {
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  .header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item {
    margin-left: 30px;
  }
}

.header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item--open .menu--secondary {
  height: 100%;
  visibility: hidden;
}

.header.header--collapsed .menu.menu--secondary .menu__list .menu__list-item .menu__link {
  color: #222;
  text-decoration: none;
  color: #FFF;
  display: block;
  font-size: 18px;
}

.header.header--collapsed .menu.menu--secondary .menu__list .menu__list-item .menu__link--active {
  color: #E6394E;
}

.view--rtl .header.header--collapsed .menu.menu--secondary {
  left: auto !important;
  right: -50px;
}

@media (max-width: 1006px) {
  .view--rtl .header.header--collapsed .menu.menu--secondary {
    right: -60px;
    padding-right: 30px;
  }
}

.view--rtl .header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 1007px) {
  .header:not(.header--collapsed) .menu.menu--secondary {
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    transition: visibility 0s;
    transition-delay: 0.6s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary.menu--out-top .menu__link:before {
    top: 0;
    bottom: auto;
  }
  .header:not(.header--collapsed) .menu.menu--secondary.menu--out-top .menu__link:hover:before {
    top: auto;
    bottom: 0;
  }
  .header:not(.header--collapsed) .menu.menu--secondary::before {
    background: #222;
    content: '';
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0;
    transition: height 0.2s cubic-bezier(0, 0.7, 0.4, 1);
    transition-delay: 0.2s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list {
    list-style: none;
    min-width: 285px;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0, 0.7, 0.4, 1);
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(1) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(2) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(3) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(4) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(5) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(6) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(7) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(8) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(9) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(10) {
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:first-child .menu__link {
    padding-top: 20px;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:last-child .menu__link {
    padding-bottom: 20px;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
    color: #222;
    text-decoration: none;
    color: #222;
    font-family: 'Graphik';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 24px;
    color: #FFF;
    display: block;
    overflow: hidden;
    position: relative;
    padding: 10px 20px;
    text-decoration: none;
    transition: color 0.1s cubic-bezier(0, 0.7, 0.4, 1);
    z-index: 1;
  }
}

@media (min-width: 1007px) and (min-width: 768px) {
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1007px) and (min-width: 1007px) {
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
    padding-left: 30px;
    padding-left: 30px;
  }
}

@media (min-width: 1007px) {
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link::before {
    content: '';
    background-color: #E6394E;
    width: 100%;
    height: 0%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    transition: height 0.1s cubic-bezier(0, 0.7, 0.4, 1);
    z-index: -1;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link:hover {
    color: #FFF;
    transition-delay: 0s;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__link:hover::before {
    height: 100%;
    top: 0;
    bottom: auto;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list .menu__list-item .menu__link--active {
    color: #E6394E;
  }
  .header:not(.header--collapsed) .menu.menu--secondary .menu__list .menu__list-item .menu__link--active:hover {
    color: #FFF;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.modal {
  padding-left: 20px;
  padding-right: 20px;
  -webkit-overflow-scrolling: touch;
  background-color: #F0DADC;
  border: 0;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  top: 0px;
  right: 0;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  z-index: 9001;
}

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

@media (min-width: 1263px) {
  .modal {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .modal {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .modal {
    padding-right: 50px;
  }
}

.modal--open {
  transform: translateX(0);
}

.modal.modal--full-width {
  transition: all 0.8s;
  transition-delay: 0.8s;
}

@media (min-width: 768px) {
  .modal.modal--full-width {
    display: flex;
    align-items: center;
    right: auto;
    max-width: 100%;
    transform: translateY(200%);
  }
}

.modal--full-width.modal--open {
  transition: all 0.8s;
  transition-delay: 0s;
}

@media (min-width: 768px) {
  .modal--full-width.modal--open {
    transform: translateY(0%);
  }
}

.modal--green {
  background-color: #E7E7E2;
}

.modal--green .modal__triangle {
  fill: #E7E7E2;
}

@media (min-width: 768px) {
  .modal {
    max-width: 490px;
  }
}

@media (min-width: 1263px) {
  .modal {
    max-width: 610px;
  }
}

.modal__triangle {
  position: absolute;
  bottom: 100%;
  left: 0;
  height: 18.125vw;
  width: 100%;
  fill: #F0DADC;
  z-index: 1;
}

.modal__heading {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  box-sizing: border-box;
  padding-right: 80px;
  margin-top: 50px;
}

@media (min-width: 768px) {
  .modal__heading {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .modal__heading {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .modal__heading {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (min-width: 1263px) {
  .modal__heading {
    font-size: 36px;
    line-height: 42px;
  }
}

@media (min-width: 768px) {
  .modal__heading {
    margin-top: 110px;
  }
}

.modal__definition-list, .modal .body-text, .modal .share {
  margin-top: 60px;
  margin-bottom: 0;
  margin-left: 0;
}

@media (min-width: 768px) {
  .modal__definition-list, .modal .body-text, .modal .share {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .modal__definition-list, .modal .body-text, .modal .share {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .modal__definition-list, .modal .body-text, .modal .share {
    margin-top: 50px !important;
  }
}

.modal .body-text h1, .modal .share h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6 {
  left: 0;
  width: 100%;
}

.modal .body-text p, .modal .share p {
  left: 0;
  width: 100%;
  margin-right: 0;
}

.modal .body-text p:last-child, .modal .share p:last-child {
  margin-bottom: 20px;
}

.modal__button-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9001;
}

.modal .navigation-model {
  transition: all 0.8s;
  transition-delay: 0s;
  opacity: 0;
}

@media (max-width: 767px) {
  .modal .navigation-model {
    padding-top: 52px;
  }
}

.modal--open .navigation-model {
  transition: all 0.8s;
  transition-delay: 0.8s;
  opacity: 1;
}

.modal .form,
.modal .form__fieldset,
.modal .widget {
  width: 100%;
  left: 0;
}

.modal .widget__element {
  border-bottom-color: #a4a4a4;
}

.modal .checkbox__fake,
.modal .radio__fake {
  border: 1px solid #a4a4a4;
}

.modal .button {
  float: left;
  margin-bottom: 60px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.modal--video {
  transition: all 0.8s;
  transition-delay: 0.8s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  background-color: transparent;
  height: auto;
  max-width: 1270px !important;
  opacity: 0;
  padding: 0;
  position: fixed;
  overflow: visible;
  text-align: center;
  transform: translate(-50%, -100%);
  visibility: hidden;
}

.modal--video:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .modal--video {
    width: calc(100% - 100px);
  }
}

.modal--video.modal--open {
  transition: all 0.8s;
  transition-delay: 0s;
  opacity: 1;
  transform: translate(-50%, -50%);
  visibility: visible;
}

.modal--video .modal__video-container {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.modal--video .modal__video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.modal--video .button--close {
  transition: all 0.8s;
  transition-delay: 0s;
  position: absolute;
  z-index: -1;
}

.modal--video.modal--open .button--close {
  transition: all 0.8s;
  transition-delay: 0.8s;
  transform: translateY(-100%);
}

@media (min-width: 768px) {
  .modal--video.modal--open .button--close {
    transform: translateX(100%);
  }
}

.view--rtl .modal--video {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.newsletter__checkboxes {
  float: left;
  margin-top: 30px;
  width: 100%;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.notification {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  background-color: #F0DADC;
  color: #E6394E;
  font-weight: bold;
  line-height: 22px;
  padding: 30px 20px;
  position: relative;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1), padding 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

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

@media (min-width: 1263px) {
  .notification {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .notification {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .notification {
    padding-right: 50px;
  }
}

@media (min-width: 768px) {
  .notification {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .notification {
    font-size: 18px;
    line-height: 30px;
  }
}

.notification--hidden {
  display: none;
}

.notification--closed {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
}

@media (min-width: 768px) {
  .notification {
    line-height: 20px;
    padding: 20px 30px;
  }
}

.notification__arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  fill: #E6394E;
  width: 28px;
  height: 28px;
}

.notification__message {
  margin: 0 0 0 24px;
  max-width: 230px;
}

.notification__message a {
  color: #E6394E;
}

@media (min-width: 768px) {
  .notification__message {
    max-width: 100%;
  }
}

.notification__close {
  cursor: pointer;
  position: absolute;
  top: 35px;
  right: 20px;
  transform-origin: center;
  transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

@media (min-width: 768px) {
  .notification__close {
    top: 22px;
  }
}

.notification--closed .notification__close {
  transform: rotate(45deg);
}

.object-fit, .card--preserve-ratio .card__image {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

.object-fit--bottom {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  font-family: 'object-fit: contain; object-position: bottom;';
}

.object-fit--contain {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.page-links {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  margin-top: 40px;
}

.page-links:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .page-links {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .page-links {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .page-links {
    margin-top: 80px;
  }
}

.page-links__heading {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  display: block;
}

@media (min-width: 768px) {
  .page-links__heading {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .page-links__heading {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .page-links__heading {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .page-links__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .page-links__heading {
    display: none;
  }
}

.page-links__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .page-links__list {
    display: flex;
    justify-content: space-between;
  }
}

.page-links__list-item {
  margin-top: 30px;
  position: relative;
  mix-blend-mode: multiply;
}

.page-links__list-item:before {
  background-blend-mode: multiply;
  background-color: #E6394E;
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 0;
}

.page-links__list-item:first-child {
  margin-top: 40px;
}

.page-links__list-item:last-child {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .page-links__list-item {
    display: flex;
    align-items: center;
    align-content: center;
    height: 130px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 33%;
    text-align: center;
  }
  .page-links__list-item:first-child {
    margin: 0 30px 0 0;
  }
  .page-links__list-item:last-child {
    margin: 0 0 0 0;
  }
  .page-links__list-item:hover:before {
    height: 100%;
  }
  .page-links__list-item:hover .page-links__arrow {
    fill: #FFF;
  }
  .page-links__list-item:hover .page-links__link {
    color: #FFF;
  }
}

.page-links__link {
  color: #222;
  text-decoration: none;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  display: block;
  font-weight: bold;
  padding: 0 0 0 25px;
  position: relative;
  transition: color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 10;
}

@media (min-width: 768px) {
  .page-links__link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .page-links__link {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .page-links__link {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .page-links__link {
    font-size: 24px;
    line-height: 32px;
  }
}

.page-links__link:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .page-links__link {
    padding: 0 20px;
  }
}

@media (min-width: 1007px) {
  .page-links__link {
    padding: 0 60px;
  }
}

.page-links__arrow {
  flex-shrink: 0;
  fill: #E6394E;
  width: 30px;
  height: 30px;
  margin-top: -5px;
  position: absolute;
  left: 0;
  vertical-align: bottom;
  transition: fill 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (min-width: 768px) {
  .page-links__arrow {
    margin-top: 0;
    position: static;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.page-survey + .footer {
  margin-top: 0 !important;
}

.page-survey + .footer:after {
  display: none;
}

.page-survey {
  background-color: #E9E6E3;
  padding-bottom: 30px;
}

@media print {
  .page-survey {
    display: none;
  }
}

.page-survey .form {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  page-break-inside: avoid;
}

.page-survey .form:after {
  content: "";
  clear: both;
  display: table;
}

.page-survey .form:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .page-survey .form {
    width: calc(100% - 100px);
  }
}

.page-survey .form > *:first-child {
  margin-top: 0 !important;
}

.page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
}

@media (min-width: 1263px) {
  .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .page-survey .form h1:nth-child(1n+0), .page-survey .form h2:nth-child(1n+0), .page-survey .form h3:nth-child(1n+0), .page-survey .form h4:nth-child(1n+0), .page-survey .form h5:nth-child(1n+0), .page-survey .form h6:nth-child(1n+0), .page-survey .form p:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .page-survey .form h1:nth-child(3n+0), .page-survey .form h2:nth-child(3n+0), .page-survey .form h3:nth-child(3n+0), .page-survey .form h4:nth-child(3n+0), .page-survey .form h5:nth-child(3n+0), .page-survey .form h6:nth-child(3n+0), .page-survey .form p:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .page-survey .form h1, .view--rtl .page-survey .form h2, .view--rtl .page-survey .form h3, .view--rtl .page-survey .form h4, .view--rtl .page-survey .form h5, .view--rtl .page-survey .form h6, .view--rtl .page-survey .form p {
  left: auto !important;
}

@media (max-width: 767px) {
  .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6 {
    margin-top: 50px !important;
  }
}

@media print {
  .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
    margin-top: 30px !important;
  }
}

.page-survey .form h4 {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .page-survey .form h4 {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .page-survey .form h4 {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .page-survey .form h4 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .page-survey .form h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

.page-survey .form h5,
.page-survey .form h6 {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 20px !important;
}

@media (min-width: 768px) {
  .page-survey .form h5,
  .page-survey .form h6 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .page-survey .form h5,
  .page-survey .form h6 {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .page-survey .form h5,
  .page-survey .form h6 {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .page-survey .form h5,
  .page-survey .form h6 {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

.page-survey .form h5 + p,
.page-survey .form h6 + p {
  margin-top: 0 !important;
}

.page-survey .form p {
  margin-top: 0;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 20px !important;
}

@media (min-width: 768px) {
  .page-survey .form p {
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .page-survey .form p {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .page-survey .form p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .page-survey .form p {
    font-size: 18px;
    line-height: 30px;
  }
}

.page-survey .form p:first-child {
  margin-top: 0 !important;
}

.page-survey .form p:last-child {
  margin-bottom: 0;
}

.page-survey .form p > a:not(.button):not(.cta) {
  color: #222;
  text-decoration: none;
  text-decoration: underline;
  color: #222;
}

@media (min-width: 768px) {
  .page-survey .form .button {
    max-width: 270px;
  }
}

.page-survey .form .cta {
  margin-top: 20px !important;
}

.page-survey .form > ol,
.page-survey .form > ul {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  margin: 20px 0 0 0 !important;
}

@media (min-width: 1263px) {
  .page-survey .form > ol,
  .page-survey .form > ul {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .page-survey .form > ol,
  .page-survey .form > ul {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .page-survey .form > ol:nth-child(1n+0),
  .page-survey .form > ul:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .page-survey .form > ol:nth-child(3n+0),
  .page-survey .form > ul:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .page-survey .form > ol,
  .page-survey .form > ul {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .page-survey .form > ol,
  .page-survey .form > ul {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .page-survey .form > ol,
  .page-survey .form > ul {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .page-survey .form > ol,
  .page-survey .form > ul {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .page-survey .form > ol,
  .page-survey .form > ul {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .page-survey .form > ol,
  .page-survey .form > ul {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .page-survey .form > ol, .view--rtl
.page-survey .form > ul {
  left: auto !important;
}

@media (max-width: 767px) {
  .page-survey .form > ol,
  .page-survey .form > ul {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.page-survey .form ol {
  position: relative;
}

.page-survey .form > ol,
.page-survey .form > ol ol {
  counter-reset: ol;
  list-style: none;
}

.page-survey .form > ol li:before {
  counter-increment: ol;
  content: counter(ol);
  position: absolute;
  left: 20px;
}

.page-survey .form li {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
}

@media (min-width: 768px) {
  .page-survey .form li {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .page-survey .form li {
    font-size: 18px;
    line-height: 30px;
  }
}

.page-survey .form > table {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  border-collapse: collapse;
  margin-top: 20px !important;
}

@media (min-width: 1263px) {
  .page-survey .form > table {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .page-survey .form > table {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .page-survey .form > table:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .page-survey .form > table:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .page-survey .form > table {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .page-survey .form > table {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .page-survey .form > table {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .page-survey .form > table {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .page-survey .form > table {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .page-survey .form > table {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .page-survey .form > table {
  left: auto !important;
}

@media (max-width: 767px) {
  .page-survey .form > table {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .page-survey .form > table {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .page-survey .form > table {
    font-size: 18px;
    line-height: 30px;
  }
}

.page-survey .form > table caption {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 0 !important;
  text-align: left;
}

@media (min-width: 768px) {
  .page-survey .form > table caption {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .page-survey .form > table caption {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .page-survey .form > table caption {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .page-survey .form > table caption {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

.page-survey .form table, .page-survey .form tbody, .page-survey .form tr {
  width: 100%;
}

.page-survey .form table, .page-survey .form tr, .page-survey .form td {
  border: none;
}

.page-survey .form tr:not(:last-child) td {
  border-bottom: 1px solid #D9C9CA;
}

.page-survey .form td:not(:last-child) {
  padding-right: 10px;
}

.page-survey .form td {
  padding: 10px 0;
}

.page-survey .form__fieldset {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  justify-content: space-between;
}

@media (min-width: 1263px) {
  .page-survey .form__fieldset {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .page-survey .form__fieldset {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .page-survey .form__fieldset:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .page-survey .form__fieldset:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .page-survey .form__fieldset {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .page-survey .form__fieldset {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .page-survey .form__fieldset {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .page-survey .form__fieldset {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .page-survey .form__fieldset {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .page-survey .form__fieldset {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .page-survey .form__fieldset {
  left: auto !important;
}

@media (max-width: 767px) {
  .page-survey .form__fieldset {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.page-survey__fieldset--hidden,
.page-survey .input--hidden,
.page-survey .button--hidden {
  display: none !important;
}

.page-survey .form .form__fieldset .page-survey__question,
.page-survey .form .form__fieldset .page-survey__message {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600 !important;
  left: 0 !important;
  margin-top: 30px !important;
  width: 100% !important;
}

@media (min-width: 768px) {
  .page-survey .form .form__fieldset .page-survey__question,
  .page-survey .form .form__fieldset .page-survey__message {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .page-survey .form .form__fieldset .page-survey__question,
  .page-survey .form .form__fieldset .page-survey__message {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .page-survey__yes, .page-survey__no {
    margin-right: 20px !important;
  }
}

.page-survey__yes, .page-survey__no,
.page-survey .label {
  width: auto !important;
}

.page-survey .form .widget {
  margin-top: 10px;
}

.page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no) {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no) {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no):nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no) {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no):nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no):nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no) {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no):nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no) {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.22222 + 175px);
  }
}

.page-survey .label {
  height: 26px;
  line-height: 26px;
  margin: 0;
}

.page-survey__input {
  margin-right: 5px;
}

.page-survey .button {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  clear: both;
}

@media (min-width: 1263px) {
  .page-survey .button {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .page-survey .button {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .page-survey .button:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .page-survey .button:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .page-survey .button {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .page-survey .button {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .page-survey .button {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .page-survey .button {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .page-survey .button {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .page-survey .button {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .page-survey .button {
  left: auto !important;
}

@media (max-width: 767px) {
  .page-survey .button {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

/* Taiga #1989 */
.view__content .page-survey {
  background: none;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.practical-info {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
}

.practical-info:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .practical-info {
    width: calc(100% - 100px);
  }
}

.practical-info:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .practical-info {
    padding-bottom: 56px;
  }
}

@media (min-width: 1263px) {
  .practical-info {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .practical-info {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .practical-info {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .practical-info {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .practical-info {
    padding-right: 50px;
  }
}

.practical-info .practical-info__heading {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  font-weight: bold;
  margin: 0 0 30px;
}

@media (min-width: 768px) {
  .practical-info .practical-info__heading {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .practical-info .practical-info__heading {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .practical-info .practical-info__heading {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .practical-info .practical-info__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .practical-info .practical-info__heading {
    margin: 0 0 30px;
  }
}

@media (min-width: 1263px) {
  .practical-info .practical-info__heading {
    margin: 0 0 30px;
  }
}

.practical-info .practical-info__section {
  margin-top: 40px;
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 768px) {
  .practical-info .practical-info__section {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .practical-info .practical-info__section {
    margin-top: 80px;
  }
}

@media (min-width: 1263px) {
  .practical-info .practical-info__section {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .practical-info .practical-info__section:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .practical-info .practical-info__section {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .practical-info .practical-info__section:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .practical-info .practical-info__section:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .practical-info .practical-info__section {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .practical-info .practical-info__section:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .practical-info .practical-info__section {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .practical-info .practical-info__section:nth-child(2n+0) {
    margin-right: 0;
  }
}

.practical-info .practical-info__cta {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .practical-info .practical-info__cta {
    position: absolute;
    bottom: 0;
    margin: 0;
  }
}

.practical-info .practical-info__section:last-child .practical-info__cta {
  margin: 30px 0 0;
}

@media (min-width: 1263px) {
  .practical-info .practical-info__section:last-child .practical-info__cta {
    margin: 40px 0 0;
  }
}

.practical-info .practical-info__link {
  color: #222;
  text-decoration: none;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  font-weight: bold;
}

@media (min-width: 768px) {
  .practical-info .practical-info__link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .practical-info .practical-info__link {
    font-size: 18px;
    line-height: 30px;
  }
}

.practical-info .practical-info__body {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0 0 20px;
}

@media (min-width: 768px) {
  .practical-info .practical-info__body {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .practical-info .practical-info__body {
    font-size: 18px;
    line-height: 30px;
  }
}

.practical-info .definition-list__term.definition-list__term--comment {
  padding-bottom: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.practical-links {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  padding-bottom: calc(0.74 * 100%);
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .practical-links {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .practical-links {
    margin-top: 80px;
  }
}

.practical-links:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .practical-links {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .practical-links {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) {
  .practical-links {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .practical-links {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .practical-links {
    padding-right: 50px;
  }
}

@media (min-width: 768px) {
  .practical-links {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
  }
  .practical-links:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .practical-links {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1263px) {
  .practical-links {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
  }
  .practical-links:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .practical-links {
    width: calc(100% - 100px);
  }
}

.practical-links.practical-links--no-image {
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .practical-links.practical-links--no-image:before {
    height: 100%;
  }
}

@media (min-width: 1263px) {
  .practical-links.practical-links--no-image:before {
    height: 100%;
  }
}

.practical-links:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media (min-width: 768px) {
  .practical-links:before {
    height: calc(100% - 60px);
  }
}

.practical-links--red:before {
  background-color: #F0DADC;
}

.practical-links--green:before {
  background-color: #E7E7E2;
}

.practical-links--blue:before {
  background-color: #D8E6EB;
}

.practical-links--yellow:before {
  background-color: #F2E8D2;
}

@media (min-width: 768px) {
  .practical-links__meta {
    box-sizing: border-box;
    display: block;
    float: left;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .practical-links__meta {
    margin-right: 20px;
    width: calc((100% - 60px) / 0.8 + 80px);
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 1262px) {
  .practical-links__meta {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .practical-links__meta {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 1262px) {
  .practical-links__meta:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) {
  .practical-links__meta {
    box-sizing: border-box;
    display: block;
    float: left;
  }
}

@media (min-width: 1007px) and (max-width: 767px) {
  .practical-links__meta {
    margin-right: 20px;
    width: calc((100% - 60px) / 0.66667 + 100px);
  }
}

@media (min-width: 1007px) and (min-width: 768px) and (max-width: 1262px) {
  .practical-links__meta {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .practical-links__meta {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .practical-links__meta:nth-child(2n+0) {
    margin-right: 0;
  }
}

.practical-links__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 30px;
  margin-top: 30px;
  white-space: pre-line;
  word-break: break-word;
}

@media (min-width: 1263px) {
  .practical-links__title {
    font-size: 42px;
    line-height: 50px;
  }
}

@media (min-width: 768px) {
  .practical-links__title {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .practical-links__title {
    margin-top: 50px;
  }
}

.practical-links__list {
  list-style: none;
  margin: 50px 0 0 0;
  padding: 0;
}

@media (min-width: 768px) {
  .practical-links__list {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .practical-links__list {
    margin-right: 20px;
    width: calc((100% - 60px) / 0.8 + 80px);
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 1262px) {
  .practical-links__list {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .practical-links__list {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .practical-links__list {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .practical-links__list {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (min-width: 1007px) {
  .practical-links__list {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .practical-links__list {
    margin-right: 0;
  }
}

@media (min-width: 1007px) {
  .practical-links__list {
    box-sizing: border-box;
    display: block;
    float: left;
  }
}

@media (min-width: 1007px) and (max-width: 767px) {
  .practical-links__list {
    margin-right: 20px;
    width: calc((100% - 60px) / 0.66667 + 100px);
  }
}

@media (min-width: 1007px) and (min-width: 768px) and (max-width: 1262px) {
  .practical-links__list {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .practical-links__list {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1007px) and (max-width: 767px) {
  .practical-links__list {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (min-width: 768px) {
  .practical-links__list {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (min-width: 1007px) {
  .practical-links__list {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .practical-links__list {
    margin-right: 0;
  }
}

.practical-links__list-item {
  margin-top: 30px;
  margin-bottom: 20px;
}

.practical-links__list-item:first-child {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .practical-links__list-item:first-child {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .practical-links__list-item:first-child {
    margin-top: 50px;
  }
}

.practical-links__list-item:last-child {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .practical-links__list-item:last-child {
    margin-bottom: 60px;
  }
}

@media (min-width: 1263px) {
  .practical-links__list-item:last-child {
    margin-bottom: 60px;
  }
}

.practical-links__body {
  margin-top: 0;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 5px;
}

@media (min-width: 768px) {
  .practical-links__body {
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .practical-links__body {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .practical-links__body {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .practical-links__body {
    font-size: 18px;
    line-height: 30px;
  }
}

.practical-links__image {
  box-sizing: border-box;
  display: block;
  float: left;
  position: absolute;
  bottom: 20px;
  left: 0;
}

@media (max-width: 767px) {
  .practical-links__image {
    margin-right: 20px;
    width: calc((100% - 60px) / 1 + 60px + -20px);
  }
}

@media (min-width: 768px) and (max-width: 1262px) {
  .practical-links__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px + -20px);
  }
}

@media (min-width: 1263px) {
  .practical-links__image {
    margin-right: 50px;
    width: calc((100% - 550px) / 3 + 150px + -20px);
  }
}

@media (max-width: 767px) {
  .practical-links__image {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .practical-links__image {
    margin-right: 0;
  }
}

@media (min-width: 1007px) {
  .practical-links__image {
    margin-right: 0;
  }
}

@media (min-width: 1263px) {
  .practical-links__image {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .practical-links__image {
    width: calc(50% - 25px);
    bottom: 0;
    height: 60%;
  }
}

@media (min-width: 1263px) {
  .practical-links__image {
    width: calc(50% - 25px);
  }
}

.view--rtl .practical-links .practical-links__image {
  left: auto;
  right: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.quote {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  display: flex;
  flex-wrap: wrap;
  margin: 50px auto 50px auto;
  page-break-inside: avoid;
  position: relative;
  text-align: center;
}

.quote:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .quote {
    width: calc(100% - 100px);
  }
}

@media print {
  .quote {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .quote--in-view .quote__wrapper:before {
    transform: scaleY(1);
  }
}

.quote--in-view .quote__quote,
.quote--in-view .quote__footer {
  opacity: 1;
  transform: none;
}

@media (min-width: 768px) {
  .quote {
    text-align: left;
  }
}

.quote__wrapper {
  margin-left: auto;
  margin-right: auto !important;
  position: relative;
}

@media (min-width: 1263px) {
  .quote__wrapper {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .quote__wrapper {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .quote__wrapper {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .quote__wrapper {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .quote__wrapper {
    margin-right: 0;
  }
}

.quote__wrapper:before {
  box-sizing: border-box;
  display: block;
  float: left;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #E6394E;
  content: '';
  height: 2px;
  top: 0;
}

@media (max-width: 767px) {
  .quote__wrapper:before {
    margin-right: 20px;
    width: calc((100% - 60px) / 1.33333 + 40px);
  }
}

@media (min-width: 768px) and (max-width: 1262px) {
  .quote__wrapper:before {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1263px) {
  .quote__wrapper:before {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1263px) {
  .quote__wrapper:before:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media print {
  .quote__wrapper:before {
    -webkit-print-color-adjust: exact !important;
    /* Chrome, Safari */
    color-adjust: exact !important;
    /*Firefox*/
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 768px) {
  .quote__wrapper:before {
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  }
}

@media print {
  .quote__wrapper {
    padding-left: 20px;
  }
}

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

.quote__quote {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #222;
  font-family: 'Merriweather';
  display: block;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .quote__quote {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .quote__quote {
    font-size: 24px;
    line-height: 32px;
  }
}

@media print {
  .quote__quote {
    font-size: 1em;
  }
}

@media screen {
  .quote__quote {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1), transform 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  }
}

@media (min-width: 768px) {
  .quote__quote {
    margin-top: 0 !important;
  }
}

.quote__footer {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #4A4A4A;
  margin-top: 10px;
}

@media screen {
  .quote__footer {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1), transform 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  }
}

@media (min-width: 768px) {
  .quote__footer {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .quote__footer {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .quote__footer {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .quote__footer {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .quote__footer {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .quote__footer {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .quote__footer {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .quote__footer {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .quote__footer {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .quote__footer {
    margin-right: 0;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.search-form {
  transition: transform 0.5s ease-in-out;
}

.search-form:before {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background-image: url("../img/components/search-form/magnifier.svg");
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  left: 0px;
  z-index: 10;
}

.search-form .widget {
  min-width: 178px;
}

.search-form .input-legacy {
  height: 52px;
  background: #4A4A4A;
  border: none;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  padding: 0 12px 0 40px;
}

@media (min-width: 768px) {
  .search-form .input-legacy {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .search-form .input-legacy {
    height: 70px;
  }
}

.search-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #FFF;
}

.search-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #FFF;
}

.search-form :-ms-input-placeholder {
  /* IE 10+ */
  color: #FFF;
}

.search-form :-moz-placeholder {
  /* Firefox 18- */
  color: #FFF;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.source-link {
  color: inherit;
  text-decoration: inherit;
}

.source-link:after {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  background-color: #E6394E;
  border-radius: 100%;
  color: #FFF;
  content: attr(data-count);
  display: inline-block;
  font-weight: 600;
  min-width: 1em;
  height: 1em;
  line-height: 1em !important;
  padding: 2px;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  counter-increment: reference;
  content: counter(reference);
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.sources {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  margin-top: 40px;
}

.sources:after {
  content: "";
  clear: both;
  display: table;
}

.sources:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .sources {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .sources {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .sources {
    margin-top: 80px;
  }
}

.sources__title {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  border-top: 1px solid #E9E6E3;
  margin: 0;
  padding-top: 20px;
}

@media (min-width: 1263px) {
  .sources__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .sources__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .sources__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .sources__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .sources__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .sources__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .sources__title {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .sources__title {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .sources__title {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .sources__title {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .sources__title {
  left: auto !important;
}

@media (max-width: 767px) {
  .sources__title {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .sources__title {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .sources__title {
    font-size: 18px;
    line-height: 30px;
  }
}

.sources__list, .sources__list-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sources .sources__list {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
}

@media (min-width: 1263px) {
  .sources .sources__list {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .sources .sources__list {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .sources .sources__list:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .sources .sources__list:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .sources .sources__list {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .sources .sources__list {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .sources .sources__list {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .sources .sources__list {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .sources .sources__list {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .sources .sources__list {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .sources .sources__list {
  left: auto !important;
}

@media (max-width: 767px) {
  .sources .sources__list {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.sources__list-item {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #9B9B9B;
  margin-top: 5px;
}

@media (min-width: 768px) {
  .sources__list-item {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .sources__list-item {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .sources__list-item {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .sources__list-item {
    font-size: 16px;
    line-height: 26px;
  }
}

.sources__list-item:before {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  background-color: #E6394E;
  border-radius: 100%;
  color: #FFF;
  content: attr(data-count);
  display: inline-block;
  font-weight: 600;
  min-width: 1em;
  height: 1em;
  line-height: 1em !important;
  padding: 2px;
  text-align: center;
  margin-right: 10px;
}

.sources--big .sources__list-item {
  margin-top: 20px;
}

.sources__link {
  color: #9B9B9B;
  text-decoration: none;
  border-bottom: 1px solid;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.video {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
}

.video:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .video {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .video {
    margin-top: 80px;
  }
}

.video:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .video {
    width: calc(100% - 100px);
  }
}

@media print {
  .video {
    display: none;
  }
}

@media (max-width: 767px) {
  .video {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

.video__player {
  position: relative;
}

.video--full-width .video__container {
  width: 100%;
}

.video:not(.video--full-width) .video__container {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
}

@media (min-width: 1263px) {
  .video:not(.video--full-width) .video__container {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .video:not(.video--full-width) .video__container {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .video:not(.video--full-width) .video__container:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .video:not(.video--full-width) .video__container:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .video:not(.video--full-width) .video__container {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .video:not(.video--full-width) .video__container {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .video:not(.video--full-width) .video__container {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .video:not(.video--full-width) .video__container {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .video:not(.video--full-width) .video__container {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .video:not(.video--full-width) .video__container {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .video:not(.video--full-width) .video__container {
  left: auto !important;
}

@media (max-width: 767px) {
  .video:not(.video--full-width) .video__container {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

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

.video__footer {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  mix-blend-mode: multiply;
  box-sizing: border-box;
  border-bottom: 1px solid #D9C9CA;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 1263px) {
  .video__footer {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .video__footer {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .video__footer:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .video__footer:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .video__footer {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .video__footer {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .video__footer {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .video__footer {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .video__footer {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .video__footer {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .video__footer {
  left: auto !important;
}

@media (max-width: 767px) {
  .video__footer {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .video__footer {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .video__footer {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .video__footer {
    padding-left: 20px;
  }
}

.video__description {
  color: #4A4A4A;
}

.video__copyright {
  color: #9B9B9B;
}

.video__copyright a {
  color: inherit;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.view {
  -moz-font-feature-settings: "kern" 1;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "kern" 1;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

.view:before, .view:after {
  background-color: transparent;
  content: '';
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  transition: visibility 0s cubic-bezier(0, 0.7, 0.4, 1) 0s, background-color 0.8s cubic-bezier(0, 0.7, 0.4, 1) 0s;
  visibility: hidden;
  z-index: 30;
}

.view:after {
  transition: all 0.2s;
  transition-delay: 0s;
  background-color: transparent;
  transition-duration: 0.8s;
}

.view .view__content {
  position: relative;
  margin-bottom: 80px;
}

.view .view__content:after {
  background-image: url(../img/components/footer/triangle.svg);
  background-size: cover;
  content: "";
  position: absolute;
  transform: translateY(81px);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 19.4vw;
  z-index: -10;
}

.view .view__content--triangleless:after {
  background-image: none;
}

.view .view__panel {
  background-color: #FFF;
}

.view .view__triangle {
  transform: scale(1.001);
  fill: #FFF;
}

.view--black .view__content {
  background-color: transparent;
}

.view--silver .header .logo {
  fill: #222;
}

.view--silver .view__content {
  background-color: #F2F2F2;
}

.view--silver .view__panel {
  background-color: #F2F2F2;
}

.view--silver .view__triangle {
  fill: #F2F2F2;
}

.view--blue .view__content {
  background-color: #193945;
}

.view--blue .view__panel {
  background-color: #193945;
}

.view--blue .view__triangle {
  fill: #193945;
}

.view--green .view__content {
  background-color: #E7E7E2;
}

.view--green .view__panel {
  background-color: #E7E7E2;
}

.view--green .view__triangle {
  fill: #E7E7E2;
}

.view--red .header .logo {
  fill: #222;
}

.view--red .view__content {
  background-color: #F0DADC;
}

.view--red .view__panel {
  background-color: #F0DADC;
}

.view--red .view__triangle {
  fill: #F0DADC;
}

.view--yellow .header .logo {
  fill: #222;
}

.view--yellow .view__content {
  background-color: #F2E8D2;
}

.view--yellow .view__panel {
  background-color: #F2E8D2;
}

.view--yellow .view__triangle {
  fill: #F2E8D2;
}

.view:not(.view--black):not(.view--silver):not(.view--blue):not(.view--green):not(.view--red):not(.view--yellow) .eyecatcher--white .eyecatcher__section {
  margin-bottom: 0 !important;
}

.view--no-footer-margin .footer {
  margin-top: 0 !important;
}

.view--no-footer-triangle .footer:after {
  display: none;
}

.view--overlay {
  width: 100%;
  position: fixed;
  overflow: hidden;
}

@media (min-width: 1253px) and (max-width: 1279px) {
  .view--overlay.view--safari {
    position: static;
    overflow-y: auto;
  }
}

.view--overlay:before {
  background-color: rgba(34, 34, 34, 0.51);
  visibility: visible;
}

.view--overlay.view--overlay-modal .header:not(.header--search) .header__bar {
  transform: translateY(-100%);
}

.view--overlay .header .logo {
  opacity: 0.4;
}

.view--overlay-modal {
  width: 100%;
  position: fixed;
  overflow: hidden;
}

@media (min-width: 1253px) and (max-width: 1279px) {
  .view--overlay-modal.view--safari {
    position: static;
    overflow-y: auto;
  }
}

.view--overlay-modal:before {
  background-color: rgba(34, 34, 34, 0.51);
  visibility: visible;
}

.view--overlay-modal.view--overlay-modal .header:not(.header--search) .header__bar {
  transform: translateY(-100%);
}

.view--overlay-modal .header .logo {
  opacity: 0.4;
}

.view--rtl {
  direction: rtl;
  unicode-bidi: bidi-override;
}

.view__container {
  transition: opacity 0.45s cubic-bezier(0, 0.7, 0.4, 1), padding-bottom 0.45s cubic-bezier(0, 0.7, 0.4, 1);
}

.view__content .body-text:first-child > *:first-child, .view__content .share:first-child > *:first-child {
  margin-top: 0 !important;
}

.view--logo-black .header .logo {
  fill: #222;
}

.view--logo-black .back .back__link {
  color: #222;
}

.view--logo-white .header .logo {
  fill: #FFF;
}

.view--logo-white .back .back__link {
  color: #FFF;
}

.view--logo-white .back .back__link:before {
  background: url("../img/components/common/back/arrow-left-white.svg") no-repeat center;
}

.view--fade:after {
  background-color: #000;
  visibility: visible;
}

.view--elearning .eyecatcher__triangle {
  fill: #E9E6E3;
}

.view--elearning .eyecatcher__title {
  font-size: 70px;
  line-height: 76px;
}

.view--elearning .eyecatcher__subtitle {
  font-family: Merriweather;
  color: #222222;
  margin-top: 0px;
}

@media (min-width: 1028px) {
  .view--elearning .eyecatcher__subtitle {
    margin-top: 40px;
  }
}

.view--elearning .eyecatcher__section {
  margin-top: 10px;
}

@media (min-width: 1028px) {
  .view--elearning .eyecatcher__section {
    margin-top: 47px;
  }
}

.view--elearning .eyecatcher {
  background-color: #E9E6E3;
  padding-bottom: 80px;
  height: auto !important;
}

.view--elearning .faq {
  width: 100%;
  max-width: auto;
  margin-bottom: 30px;
}

.view--elearning .faq__heading {
  left: auto;
  width: 100%;
}

.view--elearning .faq__question {
  left: auto;
  width: 100%;
}

.view--elearning .faq__link {
  color: #262626;
  font-family: Graphik;
  font-size: 18px;
  font-weight: 600;
  line-height: 29px;
}

.view--elearning .faq__link.faq__link--active {
  color: #E6394E;
}

.view--elearning .faq__link.faq__link--active .faq__light {
  color: #E6394E;
}

.view--elearning .faq__link .faq__light {
  color: #222222;
  font-family: Graphik;
  font-size: 18px;
  line-height: 30px;
}

.view--elearning .faq__trigger {
  top: 16px;
}

.view--elearning .faq__body {
  color: #222222;
  font-family: Graphik;
  font-size: 18px;
  line-height: 30px;
}

.view--elearning .detail-header__content {
  margin-bottom: 30px;
}

@media (min-width: 1007px) {
  .view--elearning .detail-header__content {
    margin-bottom: 0;
  }
}

.view--elearning .detail-header__content p {
  font-size: 20px;
  font-weight: normal;
}

.view--elearning .back {
  left: 85px;
  margin-top: 50px;
}

.view--elearning .back .back__link {
  color: #FFF;
}

@media screen {
  .view .print-only {
    display: none;
    visibility: hidden;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.view--black,
.view--blue {
  background-color: #222;
  color: #FFF;
}

.view--black .basic-header,
.view--blue .basic-header {
  background-color: #C1D8DF;
}

.view--black .basic-header .basic-header__background,
.view--blue .basic-header .basic-header__background {
  top: 100%;
}

.view--black .basic-header .basic-header__triangle,
.view--blue .basic-header .basic-header__triangle {
  fill: #C1D8DF;
}

.view--black .basic-header .basic-header__title,
.view--black .basic-header .basic-header__subtitle,
.view--blue .basic-header .basic-header__title,
.view--blue .basic-header .basic-header__subtitle {
  color: #222;
  mix-blend-mode: normal;
}

.view--black .intro-header__arrow-line,
.view--blue .intro-header__arrow-line {
  stroke: #FFF;
}

.view--black .intro-header__arrow,
.view--blue .intro-header__arrow {
  fill: #FFF;
}

.view--black .body-text p, .view--black .share p,
.view--black .cta__link,
.view--black .card-row__title,
.view--black .card__title,
.view--black .card__body,
.view--black .filter-footer__title,
.view--black .intro-text__body,
.view--black .story__title,
.view--blue .body-text p,
.view--blue .share p,
.view--blue .cta__link,
.view--blue .card-row__title,
.view--blue .card__title,
.view--blue .card__body,
.view--blue .filter-footer__title,
.view--blue .intro-text__body,
.view--blue .story__title {
  color: #FFF;
}

.view--black .filter-grid:before,
.view--black .filter-grid__results:after,
.view--blue .filter-grid:before,
.view--blue .filter-grid__results:after {
  display: none;
}

.view--black .filter-footer,
.view--blue .filter-footer {
  background-color: #222;
  border-top-color: #4A4A4A;
  border-bottom-color: #4A4A4A;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.basic-filter {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  margin-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.basic-filter:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .basic-filter {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .basic-filter--dropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
    margin-top: 20px;
  }
}

@media (min-width: 1007px) {
  .basic-filter {
    padding-bottom: 0;
  }
}

@media (min-width: 768px) {
  .basic-filter {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .basic-filter {
    padding-left: 50px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .basic-filter {
    padding-left: 50px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .basic-filter {
    padding-right: 50px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .basic-filter {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .basic-filter {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    margin-top: 60px;
    margin-bottom: 0;
  }
  .basic-filter:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .basic-filter {
    width: calc(100% - 100px);
  }
}

.basic-filter:before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #E7E7E2;
  content: '';
  display: block;
  height: 1px;
  width: 100vw;
  bottom: 0;
  transform: translate(-50%, -1px);
}

.basic-filter__heading {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  width: 100%;
}

@media (min-width: 768px) {
  .basic-filter__heading {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .basic-filter__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1263px) {
  .basic-filter__heading {
    margin-bottom: 0;
    line-height: 52px;
  }
}

.basic-filter__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 1007px) {
  .basic-filter__list {
    display: flex;
    justify-content: flex-start;
  }
}

.basic-filter__list-item {
  margin: 0 0 2px 0;
  padding: 0;
}

.basic-filter__list-item:first-child .button {
  padding-left: 0;
}

.basic-filter__list-item:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .basic-filter__list-item {
    width: calc(50% - 1px);
    float: left;
  }
  .basic-filter__list-item:nth-child(odd) {
    margin-right: 2px;
  }
}

@media (min-width: 1007px) {
  .basic-filter__list-item {
    margin: 0 0 0 10px;
  }
  .basic-filter__list-item:first-child {
    margin-left: 0;
  }
}

@media (min-width: 1007px) {
  .basic-filter__list-item {
    margin-left: 20px;
  }
}

.basic-filter__list-item .basic-filter__option {
  font-weight: normal;
}

.basic-filter .basic-filter__mobile {
  display: block;
}

@media (min-width: 768px) {
  .basic-filter .basic-filter__mobile {
    display: none;
  }
}

.basic-filter .basic-filter__desktop {
  display: none;
}

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

.basic-filter__option.select {
  font-weight: normal;
}

.basic-filter__option.button {
  padding-top: 0 !important;
}

@media (min-width: 1007px) {
  .basic-filter__option.button {
    background-color: transparent;
    color: #4A4A4A;
    font-family: Graphik;
    margin: 0 50px 0 0;
    padding: 0 20px;
    width: auto;
  }
  .basic-filter__option.button:last-child {
    margin-right: 0;
  }
  .basic-filter__option.button:hover, .basic-filter__option.button.button--toggle-active {
    background-color: inherit;
    color: #E6394E;
  }
  .basic-filter__option.button:hover .button__content:before, .basic-filter__option.button.button--toggle-active .button__content:before {
    height: 5px;
  }
  .basic-filter__option.button.button--toggle-active {
    font-weight: 600;
  }
  .basic-filter__option.button.button__content,
  .basic-filter__option.button .button__content {
    padding: 0;
  }
  .basic-filter__option.button.button__content:before,
  .basic-filter__option.button .button__content:before {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #E6394E;
    bottom: 0;
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    transition: height 0.2s ease;
  }
}

.basic-filter .select.basic-filter__option.button {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAzMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMSAoNDcyNTApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9Ikdyb3VwIj4NCiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMSIgaGVpZ2h0PSI2Ij48L3JlY3Q+DQogICAgICAgICAgICA8cGF0aCBkPSJNMC42OTU5NDAzNDgsMCBMMTAuMzE0ODMwMiwwIEMxMC41MDEyNDI4LDAgMTAuNjYyODAwMywwLjA2NjA2NjA2NjEgMTAuNzk5NTAyOSwwLjE5ODE5ODE5OCBDMTEuMDcyOTA4LDAuNDg2NDg2NDg2IDExLjA2NjY5NDMsMC43OTg3OTg3OTkgMTAuNzgwODYxNiwxLjEzNTEzNTE0IEw1Ljk5MDA1OCw1LjgwMTgwMTggQzUuNjY2OTQyODMsNi4wNjYwNjYwNyA1LjMzNzYxMzkyLDYuMDY2MDY2MDcgNS4wMDIwNzEyNSw1LjgwMTgwMTggTDAuMjExMjY3NjA2LDEuMTM1MTM1MTQgQzAsMC45MDY5MDY5MDcgLTAuMDUyODE2OTAxNCwwLjY2NjY2NjY2NyAwLjA1MjgxNjkwMTQsMC40MTQ0MTQ0MTQgQzAuMTU4NDUwNzA0LDAuMTYyMTYyMTYyIDAuMzcyODI1MTg2LDAuMDI0MDI0MDI0IDAuNjk1OTQwMzQ4LDAgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRTYzOTRFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTAwMDAwLCAzLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC01LjUwMDAwMCwgLTMuMDAwMDAwKSAiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
  background-position: center right;
  background-repeat: no-repeat;
  border-bottom-width: 0px;
  font-weight: normal;
  width: 100%;
}

@media (max-width: 1006px) {
  .basic-filter .select.basic-filter__option.button {
    background-color: #E9E6E3;
  }
  .basic-filter .select.basic-filter__option.button:hover {
    background-color: #E6394E;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAzMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMSAoNDcyNTApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9Ikdyb3VwIj4NCiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMSIgaGVpZ2h0PSI2Ij48L3JlY3Q+DQogICAgICAgICAgICA8cGF0aCBkPSJNMC42OTU5NDAzNDgsMCBMMTAuMzE0ODMwMiwwIEMxMC41MDEyNDI4LDAgMTAuNjYyODAwMywwLjA2NjA2NjA2NjEgMTAuNzk5NTAyOSwwLjE5ODE5ODE5OCBDMTEuMDcyOTA4LDAuNDg2NDg2NDg2IDExLjA2NjY5NDMsMC43OTg3OTg3OTkgMTAuNzgwODYxNiwxLjEzNTEzNTE0IEw1Ljk5MDA1OCw1LjgwMTgwMTggQzUuNjY2OTQyODMsNi4wNjYwNjYwNyA1LjMzNzYxMzkyLDYuMDY2MDY2MDcgNS4wMDIwNzEyNSw1LjgwMTgwMTggTDAuMjExMjY3NjA2LDEuMTM1MTM1MTQgQzAsMC45MDY5MDY5MDcgLTAuMDUyODE2OTAxNCwwLjY2NjY2NjY2NyAwLjA1MjgxNjkwMTQsMC40MTQ0MTQ0MTQgQzAuMTU4NDUwNzA0LDAuMTYyMTYyMTYyIDAuMzcyODI1MTg2LDAuMDI0MDI0MDI0IDAuNjk1OTQwMzQ4LDAgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTAwMDAwLCAzLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC01LjUwMDAwMCwgLTMuMDAwMDAwKSAiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
  }
  .basic-filter .select.basic-filter__option.button:focus {
    background-color: #E6394E;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAzMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMSAoNDcyNTApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9Ikdyb3VwIj4NCiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMSIgaGVpZ2h0PSI2Ij48L3JlY3Q+DQogICAgICAgICAgICA8cGF0aCBkPSJNMC42OTU5NDAzNDgsMCBMMTAuMzE0ODMwMiwwIEMxMC41MDEyNDI4LDAgMTAuNjYyODAwMywwLjA2NjA2NjA2NjEgMTAuNzk5NTAyOSwwLjE5ODE5ODE5OCBDMTEuMDcyOTA4LDAuNDg2NDg2NDg2IDExLjA2NjY5NDMsMC43OTg3OTg3OTkgMTAuNzgwODYxNiwxLjEzNTEzNTE0IEw1Ljk5MDA1OCw1LjgwMTgwMTggQzUuNjY2OTQyODMsNi4wNjYwNjYwNyA1LjMzNzYxMzkyLDYuMDY2MDY2MDcgNS4wMDIwNzEyNSw1LjgwMTgwMTggTDAuMjExMjY3NjA2LDEuMTM1MTM1MTQgQzAsMC45MDY5MDY5MDcgLTAuMDUyODE2OTAxNCwwLjY2NjY2NjY2NyAwLjA1MjgxNjkwMTQsMC40MTQ0MTQ0MTQgQzAuMTU4NDUwNzA0LDAuMTYyMTYyMTYyIDAuMzcyODI1MTg2LDAuMDI0MDI0MDI0IDAuNjk1OTQwMzQ4LDAgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTAwMDAwLCAzLjAwMDAwMCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTUuNTAwMDAwLCAtMy4wMDAwMDApICI+PC9wYXRoPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+);
  }
}

@media (min-width: 1007px) {
  .basic-filter .select.basic-filter__option.button {
    padding-right: 20px;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMSAoNDcyNTApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iVUkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU5NC4wMDAwMDAsIC01NzMuMDAwMDAwKSIgZmlsbD0iI0U2Mzk0RSIgZmlsbC1ydWxlPSJub256ZXJvIiBpZD0iU3RhY2tlZC1Hcm91cC1Db3B5Ij4NCiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5Mi4wMDAwMDAsIDU2Ny4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzI1LjAwMDAwMCwgMC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImRyb3Bkb3duLWljbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc3LjAwMDAwMCwgNi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjY5NTk0MDM0OCwwIEwxMC4zMTQ4MzAyLDAgQzEwLjUwMTI0MjgsMCAxMC42NjI4MDAzLDAuMDY2MDY2MDY2MSAxMC43OTk1MDI5LDAuMTk4MTk4MTk4IEMxMS4wNzI5MDgsMC40ODY0ODY0ODYgMTEuMDY2Njk0MywwLjc5ODc5ODc5OSAxMC43ODA4NjE2LDEuMTM1MTM1MTQgTDUuOTkwMDU4LDUuODAxODAxOCBDNS42NjY5NDI4Myw2LjA2NjA2NjA3IDUuMzM3NjEzOTIsNi4wNjYwNjYwNyA1LjAwMjA3MTI1LDUuODAxODAxOCBMMC4yMTEyNjc2MDYsMS4xMzUxMzUxNCBDMCwwLjkwNjkwNjkwNyAtMC4wNTI4MTY5MDE0LDAuNjY2NjY2NjY3IDAuMDUyODE2OTAxNCwwLjQxNDQxNDQxNCBDMC4xNTg0NTA3MDQsMC4xNjIxNjIxNjIgMC4zNzI4MjUxODYsMC4wMjQwMjQwMjQgMC42OTU5NDAzNDgsMCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
  }
  .basic-filter .select.basic-filter__option.button:focus, .basic-filter .select.basic-filter__option.button:hover {
    border-bottom-width: 5px;
  }
  .basic-filter .select.basic-filter__option.button:focus {
    background-color: #E9E6E3;
  }
}

.basic-filter .select--fake.basic-filter__option {
  background-position-x: calc(100% - 20px);
  border: 2px solid transparent;
  height: 54px;
  line-height: 48px;
  padding: 0 20px;
}

.basic-filter .select--fake.basic-filter__option:after {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #E6394E;
  bottom: 0;
  content: '';
  display: block;
  width: calc(100% - 40px);
  height: 0px;
  transition: height 0.2s ease;
}

.basic-filter .select--fake.basic-filter__option:hover:after {
  height: 5px;
}

.basic-filter .basic-filter__select-container {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .basic-filter .basic-filter__select-container {
    margin-top: 0;
    float: right;
  }
}

.basic-filter .select--fake.select--open:hover:after {
  background-color: transparent;
}

.basic-filter .select--fake.basic-filter__option .select__options {
  width: auto;
}

.basic-filter .select--fake.basic-filter__option .select__option {
  padding: 0 20px;
}

.basic-filter + .basic-filter__tabs .tab {
  display: none;
}

.basic-filter + .basic-filter__tabs .tab--toggle-active {
  display: block;
}

.basic-filter.basic-filter--full-width {
  width: 100%;
  padding: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.card-row + .card-row {
  margin-top: 30px;
}

.card-row {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  border-bottom: 2px solid #E9E6E3;
  position: relative;
  padding-bottom: 40px;
  transition: all 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

@media (min-width: 768px) {
  .card-row {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .card-row {
    margin-top: 80px;
  }
}

.card-row:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .card-row {
    width: calc(100% - 100px);
  }
}

.card-row--border-top {
  padding-top: 40px;
  border-top: 2px solid #E9E6E3;
}

@media (min-width: 768px) {
  .card-row--border-top {
    padding-top: 50px;
  }
}

@media (min-width: 1263px) {
  .card-row--border-top {
    padding-top: 80px;
  }
}

.card-row--multiline {
  margin-top: 0 !important;
  padding-bottom: 0;
}

.card-row--multiline .card {
  margin-top: 30px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .card-row--multiline .card {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .card-row--multiline .card {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .card-row--multiline .card:last-child {
    margin-bottom: 0;
  }
  .card-row .card-row {
    margin-top: 30px;
  }
}

.card-row--no-link {
  padding-bottom: 0;
}

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

@media (min-width: 1263px) {
  .card-row {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
  }
  .card-row:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .card-row {
    width: calc(100% - 100px);
  }
}

.card-row.card-row--no-border {
  border-bottom: 0;
}

.card-row:last-of-type {
  border-bottom: none;
}

.card-row:last-of-type .cta {
  bottom: 0;
}

.card-row__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.card-row__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .card-row__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .card-row__title {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 767px) {
  .card-row .cta {
    background-color: #E9E6E3;
    width: 100%;
    height: 52px;
    text-align: center;
  }
  .card-row .cta .cta__link {
    color: #222;
    line-height: 52px;
    margin-left: 24px;
  }
  .card-row .cta .cta__link:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - 40px);
  }
}

@media (min-width: 768px) {
  .card-row__row {
    display: flex;
  }
  .card-row--multiline .card-row__row {
    flex-wrap: wrap;
  }
  .card-row .card {
    width: calc(33.33% - 33.33333px);
  }
  .card-row .card:not(:nth-child(3n)) {
    margin-right: 50px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .card-row .card:not(:nth-child(3n)) {
    margin-right: 50px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.view--sticky .detail-header .detail-header__actions {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.detail-header {
  margin: auto;
  position: relative;
}

.detail-header:after {
  content: "";
  clear: both;
  display: table;
}

.detail-header .detail-header__background {
  box-sizing: border-box;
  display: block;
  float: left;
  background-color: #C1D8DF;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 75vw;
  position: relative;
  overflow: hidden;
  z-index: 20;
}

@media (min-width: 1263px) {
  .detail-header .detail-header__background {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .detail-header .detail-header__background:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .detail-header .detail-header__background {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .detail-header .detail-header__background:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .detail-header .detail-header__background:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .detail-header .detail-header__background {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .detail-header .detail-header__background:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .detail-header .detail-header__background:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .detail-header .detail-header__background {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .detail-header .detail-header__background:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .detail-header .detail-header__background:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media print {
  .detail-header .detail-header__background {
    box-sizing: border-box;
    display: block;
    float: left;
    -webkit-print-color-adjust: exact !important;
    /* Chrome, Safari */
    color-adjust: exact !important;
    /*Firefox*/
  }
}

@media print and (min-width: 1263px) {
  .detail-header .detail-header__background {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media print and (min-width: 1263px) and (max-width: 767px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (min-width: 1263px) and (min-width: 768px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (min-width: 1263px) and (min-width: 1007px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (min-width: 1263px) and (min-width: 1263px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (max-width: 767px) {
  .detail-header .detail-header__background {
    margin-right: 20px;
    width: calc((100% - 60px) / 2 + 20px);
  }
}

@media print and (max-width: 767px) and (max-width: 767px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (max-width: 767px) and (min-width: 768px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (max-width: 767px) and (min-width: 1007px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (max-width: 767px) and (min-width: 1263px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (min-width: 1007px) and (max-width: 1262px) {
  .detail-header .detail-header__background {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media print and (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (min-width: 768px) and (max-width: 1006px) {
  .detail-header .detail-header__background {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.22222 + 175px);
  }
}

@media print and (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media print and (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .detail-header .detail-header__background {
    margin-right: 0;
  }
}

@media (min-width: 1007px) {
  .detail-header .detail-header__background {
    height: 100vh;
  }
}

@media (min-width: 1263px) {
  .detail-header .detail-header__background {
    height: 100vh;
  }
}

.detail-header__triangle--background {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0.7s;
  fill: #FFF;
  position: absolute;
  bottom: -0.5px;
  width: 100vw;
}

.view--init .detail-header__triangle--background {
  height: 18.5vw;
}

.detail-header__content {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  display: block;
  float: left;
  position: relative;
}

@media (min-width: 768px) {
  .detail-header__content {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) {
  .detail-header__content {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .detail-header__content {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .detail-header__content {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .detail-header__content {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .detail-header__content {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .detail-header__content {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .detail-header__content {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print {
  .detail-header__content {
    box-sizing: border-box;
    display: block;
    float: left;
  }
}

@media print and (min-width: 1263px) {
  .detail-header__content {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media print and (min-width: 1263px) and (max-width: 767px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (min-width: 1263px) and (min-width: 768px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (min-width: 1263px) and (min-width: 1007px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (min-width: 1263px) and (min-width: 1263px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (max-width: 767px) {
  .detail-header__content {
    margin-right: 20px;
    width: calc((100% - 60px) / 2 + 20px);
  }
}

@media print and (max-width: 767px) and (max-width: 767px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (max-width: 767px) and (min-width: 768px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (max-width: 767px) and (min-width: 1007px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (max-width: 767px) and (min-width: 1263px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (min-width: 1007px) and (max-width: 1262px) {
  .detail-header__content {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media print and (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (min-width: 768px) and (max-width: 1006px) {
  .detail-header__content {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.22222 + 175px);
  }
}

@media print and (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media print and (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .detail-header__content {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .detail-header__content {
    min-height: 100vh;
    padding-left: 0;
  }
}

.detail-header__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  color: #E6394E;
  margin: 20px 0 0 0;
}

@media (min-width: 768px) {
  .detail-header__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 1263px) {
  .detail-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 768px) {
  .detail-header__title {
    margin-top: 120px;
  }
}

@media (min-width: 1263px) {
  .detail-header__title {
    margin-top: 140px;
  }
}

.detail-header__quote {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #222;
  font-family: 'Merriweather';
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  display: block;
}

@media (min-width: 768px) {
  .detail-header__quote {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .detail-header__quote {
    font-size: 24px;
    line-height: 32px;
  }
}

.detail-header__quote:before, .detail-header__quote:after {
  content: '';
}

@media (min-width: 768px) {
  .detail-header__quote {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .detail-header__quote {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .detail-header__quote {
    margin-top: 30px;
  }
}

.detail-header .detail-header__tags {
  margin-top: 10px;
}

.detail-header__body,
.detail-header p {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  margin: 20px 0;
}

@media (min-width: 768px) {
  .detail-header__body,
  .detail-header p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .detail-header__body,
  .detail-header p {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .detail-header__body,
  .detail-header p {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 1263px) {
  .detail-header__body,
  .detail-header p {
    font-size: 22px;
    line-height: 33px;
  }
}

@media (min-width: 1263px) {
  .detail-header__body,
  .detail-header p {
    margin: 30px 0;
  }
}

.detail-header p {
  color: #4a4a4a;
  font-weight: 400;
}

@media print {
  .detail-header__row {
    display: flex;
  }
}

@media (min-width: 768px) {
  .detail-header__row {
    display: flex;
  }
}

.detail-header .definition-list__group {
  box-sizing: border-box;
  display: block;
  float: left;
  border-top: none;
  border-bottom: 1px solid #E9E6E3;
}

@media (min-width: 1263px) {
  .detail-header .definition-list__group {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .detail-header .definition-list__group:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .detail-header .definition-list__group {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .detail-header .definition-list__group:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .detail-header .definition-list__group:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .detail-header .definition-list__group {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .detail-header .definition-list__group:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .detail-header .definition-list__group {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .detail-header .definition-list__group:nth-child(2n+0) {
    margin-right: 0;
  }
}

.detail-header__row:first-child .definition-list__group:first-child {
  border-top: 1px solid #E9E6E3;
}

@media (min-width: 768px) {
  .detail-header__row:first-child .definition-list__group {
    border-top: 1px solid #E9E6E3;
  }
}

.detail-header__actions {
  box-sizing: border-box;
  display: block;
  float: left;
  background-color: #FFF;
  box-sizing: border-box;
  float: right !important;
  padding: 20px 20px 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 20;
}

@media (min-width: 1263px) {
  .detail-header__actions {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .detail-header__actions {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .detail-header__actions {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .detail-header__actions {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .detail-header__actions {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .detail-header__actions {
    padding-right: 50px;
    display: flex;
    align-items: center;
    padding-left: 0;
  }
}

.detail-header__actions .detail-header__button,
.detail-header__actions .detail-header__cta {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 1007px) {
  .detail-header__actions .detail-header__button,
  .detail-header__actions .detail-header__cta {
    width: calc(50% - 25px);
  }
  .detail-header__actions .detail-header__button:first-child:not(:last-child),
  .detail-header__actions .detail-header__cta:first-child:not(:last-child) {
    margin-right: 50px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.education-bullet {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  position: relative;
}

.education-bullet:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .education-bullet {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .education-bullet {
    font-size: 18px;
    line-height: 30px;
  }
}

.education-bullet__group {
  padding: 10px 0;
  border-top: 1px solid #E9E6E3;
  flex: 1;
  margin-right: 25px;
}

.education-bullet .detail-header__row .education-bullet__group:last-child:not(:first-child) {
  margin-right: 0;
  margin-left: 25px;
}

@media print {
  .education-bullet .detail-header__row .education-bullet__group:last-child:not(:first-child) {
    margin-left: 0;
  }
}

.education-bullet__entity {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
}

.education-bullet__heading {
  font-weight: 600;
}

.education-bullet__term, .education-bullet__definition {
  box-sizing: border-box;
  margin: 0;
}

.education-bullet__term {
  position: relative;
  font-weight: 600;
}

.education-bullet__definition {
  font-weight: 600;
  text-align: right;
  text-align: left;
  font-weight: normal;
}

.education-bullet__icon {
  width: 50px;
  display: flex;
  align-items: center;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.partners-map {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

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

@media (min-width: 1263px) {
  .partners-map {
    margin-top: 80px;
  }
}

.partners-map:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .partners-map {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .partners-map {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .partners-map {
    font-size: 18px;
    line-height: 30px;
  }
}

.partners-map__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 20px;
}

@media (min-width: 768px) {
  .partners-map__header {
    flex-wrap: nowrap;
    padding: 0;
  }
}

.partners-map__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 20px;
  margin: 0;
}

@media (min-width: 768px) {
  .partners-map__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 1263px) {
  .partners-map__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .partners-map__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .partners-map__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .partners-map__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .partners-map__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .partners-map__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .partners-map__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .partners-map__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .partners-map__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .partners-map__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .partners-map__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .partners-map__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .partners-map__title {
    margin-right: 50px;
  }
}

@media (min-width: 1263px) {
  .partners-map__title {
    margin-right: 50px;
  }
}

.partners-map .widget {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
}

@media (min-width: 1263px) {
  .partners-map .widget {
    margin-right: 50px;
    width: calc((100% - 550px) / 3 + 150px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .partners-map .widget:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .partners-map .widget:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .partners-map .widget {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .partners-map .widget:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .partners-map .widget:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .partners-map .widget {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .partners-map .widget:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .partners-map .widget:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .partners-map .widget {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .partners-map .widget:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .partners-map .widget:nth-child(3n+0) {
    margin-right: 0;
  }
}

.partners-map .input {
  width: 100%;
}

.partners-map__map {
  margin-top: 30px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .partners-map__map {
    margin-top: 30px;
  }
}

@media (min-width: 1263px) {
  .partners-map__map {
    margin-top: 60px;
  }
}

.partners-map .country {
  fill: rgba(166, 155, 145, 0.5);
  stroke: #fff;
  stroke-width: 1px;
}

.partners-map .country.with-data {
  fill: #a69b91;
}

.partners-map .country:hover {
  fill: #e6394e;
}

div.tooltip {
  color: #222;
  background: #fff;
  padding: .5em;
  text-shadow: #f5f5f5 0 1px 0;
  border-radius: 2px;
  box-shadow: 0px 0px 2px 0px #a6a6a6;
  opacity: 0.9;
  position: absolute;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.tags {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media print {
  .tags {
    display: none;
  }
}

.tags--inline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tags--compact {
  margin: 0px !important;
}

.tags__tag {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid #E9E6E3;
  box-sizing: border-box;
  color: #E9E6E3;
  display: inline-block;
  height: 30px;
  line-height: 28px !important;
  margin: 10px 10px 0 0;
  padding: 0 30px 0 10px;
  position: relative;
  transition: border-color 0.2s ease-in-out;
}

@media (min-width: 768px) {
  .tags__tag {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .tags__tag {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .tags__tag {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .tags__tag {
    font-size: 16px;
    line-height: 26px;
  }
}

.tags__tag:last-child .tags__tag-label:after {
  content: none;
}

.tags--light .tags__tag {
  border-color: #FFF;
  color: #FFF;
}

.tags--dark .tags__tag {
  border-color: #9B9B9B;
  color: #9B9B9B;
}

.tags--inline .tags__tag {
  margin-top: 0;
}

.tags--simple .tags__tag {
  border: none;
  height: auto;
  margin: 0;
  padding: 0;
}

.tags__tag.tags__tag--close {
  cursor: pointer;
}

.tags__tag.tags__tag--close:before {
  transition: height 0.2s ease-in-out;
  background-color: #E6394E;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
}

.tags__tag.tags__tag--close:hover {
  border-color: #E6394E;
}

.tags__tag.tags__tag--close:hover:before {
  height: 30px;
}

.tags__tag-label {
  position: relative;
}

.tags--simple .tags__tag-label:after {
  content: ', ';
  white-space: pre;
}

.tags__tag-close {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  fill: red;
  cursor: pointer;
  width: 9px;
  height: 8px;
  right: 10px;
}

.tags--simple .tags__tag-close {
  display: none;
}

.learning-close {
  display: flex;
  flex-direction: column;
  justify-content: start;
  min-height: 100vh;
  width: 100%;
  background-color: #E9E6E3;
}

@media (min-width: 1028px) {
  .learning-close {
    flex-direction: row;
  }
}

.learning-close .learning-close__left {
  flex: 1;
  padding: 0 30px;
  margin: 100px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

@media (min-width: 1028px) {
  .learning-close .learning-close__left {
    flex: 50%;
    padding: 0 60px 0 0;
    margin: 120px 0 50px 85px;
    min-height: calc(100vh - 320px);
  }
}

.learning-close .learning-close__right {
  flex: 1;
  background-color: #FFF;
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}

@media (min-width: 1028px) {
  .learning-close .learning-close__right {
    flex: 50%;
    min-height: calc(100vh - 320px);
    margin: 120px 85px 50px 0;
    padding: 60px;
  }
}

.learning-close .learning-close__title {
  color: #F3495E;
  font-family: Graphik;
  font-size: 42px;
  font-weight: bold;
  line-height: 50px;
  margin: 0 0;
}

.learning-close .learning-close__description {
  color: #3F3F3F;
  font-family: Graphik;
  font-size: 18px;
  line-height: 30px;
}

.learning-close .learning-close__media {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.learning-close .learning-close__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.learning-close .body-text, .learning-close .share {
  margin: 0;
  width: 100%;
  position: static;
}

.learning-close .body-text *, .learning-close .share * {
  left: 0;
  width: 100%;
  position: static;
}

.learning-close .body-text h4, .learning-close .share h4 {
  color: #E6394E;
}

.learning-part {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #E9E6E3;
  font-family: Graphik;
}

.learning-part .learning-part__container {
  padding: 30px;
  max-width: 710px;
  text-align: center;
}

@media (min-width: 770px) {
  .learning-part .learning-part__container {
    padding: 0;
  }
}

.learning-part .learning-part__title {
  color: #ED4055;
  font-family: Graphik;
  font-size: 42px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
}

.learning-part .learning-part__info {
  color: #222222;
  font-family: Merriweather;
  font-size: 20px;
  font-weight: bold;
  line-height: 31px;
  text-align: center;
}

.learning-part p {
  color: #222222;
  font-family: Graphik;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.learning-question {
  padding: 0 0 30px 0;
}

.learning-question .learning-question__question {
  color: #222222;
  font-family: Graphik;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 30px;
  display: block;
}

.learning-question .learning-question__answers {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  -ms-grid-rows: 1fr 30px 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

@media (min-width: 1007px) {
  .learning-question .learning-question__answers {
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    -ms-grid-rows: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.learning-question .learning-question__answers .learning-question__answer-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers .learning-question__answer-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers .learning-question__answer-3 {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers .learning-question__answer-4 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers .learning-question__answer-5 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers .learning-question__answer-6 {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers .learning-question__answer-7 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers .learning-question__answer-8 {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers .learning-question__answer-9 {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers.learning-question__answers-wider {
  -ms-grid-columns: 1fr 30px 1fr;
  -ms-grid-rows: 1fr 30px 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

@media (min-width: 1007px) {
  .learning-question .learning-question__answers.learning-question__answers-wider {
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    -ms-grid-rows: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-3 {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-4 {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-5 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-6 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-7 {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-8 {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-9 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.learning-question .learning-question__label-checkbox {
  flex: 1;
  border: 1px solid #E9E6E3;
  min-height: 62px;
  display: block;
  color: #222222;
  font-family: Graphik;
  font-size: 18px;
  font-weight: 500;
  line-height: 62px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}

.learning-question .learning-question__label-checkbox:hover {
  background-color: #f1f1f1;
}

.learning-question .learning-question__checkbox:checked + .learning-question__label-checkbox {
  background-color: #E9E6E3;
}

.learning-question .learning-question__checkbox {
  display: none;
}

.learning-question .textarea {
  color: #222222;
  font-family: Graphik;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}

.learning-question .errorlist {
  list-style: none;
  padding: 12px;
  margin: 12px 0 0 0;
  color: #E6394E;
}

.learning-step {
  display: flex;
  flex-direction: column;
  justify-content: start;
  min-height: 100vh;
  width: 100%;
  background-color: #E9E6E3;
  font-family: Graphik;
}

@media (min-width: 1028px) {
  .learning-step {
    flex-direction: row;
  }
}

.learning-step .learning-step__left {
  flex: 1;
  padding: 0 30px;
  margin: 120px 0 0 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1028px) {
  .learning-step .learning-step__left {
    padding: 0 60px 0 0;
    margin: 120px 0 50px 85px;
    min-height: calc(100vh - 320px);
  }
}

.learning-step .learning-step__left .learning-step__explanation {
  display: none;
}

@media (min-width: 1028px) {
  .learning-step .learning-step__left .learning-step__explanation {
    display: block;
  }
}

.learning-step .learning-step__right {
  flex: 1;
  background-color: #FFF;
  padding: 30px;
  position: relative;
}

@media (min-width: 1028px) {
  .learning-step .learning-step__right {
    min-height: calc(100vh - 320px);
    margin: 120px 85px 50px 0;
    padding: 60px;
  }
}

.learning-step .learning-step__right .learning-step__explanation {
  display: block;
}

@media (min-width: 1028px) {
  .learning-step .learning-step__right .learning-step__explanation {
    display: none;
  }
}

.learning-step .learning-step__title {
  color: #ED4055;
  font-family: Graphik;
  font-size: 42px;
  font-weight: bold;
  line-height: 50px;
  margin-bottom: 10px;
}

.learning-step .learning-step__subtitle {
  color: #222222;
  font-family: Merriweather;
  font-size: 20px;
  font-weight: bold;
  line-height: 31px;
}

.learning-step .learning-step__intro p {
  color: #222222;
  font-family: Graphik;
  font-size: 18px;
  line-height: 30px;
}

.learning-step .learning-step__intro p:last-child {
  margin-bottom: 60px;
}

.learning-step .learning-step__counter {
  display: flex;
  flex-direction: row;
}

.learning-step .learning-step__bulb {
  background-color: #a4a4a4;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  font-family: Graphik;
  font-weight: 600;
}

.learning-step .learning-step__bulb.learning-step__bulb--active {
  background-color: #4A4A4A;
}

.learning-step .learning-step__bulb.learning-step__bulb--past {
  background-color: #E6394E;
}

.learning-step .learning-step__line {
  height: 25px;
  width: 20px;
  margin: 0 5px;
  stroke: #A69B91;
  stroke-width: 1;
}

.learning-step .learning-step__line.learning-step__line--active {
  stroke: #4A4A4A;
}

.learning-step .learning-step__media {
  text-align: center;
  margin-bottom: 30px;
}

@media (min-width: 1028px) {
  .learning-step .learning-step__media {
    margin-bottom: 60px;
  }
}

.learning-step .learning-step__image {
  width: 100%;
}

.learning-step .learning-step__media-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.learning-step .learning-step__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.learning-step .learning-step__subtitle {
  margin: 0 0 30px;
}

.learning-step .learning-step__explanation {
  padding: 30px;
  background-color: #4A4A4A;
  color: #FFF;
  color: #FFFFFF;
  font-family: Graphik;
  font-size: 18px;
  line-height: 30px;
  margin: 0 -30px;
}

@media (min-width: 1028px) {
  .learning-step .learning-step__explanation {
    margin: 0;
  }
}

.learning-step .learning-step__explanation p {
  margin: 0;
  padding: 10px 0;
}

.learning-step .learning-step__explanation p:last-of-type {
  padding-bottom: 30px;
}

.learning-step .learning-step__explanation-title {
  margin: 0 0 9px;
  font-size: 18px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.advanced-filter {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 72px;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  transition: transform 0.5s ease-in-out;
  will-change: top;
  z-index: 9001;
}

@media (min-width: 1263px) {
  .advanced-filter {
    margin-right: 50px;
    width: calc((100% - 550px) / 3 + 150px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .advanced-filter {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .advanced-filter {
    margin-right: 50px;
    width: calc((100% - 450px) / 3 + 116.66667px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .advanced-filter {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .advanced-filter {
    margin-right: 0;
  }
}

@media (min-width: 1263px) {
  .advanced-filter {
    padding-bottom: 0;
  }
}

.advanced-filter--open {
  transform: translateX(0);
}

@media (min-width: 768px) {
  .advanced-filter {
    max-width: 320px;
  }
}

@media (min-width: 1263px) {
  .advanced-filter {
    top: 52px;
    max-width: 100%;
    max-height: 100vh;
    position: static;
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    transform: translateX(0);
    z-index: auto;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .advanced-filter {
    top: 60px;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .advanced-filter {
    top: 70px;
  }
}

.advanced-filter .advanced-filter__button-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 1263px) {
  .advanced-filter .advanced-filter__button-close {
    display: none;
  }
}

.advanced-filter__header {
  background: #222;
  box-sizing: border-box;
  float: left;
  padding: 30px 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .advanced-filter__header {
    padding: 50px 20px;
  }
}

.advanced-filter__header-title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #FFF;
  margin: 0;
}

.advanced-filter__label {
  height: 32px !important;
  line-height: 32px !important;
}

.advanced-filter__label:last-child {
  margin-bottom: 20px;
}

.advanced-filter .advanced-filter__label--tags {
  color: #FFF;
  display: none;
  float: none;
}

.advanced-filter .tags__tag {
  border-color: #4A4A4A;
}

.advanced-filter .advanced-filter__label--has-selection {
  display: block;
}

.advanced-filter__fieldsets {
  -webkit-overflow-scrolling: touch;
  float: left;
  overflow: auto;
  padding-bottom: 74px;
  width: 100%;
}

.advanced-filter__fieldsets:before {
  content: '';
  display: block;
  height: 20px;
  border-left: 1px solid #E9E6E3;
  border-right: 1px solid #E9E6E3;
}

@media (min-width: 1263px) {
  .advanced-filter__fieldsets {
    padding-bottom: 0;
  }
}

.advanced-filter__fieldset {
  border: 1px solid #E9E6E3;
  border-top: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0 20px;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
}

.advanced-filter__fieldset--active {
  height: auto;
}

.advanced-filter__fieldset:not(.advanced-filter__fieldset--active) {
  height: 38px !important;
}

.advanced-filter__fieldset-title {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  background-image: url("../img/components/education/advanced-filter/arrow-down.svg");
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
  line-height: 38px;
  position: relative;
  width: 100%;
}

.advanced-filter__fieldset--active .advanced-filter__fieldset-title {
  background-image: url("../img/components/education/advanced-filter/arrow-up.svg");
}

.advanced-filter__checkbox, .advanced-filter__label {
  float: left;
}

.advanced-filter .advanced-filter__checkbox {
  clear: left;
  height: 32px;
}

.advanced-filter__actions {
  background-color: #FFF;
  border: 1px solid #E9E6E3;
  padding: 10px 20px;
  position: fixed;
  bottom: 0;
  transform: translateY(-100%);
  width: calc(100% - 40px);
}

@media (min-width: 1263px) {
  .view--init .advanced-filter__actions {
    display: none;
  }
}

.advanced-filter__actions .button__content {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  text-align: center;
  width: calc(100% - 40px);
}

.advanced-filter__button-accept {
  display: block;
}

@media (min-width: 1263px) {
  .advanced-filter__button-accept {
    display: none;
  }
}

.view--init .advanced-filter__button--submit {
  display: none;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.filter-footer {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FFF;
  border-top: 2px solid #E9E6E3;
  border-bottom: 2px solid #E9E6E3;
  box-sizing: border-box;
  margin-left: -20px;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: all 0.2s ease;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: calc(100% + 40px);
  transform: translateY(2px);
}

@media (min-width: 768px) {
  .filter-footer {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) {
  .filter-footer {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .filter-footer {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .filter-footer {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .filter-footer {
    display: none;
  }
}

@media (min-width: 768px) {
  .filter-footer {
    width: calc(100% + 100px);
    height: 70px;
    margin-left: -50px;
  }
}

.filter-footer:after {
  display: none;
}

.advanced-filter--open + .filter-footer {
  bottom: 0 !important;
  opacity: 0;
}

.filter-footer__title {
  display: none;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  flex-shrink: 0;
}

@media (min-width: 768px) and (max-width: 1262px) {
  .filter-footer__title {
    display: block;
  }
}

@media (min-width: 768px) {
  .filter-footer__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .filter-footer__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.filter-footer .filter-footer__tags {
  display: none;
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1262px) {
  .filter-footer .filter-footer__tags {
    display: block;
  }
}

.filter-footer .filter-footer__button {
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .filter-footer .filter-footer__button {
    width: calc(100% / 3 - 33px);
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.filter-grid {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  margin-top: 30px;
  position: relative;
}

.filter-grid:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .filter-grid {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .filter-grid {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .filter-grid {
    margin-top: 80px;
  }
}

@media (min-width: 1263px) {
  .filter-grid {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    display: flex;
    padding-right: 0;
    padding-left: 0;
    max-width: calc((100vw - 1270px) / 2 + 1270px) !important;
    margin-right: 0 !important;
  }
  .filter-grid:after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .filter-grid {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1263px) {
  .filter-grid .advanced-filter {
    flex-shrink: 0;
    width: 390px;
  }
}

.filter-grid:before {
  border-bottom: 2px solid #E9E6E3;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: -20px;
  width: calc(100% + 40px);
}

@media (min-width: 768px) {
  .filter-grid:before {
    left: -50px;
    width: calc(100% + 100px);
  }
}

@media (min-width: 1263px) {
  .filter-grid:before {
    left: 0%;
    width: 100%;
  }
}

.filter-grid__mount-results {
  box-sizing: border-box;
  display: block;
  float: left;
  float: left;
  position: relative;
}

@media (min-width: 1263px) {
  .filter-grid__mount-results {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .filter-grid__mount-results:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .filter-grid__mount-results {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .filter-grid__mount-results:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .filter-grid__mount-results:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .filter-grid__mount-results {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .filter-grid__mount-results:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .filter-grid__mount-results {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .filter-grid__mount-results:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) {
  .filter-grid__mount-results {
    margin-right: 50px !important;
  }
}

.filter-grid__results {
  float: left;
  opacity: 1;
  position: relative;
  left: 2px;
  transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  width: 100%;
  z-index: 20;
}

.filter-grid__results--loading {
  opacity: 0.3;
}

.filter-grid__results:not(.filter-grid__results--react) {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 3.2s;
          animation-duration: 3.2s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.view--init .filter-grid__results:not(.filter-grid__results--react) {
  visibility: hidden;
}

.filter-grid__row {
  float: left;
  width: 100%;
}

.filter-grid__row--margin:not(:last-child) {
  margin-bottom: 50px;
}

.filter-grid__row--margin .collection-item {
  float: left;
}

@media (max-width: 767px) {
  .filter-grid__row--margin .collection-item:not(:last-child) {
    margin-bottom: 50px;
  }
}

.filter-grid .card {
  min-height: 0 !important;
}

.filter-grid .card .tags__tag .tags__tag-label {
  font-size: 12px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .filter-grid .card .tags__tag .tags__tag-label {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .filter-grid .card .tags__tag .tags__tag-label {
    font-size: 16px;
    line-height: 26px;
  }
}

.filter-grid__show-more {
  float: left;
  margin: 30px 0;
  width: 100%;
}

.filter-grid__show-more:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .filter-grid__show-more {
    padding: 0;
  }
}

.filter-grid__show-more .button {
  box-sizing: border-box;
  display: block;
  float: left;
  float: none;
  margin: 0 auto !important;
}

@media (min-width: 1263px) {
  .filter-grid__show-more .button {
    margin-right: 50px;
    width: calc((100% - 550px) / 3 + 150px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .filter-grid__show-more .button:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .filter-grid__show-more .button:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .filter-grid__show-more .button {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .filter-grid__show-more .button:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .filter-grid__show-more .button:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .filter-grid__show-more .button {
    margin-right: 50px;
    width: calc((100% - 450px) / 3 + 116.66667px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .filter-grid__show-more .button:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .filter-grid__show-more .button {
    margin-right: 50px;
    width: calc((100% - 450px) / 3 + 116.66667px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .filter-grid__show-more .button:nth-child(3n+0) {
    margin-right: 0;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.filter-grid__item {
  width: 100%;
}

@media (min-width: 768px) {
  .filter-grid__item {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.003 + 116.5px);
    float: left;
    margin-left: 0;
  }
  .filter-grid--masonry .filter-grid__item:first-child {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.5015 + 283px);
  }
  .filter-grid--masonry .filter-grid__item:nth-child(2) {
    margin-right: 0!important;
  }
  .filter-grid__item:nth-child(3n+0) {
    margin-right: 0!important;
  }
  .filter-grid--masonry .filter-grid__results--react .filter-grid__item {
    margin-right: 0!important;
  }
}

@media (max-width: 767px) {
  .filter-grid__item [class*=-card__header]:before {
    content: '';
    display: block;
    padding-top: 56.25%;
  }
}

@media (max-width: 767px) {
  .filter-grid__item [class*=-card__image] {
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;';
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.navigation-model-container {
  background-color: #E7E7E2;
  overflow: hidden;
}

.navigation-model-container + .related {
  margin-top: 0;
}

.navigation-model-container .navigation-model__list {
  margin-bottom: 30px;
}

.navigation-model {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  margin-top: 40px;
  cursor: pointer;
  position: relative;
}

.navigation-model:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .navigation-model {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .navigation-model {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .navigation-model {
    margin-top: 80px;
  }
}

.navigation-model__fallback {
  display: none;
}

.navigation-model__image {
  width: 100%;
}

@media (min-width: 1007px) {
  .navigation-model__image {
    width: 90%;
  }
}

.navigation-model__switch {
  background-color: #FFF;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  padding: 4px;
  width: 100%;
  z-index: 10;
}

@media (min-width: 768px) {
  .navigation-model__switch {
    margin-left: auto;
    margin-right: auto;
    max-width: 280px;
  }
}

@media (min-width: 1007px) {
  .navigation-model__switch {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 1007px) {
  .navigation-model__switch {
    max-width: 256px;
  }
}

.navigation-model__input {
  position: absolute;
  visibility: hidden;
}

.navigation-model__label {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #4A4A4A;
  cursor: pointer;
  font-weight: 600;
  width: 50%;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}

@media (min-width: 768px) {
  .navigation-model__label {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .navigation-model__label {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .navigation-model__label {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .navigation-model__label {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) {
  .navigation-model__label {
    height: 40px;
    line-height: 40px;
  }
}

.navigation-model__label:before {
  background-color: #4A4A4A;
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.05s;
  z-index: -1;
}

.navigation-model__label:not(:last-child):before {
  right: 0;
}

.navigation-model__label:last-child:before {
  left: 0;
}

.navigation-model__input:checked + .navigation-model__label:before {
  width: 100%;
  transition-delay: 0s;
}

.navigation-model__input:checked + .navigation-model__label {
  color: #FFF;
}

.navigation-model__background {
  position: relative;
  transition: left 0.25s ease-in-out, transform 0.25s ease-in-out;
}

@media (max-width: 639px) {
  .navigation-model__background {
    width: 200vw;
    left: -20%;
  }
  .navigation-model__background--annex {
    left: -90%;
  }
}

@media (min-width: 1007px) {
  .navigation-model__background {
    min-height: 500px;
  }
}

.navigation-model__section {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.navigation-model__section--active, .navigation-model__section--initial {
  opacity: 1;
}

.navigation-model__list {
  list-style: none;
  margin: -40px 0 0;
  padding: 0;
}

@media (min-width: 768px) {
  .navigation-model__list {
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    max-width: 280px;
  }
}

@media (min-width: 1007px) {
  .navigation-model__list {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
  }
}

@media (min-width: 1263px) {
  .navigation-model__list {
    top: 90px;
    width: 260px;
  }
}

.navigation-model__list-item {
  background-color: #FFF;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 600;
  height: 30px;
  margin: 2px 0;
  padding: 10px 15px;
  position: relative;
  transition: all 0.25s ease-in-out;
}

@media (min-width: 1007px) {
  .navigation-model__list-item {
    height: 40px;
  }
}

.navigation-model__list-item:hover, .navigation-model__list-item--active {
  background-color: #4A4A4A;
}

.navigation-model__list-item:hover .navigation-model__text, .navigation-model__list-item--active .navigation-model__text {
  color: #FFF;
}

.navigation-model__list-item--thumbnail {
  padding-left: 45px;
}

@media (min-width: 1007px) {
  .navigation-model__list-item--thumbnail {
    padding-left: 60px;
  }
}

.navigation-model__list-item--active.navigation-model__list-item--thumbnail .navigation-model__thumbnail {
  height: 100%;
  left: 0;
}

.navigation-model__list-item--active.navigation-model__list-item--thumbnail {
  padding-left: 55px;
}

@media (min-width: 1007px) {
  .navigation-model__list-item--active.navigation-model__list-item--thumbnail {
    padding-left: 70px;
  }
}

.navigation-model__thumbnail {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 5px;
  height: calc(100% - 10px);
  transition: all 0.25s ease-in-out;
}

.navigation-model__text {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 10px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4A4A4A;
  font-weight: 600;
  transition: all 0.25s ease-in-out;
  width: 100%;
}

@media (min-width: 768px) {
  .navigation-model__text {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .navigation-model__text {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .navigation-model__text {
    font-size: 10px;
    line-height: 14px;
  }
}

@media (min-width: 1263px) {
  .navigation-model__text {
    font-size: 12px;
    line-height: 18px;
  }
}

.navigation-model__arrow {
  fill: #FFF;
  flex-shrink: 0;
  position: relative;
  left: 15px;
  width: 30px;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.freezeframe {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1), visibility 0s 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  visibility: hidden;
  z-index: -10;
}

.freezeframe--open {
  opacity: 1;
  transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1), visibility 0s 0s;
  visibility: visible;
  z-index: 100;
}

.freezeframe__button-close {
  position: absolute;
  top: 0;
  right: 0;
}

.freezeframe__image {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.freezeframe__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  text-decoration: inherit;
  top: 75%;
}

.freezeframe__button:hover {
  color: #E6394E;
}

.freezeframe__button-circle {
  fill: #9F303D;
}

.freezeframe__button-icon {
  fill: #FFF;
}

.freezeframe__button:hover .freezeframe__button-circle {
  fill: #FFF;
}

.freezeframe__button:hover .freezeframe__button-icon {
  fill: #E6394E;
}

.freezeframe__button-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  background-color: #E6394E;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  box-sizing: border-box;
  color: #FFF;
  font-weight: 600;
  height: 40px;
  line-height: 40px !important;
  margin-left: -20px;
  padding: 0 30px 0 40px;
  position: relative;
  left: -2px;
  text-align: center;
  z-index: -1;
}

@media (min-width: 768px) {
  .freezeframe__button-label {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .freezeframe__button-label {
    font-size: 18px;
    line-height: 30px;
  }
}

.freezeframe:before {
  background-color: rgba(34, 34, 34, 0.51);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.freezeframe--active:before {
  opacity: 1;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.overlay {
  background-image: linear-gradient(transparent 50vh, #FFF 50vh, #FFF);
  font-size: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(100%);
  visibility: hidden;
  transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1), visibility 0s 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  z-index: 2000;
}

.overlay--open {
  transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1), visibility 0s 0s;
  visibility: visible;
  transform: translateY(0%);
}

.overlay--freezeframe {
  background-image: none;
}

.freezeframe--open + .overlay--freezeframe {
  transform: none;
  transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1) 1s, visibility 0s 0s;
  visibility: visible;
}

.overlay--freezeframe:not(.overlay--scrolled) .overlay__triangle {
  margin-top: 50vh;
}

.overlay__button-close {
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  transition: opacity 0s 0s;
  z-index: 100;
}

.freezeframe--open + .overlay--freezeframe .overlay__button-close,
.overlay--open .overlay__button-close {
  opacity: 1;
  transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1) 0.8s;
}

.overlay__triangle {
  transition: all 0.2s;
  transition-delay: 0s;
  fill: #FFF;
  width: 100%;
  height: 18.125vw;
  margin-top: -12px;
}

.overlay__body {
  padding-bottom: 40px;
  background-color: #FFF;
  display: inline-block;
  font-size: 0;
  position: relative;
  width: 100%;
  z-index: 10;
}

@media (min-width: 768px) {
  .overlay__body {
    padding-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .overlay__body {
    padding-bottom: 80px;
  }
}

.overlay--freezeframe .overlay__body {
  min-height: calc(100vh - 18.125vw);
}

.overlay__header {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  page-break-inside: avoid;
  margin-top: 20px;
  position: relative;
}

.overlay__header:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .overlay__header {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .overlay__header {
    margin-top: 80px;
  }
}

.overlay__header:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .overlay__header {
    width: calc(100% - 100px);
  }
}

.overlay__header > *:first-child {
  margin-top: 0 !important;
}

.overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
}

@media (min-width: 1263px) {
  .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .overlay__header h1:nth-child(1n+0), .overlay__header h2:nth-child(1n+0), .overlay__header h3:nth-child(1n+0), .overlay__header h4:nth-child(1n+0), .overlay__header h5:nth-child(1n+0), .overlay__header h6:nth-child(1n+0), .overlay__header p:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .overlay__header h1:nth-child(3n+0), .overlay__header h2:nth-child(3n+0), .overlay__header h3:nth-child(3n+0), .overlay__header h4:nth-child(3n+0), .overlay__header h5:nth-child(3n+0), .overlay__header h6:nth-child(3n+0), .overlay__header p:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .overlay__header h1, .view--rtl .overlay__header h2, .view--rtl .overlay__header h3, .view--rtl .overlay__header h4, .view--rtl .overlay__header h5, .view--rtl .overlay__header h6, .view--rtl .overlay__header p {
  left: auto !important;
}

@media (max-width: 767px) {
  .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6 {
    margin-top: 50px !important;
  }
}

@media print {
  .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
    margin-top: 30px !important;
  }
}

.overlay__header h4 {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .overlay__header h4 {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .overlay__header h4 {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .overlay__header h4 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .overlay__header h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

.overlay__header h5,
.overlay__header h6 {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 20px !important;
}

@media (min-width: 768px) {
  .overlay__header h5,
  .overlay__header h6 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .overlay__header h5,
  .overlay__header h6 {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .overlay__header h5,
  .overlay__header h6 {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .overlay__header h5,
  .overlay__header h6 {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

.overlay__header h5 + p,
.overlay__header h6 + p {
  margin-top: 0 !important;
}

.overlay__header p {
  margin-top: 0;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 20px !important;
}

@media (min-width: 768px) {
  .overlay__header p {
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .overlay__header p {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .overlay__header p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .overlay__header p {
    font-size: 18px;
    line-height: 30px;
  }
}

.overlay__header p:first-child {
  margin-top: 0 !important;
}

.overlay__header p:last-child {
  margin-bottom: 0;
}

.overlay__header p > a:not(.button):not(.cta) {
  color: #222;
  text-decoration: none;
  text-decoration: underline;
  color: #222;
}

@media (min-width: 768px) {
  .overlay__header .button {
    max-width: 270px;
  }
}

.overlay__header .cta {
  margin-top: 20px !important;
}

.overlay__header > ol,
.overlay__header > ul {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  margin: 20px 0 0 0 !important;
}

@media (min-width: 1263px) {
  .overlay__header > ol,
  .overlay__header > ul {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .overlay__header > ol,
  .overlay__header > ul {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .overlay__header > ol:nth-child(1n+0),
  .overlay__header > ul:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .overlay__header > ol:nth-child(3n+0),
  .overlay__header > ul:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .overlay__header > ol,
  .overlay__header > ul {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .overlay__header > ol,
  .overlay__header > ul {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .overlay__header > ol,
  .overlay__header > ul {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .overlay__header > ol,
  .overlay__header > ul {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .overlay__header > ol,
  .overlay__header > ul {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .overlay__header > ol,
  .overlay__header > ul {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .overlay__header > ol, .view--rtl
.overlay__header > ul {
  left: auto !important;
}

@media (max-width: 767px) {
  .overlay__header > ol,
  .overlay__header > ul {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.overlay__header ol {
  position: relative;
}

.overlay__header > ol,
.overlay__header > ol ol {
  counter-reset: ol;
  list-style: none;
}

.overlay__header > ol li:before {
  counter-increment: ol;
  content: counter(ol);
  position: absolute;
  left: 20px;
}

.overlay__header li {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
}

@media (min-width: 768px) {
  .overlay__header li {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .overlay__header li {
    font-size: 18px;
    line-height: 30px;
  }
}

.overlay__header > table {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  border-collapse: collapse;
  margin-top: 20px !important;
}

@media (min-width: 1263px) {
  .overlay__header > table {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .overlay__header > table {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .overlay__header > table:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .overlay__header > table:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .overlay__header > table {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .overlay__header > table {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .overlay__header > table {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .overlay__header > table {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .overlay__header > table {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .overlay__header > table {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .overlay__header > table {
  left: auto !important;
}

@media (max-width: 767px) {
  .overlay__header > table {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .overlay__header > table {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .overlay__header > table {
    font-size: 18px;
    line-height: 30px;
  }
}

.overlay__header > table caption {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 0 !important;
  text-align: left;
}

@media (min-width: 768px) {
  .overlay__header > table caption {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .overlay__header > table caption {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .overlay__header > table caption {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .overlay__header > table caption {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

.overlay__header table, .overlay__header tbody, .overlay__header tr {
  width: 100%;
}

.overlay__header table, .overlay__header tr, .overlay__header td {
  border: none;
}

.overlay__header tr:not(:last-child) td {
  border-bottom: 1px solid #D9C9CA;
}

.overlay__header td:not(:last-child) {
  padding-right: 10px;
}

.overlay__header td {
  padding: 10px 0;
}

@media (min-width: 1007px) {
  .overlay__header {
    margin-top: -9.0625vw;
  }
}

.overlay--freezeframe .overlay__header {
  margin-top: 0 !important;
}

.overlay .overlay__header + * {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .overlay .overlay__header + * {
    margin-top: 40px;
  }
}

@media (min-width: 1263px) {
  .overlay .overlay__header + * {
    margin-top: 60px;
  }
}

.overlay .overlay-nav {
  position: static;
  top: -25px;
  right: 0;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .overlay .overlay-nav {
    position: absolute;
  }
}

.overlay__title {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  margin-top: 20px;
  color: #E6394E;
}

@media (min-width: 768px) {
  .overlay__title {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .overlay__title {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .overlay__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 1263px) {
  .overlay__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 768px) {
  .overlay__title {
    margin-top: 20px;
  }
}

@media (min-width: 1263px) {
  .overlay__title {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .overlay--freezeframe .overlay__title {
    margin-top: -1em !important;
  }
}

.overlay .overlay__subtitle {
  font-family: 'Merriweather';
  font-size: 18px;
  line-height: 24px;
  margin: 20px 0 0 0;
  margin-top: 10px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .overlay .overlay__subtitle {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .overlay .overlay__subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .overlay .overlay__subtitle {
    margin-top: 10px;
  }
}

@media (min-width: 1263px) {
  .overlay .overlay__subtitle {
    margin-top: 20px;
  }
}

.overlay__page-link {
  display: none;
  width: 18.125vw;
  height: 18.125vw;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 20;
}

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

@media (min-width: 768px) {
  .overlay__page-link {
    width: 9.0625vw;
    height: 9.0625vw;
    bottom: 0;
  }
}

.overlay__arrow {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0.7, 0.4, 1) 0.8s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  overflow: visible;
}

.view--init .overlay__arrow {
  opacity: 1;
}

@media (min-width: 1007px) {
  .overlay__arrow {
    width: 30px;
    height: 30px;
  }
}

.overlay__arrow-triangle {
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.overlay--scrolled .overlay__arrow {
  opacity: 0;
  transition-delay: 0s;
}

.overlay__page-link:hover .overlay__arrow-triangle {
  transform: translateY(15px);
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.image-overlay {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1), visibility 0s 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  pointer-events: none;
}

.image-overlay--open {
  opacity: 1;
  transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1), visibility 0s 0s;
  pointer-events: auto;
  visibility: visible;
  z-index: 100;
}

.image-overlay--open .button--close {
  opacity: 1;
}

.image-overlay__button-close {
  position: absolute;
  top: 33.5vh;
  right: calc(50vw - 27.5vh);
  z-index: 10;
}

.image-overlay .media {
  margin: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.image-overlay .media__visual {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 33vh;
  width: 55vh;
}

.image-overlay .media .media__figure .media__footer {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #222;
  border-bottom: 0;
  padding-top: 52px;
  padding-bottom: 52px;
  margin-right: 0 !important;
  max-width: 55vh;
  mix-blend-mode: normal;
  top: 66.2vh;
  width: 100% !important;
  z-index: 10;
}

@media (min-width: 768px) {
  .image-overlay .media .media__figure .media__footer {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) {
  .image-overlay .media .media__figure .media__footer {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .image-overlay .media .media__figure .media__footer {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .image-overlay .media .media__figure .media__footer {
    padding-right: 50px;
  }
}

@media (min-width: 768px) {
  .image-overlay .media .media__figure .media__footer {
    background-color: rgba(34, 34, 34, 0.5);
  }
}

.image-overlay .media .media__description,
.image-overlay .media .media__copyright {
  font-size: 10px;
  line-height: 14px;
  color: #FFF;
}

@media (min-width: 768px) {
  .image-overlay .media .media__description,
  .image-overlay .media .media__copyright {
    font-size: 10px;
    line-height: 14px;
  }
}

@media (min-width: 1263px) {
  .image-overlay .media .media__description,
  .image-overlay .media .media__copyright {
    font-size: 12px;
    line-height: 18px;
  }
}

.image-overlay .media .media__description {
  font-weight: bold;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.vr {
  cursor: url("/static/img/components/hao/vr/cursor.cur"), move;
  cursor: url("../img/components/hao/vr/cursor.svg") 25 25, move;
  width: 100vw;
  height: 100vh;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.vr--hover {
  cursor: pointer;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.vr-header {
  width: 100%;
  position: relative;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

@media all and (-ms-high-contrast: none) {
  .vr-header *::-ms-backdrop, .vr-header .view__triangle {
    max-height: 18.125vw;
  }
}

.vr-header__background {
  background-color: #F0DADC;
  height: 100vw;
  overflow: hidden;
}

@media (min-width: 768px) {
  .vr-header__background {
    max-height: calc(100vh + 9.0625vw);
    height: auto;
  }
}

.vr-header__figure {
  margin: 0;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  height: 100%;
}

.vr-header__figure:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .vr-header__figure {
    width: calc(100% - 100px);
  }
}

.vr-header__image {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 52px;
  margin-right: 0!important;
  float: right;
}

@media (min-width: 1263px) {
  .vr-header__image {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .vr-header__image {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .vr-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .vr-header__image:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .vr-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .vr-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) {
  .vr-header__image {
    margin-top: 60px;
  }
}

@media (min-width: 1263px) {
  .vr-header__image {
    margin-top: 70px;
  }
}

@media (min-width: 768px) {
  .vr-header__image {
    margin-bottom: 7vw;
  }
}

.vr-header .vr-header__body {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
  z-index: 10;
}

.vr-header .vr-header__body:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .vr-header .vr-header__body {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .vr-header .vr-header__body {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    height: calc(100% - 7vw - 60px);
    top: 60px;
  }
}

.vr-header__title {
  box-sizing: border-box;
  display: block;
  float: left;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  mix-blend-mode: multiply;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  color: #E6394E;
  margin: 10px 0 0;
}

@media (min-width: 1263px) {
  .vr-header__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .vr-header__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .vr-header__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .vr-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .vr-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .vr-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .vr-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .vr-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .vr-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .vr-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .vr-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .vr-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .vr-header__title {
    font-size: 96px;
    line-height: 112px;
  }
}

@media (min-width: 768px) {
  .vr-header__title {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
  }
}

.vr-header .context-timeline {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .vr-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .vr-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .vr-header .context-timeline {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .vr-header .context-timeline:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .vr-header .context-timeline:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .vr-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .vr-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .vr-header .context-timeline {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .vr-header .context-timeline:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .vr-header .context-timeline {
    position: absolute;
    top: calc(100% + 7vw);
    z-index: 100;
  }
}

.vr-header__overlay {
  width: 100%;
  height: 18.125vw;
  position: absolute;
  top: 100vw;
  transform: translateY(-100%);
  z-index: 10;
}

@media (min-width: 768px) {
  .vr-header__overlay {
    top: auto;
    bottom: 0;
    transform: none;
  }
}

.vr-header__triangle {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  fill: #FFF;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.view--init .vr-header__triangle {
  height: 18.125vw;
}

.vr-header__page-link {
  display: block;
  width: 18.125vw;
  height: 18.125vw;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .vr-header__page-link {
    width: 9.0625vw;
    height: 9.0625vw;
    bottom: 9.0625vw;
  }
}

.vr-header__arrow {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0.7, 0.4, 1) 0.8s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  overflow: visible;
}

.view--init .vr-header__arrow {
  opacity: 1;
}

@media (min-width: 1007px) {
  .vr-header__arrow {
    width: 30px;
    height: 30px;
  }
}

.vr-header__arrow-triangle {
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.vr-header__page-link:hover .vr-header__arrow-triangle {
  transform: translateY(15px);
}

.vr-header__background {
  background-color: #222;
  height: 100vh;
  position: relative;
}

.vr-header__background:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .vr-header__background {
    height: calc(100vh + 9.0625vw);
  }
}

.vr-header__figure {
  width: 100% !important;
  max-width: 100%;
}

.vr-header__image {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0.7, 0.4, 1) 0s;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  height: 100%;
}

.view--init .vr-header__image {
  opacity: 1;
}

@media (min-width: 1263px) {
  .vr-header__image {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.2 + 450px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .vr-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .vr-header__image {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .vr-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .vr-header__image:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .vr-header__image {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .vr-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .vr-header__image {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .vr-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

.view--overlay .vr-header__image {
  transform: none !important;
}

.vr-header__overlay {
  top: 100%;
  transform: translateY(-100%) !important;
}

.vr-header .vr-header__body {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  height: auto !important;
  top: auto;
  bottom: 18.125vw;
  padding-bottom: 20px;
}

.vr-header__title {
  box-sizing: border-box;
  display: block;
  float: left;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  mix-blend-mode: multiply;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  position: static;
  text-rendering: optimizeLegibility;
  transform: none;
}

@media (min-width: 1263px) {
  .vr-header__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .vr-header__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .vr-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .vr-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .vr-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .vr-header__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .vr-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.11111 + 400px);
  }
}

@media (min-width: 768px) {
  .vr-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .vr-header__title {
    font-size: 96px;
    line-height: 112px;
  }
}

@media (min-width: 768px) {
  .vr-header__title {
    min-width: 610px;
  }
}

@media (min-width: 1263px) {
  .vr-header__title {
    min-width: 810px;
  }
}

.vr-header__title, .vr-header__intro {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1) 0.5s;
  transform: translateY(25%);
  transition: transform 0.5s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  color: #FFF !important;
  margin: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1), transform 0.5s cubic-bezier(0, 0.7, 0.4, 1);
}

.view--init .vr-header__title, .view--init .vr-header__intro {
  opacity: 1;
}

.view--init .vr-header__title, .view--init .vr-header__intro {
  transform: translateY(0);
}

.vr-header__description {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 20px;
  padding-left: 30px;
  position: relative;
}

@media (min-width: 1263px) {
  .vr-header__description {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .vr-header__description:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .vr-header__description {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .vr-header__description:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .vr-header__description:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .vr-header__description {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .vr-header__description:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .vr-header__description {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

.vr-header__description:before {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  background-color: rgba(255, 255, 255, 0.5);
  content: '';
  width: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.view--init .vr-header__description:before {
  height: 100%;
}

.vr-header__intro {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-family: 'Merriweather-Regular';
}

@media (min-width: 768px) {
  .vr-header__intro {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .vr-header__intro {
    font-size: 18px;
    line-height: 30px;
  }
}

.vr-header .button {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1) 0.5s;
  margin-top: 20px;
}

.view--init .vr-header .button {
  opacity: 1;
}

.view--rtl .vr-header__title,
.view--rtl .vr-header__description {
  float: right;
}

.view--rtl .vr-header__description {
  padding-left: 0;
  padding-right: 30px;
}

.view--rtl .vr-header__description:before {
  left: auto;
  right: 0;
}

.vr-header__background {
  background-color: transparent;
}

.vr-header:not(.vr-header--open) {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1) 0.8s, visibility 0.8s cubic-bezier(0, 0.7, 0.4, 1) 0.8s;
  visibility: hidden;
}

.vr-header:not(.vr-header--open) .vr-header__title,
.vr-header:not(.vr-header--open) .vr-header__intro {
  opacity: 0;
  transition-delay: 0.8s;
  transform: translateY(25%);
}

.vr-header:not(.vr-header--open) .vr-header__description:before,
.vr-header:not(.vr-header--open) .vr-header__triangle {
  height: 0;
}

.vr-header .vr-header__triangle {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0.8s;
}

.view--init .vr-header .vr-header__triangle {
  height: 18.125vw;
}

.vr-header--open .vr-header__triangle {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
}

.view--init .vr-header--open .vr-header__triangle {
  height: 18.125vw;
}

.hijacked-warning-default {
  bottom: 0;
  top: auto;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.panel-link {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 75vw;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (min-width: 1007px) {
  .panel-link {
    min-height: 220px;
    height: 33.33333vh;
  }
  .view--ipad .panel-link {
    height: 277px;
  }
}

@media (min-width: 1007px) {
  .panel-link {
    height: 100%;
  }
  .view--ipad .panel-link {
    height: 100%;
  }
  .panel-link:before {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    content: '';
    width: 100%;
    height: 290px;
    opacity: 0.46;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
}

@media (min-width: 1007px) {
  .panel-link--button .panel-link__subtitle {
    min-height: 0px;
  }
}

.panel-link:hover .panel-link__image {
  transform: translate(-50%, -50%) scale(1.01);
}

.panel-link:hover .panel-link__body:after {
  opacity: 1;
  transform: translateY(-371px);
}

@media (min-width: 1263px) {
  .panel-link:hover .panel-link__body:after {
    transform: translateY(-395px);
  }
}

.panel-link:hover .button {
  background-color: #E9E6E3;
  color: #E6394E;
}

.panel-link:hover .button__icon {
  fill: #E6394E;
}

.panel-link:hover .cta .cta__arrow {
  fill: #FFF;
}

.panel-link .cta:hover .cta__label {
  color: #FFF;
}

.panel-link__image {
  background-color: #D8E6EB;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.05);
}

.view--init .panel-link__image {
  transition: transform 0.35s ease-in-out;
}

@media (max-width: 1262px) {
  .panel-link__image {
    transform-origin: 50% 0% !important;
  }
}

.panel-link__body {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-content: baseline;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 1rem;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .panel-link__body {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) {
  .panel-link__body {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .panel-link__body {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .panel-link__body {
    padding-right: 50px;
  }
}

@media (min-width: 1007px) {
  .panel-link__body {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 1263px) {
  .panel-link__body {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.panel-link__body:before {
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media (min-width: 1007px) {
  .panel-link__body:before {
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width: 270px;
    height: 100%;
    opacity: 0.46;
  }
}

@media (min-width: 1263px) {
  .panel-link__body:before {
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width: 100%;
    height: 478px;
    opacity: 0.4;
  }
}

.panel-link__body:after {
  content: url("../img/components/home/panel-links/overlay.svg");
  display: none;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  transition: all 0.35s ease-in-out;
  width: 100%;
}

@media (min-width: 1007px) {
  .panel-link__body:after {
    display: block;
  }
}

.panel-link__title, .panel-link__subtitle,
.panel-link .button {
  position: relative;
  z-index: 10;
}

.panel-link__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  color: #FFF;
  margin: 0;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .panel-link__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 1313px) {
  .panel-link__title {
    font-size: 72px;
    line-height: 80px;
  }
}

.panel-link__subtitle {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #FFF;
  margin: 0px 0 0 0;
  padding-right: 32px;
}

@media (min-width: 768px) {
  .panel-link__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .panel-link__subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1007px) {
  .panel-link__subtitle {
    margin-top: 15px;
    max-width: 270px;
    padding-right: 0;
    max-width: 100%;
  }
}

@media (min-width: 1007px) {
  .panel-link__subtitle {
    min-height: 78px;
  }
}

.panel-link .button {
  margin-bottom: 20px;
  flex-shrink: 0;
  margin-top: 10px;
  width: auto;
}

@media (min-width: 768px) {
  .panel-link .button {
    margin-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .panel-link .button {
    margin-bottom: 50px;
  }
}

@media (min-width: 1007px) {
  .panel-link .button {
    margin-top: 30px;
  }
}

@media (min-width: 1007px) {
  .panel-link .button {
    margin-top: 20px;
    margin-bottom: 150px;
    max-width: 100%;
  }
}

.panel-link .cta {
  margin-bottom: 20px;
  z-index: 10;
}

@media (min-width: 768px) {
  .panel-link .cta {
    margin-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .panel-link .cta {
    margin-bottom: 50px;
  }
}

@media (min-width: 1007px) {
  .panel-link .cta {
    margin-top: 20px;
    margin-bottom: 150px;
  }
}

.panel-link .cta:hover .cta__link {
  color: #FFF;
}

.panel-link .cta__link {
  position: absolute;
  right: 0;
  bottom: 0;
  visibility: hidden;
}

@media (min-width: 1007px) {
  .panel-link .cta__link {
    line-height: 52px;
    visibility: visible;
    position: relative;
  }
}

.panel-link .cta__link:after {
  height: 52px;
  content: url("../img/components/common/card/arrow-mobile.svg");
  position: absolute;
  right: 0;
  bottom: 0;
  visibility: visible;
}

@media (min-width: 1007px) {
  .panel-link .cta__link:after {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.panel-links {
  margin-top: 52px;
  position: relative;
}

@media (min-width: 768px) {
  .panel-links {
    margin-top: 60px;
  }
}

@media (min-width: 1263px) {
  .panel-links {
    margin-top: 70px;
  }
}

@media (min-width: 1007px) {
  .panel-links {
    height: 100vh;
    margin-top: 0;
  }
  .view--ipad .panel-links {
    height: 698px;
  }
}

.panel-links__list, .panel-links__list-item {
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 1007px) {
  .panel-links__list-item {
    float: left;
    width: 33.33%;
  }
}

.panel-links__news {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #222;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .panel-links__news {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) {
  .panel-links__news {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .panel-links__news {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .panel-links__news {
    padding-right: 50px;
  }
}

@media (min-width: 1007px) {
  .panel-links__news {
    display: flex;
    align-items: baseline;
    padding-left: 30px !important;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: calc(100% - 110px);
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.panel-links__news-title, .panel-links__news-leader, .panel-links__news-link {
  margin: 5px 0 0 0;
}

@media (min-width: 1007px) {
  .panel-links__news-title, .panel-links__news-leader, .panel-links__news-link {
    line-height: 1;
    margin-top: 0;
    margin-right: 20px;
  }
}

.panel-links__news-title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #FFF;
  margin-top: 0;
}

.panel-links__news-leader {
  font-family: 'Graphik';
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: #9B9B9B;
  white-space: nowrap;
  margin-right: 10px;
}

.panel-links__news-leader:after {
  content: ' — ';
}

.panel-links__news-link {
  font-family: 'Graphik';
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: #FFF;
  display: block;
  font-weight: 600;
  text-decoration: inherit;
}

@media (min-width: 1007px) {
  .panel-links__news-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.panel-links__news-link:after {
  display: block;
  height: 52px;
  content: url("../img/components/common/card/arrow-mobile.svg");
  position: absolute;
  right: 0;
  bottom: 0;
  visibility: visible;
}

@media (min-width: 768px) {
  .panel-links__news-link:after {
    display: none;
  }
}

@media (min-width: 768px) {
  .panel-links__news-link:after {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .panel-links__news-link:after {
    height: 70px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.journal-header {
  width: 100%;
  position: relative;
  z-index: 10;
}

.journal-header__background {
  background-color: #F0DADC;
  height: 100vw;
  overflow: hidden;
}

@media (min-width: 768px) {
  .journal-header__background {
    max-height: calc(100vh + 9.0625vw);
    height: auto;
  }
}

.journal-header__figure {
  margin: 0;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  height: 100%;
}

.journal-header__figure:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .journal-header__figure {
    width: calc(100% - 100px);
  }
}

.journal-header__image {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 52px;
  margin-right: 0!important;
  float: right;
}

@media (min-width: 1263px) {
  .journal-header__image {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .journal-header__image {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .journal-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .journal-header__image:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) {
  .journal-header__image {
    margin-top: 60px;
  }
}

@media (min-width: 1263px) {
  .journal-header__image {
    margin-top: 70px;
  }
}

@media (min-width: 768px) {
  .journal-header__image {
    margin-bottom: 7vw;
  }
}

.journal-header .journal-header__body {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
  z-index: 10;
}

.journal-header .journal-header__body:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .journal-header .journal-header__body {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .journal-header .journal-header__body {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    height: calc(100% - 7vw - 60px);
    top: 60px;
  }
}

.journal-header__title {
  box-sizing: border-box;
  display: block;
  float: left;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  mix-blend-mode: multiply;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  color: #E6394E;
  margin: 10px 0 0;
}

@media (min-width: 1263px) {
  .journal-header__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .journal-header__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .journal-header__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .journal-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .journal-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .journal-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .journal-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .journal-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .journal-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .journal-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .journal-header__title {
    font-size: 96px;
    line-height: 112px;
  }
}

@media (min-width: 768px) {
  .journal-header__title {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
  }
}

.journal-header .context-timeline {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .journal-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .journal-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .journal-header .context-timeline {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .journal-header .context-timeline:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .journal-header .context-timeline:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .journal-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-header .context-timeline {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .journal-header .context-timeline:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .journal-header .context-timeline {
    position: absolute;
    top: calc(100% + 7vw);
    z-index: 100;
  }
}

.journal-header__overlay {
  width: 100%;
  height: 18.125vw;
  position: absolute;
  top: 100vw;
  transform: translateY(-100%);
  z-index: 10;
}

@media (min-width: 768px) {
  .journal-header__overlay {
    top: auto;
    bottom: 0;
    transform: none;
  }
}

.journal-header__triangle {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  fill: #FFF;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.view--init .journal-header__triangle {
  height: 18.125vw;
}

.journal-header__page-link {
  display: block;
  width: 18.125vw;
  height: 18.125vw;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .journal-header__page-link {
    width: 9.0625vw;
    height: 9.0625vw;
    bottom: 9.0625vw;
  }
}

.journal-header__arrow {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0.7, 0.4, 1) 0.8s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  overflow: visible;
}

.view--init .journal-header__arrow {
  opacity: 1;
}

@media (min-width: 1007px) {
  .journal-header__arrow {
    width: 30px;
    height: 30px;
  }
}

.journal-header__arrow-triangle {
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.journal-header__page-link:hover .journal-header__arrow-triangle {
  transform: translateY(15px);
}

.journal-header__background {
  background-color: #193945;
}

.journal-header__image {
  box-sizing: border-box;
  display: block;
  float: left;
  float: left;
}

@media (min-width: 1263px) {
  .journal-header__image {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .journal-header__image:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .journal-header__image {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .journal-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .journal-header__image:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .journal-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .journal-header__image:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .journal-header__image:nth-child(2n+0) {
    margin-right: 0;
  }
}

.journal-header__title {
  box-sizing: border-box;
  display: block;
  float: left;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  font-family: Merriweather;
  margin: 10px 0 0;
}

@media (min-width: 1263px) {
  .journal-header__title {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .journal-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .journal-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .journal-header__title {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-header__title {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .journal-header__title:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-header__title {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .journal-header__title:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) {
  .journal-header__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .journal-header__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .journal-header__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .journal-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .journal-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .journal-header__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) {
  .journal-header__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 1263px) {
  .journal-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 768px) {
  .journal-header__title {
    color: #FFF;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.journal-links {
  page-break-inside: avoid;
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

.journal-links > *:first-child {
  margin-top: 0 !important;
}

.journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
}

@media (min-width: 1263px) {
  .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .journal-links h1:nth-child(1n+0), .journal-links h2:nth-child(1n+0), .journal-links h3:nth-child(1n+0), .journal-links h4:nth-child(1n+0), .journal-links h5:nth-child(1n+0), .journal-links h6:nth-child(1n+0), .journal-links p:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .journal-links h1:nth-child(3n+0), .journal-links h2:nth-child(3n+0), .journal-links h3:nth-child(3n+0), .journal-links h4:nth-child(3n+0), .journal-links h5:nth-child(3n+0), .journal-links h6:nth-child(3n+0), .journal-links p:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .journal-links h1, .view--rtl .journal-links h2, .view--rtl .journal-links h3, .view--rtl .journal-links h4, .view--rtl .journal-links h5, .view--rtl .journal-links h6, .view--rtl .journal-links p {
  left: auto !important;
}

@media (max-width: 767px) {
  .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6 {
    margin-top: 50px !important;
  }
}

@media print {
  .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
    margin-top: 30px !important;
  }
}

.journal-links h4 {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .journal-links h4 {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .journal-links h4 {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .journal-links h4 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .journal-links h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

.journal-links h5,
.journal-links h6 {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 20px !important;
}

@media (min-width: 768px) {
  .journal-links h5,
  .journal-links h6 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .journal-links h5,
  .journal-links h6 {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .journal-links h5,
  .journal-links h6 {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .journal-links h5,
  .journal-links h6 {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

.journal-links h5 + p,
.journal-links h6 + p {
  margin-top: 0 !important;
}

.journal-links p {
  margin-top: 0;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 20px !important;
}

@media (min-width: 768px) {
  .journal-links p {
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .journal-links p {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .journal-links p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .journal-links p {
    font-size: 18px;
    line-height: 30px;
  }
}

.journal-links p:first-child {
  margin-top: 0 !important;
}

.journal-links p:last-child {
  margin-bottom: 0;
}

.journal-links p > a:not(.button):not(.cta) {
  color: #222;
  text-decoration: none;
  text-decoration: underline;
  color: #222;
}

@media (min-width: 768px) {
  .journal-links .button {
    max-width: 270px;
  }
}

.journal-links .cta {
  margin-top: 20px !important;
}

.journal-links > ol,
.journal-links > ul {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  margin: 20px 0 0 0 !important;
}

@media (min-width: 1263px) {
  .journal-links > ol,
  .journal-links > ul {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .journal-links > ol,
  .journal-links > ul {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .journal-links > ol:nth-child(1n+0),
  .journal-links > ul:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .journal-links > ol:nth-child(3n+0),
  .journal-links > ul:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-links > ol,
  .journal-links > ul {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-links > ol,
  .journal-links > ul {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .journal-links > ol,
  .journal-links > ul {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .journal-links > ol,
  .journal-links > ul {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-links > ol,
  .journal-links > ul {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-links > ol,
  .journal-links > ul {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .journal-links > ol, .view--rtl
.journal-links > ul {
  left: auto !important;
}

@media (max-width: 767px) {
  .journal-links > ol,
  .journal-links > ul {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.journal-links ol {
  position: relative;
}

.journal-links > ol,
.journal-links > ol ol {
  counter-reset: ol;
  list-style: none;
}

.journal-links > ol li:before {
  counter-increment: ol;
  content: counter(ol);
  position: absolute;
  left: 20px;
}

.journal-links li {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
}

@media (min-width: 768px) {
  .journal-links li {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .journal-links li {
    font-size: 18px;
    line-height: 30px;
  }
}

.journal-links > table {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  border-collapse: collapse;
  margin-top: 20px !important;
}

@media (min-width: 1263px) {
  .journal-links > table {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .journal-links > table {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .journal-links > table:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .journal-links > table:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-links > table {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-links > table {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .journal-links > table {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .journal-links > table {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .journal-links > table {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .journal-links > table {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .journal-links > table {
  left: auto !important;
}

@media (max-width: 767px) {
  .journal-links > table {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .journal-links > table {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .journal-links > table {
    font-size: 18px;
    line-height: 30px;
  }
}

.journal-links > table caption {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 0 !important;
  text-align: left;
}

@media (min-width: 768px) {
  .journal-links > table caption {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .journal-links > table caption {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .journal-links > table caption {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .journal-links > table caption {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

.journal-links table, .journal-links tbody, .journal-links tr {
  width: 100%;
}

.journal-links table, .journal-links tr, .journal-links td {
  border: none;
}

.journal-links tr:not(:last-child) td {
  border-bottom: 1px solid #D9C9CA;
}

.journal-links td:not(:last-child) {
  padding-right: 10px;
}

.journal-links td {
  padding: 10px 0;
}

@media (min-width: 768px) {
  .journal-links {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .journal-links {
    margin-top: 80px;
  }
}

.journal-links:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .journal-links {
    width: calc(100% - 100px);
  }
}

.journal-links .journal-links__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 1263px) {
  .journal-links .journal-links__list {
    float: none;
    left: 0;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.journal-links .journal-links__list-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.journal-links__link {
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: inherit;
}

.journal-links__image {
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
}

@media (min-width: 768px) {
  .journal-links__image {
    width: 70px;
    height: 70px;
  }
}

.journal-links__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #A1C8D4 !important;
  margin: 0.5em 0;
}

@media (min-width: 768px) {
  .journal-links__label {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .journal-links__label {
    font-size: 24px;
    line-height: 32px;
  }
}

.journal-links__label:hover {
  color: #FFF !important;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.context-timeline {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .context-timeline {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .context-timeline {
    margin-top: 80px;
  }
}

.context-timeline__events {
  margin-top: 0;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  border-top: 2px solid #E6394E;
  list-style: none;
  padding: 20px 20px 0 0;
}

@media (min-width: 768px) {
  .context-timeline__events {
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .context-timeline__events {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .context-timeline__events {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .context-timeline__events {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .context-timeline__events {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .context-timeline__events {
    font-size: 16px;
    line-height: 26px;
  }
}

.context-timeline__event, .context-timeline__remarks, .context-timeline__remark {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}

.context-timeline__event {
  margin: 10px 0 0 20px;
  font-weight: 600;
  position: relative;
}

.context-timeline__event:first-child {
  margin-top: 0;
}

.context-timeline__event:not(:last-child):before {
  content: '';
  display: block;
  width: 0px;
  height: 100%;
  border-right: 1px dashed rgba(34, 34, 34, 0.5);
  padding-bottom: 12px;
  position: absolute;
  left: -14px;
  top: 6px;
}

.context-timeline__caption {
  position: relative;
}

.context-timeline__caption:before {
  background-color: #FFF;
  border-radius: 100%;
  border: solid 2px #4A4A4A;
  box-sizing: border-box;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0px;
  left: -20px;
}

@media (min-width: 768px) {
  .context-timeline__caption:before {
    top: 1px;
  }
}

.context-timeline__remark {
  color: rgba(34, 34, 34, 0.5);
  font-weight: normal;
}

.context-timeline__remark:first-child {
  margin-top: 10px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.crosslink {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

@media (min-width: 768px) {
  .crosslink {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .crosslink {
    margin-top: 80px;
  }
}

.crosslink:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .crosslink {
    width: calc(100% - 100px);
  }
}

.crosslink__link {
  padding-top: 20px;
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  background-color: #FFF;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  display: block;
  font-size: 0;
  text-decoration: none;
  transform: scale(1);
  transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

@media (min-width: 1263px) {
  .crosslink__link {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .crosslink__link {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .crosslink__link:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .crosslink__link:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .crosslink__link {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .crosslink__link {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .crosslink__link {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .crosslink__link {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .crosslink__link {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .crosslink__link {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (max-width: 767px) {
  .crosslink__link {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.crosslink__link:hover {
  transform: scale(1.05);
}

@media (min-width: 768px) {
  .crosslink__link {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1263px) {
  .crosslink__link {
    margin-right: 50px;
    width: calc((100% - 550px) / 3 + 150px);
  }
}

.crosslink__title, .crosslink__subtitle {
  padding-right: 20px;
  padding-left: 20px;
  display: block;
}

.crosslink__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
}

@media (min-width: 768px) {
  .crosslink__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .crosslink__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.crosslink__subtitle {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #a69b91;
  font-weight: 600;
  margin: 5px;
}

@media (min-width: 768px) {
  .crosslink__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .crosslink__subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .crosslink__subtitle {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .crosslink__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

.crosslink__image {
  width: 100%;
  height: 56%;
  margin: 20px 0 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.intro-header {
  width: 100%;
  position: relative;
  z-index: 10;
}

.intro-header__background {
  background-color: #F0DADC;
  height: 100vw;
  overflow: hidden;
}

@media (min-width: 768px) {
  .intro-header__background {
    max-height: calc(100vh + 9.0625vw);
    height: auto;
  }
}

.intro-header__figure {
  margin: 0;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  height: 100%;
}

.intro-header__figure:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .intro-header__figure {
    width: calc(100% - 100px);
  }
}

.intro-header__image {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 52px;
  margin-right: 0!important;
  float: right;
}

@media (min-width: 1263px) {
  .intro-header__image {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .intro-header__image {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .intro-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .intro-header__image:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .intro-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .intro-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) {
  .intro-header__image {
    margin-top: 60px;
  }
}

@media (min-width: 1263px) {
  .intro-header__image {
    margin-top: 70px;
  }
}

@media (min-width: 768px) {
  .intro-header__image {
    margin-bottom: 7vw;
  }
}

.intro-header .intro-header__body {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
  z-index: 10;
}

.intro-header .intro-header__body:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .intro-header .intro-header__body {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .intro-header .intro-header__body {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    height: calc(100% - 7vw - 60px);
    top: 60px;
  }
}

.intro-header__title {
  box-sizing: border-box;
  display: block;
  float: left;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  mix-blend-mode: multiply;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  color: #E6394E;
  margin: 10px 0 0;
}

@media (min-width: 1263px) {
  .intro-header__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .intro-header__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .intro-header__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .intro-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .intro-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .intro-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .intro-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .intro-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .intro-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .intro-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .intro-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .intro-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .intro-header__title {
    font-size: 96px;
    line-height: 112px;
  }
}

@media (min-width: 768px) {
  .intro-header__title {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
  }
}

.intro-header .context-timeline {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .intro-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .intro-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .intro-header .context-timeline {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .intro-header .context-timeline:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .intro-header .context-timeline:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .intro-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .intro-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .intro-header .context-timeline {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .intro-header .context-timeline:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .intro-header .context-timeline {
    position: absolute;
    top: calc(100% + 7vw);
    z-index: 100;
  }
}

.intro-header__overlay {
  width: 100%;
  height: 18.125vw;
  position: absolute;
  top: 100vw;
  transform: translateY(-100%);
  z-index: 10;
}

@media (min-width: 768px) {
  .intro-header__overlay {
    top: auto;
    bottom: 0;
    transform: none;
  }
}

.intro-header__triangle {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  fill: #FFF;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.view--init .intro-header__triangle {
  height: 18.125vw;
}

.intro-header__page-link {
  display: block;
  width: 18.125vw;
  height: 18.125vw;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .intro-header__page-link {
    width: 9.0625vw;
    height: 9.0625vw;
    bottom: 9.0625vw;
  }
}

.intro-header__arrow {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0.7, 0.4, 1) 0.8s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  overflow: visible;
}

.view--init .intro-header__arrow {
  opacity: 1;
}

@media (min-width: 1007px) {
  .intro-header__arrow {
    width: 30px;
    height: 30px;
  }
}

.intro-header__arrow-triangle {
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.intro-header__page-link:hover .intro-header__arrow-triangle {
  transform: translateY(15px);
}

.intro-header__background {
  background-color: #222;
  height: 100vh;
  position: relative;
}

.intro-header__background:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .intro-header__background {
    height: calc(100vh + 9.0625vw);
  }
}

.intro-header__figure {
  width: 100% !important;
  max-width: 100%;
}

.intro-header__image {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0.7, 0.4, 1) 0s;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  height: 100%;
}

.view--init .intro-header__image {
  opacity: 1;
}

@media (min-width: 1263px) {
  .intro-header__image {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.2 + 450px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .intro-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .intro-header__image {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .intro-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .intro-header__image:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .intro-header__image {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .intro-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .intro-header__image {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .intro-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

.view--overlay .intro-header__image {
  transform: none !important;
}

.intro-header__overlay {
  top: 100%;
  transform: translateY(-100%) !important;
}

.intro-header .intro-header__body {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  height: auto !important;
  top: auto;
  bottom: 18.125vw;
  padding-bottom: 20px;
}

.intro-header__title {
  box-sizing: border-box;
  display: block;
  float: left;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  mix-blend-mode: multiply;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  position: static;
  text-rendering: optimizeLegibility;
  transform: none;
}

@media (min-width: 1263px) {
  .intro-header__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .intro-header__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .intro-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .intro-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .intro-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .intro-header__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .intro-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.11111 + 400px);
  }
}

@media (min-width: 768px) {
  .intro-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .intro-header__title {
    font-size: 96px;
    line-height: 112px;
  }
}

@media (min-width: 768px) {
  .intro-header__title {
    min-width: 610px;
  }
}

@media (min-width: 1263px) {
  .intro-header__title {
    min-width: 810px;
  }
}

.intro-header__title, .intro-header__intro {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1) 0.5s;
  transform: translateY(25%);
  transition: transform 0.5s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  color: #FFF !important;
  margin: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1), transform 0.5s cubic-bezier(0, 0.7, 0.4, 1);
}

.view--init .intro-header__title, .view--init .intro-header__intro {
  opacity: 1;
}

.view--init .intro-header__title, .view--init .intro-header__intro {
  transform: translateY(0);
}

.intro-header__description {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 20px;
  padding-left: 30px;
  position: relative;
}

@media (min-width: 1263px) {
  .intro-header__description {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .intro-header__description:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .intro-header__description {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .intro-header__description:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .intro-header__description:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .intro-header__description {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .intro-header__description:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .intro-header__description {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

.intro-header__description:before {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  background-color: rgba(255, 255, 255, 0.5);
  content: '';
  width: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.view--init .intro-header__description:before {
  height: 100%;
}

.intro-header__intro {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-family: 'Merriweather-Regular';
}

@media (min-width: 768px) {
  .intro-header__intro {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .intro-header__intro {
    font-size: 18px;
    line-height: 30px;
  }
}

.intro-header .button {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1) 0.5s;
  margin-top: 20px;
}

.view--init .intro-header .button {
  opacity: 1;
}

.view--rtl .intro-header__title,
.view--rtl .intro-header__description {
  float: right;
}

.view--rtl .intro-header__description {
  padding-left: 0;
  padding-right: 30px;
}

.view--rtl .intro-header__description:before {
  left: auto;
  right: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.longread-header {
  position: relative;
}

.longread-header__background {
  background-color: #C1D8DF;
  font-size: 0;
  overflow: hidden;
  position: relative;
  z-index: -10;
}

.longread-header__background:after {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}

.longread-header__image {
  width: 100%;
  height: 100%;
}

.longread-header__triangle {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.view--init .longread-header__triangle {
  height: 18.125vw;
}

.longread-header__body {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
  z-index: 10;
}

.longread-header__body:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .longread-header__body {
    width: calc(100% - 100px);
  }
}

.longread-header__title {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  margin-top: 20px;
  margin-bottom: 0;
}

@media (min-width: 1263px) {
  .longread-header__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .longread-header__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .longread-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .longread-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .longread-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .longread-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .longread-header__title {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .longread-header__title {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .longread-header__title {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .longread-header__title {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .longread-header__title {
  left: auto !important;
}

@media (max-width: 767px) {
  .longread-header__title {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .longread-header__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 1263px) {
  .longread-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

.longread-header .context-timeline {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .longread-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .longread-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .longread-header .context-timeline {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .longread-header .context-timeline:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .longread-header .context-timeline:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .longread-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .longread-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .longread-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .longread-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .longread-header .context-timeline {
    position: absolute;
    top: 100%;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.related + .related {
  margin-top: 0px !important;
}

.related {
  margin-top: 40px;
  background-color: #222;
}

.related:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .related {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .related {
    margin-top: 80px;
  }
}

.related__list, .related__list-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.related__list {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  width: 100%;
}

.related__list:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .related__list {
    width: calc(100% - 100px);
  }
}

.related__list:after {
  display: none;
}

@media (min-width: 768px) {
  .related__list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1370px;
  }
}

.related__list-item {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  width: 100% !important;
  position: relative;
}

@media (min-width: 1263px) {
  .related__list-item {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .related__list-item:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .related__list-item {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .related__list-item:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .related__list-item:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .related__list-item {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .related__list-item:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .related__list-item {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .related__list-item:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .related__list-item:first-child:last-child {
    width: 100%;
  }
  .related__list-item:first-child:last-child .related-item {
    padding-top: 37.5%;
  }
  .related__list-item:first-child:last-child .related-item__title {
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: 'Graphik';
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: bold;
    line-height: 42px;
    margin-top: 20px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .related__list-item:first-child:last-child .related-item__title {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .related__list-item:first-child:last-child .related-item__title {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .related__list-item:first-child:last-child .related-item__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .related__list-item:first-child:last-child .related-item__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .related__list-item:first-child:last-child .related-item__title {
    margin-top: 20px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .related__list-item:first-child:last-child .related-item__title {
    margin-top: 30px;
  }
}

.related .related-item {
  height: 0;
  overflow: hidden;
  padding-top: 75%;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.related-item {
  background-color: #222;
  cursor: pointer;
  position: relative;
}

.related-item:hover .related-item__background {
  padding: 0;
}

.related-item:hover .related-item__triangle {
  height: 0;
}

.related-item:hover .cta .cta__triangle {
  transform: translateX(10px);
}

.related-item__background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  height: 100%;
  margin: 0;
  transition: all 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

@media (min-width: 768px) {
  .related-item__background {
    padding-left: 50px;
  }
}

@media (min-width: 1263px) {
  .related-item__background {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .related-item__background {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .related-item__background {
    padding-right: 50px;
  }
}

@media (min-width: 768px) {
  .related-item__background {
    padding-top: 50px;
  }
}

@media (min-width: 1263px) {
  .related-item__background {
    padding-top: 50px;
  }
}

@media (min-width: 768px) {
  .related-item__background {
    padding-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .related-item__background {
    padding-bottom: 50px;
  }
}

.related-item__image {
  width: 100%;
  height: 100%;
}

.related-item__body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}

@media (min-width: 1263px) {
  .related-item__body {
    padding-left: 25px;
  }
}

.related-item__title, .related-item__subtitle {
  width: 70%;
}

.related-item__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 25px;
  font-weight: bold;
  line-height: 30px;
  color: #FFF !important;
  left: 10px;
  margin: 0;
  position: relative;
  z-index: 10;
}

@media (min-width: 1263px) {
  .related-item__title {
    font-size: 36px;
    line-height: 42px;
  }
}

@media (min-width: 768px) {
  .related-item__title {
    left: 25px;
    margin: 0;
    max-width: 60%;
  }
}

@media (min-width: 1263px) {
  .related-item__title {
    left: 25px;
  }
}

@media (min-width: 1363px) {
  .related-item__title {
    left: 0;
  }
}

.related-item__subtitle {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #FFF;
  font-weight: 600;
  left: 10px;
  margin: 10px 0 0;
  position: relative;
  z-index: 10;
}

@media (min-width: 768px) {
  .related-item__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .related-item__subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .related-item__subtitle {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .related-item__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) {
  .related-item__subtitle {
    left: 25px;
    margin-top: 20px;
    max-width: 60%;
  }
}

@media (min-width: 1263px) {
  .related-item__subtitle {
    left: 25px;
  }
}

@media (min-width: 1363px) {
  .related-item__subtitle {
    left: 0;
  }
}

.related-item__link {
  color: inherit;
  text-decoration: inherit;
}

.related-item__triangle {
  width: 447px;
  height: 83px;
  fill: #222;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(2px);
  transition: all 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

@media (min-width: 768px) {
  .related-item__triangle {
    transform: scale(1.2) translateY(2px);
    transform-origin: right bottom;
  }
}

.related-item .cta {
  position: absolute;
  right: 0;
  bottom: 30px;
  z-index: 10;
}

.related-item .cta__label {
  display: inline-block;
}

@media (min-width: 768px) {
  .related-item .cta__label {
    display: none;
  }
}

.related-item .cta__arrow {
  fill: #FFF;
  margin-right: 20px;
}

@media (min-width: 768px) {
  .related-item .cta__arrow {
    width: 50px;
    height: 50px;
    margin-right: 55px;
  }
}

@media (min-width: 1263px) {
  .view--rtl .related-item .related-item__body {
    padding-left: 0;
    padding-right: 25px;
  }
}

.view--rtl .related-item .related-item__title {
  left: 0;
  right: 10px;
}

@media (min-width: 768px) {
  .view--rtl .related-item .related-item__title {
    right: 25px;
  }
}

@media (min-width: 1263px) {
  .view--rtl .related-item .related-item__title {
    right: 25px;
  }
}

.view--rtl .related-item .cta {
  direction: ltr;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.section {
  position: relative;
  width: 100%;
}

.section:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 7.25vw;
  left: 0;
  transform: translateY(-41px);
}

.section--no-margin .section__body {
  margin-bottom: 0;
}

.section--no-margin .section__triangle--bottom {
  opacity: 0;
}

.section--blue:before {
  background-color: #D8E6EB;
}

.section--blue .section__triangle {
  fill: #D8E6EB;
}

.section--gray:before {
  background-color: #D9C9CA;
}

.section--gray .section__triangle {
  fill: #D9C9CA;
}

.section--green:before {
  background-color: #E7E7E2;
}

.section--green .section__triangle {
  fill: #E7E7E2;
}

.section--red:before {
  background-color: #F0DADC;
}

.section--red .section__triangle {
  fill: #F0DADC;
}

.section--yellow:before {
  background-color: #F2E8D2;
}

.section--yellow .section__triangle {
  fill: #F2E8D2;
}

.section--white:before {
  background-color: #FFF;
}

.section--white .section__triangle {
  fill: #FFF;
}

.section .section__triangle {
  width: 100%;
  height: 18.125vw;
  position: absolute;
  top: -40px;
  transform: translateY(-60%) scale(1.0001);
}

.section .section__triangle--bottom {
  fill: white;
  top: calc(100% - 40px);
}

.section__body {
  position: relative;
  margin-bottom: 7.25vw;
  z-index: 10;
}

.qr {
  display: none;
}

@media print {
  .qr {
    display: block;
    transform: scale(0.8);
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.button--search .hamburger {
  opacity: 0;
}

@media (min-width: 768px) {
  .header--search .button--search {
    text-indent: -999rem;
  }
  .header--search .button--search:before {
    background-color: #E6394E;
  }
  .header--search .button--search .hamburger {
    opacity: 1;
  }
  .header--search .button--search .hamburger__bar--top {
    transform: translateY(5px) rotateZ(45deg);
  }
  .header--search .button--search .hamburger__bar--middle {
    width: 0;
  }
  .header--search .button--search .hamburger__bar--bottom {
    transform: translateY(-5px) rotateZ(-45deg);
  }
}

.header--search .button--search .icon {
  opacity: 0;
}

.searchfield {
  background-color: #E9E6E3;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 0;
  overflow: hidden;
  position: relative;
  transition: height 0.25s ease-in-out;
  z-index: -2;
}

.header--search .searchfield,
.view__container > .searchfield {
  height: 140px;
}

@media (min-width: 768px) {
  .header--search .searchfield,
  .view__container > .searchfield {
    height: 260px;
  }
}

@media (min-width: 1263px) {
  .header--search .searchfield,
  .view__container > .searchfield {
    height: 320px;
  }
}

.view__container > .searchfield {
  margin-top: 52px;
  position: static;
}

@media (min-width: 768px) {
  .view__container > .searchfield {
    margin-top: 60px;
  }
}

@media (min-width: 1263px) {
  .view__container > .searchfield {
    margin-top: 70px;
  }
}

.searchfield .widget {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

.searchfield .widget:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .searchfield .widget {
    width: calc(100% - 100px);
  }
}

.searchfield .input {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  mix-blend-mode: multiply;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  border-bottom-color: #a69b91;
  border-width: 1px;
  color: #222;
  height: auto;
  padding: 0;
  width: 100%;
  word-break: normal;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

@media (min-width: 768px) {
  .searchfield .input {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .searchfield .input {
    font-size: 96px;
    line-height: 112px;
  }
}

.searchfield .input::-webkit-input-placeholder {
  color: #a69b91;
}

.searchfield .input:-moz-placeholder {
  color: #a69b91;
  opacity: 1;
}

.searchfield .input::-moz-placeholder {
  color: #a69b91;
  opacity: 1;
}

.searchfield .input:-ms-input-placeholder {
  color: #a69b91;
}

.searchfield__button {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  background-image: url("../img/components/search/searchfield/submit.svg");
  background-size: cover;
  width: 16px;
  height: 16px;
  outline: none;
  padding: 0;
  right: 0;
}

@media (min-width: 768px) {
  .searchfield__button {
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 1263px) {
  .searchfield__button {
    width: 40px;
    height: 40px;
  }
}

.view--rtl .searchfield .searchfield__button {
  right: auto;
  left: 0;
}

.highlighted {
  border-bottom: thin solid #4f5960;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.search-results {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

@media (min-width: 768px) {
  .search-results {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .search-results {
    margin-top: 80px;
  }
}

.search-results:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .search-results {
    width: calc(100% - 100px);
  }
}

.search-results .widget, .search-results .select {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .search-results .widget, .search-results .select {
    display: none;
  }
}

.search-results__facet-list {
  display: none;
  float: left;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
}

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

@media (min-width: 1263px) {
  .search-results__facet-list {
    margin-right: 50px;
    width: calc((100% - 550px) / 6 + 50px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .search-results__facet-list:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .search-results__facet-list:nth-child(5n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .search-results__facet-list:nth-child(6n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .search-results__facet-list {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .search-results__facet-list:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .search-results__facet-list:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .search-results__facet-list {
    margin-right: 50px;
    width: calc((100% - 450px) / 5 + 50px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .search-results__facet-list:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .search-results__facet-list:nth-child(5n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .search-results__facet-list:nth-child(6n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .search-results__facet-list {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .search-results__facet-list:nth-child(4n+0) {
    margin-right: 0;
  }
}

.search-results__facet {
  margin: 0;
  padding: 0;
}

.search-results__facet--active .search-results__link {
  font-weight: bold;
}

.search-results__link {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  line-height: 40px !important;
  text-decoration: none;
}

@media (min-width: 768px) {
  .search-results__link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .search-results__link {
    font-size: 18px;
    line-height: 30px;
  }
}

.search-results__body-link {
  color: inherit;
  text-decoration: inherit;
}

.search-results__result-list {
  box-sizing: border-box;
  display: block;
  float: left;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
}

@media (min-width: 1263px) {
  .search-results__result-list {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.2 + 450px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .search-results__result-list {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .search-results__result-list {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.25 + 350px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .search-results__result-list {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .search-results__result-list {
    margin-right: 0;
  }
}

.search-results__result {
  padding: 30px 0;
  border-bottom: 1px solid #D9C9CA;
}

@media (min-width: 768px) {
  .search-results__result {
    padding: 20px 0;
  }
}

@media (min-width: 768px) {
  .search-results__result:first-child {
    padding-top: 0;
  }
}

.search-results__heading {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .search-results__heading {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .search-results__heading {
    font-size: 18px;
    line-height: 30px;
  }
}

.search-results__page-link {
  color: inherit;
  text-decoration: inherit;
}

.search-results__body {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
}

@media (min-width: 768px) {
  .search-results__body {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .search-results__body {
    font-size: 18px;
    line-height: 30px;
  }
}

.search-results__section-link {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #9B9B9B;
  display: block;
  text-decoration: none;
}

@media (min-width: 768px) {
  .search-results__section-link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .search-results__section-link {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .search-results__section-link {
    margin-top: 10px;
  }
}

.search-results__pagination {
  display: flex;
  justify-content: center;
}

.search-results .button:not(.basic-filter__option) {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 30px;
}

@media (min-width: 1263px) {
  .search-results .button:not(.basic-filter__option) {
    margin-right: 50px;
    width: calc((100% - 550px) / 3 + 150px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .search-results .button:not(.basic-filter__option):nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .search-results .button:not(.basic-filter__option):nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .search-results .button:not(.basic-filter__option) {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .search-results .button:not(.basic-filter__option):nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .search-results .button:not(.basic-filter__option):nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .search-results .button:not(.basic-filter__option) {
    margin-right: 50px;
    width: calc((100% - 450px) / 3 + 116.66667px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .search-results .button:not(.basic-filter__option):nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .search-results .button:not(.basic-filter__option) {
    margin-right: 50px;
    width: calc((100% - 450px) / 3 + 116.66667px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .search-results .button:not(.basic-filter__option):nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .search-results .button:not(.basic-filter__option) {
    margin-top: 20px;
  }
}

.search-results .tab {
  padding-top: 20px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.theme-header {
  width: 100%;
  position: relative;
  z-index: 10;
}

.theme-header__background {
  background-color: #F0DADC;
  height: 100vw;
  overflow: hidden;
}

@media (min-width: 768px) {
  .theme-header__background {
    max-height: calc(100vh + 9.0625vw);
    height: auto;
  }
}

.theme-header__figure {
  margin: 0;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  height: 100%;
}

.theme-header__figure:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .theme-header__figure {
    width: calc(100% - 100px);
  }
}

.theme-header__image {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 52px;
  margin-right: 0!important;
  float: right;
}

@media (min-width: 1263px) {
  .theme-header__image {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .theme-header__image {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .theme-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .theme-header__image:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .theme-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .theme-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) {
  .theme-header__image {
    margin-top: 60px;
  }
}

@media (min-width: 1263px) {
  .theme-header__image {
    margin-top: 70px;
  }
}

@media (min-width: 768px) {
  .theme-header__image {
    margin-bottom: 7vw;
  }
}

.theme-header .theme-header__body {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
  z-index: 10;
}

.theme-header .theme-header__body:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .theme-header .theme-header__body {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .theme-header .theme-header__body {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    height: calc(100% - 7vw - 60px);
    top: 60px;
  }
}

.theme-header__title {
  box-sizing: border-box;
  display: block;
  float: left;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  mix-blend-mode: multiply;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  color: #E6394E;
  margin: 10px 0 0;
}

@media (min-width: 1263px) {
  .theme-header__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .theme-header__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .theme-header__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .theme-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .theme-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .theme-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .theme-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .theme-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .theme-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .theme-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .theme-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .theme-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .theme-header__title {
    font-size: 96px;
    line-height: 112px;
  }
}

@media (min-width: 768px) {
  .theme-header__title {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
  }
}

.theme-header .context-timeline {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .theme-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .theme-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .theme-header .context-timeline {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .theme-header .context-timeline:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .theme-header .context-timeline:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .theme-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .theme-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .theme-header .context-timeline {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .theme-header .context-timeline:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .theme-header .context-timeline {
    position: absolute;
    top: calc(100% + 7vw);
    z-index: 100;
  }
}

.theme-header__overlay {
  width: 100%;
  height: 18.125vw;
  position: absolute;
  top: 100vw;
  transform: translateY(-100%);
  z-index: 10;
}

@media (min-width: 768px) {
  .theme-header__overlay {
    top: auto;
    bottom: 0;
    transform: none;
  }
}

.theme-header__triangle {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  fill: #FFF;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.view--init .theme-header__triangle {
  height: 18.125vw;
}

.theme-header__page-link {
  display: block;
  width: 18.125vw;
  height: 18.125vw;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .theme-header__page-link {
    width: 9.0625vw;
    height: 9.0625vw;
    bottom: 9.0625vw;
  }
}

.theme-header__arrow {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0.7, 0.4, 1) 0.8s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  overflow: visible;
}

.view--init .theme-header__arrow {
  opacity: 1;
}

@media (min-width: 1007px) {
  .theme-header__arrow {
    width: 30px;
    height: 30px;
  }
}

.theme-header__arrow-triangle {
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.theme-header__page-link:hover .theme-header__arrow-triangle {
  transform: translateY(15px);
}

.theme-header__background {
  background-color: #222;
  height: 100vh;
  position: relative;
}

.theme-header__background:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .theme-header__background {
    height: calc(100vh + 9.0625vw);
  }
}

.theme-header__figure {
  width: 100% !important;
  max-width: 100%;
}

.theme-header__image {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0.7, 0.4, 1) 0s;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  height: 100%;
}

.view--init .theme-header__image {
  opacity: 1;
}

@media (min-width: 1263px) {
  .theme-header__image {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.2 + 450px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .theme-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .theme-header__image {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .theme-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .theme-header__image:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .theme-header__image {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .theme-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .theme-header__image {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .theme-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

.view--overlay .theme-header__image {
  transform: none !important;
}

.theme-header__overlay {
  top: 100%;
  transform: translateY(-100%) !important;
}

.theme-header .theme-header__body {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  height: auto !important;
  top: auto;
  bottom: 18.125vw;
  padding-bottom: 20px;
}

.theme-header__title {
  box-sizing: border-box;
  display: block;
  float: left;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  mix-blend-mode: multiply;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  position: static;
  text-rendering: optimizeLegibility;
  transform: none;
}

@media (min-width: 1263px) {
  .theme-header__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .theme-header__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .theme-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .theme-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .theme-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .theme-header__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .theme-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.11111 + 400px);
  }
}

@media (min-width: 768px) {
  .theme-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .theme-header__title {
    font-size: 96px;
    line-height: 112px;
  }
}

@media (min-width: 768px) {
  .theme-header__title {
    min-width: 610px;
  }
}

@media (min-width: 1263px) {
  .theme-header__title {
    min-width: 810px;
  }
}

.theme-header__title, .theme-header__intro {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1) 0.5s;
  transform: translateY(25%);
  transition: transform 0.5s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  color: #FFF !important;
  margin: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1), transform 0.5s cubic-bezier(0, 0.7, 0.4, 1);
}

.view--init .theme-header__title, .view--init .theme-header__intro {
  opacity: 1;
}

.view--init .theme-header__title, .view--init .theme-header__intro {
  transform: translateY(0);
}

.theme-header__description {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 20px;
  padding-left: 30px;
  position: relative;
}

@media (min-width: 1263px) {
  .theme-header__description {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .theme-header__description:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .theme-header__description {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .theme-header__description:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .theme-header__description:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .theme-header__description {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .theme-header__description:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .theme-header__description {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

.theme-header__description:before {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  background-color: rgba(255, 255, 255, 0.5);
  content: '';
  width: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.view--init .theme-header__description:before {
  height: 100%;
}

.theme-header__intro {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-family: 'Merriweather-Regular';
}

@media (min-width: 768px) {
  .theme-header__intro {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .theme-header__intro {
    font-size: 18px;
    line-height: 30px;
  }
}

.theme-header .button {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1) 0.5s;
  margin-top: 20px;
}

.view--init .theme-header .button {
  opacity: 1;
}

.view--rtl .theme-header__title,
.view--rtl .theme-header__description {
  float: right;
}

.view--rtl .theme-header__description {
  padding-left: 0;
  padding-right: 30px;
}

.view--rtl .theme-header__description:before {
  left: auto;
  right: 0;
}

.theme-header__background {
  height: auto;
  max-height: calc(100vh + 9.0625vw);
}

.theme-header .theme-header__body {
  bottom: calc(18.125vw - 28px);
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .theme-header .theme-header__body {
    bottom: calc(18.125vw - 48px);
  }
}

@media (min-width: 1263px) {
  .theme-header .theme-header__body {
    bottom: calc(18.125vw - 88px);
  }
}

.theme-header__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  mix-blend-mode: multiply;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
}

@media (min-width: 768px) {
  .theme-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .theme-header__title {
    font-size: 96px;
    line-height: 112px;
  }
}

.theme-header__description {
  margin-top: 10px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .theme-header__description {
    margin-top: 20px;
  }
}

.theme-header__description:before {
  display: none;
}

.theme-header__intro {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-family: 'Merriweather';
}

@media (min-width: 768px) {
  .theme-header__intro {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .theme-header__intro {
    font-size: 24px;
    line-height: 32px;
  }
}

.theme-header .button {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .theme-header .button {
    margin-top: 20px;
  }
}

.theme-header + .context-timeline {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

.theme-header + .context-timeline:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .theme-header + .context-timeline {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .theme-header + .context-timeline {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

.theme-header + .context-timeline .context-timeline__events {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .theme-header + .context-timeline .context-timeline__events {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .theme-header + .context-timeline .context-timeline__events:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .theme-header + .context-timeline .context-timeline__events {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .theme-header + .context-timeline .context-timeline__events:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .theme-header + .context-timeline .context-timeline__events:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .theme-header + .context-timeline .context-timeline__events {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .theme-header + .context-timeline .context-timeline__events:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .theme-header + .context-timeline .context-timeline__events {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .theme-header + .context-timeline .context-timeline__events:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .theme-header + .context-timeline .context-timeline__events {
    position: relative;
    top: 44px;
  }
}

@media (min-width: 1263px) {
  .theme-header + .context-timeline .context-timeline__events {
    top: 52px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.theme-link {
  background-color: #D8E6EB;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.theme-link:hover .theme-link__image {
  transform: scale(1.01);
}

.theme-link__background {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.theme-link__background:after {
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  content: '';
  width: 100%;
  height: 66%;
  opacity: 0.57;
  position: absolute;
  bottom: 0;
  left: 0;
}

.theme-link__image {
  width: 100%;
  height: 100%;
  transform: scale(1.05);
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.theme-link__body {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (min-width: 768px) {
  .theme-link__body {
    padding-left: 30px;
  }
}

@media (min-width: 1263px) {
  .theme-link__body {
    padding-left: 30px;
  }
}

@media (min-width: 768px) {
  .theme-link__body {
    padding-right: 30px;
  }
}

@media (min-width: 1263px) {
  .theme-link__body {
    padding-right: 30px;
  }
}

@media (min-width: 768px) {
  .theme-link__body {
    padding-top: 50px;
  }
}

@media (min-width: 1263px) {
  .theme-link__body {
    padding-top: 50px;
  }
}

@media (min-width: 768px) {
  .theme-link__body {
    padding-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .theme-link__body {
    padding-bottom: 50px;
  }
}

.theme-link__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #FFF;
  margin: 0;
}

@media (min-width: 768px) {
  .theme-link__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .theme-link__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.theme-link__subtitle {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #FFF;
  margin: 10px 0 0;
}

@media (min-width: 768px) {
  .theme-link__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .theme-link__subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.theme-links {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

@media (min-width: 768px) {
  .theme-links {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .theme-links {
    margin-top: 80px;
  }
}

.theme-links:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .theme-links {
    width: calc(100% - 100px);
  }
}

@media (max-width: 767px) {
  .theme-links {
    width: 100%;
  }
}

.theme-links__list, .theme-links__list-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.theme-links__list {
  position: relative;
}

@media (min-width: 768px) {
  .theme-links__list {
    padding-top: 62.5%;
  }
}

.theme-links__list-item {
  padding-top: 133.33%;
  position: relative;
}

@media (min-width: 768px) {
  .theme-links__list-item {
    padding-top: 0;
    position: absolute;
    top: 0;
    width: 33.33333%;
    height: 100%;
  }
  .theme-links__list-item:nth-child(1) {
    left: 0%;
  }
  .theme-links__list-item:nth-child(2) {
    left: 33%;
  }
  .theme-links__list-item:nth-child(3) {
    left: 66%;
  }
}

.theme-links .theme-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.banner {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 10;
}

.banner:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .banner {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .banner {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .banner {
    margin-top: 80px;
  }
}

.banner .cta {
  transition: all 0.2s;
  transition-delay: 0s;
  padding: 5px 10px;
  outline: 1px solid #a69b91;
}

.banner .cta:hover {
  outline-color: transparent;
  background-color: #FFF;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.key-moments {
  margin-top: 40px;
  box-sizing: border-box;
  display: block;
  float: left;
  float: none;
  margin-left: auto;
  margin-right: auto !important;
}

@media (min-width: 768px) {
  .key-moments {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .key-moments {
    margin-top: 80px;
  }
}

@media (min-width: 1263px) {
  .key-moments {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.2 + 450px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .key-moments:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .key-moments {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .key-moments:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .key-moments:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .key-moments {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.25 + 350px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .key-moments {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .key-moments:nth-child(1n+0) {
    margin-right: 0;
  }
}

.key-moments__list, .key-moments__list-item {
  list-style: none;
  margin: 0;
}

.key-moments__list {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  padding: 0;
}

.key-moments__list:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .key-moments__list {
    width: calc(100% - 100px);
  }
}

.key-moments__list-item {
  box-sizing: border-box;
  display: block;
  float: left;
  font-size: 0;
  position: relative;
  padding: 0 3px 0 15px;
  width: 100%;
}

@media (min-width: 768px) {
  .key-moments__list-item {
    padding: 23px 0 0;
    text-align: center;
    width: 16.66667%;
    height: 118px;
  }
}

.key-moments__list-item:not(:last-child) {
  margin-bottom: 10px;
}

.key-moments__list-item:before {
  background-color: #a69b91;
  content: '';
  width: 1px;
  height: calc(100% + 14px);
  position: absolute;
  top: 7px;
  left: 3px;
}

@media (min-width: 768px) {
  .key-moments__list-item:before {
    width: 100%;
    height: 1px;
    top: 13px;
    left: 0;
  }
}

@media (min-width: 768px) {
  .key-moments__list-item:first-child:before {
    left: 50%;
    width: 50%;
  }
}

.key-moments__list-item:last-child:before {
  display: none;
}

@media (min-width: 768px) {
  .key-moments__list-item:last-child:before {
    display: block;
    width: 50%;
  }
}

.key-moments__list-item:after {
  background-color: #a69b91;
  border-radius: 100%;
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 6px;
  left: 0;
}

@media (min-width: 768px) {
  .key-moments__list-item:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 9px;
    height: 9px;
    top: 9px;
  }
}

.key-moments__list-item--anne-frank:after {
  background-color: #E6394E;
}

.key-moments__list-item:hover .key-moments__title {
  color: #E6394E;
}

.key-moments__link {
  color: inherit;
  display: block;
  position: relative;
  text-decoration: inherit;
}

@media (min-width: 768px) {
  .key-moments__link {
    max-width: 180px;
    margin: auto;
  }
}

.key-moments__year {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #a69b91;
  display: block;
  font-family: Merriweather-Regular;
}

@media (min-width: 768px) {
  .key-moments__year {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .key-moments__year {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .key-moments__year {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .key-moments__year {
    font-size: 16px;
    line-height: 26px;
  }
}

.key-moments__title {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 10px;
  line-height: 14px;
  display: block;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 2px;
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  width: 100%;
}

@media (min-width: 768px) {
  .key-moments__title {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .key-moments__title {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .key-moments__title {
    font-size: 10px;
    line-height: 14px;
  }
}

@media (min-width: 1263px) {
  .key-moments__title {
    font-size: 12px;
    line-height: 18px;
  }
}

@media (min-width: 768px) {
  .key-moments__title {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 5px;
    margin-bottom: 6px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.timeline-overlay {
  background-image: linear-gradient(transparent 50vh, #FFF 50vh, #FFF);
  font-size: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(100%);
  visibility: hidden;
  transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1), visibility 0s 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  z-index: 2000;
}

.timeline-overlay--open {
  transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1), visibility 0s 0s;
  visibility: visible;
  transform: translateY(0%);
}

.timeline-overlay--freezeframe {
  background-image: none;
}

.freezeframe--open + .timeline-overlay--freezeframe {
  transform: none;
  transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1) 1s, visibility 0s 0s;
  visibility: visible;
}

.timeline-overlay--freezeframe:not(.timeline-overlay--scrolled) .timeline-overlay__triangle {
  margin-top: 50vh;
}

.timeline-overlay__button-close {
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  transition: opacity 0s 0s;
  z-index: 100;
}

.freezeframe--open + .timeline-overlay--freezeframe .timeline-overlay__button-close,
.timeline-overlay--open .timeline-overlay__button-close {
  opacity: 1;
  transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1) 0.8s;
}

.timeline-overlay__triangle {
  transition: all 0.2s;
  transition-delay: 0s;
  fill: #FFF;
  width: 100%;
  height: 18.125vw;
  margin-top: -12px;
}

.timeline-overlay__body {
  padding-bottom: 40px;
  background-color: #FFF;
  display: inline-block;
  font-size: 0;
  position: relative;
  width: 100%;
  z-index: 10;
}

@media (min-width: 768px) {
  .timeline-overlay__body {
    padding-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__body {
    padding-bottom: 80px;
  }
}

.timeline-overlay--freezeframe .timeline-overlay__body {
  min-height: calc(100vh - 18.125vw);
}

.timeline-overlay__header {
  margin-top: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  page-break-inside: avoid;
  margin-top: 20px;
  position: relative;
}

.timeline-overlay__header:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .timeline-overlay__header {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header {
    margin-top: 80px;
  }
}

.timeline-overlay__header:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .timeline-overlay__header {
    width: calc(100% - 100px);
  }
}

.timeline-overlay__header > *:first-child {
  margin-top: 0 !important;
}

.timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
}

@media (min-width: 1263px) {
  .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .timeline-overlay__header h1:nth-child(1n+0), .timeline-overlay__header h2:nth-child(1n+0), .timeline-overlay__header h3:nth-child(1n+0), .timeline-overlay__header h4:nth-child(1n+0), .timeline-overlay__header h5:nth-child(1n+0), .timeline-overlay__header h6:nth-child(1n+0), .timeline-overlay__header p:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .timeline-overlay__header h1:nth-child(3n+0), .timeline-overlay__header h2:nth-child(3n+0), .timeline-overlay__header h3:nth-child(3n+0), .timeline-overlay__header h4:nth-child(3n+0), .timeline-overlay__header h5:nth-child(3n+0), .timeline-overlay__header h6:nth-child(3n+0), .timeline-overlay__header p:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .timeline-overlay__header h1, .view--rtl .timeline-overlay__header h2, .view--rtl .timeline-overlay__header h3, .view--rtl .timeline-overlay__header h4, .view--rtl .timeline-overlay__header h5, .view--rtl .timeline-overlay__header h6, .view--rtl .timeline-overlay__header p {
  left: auto !important;
}

@media (max-width: 767px) {
  .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6 {
    margin-top: 50px !important;
  }
}

@media print {
  .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
    margin-top: 30px !important;
  }
}

.timeline-overlay__header h4 {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .timeline-overlay__header h4 {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header h4 {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .timeline-overlay__header h4 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

.timeline-overlay__header h5,
.timeline-overlay__header h6 {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 20px !important;
}

@media (min-width: 768px) {
  .timeline-overlay__header h5,
  .timeline-overlay__header h6 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header h5,
  .timeline-overlay__header h6 {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .timeline-overlay__header h5,
  .timeline-overlay__header h6 {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header h5,
  .timeline-overlay__header h6 {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

.timeline-overlay__header h5 + p,
.timeline-overlay__header h6 + p {
  margin-top: 0 !important;
}

.timeline-overlay__header p {
  margin-top: 0;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 20px !important;
}

@media (min-width: 768px) {
  .timeline-overlay__header p {
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header p {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .timeline-overlay__header p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header p {
    font-size: 18px;
    line-height: 30px;
  }
}

.timeline-overlay__header p:first-child {
  margin-top: 0 !important;
}

.timeline-overlay__header p:last-child {
  margin-bottom: 0;
}

.timeline-overlay__header p > a:not(.button):not(.cta) {
  color: #222;
  text-decoration: none;
  text-decoration: underline;
  color: #222;
}

@media (min-width: 768px) {
  .timeline-overlay__header .button {
    max-width: 270px;
  }
}

.timeline-overlay__header .cta {
  margin-top: 20px !important;
}

.timeline-overlay__header > ol,
.timeline-overlay__header > ul {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  margin: 20px 0 0 0 !important;
}

@media (min-width: 1263px) {
  .timeline-overlay__header > ol,
  .timeline-overlay__header > ul {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .timeline-overlay__header > ol,
  .timeline-overlay__header > ul {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .timeline-overlay__header > ol:nth-child(1n+0),
  .timeline-overlay__header > ul:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .timeline-overlay__header > ol:nth-child(3n+0),
  .timeline-overlay__header > ul:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .timeline-overlay__header > ol,
  .timeline-overlay__header > ul {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .timeline-overlay__header > ol,
  .timeline-overlay__header > ul {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header > ol,
  .timeline-overlay__header > ul {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .timeline-overlay__header > ol,
  .timeline-overlay__header > ul {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .timeline-overlay__header > ol,
  .timeline-overlay__header > ul {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .timeline-overlay__header > ol,
  .timeline-overlay__header > ul {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .timeline-overlay__header > ol, .view--rtl
.timeline-overlay__header > ul {
  left: auto !important;
}

@media (max-width: 767px) {
  .timeline-overlay__header > ol,
  .timeline-overlay__header > ul {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.timeline-overlay__header ol {
  position: relative;
}

.timeline-overlay__header > ol,
.timeline-overlay__header > ol ol {
  counter-reset: ol;
  list-style: none;
}

.timeline-overlay__header > ol li:before {
  counter-increment: ol;
  content: counter(ol);
  position: absolute;
  left: 20px;
}

.timeline-overlay__header li {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
}

@media (min-width: 768px) {
  .timeline-overlay__header li {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header li {
    font-size: 18px;
    line-height: 30px;
  }
}

.timeline-overlay__header > table {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  border-collapse: collapse;
  margin-top: 20px !important;
}

@media (min-width: 1263px) {
  .timeline-overlay__header > table {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .timeline-overlay__header > table {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .timeline-overlay__header > table:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .timeline-overlay__header > table:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .timeline-overlay__header > table {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .timeline-overlay__header > table {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header > table {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .timeline-overlay__header > table {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .timeline-overlay__header > table {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .timeline-overlay__header > table {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .timeline-overlay__header > table {
  left: auto !important;
}

@media (max-width: 767px) {
  .timeline-overlay__header > table {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .timeline-overlay__header > table {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header > table {
    font-size: 18px;
    line-height: 30px;
  }
}

.timeline-overlay__header > table caption {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 0 !important;
  text-align: left;
}

@media (min-width: 768px) {
  .timeline-overlay__header > table caption {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header > table caption {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .timeline-overlay__header > table caption {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__header > table caption {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

.timeline-overlay__header table, .timeline-overlay__header tbody, .timeline-overlay__header tr {
  width: 100%;
}

.timeline-overlay__header table, .timeline-overlay__header tr, .timeline-overlay__header td {
  border: none;
}

.timeline-overlay__header tr:not(:last-child) td {
  border-bottom: 1px solid #D9C9CA;
}

.timeline-overlay__header td:not(:last-child) {
  padding-right: 10px;
}

.timeline-overlay__header td {
  padding: 10px 0;
}

@media (min-width: 1007px) {
  .timeline-overlay__header {
    margin-top: -9.0625vw;
  }
}

.timeline-overlay--freezeframe .timeline-overlay__header {
  margin-top: 0 !important;
}

.timeline-overlay .timeline-overlay__header + * {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .timeline-overlay .timeline-overlay__header + * {
    margin-top: 40px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay .timeline-overlay__header + * {
    margin-top: 60px;
  }
}

.timeline-overlay .overlay-nav {
  position: static;
  top: -25px;
  right: 0;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .timeline-overlay .overlay-nav {
    position: absolute;
  }
}

.timeline-overlay__title {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  margin-top: 20px;
  color: #E6394E;
}

@media (min-width: 768px) {
  .timeline-overlay__title {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__title {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .timeline-overlay__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 768px) {
  .timeline-overlay__title {
    margin-top: 20px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay__title {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .timeline-overlay--freezeframe .timeline-overlay__title {
    margin-top: -1em !important;
  }
}

.timeline-overlay .timeline-overlay__subtitle {
  font-family: 'Merriweather';
  font-size: 18px;
  line-height: 24px;
  margin: 20px 0 0 0;
  margin-top: 10px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .timeline-overlay .timeline-overlay__subtitle {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay .timeline-overlay__subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .timeline-overlay .timeline-overlay__subtitle {
    margin-top: 10px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay .timeline-overlay__subtitle {
    margin-top: 20px;
  }
}

.timeline-overlay__page-link {
  display: none;
  width: 18.125vw;
  height: 18.125vw;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 20;
}

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

@media (min-width: 768px) {
  .timeline-overlay__page-link {
    width: 9.0625vw;
    height: 9.0625vw;
    bottom: 0;
  }
}

.timeline-overlay__arrow {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0.7, 0.4, 1) 0.8s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  overflow: visible;
}

.view--init .timeline-overlay__arrow {
  opacity: 1;
}

@media (min-width: 1007px) {
  .timeline-overlay__arrow {
    width: 30px;
    height: 30px;
  }
}

.timeline-overlay__arrow-triangle {
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.timeline-overlay--scrolled .timeline-overlay__arrow {
  opacity: 0;
  transition-delay: 0s;
}

.timeline-overlay__page-link:hover .timeline-overlay__arrow-triangle {
  transform: translateY(15px);
}

.timeline-overlay .timeline-overlay__subtitle {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  margin: 10px 0 0;
  opacity: 0.5;
}

@media (min-width: 768px) {
  .timeline-overlay .timeline-overlay__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay .timeline-overlay__subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .timeline-overlay .timeline-overlay__subtitle {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay .timeline-overlay__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-overlay .timeline-overlay__subtitle {
    margin-top: 20px;
  }
}

.timeline-overlay .timeline-overlay__location {
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 10px;
}

.timeline-overlay .timeline-overlay__title--key-moment {
  display: none;
}

.timeline-overlay .timeline-overlay__subtitle--key-moment {
  display: none;
}

.timeline-overlay--key-moment .timeline-overlay__title--key-moment {
  display: block;
}

.timeline-overlay--key-moment .timeline-overlay__subtitle--key-moment {
  display: block;
}

.timeline-overlay--key-moment .timeline-overlay__title--moment {
  display: none;
}

.timeline-overlay--key-moment .timeline-overlay__subtitle--moment {
  display: none;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.overlay-nav {
  border-bottom: 1px solid rgba(34, 34, 34, 0.3);
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 280px;
}

.overlay-nav__link {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(34, 34, 34, 0.3);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  position: relative;
  text-decoration: none;
}

@media (min-width: 768px) {
  .overlay-nav__link {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .overlay-nav__link {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .overlay-nav__link {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .overlay-nav__link {
    font-size: 16px;
    line-height: 26px;
  }
}

.overlay-nav__link:last-child {
  text-align: right;
}

.overlay-nav__link:hover {
  color: #222;
}

.overlay-nav__link--hidden {
  visibility: hidden;
}

.overlay-nav__icon {
  width: 24px;
  height: 24px;
  opacity: 0.3;
}

.overlay-nav__link:hover .overlay-nav__icon {
  opacity: 1;
}

.overlay-nav__label {
  padding: 4px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.scrollspy {
  display: none;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 20px;
  position: fixed;
  width: 62px;
  height: 252px;
  z-index: 99;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

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

@media (min-width: 768px) {
  .scrollspy {
    right: 50px;
  }
}

@media (min-width: 1263px) {
  .scrollspy {
    right: 50px;
  }
}

@media (max-width: 1006px) {
  .scrollspy {
    transform: translate(50%, -50%);
  }
}

.scrollspy * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.scrollspy__track {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.scrollspy__path {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: 186px;
  overflow: hidden;
  top: 32px;
}

.scrollspy__handle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  margin-top: -31px;
  margin-left: -31px;
  border: 1px solid #a69b91;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  transform: none;
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.scrollspy__handle:hover .scrollspy__years:before {
  opacity: 1;
  transform: scale(1);
}

.scrollspy__handle:hover .scrollspy__year {
  color: #F2E8D2;
}

.scrollspy__handle:before, .scrollspy__handle:after {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  content: '';
  background: repeating-linear-gradient(transparent, transparent 2.5px, #a69b91 2.5px, #a69b91 5px);
  width: 1px;
  height: 200px;
}

.scrollspy__handle:before {
  bottom: 100%;
}

.scrollspy__handle:after {
  top: 100%;
}

.scrollspy__years, .scrollspy__year {
  list-style: none;
  margin: 0;
  padding: 0;
}

.scrollspy__years {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-clip-path: ellipse(30px 30px at 30px 30px);
          clip-path: ellipse(30px 30px at 30px 30px);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.scrollspy__years:before {
  background-color: #a69b91;
  border-radius: 100%;
  content: '';
  width: 101%;
  height: 101%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.scrollspy__year {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #a69b91;
  display: block;
  width: 60px;
  line-height: 60px !important;
  opacity: 0;
  position: absolute;
  top: 0%;
  text-align: center;
  transition: transform 0.8s cubic-bezier(0, 0.7, 0.4, 1), opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (min-width: 768px) {
  .scrollspy__year {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .scrollspy__year {
    font-size: 18px;
    line-height: 30px;
  }
}

.scrollspy__year--active {
  opacity: 1;
}

.scrollspy__up, .scrollspy__down {
  cursor: pointer;
  position: relative;
}

.scrollspy__up circle, .scrollspy__up polyline, .scrollspy__down circle, .scrollspy__down polyline {
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.scrollspy__up:hover circle, .scrollspy__down:hover circle {
  fill: #a69b91;
}

.scrollspy__up:hover polyline, .scrollspy__down:hover polyline {
  stroke: #F2E8D2;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.timeline ~ .banner {
  padding-top: 40px;
}

@media (min-width: 768px) {
  .timeline ~ .banner {
    padding-top: 50px;
  }
}

@media (min-width: 1263px) {
  .timeline ~ .banner {
    padding-top: 80px;
  }
}

.body-text + .timeline, .share + .timeline {
  padding-top: 9.0625vw;
}

.timeline {
  position: relative;
  width: 100vw;
}

.timeline--1:after {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #D9CFBE;
  content: '';
  width: 1px;
  height: 40px;
  top: 100%;
  z-index: 29;
}

@media (min-width: 768px) {
  .timeline--1:after {
    height: 50px;
  }
}

@media (min-width: 1263px) {
  .timeline--1:after {
    height: 80px;
  }
}

.timeline--3:after {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #D9CFBE;
  content: '';
  width: 1px;
  height: 40px;
  top: 100%;
  z-index: 29;
}

@media (min-width: 768px) {
  .timeline--3:after {
    height: 50px;
  }
}

@media (min-width: 1263px) {
  .timeline--3:after {
    height: 80px;
  }
}

.timeline--3:before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #D9CFBE;
  content: '';
  width: 1px;
  height: 100%;
  top: 0;
  z-index: 29;
}

.timeline__lead {
  margin-top: 20px;
  margin-bottom: 30px;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-family: Merriweather;
  font-weight: bold;
  list-style: none;
  margin-left: auto;
  margin-right: auto !important;
  padding: 0;
}

@media (min-width: 768px) {
  .timeline__lead {
    margin-top: 40px;
  }
}

@media (min-width: 1263px) {
  .timeline__lead {
    margin-top: 40px;
  }
}

@media (min-width: 768px) {
  .timeline__lead {
    margin-bottom: 40px;
  }
}

@media (min-width: 1263px) {
  .timeline__lead {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .timeline__lead {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline__lead {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .timeline__lead {
    max-width: 530px;
    text-align: center;
  }
}

@media (min-width: 1263px) {
  .timeline__lead {
    max-width: 610px;
  }
}

.timeline__list {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  display: block;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  position: relative;
  z-index: 29;
}

.timeline__list:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .timeline__list {
    width: calc(100% - 100px);
  }
}

.timeline__list:after {
  display: none;
}

.timeline--1 > .timeline__list {
  padding-top: 40px;
  margin-bottom: 40px;
  display: inline;
  overflow: visible;
}

@media (min-width: 768px) {
  .timeline--1 > .timeline__list {
    padding-top: 60px;
  }
}

@media (min-width: 1263px) {
  .timeline--1 > .timeline__list {
    padding-top: 100px;
  }
}

@media (min-width: 768px) {
  .timeline--1 > .timeline__list {
    margin-bottom: 60px;
  }
}

@media (min-width: 1263px) {
  .timeline--1 > .timeline__list {
    margin-bottom: 100px;
  }
}

.timeline--2 {
  background: #FFF;
  width: 100vw;
  visibility: hidden;
}

.timeline-item--open .timeline--2 {
  visibility: visible;
}

.timeline-item--open .timeline--2 > .timeline__list {
  padding-bottom: 50px;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.timeline-item {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  transition: all 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.timeline-item__triangle {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  fill: #F2E8D2;
  width: 100vw;
  height: 18.125vw;
  margin-top: 1px;
  position: absolute;
  top: 0;
  transition: all 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transform: translate(-50%, -100%);
  z-index: 5;
}

.timeline-item__triangle--bottom {
  fill: #F2E8D2 !important;
  top: 100%;
}

.timeline-item .button--close {
  transition: transform 0.5s cubic-bezier(0, 0.7, 0.4, 1);
  position: fixed;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  z-index: 1100;
}

.timeline-item__link {
  box-sizing: border-box;
  display: block;
  float: left;
  color: inherit;
  display: flex;
  float: none;
  margin-left: auto;
  margin-right: auto !important;
  max-width: 830px;
  overflow: visible;
  position: relative;
  text-decoration: inherit;
}

@media (min-width: 1263px) {
  .timeline-item__link {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .timeline-item__link {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .timeline-item__link:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .timeline-item__link:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .timeline-item__link {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.25 + 350px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .timeline-item__link {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.25 + 350px);
  }
}

.timeline-item--1 > .timeline-item__link {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .timeline-item--1 > .timeline-item__link {
    margin-bottom: 60px;
  }
}

@media (min-width: 1263px) {
  .timeline-item--1 > .timeline-item__link {
    margin-bottom: 100px;
  }
}

.timeline-item--1:last-child > .timeline-item__link {
  margin-bottom: 0;
}

.timeline-item__figure, .timeline-item__body {
  box-sizing: border-box;
  margin: 0;
  padding: 0 20px;
  position: relative;
  z-index: 10;
  width: 50%;
}

.timeline-item__figure {
  text-align: right;
}

.timeline-item__body:after {
  background-color: #2D667B;
  border-radius: 100%;
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 6px;
  left: -3.5px;
}

@media (min-width: 768px) {
  .timeline-item__body:after {
    width: 10px;
    height: 10px;
    top: 8px;
    left: -5px;
  }
}

.timeline-item--anne-frank .timeline-item__body:after {
  background-color: #E6394E;
}

.timeline-item__image {
  box-shadow: -10px 10px #2D667B;
}

.timeline-item__image--landscape {
  width: 100%;
}

@media (min-width: 768px) {
  .timeline-item__image--landscape {
    max-width: 250px;
  }
}

@media (min-width: 1263px) {
  .timeline-item__image--landscape {
    max-width: 280px;
  }
}

.timeline-item--2 .timeline-item__image--landscape {
  width: 100%;
}

@media (min-width: 768px) {
  .timeline-item--2 .timeline-item__image--landscape {
    max-width: 170px;
  }
}

@media (min-width: 1263px) {
  .timeline-item--2 .timeline-item__image--landscape {
    max-width: 170px;
  }
}

.timeline-item--3 .timeline-item__image--landscape {
  width: 100%;
}

@media (min-width: 768px) {
  .timeline-item--3 .timeline-item__image--landscape {
    max-width: 135px;
  }
}

@media (min-width: 1263px) {
  .timeline-item--3 .timeline-item__image--landscape {
    max-width: 135px;
  }
}

.timeline-item__image--portrait {
  max-width: 80px;
}

@media (min-width: 768px) {
  .timeline-item__image--portrait {
    max-width: 150px;
  }
}

@media (min-width: 1263px) {
  .timeline-item__image--portrait {
    max-width: 170px;
  }
}

.timeline-item__date, .timeline-item__location {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #a69b91;
  display: block;
  margin: 0;
}

@media (min-width: 768px) {
  .timeline-item__date, .timeline-item__location {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-item__date, .timeline-item__location {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .timeline-item__date, .timeline-item__location {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .timeline-item__date, .timeline-item__location {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) {
  .timeline-item__date, .timeline-item__location {
    display: inline-block;
    margin-right: 10px;
  }
}

.timeline-item__date {
  font-family: Merriweather-Regular;
}

.timeline-item__location {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.timeline-item__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-weight: bold;
  margin: 0;
}

@media (min-width: 768px) {
  .timeline-item__title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (min-width: 1263px) {
  .timeline-item__title {
    font-size: 36px;
    line-height: 42px;
  }
}

.timeline-item:not(.timeline-item--1) .timeline-item__title:hover {
  color: #E6394E;
}

.timeline-item__hover-triangle {
  fill: #FFF;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  z-index: 9;
}

.timeline-item__line {
  display: none;
}

.timeline-item:first-child .timeline-item__line {
  display: block;
}

.timeline-item:not(.timeline-item--no-hover) .timeline-item__link:hover .timeline-item__hover-triangle {
  height: 64%;
}

.timeline-item:not(.timeline-item--no-hover) .timeline-item__link:hover .timeline-item__image {
  box-shadow: none;
}

.timeline-item--1:before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #D9CFBE;
  content: '';
  width: 1px;
  height: 100%;
  top: 0;
  z-index: 10;
}

.timeline-item--1 .timeline-item__figure {
  padding-bottom: 10px;
}

.timeline-item--3:not(:last-child) .timeline-item__link {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .timeline-item--3:not(:last-child) .timeline-item__link {
    margin-bottom: 30px;
  }
}

@media (min-width: 1263px) {
  .timeline-item--3:not(:last-child) .timeline-item__link {
    margin-bottom: 20px;
  }
}

.timeline-item--2 .timeline-item__figure,
.timeline-item--3 .timeline-item__figure {
  padding-left: 0;
}

.timeline-item--2 .timeline-item__image,
.timeline-item--3 .timeline-item__image {
  box-shadow: none !important;
}

.timeline-item--2 .timeline-item__image--portrait {
  width: 80px;
  height: 120px;
}

@media (min-width: 768px) {
  .timeline-item--2 .timeline-item__image--portrait {
    width: 120px;
    height: 180px;
  }
}

@media (min-width: 768px) {
  .timeline-item--2 .timeline-item__image--portrait {
    width: 120px;
    height: 180px;
  }
}

.timeline-item--3 .timeline-item__image--portrait {
  width: 80px;
  height: 120px;
}

@media (min-width: 768px) {
  .timeline-item--3 .timeline-item__image--portrait {
    width: 80px;
    height: 120px;
  }
}

@media (min-width: 768px) {
  .timeline-item--3 .timeline-item__image--portrait {
    width: 80px;
    height: 120px;
  }
}

.timeline-item--2 .timeline-item__title,
.timeline-item--3 .timeline-item__title {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .timeline-item--2 .timeline-item__title,
  .timeline-item--3 .timeline-item__title {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-item--2 .timeline-item__title,
  .timeline-item--3 .timeline-item__title {
    font-size: 18px;
    line-height: 30px;
  }
}

.timeline-item--anne-frank .timeline-item__image {
  box-shadow: -10px 10px #E6394E;
}

.timeline-item--anne-frank:not(.timeline-item--3) .timeline-item__title {
  font-family: Merriweather;
}

.timeline-item__body:after, .timeline-item__image, .timeline-item__date, .timeline-item__location, .timeline-item__title {
  transform: translateY(75px);
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  will-change: transform;
}

.timeline-item--3 .timeline-item__body:after,
.timeline-item--3 .timeline-item__image,
.timeline-item--3 .timeline-item__date,
.timeline-item--3 .timeline-item__location,
.timeline-item--3 .timeline-item__title {
  transform: translateY(112.5px);
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  will-change: transform;
}

.timeline-item--in-view .timeline-item__body:after,
.timeline-item--in-view .timeline-item__image,
.timeline-item--in-view .timeline-item__date,
.timeline-item--in-view .timeline-item__location,
.timeline-item--in-view .timeline-item__title {
  transform: translateY(0);
}

.timeline-item:not(.timeline-item--open) > .timeline > .timeline__list {
  overflow: hidden;
  height: 0 !important;
  opacity: 0;
}

.timeline-item--open {
  background-color: #FFF;
}

.timeline-item--open .timeline-item__triangle {
  fill: #FFF;
}

.timeline-item--open > .timeline-item__link {
  background-color: #FFF;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .timeline-item--open > .timeline-item__link {
    display: block;
  }
}

.timeline-item--open > .timeline-item__link .timeline-item__figure {
  width: 100%;
}

@media (min-width: 768px) {
  .timeline-item--open > .timeline-item__link .timeline-item__image {
    margin-bottom: 0;
  }
}

.timeline-item--open > .timeline-item__link .timeline-item__body {
  width: 100%;
}

.timeline-item--open > .timeline-item__link .timeline-item__body:after {
  display: none;
}

@media (max-width: 767px) {
  .timeline-item--open > .timeline-item__link .timeline-item__title {
    color: #222;
    font-family: 'Graphik';
    font-weight: 600;
    letter-spacing: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    margin-top: 0;
  }
}

.timeline-item--open > .timeline-item__link .timeline-item__image {
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .timeline-item--open > .timeline-item__link .timeline-item__image {
    max-width: 290px;
  }
}

@media (min-width: 1263px) {
  .timeline-item--open > .timeline-item__link .timeline-item__image {
    max-width: 390px;
  }
}

.timeline-item--open .timeline-item__image {
  box-shadow: none;
  margin-bottom: 20px;
}

.timeline-item--open .timeline--2 .timeline__list {
  z-index: 10;
}

.timeline-item--open .timeline-item__line {
  display: block;
}

.timeline-item--top > .timeline-item__link .timeline-item__body {
  height: 52px;
  background-color: #F2E8D2;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  z-index: 200;
}

@media (min-width: 768px) {
  .timeline-item--top > .timeline-item__link .timeline-item__body {
    height: 60px;
  }
}

@media (min-width: 1263px) {
  .timeline-item--top > .timeline-item__link .timeline-item__body {
    height: 70px;
  }
}

.timeline-item--top > .timeline-item__link .timeline-item__title {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  padding-right: 52px;
  left: 20px;
  margin: 0;
  transition: none;
}

@media (min-width: 768px) {
  .timeline-item--top > .timeline-item__link .timeline-item__title {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-item--top > .timeline-item__link .timeline-item__title {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .timeline-item--top > .timeline-item__link .timeline-item__title {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .timeline-item--top > .timeline-item__link .timeline-item__title {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) {
  .timeline-item--top > .timeline-item__link .timeline-item__title {
    padding-right: 60px;
  }
}

@media (min-width: 1263px) {
  .timeline-item--top > .timeline-item__link .timeline-item__title {
    padding-right: 70px;
  }
}

@media (min-width: 768px) {
  .timeline-item--top > .timeline-item__link .timeline-item__title {
    left: 30px;
  }
}

.timeline-item--top > .timeline-item__link .timeline-item__image,
.timeline-item--top > .timeline-item__link .timeline-item__date,
.timeline-item--top > .timeline-item__link .timeline-item__triangle,
.timeline-item--top > .timeline-item__link .timeline-item__body:after {
  display: none;
}

.timeline-item--open .button--close {
  transform: translateY(0%);
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.timeline-lineitem {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  margin-top: 100px;
  margin-bottom: 20px;
}

.timeline-lineitem:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .timeline-lineitem {
    width: calc(100% - 100px);
  }
}

.timeline-lineitem__title {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  margin-top: 20px;
  color: #E6394E;
}

@media (min-width: 768px) {
  .timeline-lineitem__title {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .timeline-lineitem__title {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .timeline-lineitem__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 1263px) {
  .timeline-lineitem__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 768px) {
  .timeline-lineitem__title {
    margin-top: 20px;
  }
}

@media (min-width: 1263px) {
  .timeline-lineitem__title {
    margin-top: 30px;
  }
}

.timeline-lineitem .timeline-lineitem__subtitle {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  margin: 10px 0 0;
  opacity: 0.5;
}

@media (min-width: 768px) {
  .timeline-lineitem .timeline-lineitem__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-lineitem .timeline-lineitem__subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .timeline-lineitem .timeline-lineitem__subtitle {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .timeline-lineitem .timeline-lineitem__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-lineitem .timeline-lineitem__subtitle {
    margin-top: 20px;
  }
}

.timeline-lineitem .timeline-lineitem__location {
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 10px;
}

.timeline-lineitem .timeline-lineitem__title--key-moment {
  display: none;
}

.timeline-lineitem .timeline-lineitem__subtitle--key-moment {
  display: none;
}

.timeline-lineitem--key-moment .timeline-lineitem__title--key-moment {
  display: block;
}

.timeline-lineitem--key-moment .timeline-lineitem__subtitle--key-moment {
  display: block;
}

.timeline-lineitem--key-moment .timeline-lineitem__title--moment {
  display: none;
}

.timeline-lineitem--key-moment .timeline-lineitem__subtitle--moment {
  display: none;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.timeline-header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 75vh;
  position: relative;
}

.timeline-header:before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #D9CFBE;
  content: '';
  width: 1px;
  height: 75vh;
  top: 0;
}

.timeline-header__body {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  position: relative;
  text-align: center;
  word-break: break-word;
}

.timeline-header__body:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .timeline-header__body {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .timeline-header__body {
    padding-top: 40px;
  }
}

@media (min-width: 1263px) {
  .timeline-header__body {
    padding-top: 40px;
  }
}

@media (min-width: 768px) {
  .timeline-header__body {
    padding-bottom: 40px;
  }
}

@media (min-width: 1263px) {
  .timeline-header__body {
    padding-bottom: 40px;
  }
}

.timeline-header__title {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  float: none;
  margin: 0;
  margin-left: auto;
  margin-right: auto !important;
  position: relative;
  z-index: 100;
}

@media (min-width: 1263px) {
  .timeline-header__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .timeline-header__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .timeline-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .timeline-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .timeline-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.25 + 350px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .timeline-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.25 + 350px);
  }
}

@media (min-width: 768px) {
  .timeline-header__title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 1263px) {
  .timeline-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

.timeline-header__subtitle {
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  box-sizing: border-box;
  display: block;
  float: left;
  display: inline-block;
  margin-bottom: 0;
  float: none;
  max-width: 390px;
  position: relative;
  z-index: 100;
}

@media (min-width: 768px) {
  .timeline-header__subtitle {
    margin-top: 20px;
  }
}

@media (min-width: 1263px) {
  .timeline-header__subtitle {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .timeline-header__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-header__subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .timeline-header__subtitle {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .timeline-header__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .timeline-header__subtitle {
    margin-right: 50px;
    width: calc((100% - 550px) / 2 + 250px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .timeline-header__subtitle:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .timeline-header__subtitle {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .timeline-header__subtitle:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .timeline-header__subtitle:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .timeline-header__subtitle {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .timeline-header__subtitle:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .timeline-header__subtitle {
    margin-right: 50px;
    width: calc((100% - 450px) / 2 + 200px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .timeline-header__subtitle:nth-child(2n+0) {
    margin-right: 0;
  }
}

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

@media (min-width: 1263px) {
  .timeline-header__subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}

.timeline-header__title, .timeline-header__subtitle {
  font-family: 'Merriweather';
  font-weight: bold;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.pedigree {
  background-color: #F0DADC;
  display: flex;
}

.pedigree__body {
  margin-top: 40px;
  margin-bottom: 40px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
}

@media (min-width: 768px) {
  .pedigree__body {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .pedigree__body {
    margin-top: 80px;
  }
}

@media (min-width: 768px) {
  .pedigree__body {
    margin-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .pedigree__body {
    margin-bottom: 80px;
  }
}

.pedigree__body:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .pedigree__body {
    width: calc(100% - 100px);
  }
}

.pedigree__helpers--desktop, .pedigree__hiding--desktop {
  display: none;
}

@media (min-width: 768px) {
  .pedigree__helpers--desktop, .pedigree__hiding--desktop {
    display: block;
  }
}

.pedigree__helpers--mobile, .pedigree__hiding--mobile {
  display: block;
}

@media (min-width: 768px) {
  .pedigree__helpers--mobile, .pedigree__hiding--mobile {
    display: none;
  }
}

.pedigree__title {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  max-width: 100%;
  margin: auto;
  width: 240px;
}

@media (min-width: 768px) {
  .pedigree__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .pedigree__title {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .pedigree__title {
    width: 830px;
  }
}

.pedigree__title:not(:first-child) {
  margin-top: 60px;
}

@media (min-width: 768px) {
  .pedigree__title:not(:first-child) {
    margin-top: 40px;
  }
}

@media (min-width: 1263px) {
  .pedigree__title:not(:first-child) {
    margin-top: 60px;
  }
}

.pedigree__hiding, .pedigree__helpers, .pedigree__persons {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 240px;
}

@media (min-width: 768px) {
  .pedigree__hiding, .pedigree__helpers, .pedigree__persons {
    margin-top: 30px;
  }
}

@media (min-width: 1263px) {
  .pedigree__hiding, .pedigree__helpers, .pedigree__persons {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .pedigree__hiding, .pedigree__helpers, .pedigree__persons {
    width: 830px;
  }
}

.pedigree__hiding a, .pedigree__helpers a, .pedigree__persons a {
  cursor: pointer;
  outline: none;
}

.pedigree__hiding circle, .pedigree__helpers circle, .pedigree__persons circle {
  transition: stroke 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.pedigree__hiding .active circle:not(#helpers-d-Oval),
.pedigree__hiding a:hover circle:not(#helpers-d-Oval), .pedigree__helpers .active circle:not(#helpers-d-Oval),
.pedigree__helpers a:hover circle:not(#helpers-d-Oval), .pedigree__persons .active circle:not(#helpers-d-Oval),
.pedigree__persons a:hover circle:not(#helpers-d-Oval) {
  stroke: #E6394E;
}

.pedigree .person {
  float: left;
}

@media (min-width: 768px) {
  .pedigree .person {
    margin: 0 71px 35px 0 !important;
  }
}

.pedigree .person:nth-child(odd) {
  margin: 0 56px 28px 0;
}

.pedigree + * {
  margin-top: 0 !important;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/merriweather-v19-latin-regular.woff") format("woff"), url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Bold.woff2") format("woff2"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype"), url("../fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-SemiboldItalic.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-RegularItalic.woff2") format("woff2"), url("../fonts/Graphik-RegularItalic.woff") format("woff"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-MediumItalic.woff2") format("woff2"), url("../fonts/Graphik-MediumItalic.woff") format("woff"), url("../fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Semibold.woff2") format("woff2"), url("../fonts/Graphik-Semibold.woff") format("woff"), url("../fonts/Graphik-Semibold.ttf") format("truetype"), url("../fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-Medium.woff2") format("woff2"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url("../fonts/Graphik-BoldItalic.woff2") format("woff2"), url("../fonts/Graphik-BoldItalic.woff") format("woff"), url("../fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

.person {
  display: block;
  width: 87px;
  text-decoration: none;
}

.person:hover .person__photo {
  border-color: #E6394E;
}

@media (min-width: 768px) {
  .person {
    width: 110px;
  }
}

.person__photo {
  border: 5px solid #FFF;
  border-radius: 100%;
  box-sizing: border-box;
  width: 100%;
}

.person__name {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  color: #E6394E;
  display: block;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .person__name {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .person__name {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .person__name {
    font-size: 16px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.whoiswho-header {
  width: 100%;
  position: relative;
  z-index: 10;
}

.whoiswho-header__background {
  background-color: #F0DADC;
  height: 100vw;
  overflow: hidden;
}

@media (min-width: 768px) {
  .whoiswho-header__background {
    max-height: calc(100vh + 9.0625vw);
    height: auto;
  }
}

.whoiswho-header__figure {
  margin: 0;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  height: 100%;
}

.whoiswho-header__figure:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .whoiswho-header__figure {
    width: calc(100% - 100px);
  }
}

.whoiswho-header__image {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 52px;
  margin-right: 0!important;
  float: right;
}

@media (min-width: 1263px) {
  .whoiswho-header__image {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .whoiswho-header__image {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .whoiswho-header__image:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .whoiswho-header__image:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .whoiswho-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .whoiswho-header__image {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) {
  .whoiswho-header__image {
    margin-top: 60px;
  }
}

@media (min-width: 1263px) {
  .whoiswho-header__image {
    margin-top: 70px;
  }
}

@media (min-width: 768px) {
  .whoiswho-header__image {
    margin-bottom: 7vw;
  }
}

.whoiswho-header .whoiswho-header__body {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
  z-index: 10;
}

.whoiswho-header .whoiswho-header__body:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .whoiswho-header .whoiswho-header__body {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .whoiswho-header .whoiswho-header__body {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    height: calc(100% - 7vw - 60px);
    top: 60px;
  }
}

.whoiswho-header__title {
  box-sizing: border-box;
  display: block;
  float: left;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  color: #E6394E;
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  mix-blend-mode: multiply;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  color: #E6394E;
  margin: 10px 0 0;
}

@media (min-width: 1263px) {
  .whoiswho-header__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .whoiswho-header__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .whoiswho-header__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .whoiswho-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .whoiswho-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .whoiswho-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .whoiswho-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .whoiswho-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .whoiswho-header__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .whoiswho-header__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .whoiswho-header__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .whoiswho-header__title {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (min-width: 1263px) {
  .whoiswho-header__title {
    font-size: 96px;
    line-height: 112px;
  }
}

@media (min-width: 768px) {
  .whoiswho-header__title {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
  }
}

.whoiswho-header .context-timeline {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .whoiswho-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .whoiswho-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .whoiswho-header .context-timeline {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .whoiswho-header .context-timeline:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .whoiswho-header .context-timeline:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .whoiswho-header .context-timeline {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .whoiswho-header .context-timeline:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .whoiswho-header .context-timeline {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) and (max-width: 1262px) {
  .whoiswho-header .context-timeline:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .whoiswho-header .context-timeline {
    position: absolute;
    top: calc(100% + 7vw);
    z-index: 100;
  }
}

.whoiswho-header__overlay {
  width: 100%;
  height: 18.125vw;
  position: absolute;
  top: 100vw;
  transform: translateY(-100%);
  z-index: 10;
}

@media (min-width: 768px) {
  .whoiswho-header__overlay {
    top: auto;
    bottom: 0;
    transform: none;
  }
}

.whoiswho-header__triangle {
  height: 0;
  transition: height 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  fill: #FFF;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.view--init .whoiswho-header__triangle {
  height: 18.125vw;
}

.whoiswho-header__page-link {
  display: block;
  width: 18.125vw;
  height: 18.125vw;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .whoiswho-header__page-link {
    width: 9.0625vw;
    height: 9.0625vw;
    bottom: 9.0625vw;
  }
}

.whoiswho-header__arrow {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0.7, 0.4, 1) 0.8s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  overflow: visible;
}

.view--init .whoiswho-header__arrow {
  opacity: 1;
}

@media (min-width: 1007px) {
  .whoiswho-header__arrow {
    width: 30px;
    height: 30px;
  }
}

.whoiswho-header__arrow-triangle {
  transition: 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.whoiswho-header__page-link:hover .whoiswho-header__arrow-triangle {
  transform: translateY(15px);
}

.whoiswho-header__title {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1) 0.5s;
  transform: translateY(25%);
  transition: transform 0.5s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0s;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1), transform 0.5s cubic-bezier(0, 0.7, 0.4, 1);
  transition-delay: 0.8s;
}

.view--init .whoiswho-header__title {
  opacity: 1;
}

.view--init .whoiswho-header__title {
  transform: translateY(0);
}

.whoiswho-header__image {
  opacity: 0;
  transition: opacity 3s cubic-bezier(0, 0.7, 0.4, 1) 0.8s;
}

.view--init .whoiswho-header__image {
  opacity: 1;
}

.view.collection-detail .show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .view.collection-detail .show-on-mobile {
    display: none;
  }
}

.view.collection-detail .show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view.collection-detail .show-on-tablet {
    display: block;
  }
}

.view.collection-detail .show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .view.collection-detail .show-on-desktop {
    display: block;
  }
}

.view.collection-detail .show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .view.collection-detail .show-on-desktop-l {
    display: block;
  }
}

.view.collection-detail .hide-on-mobile {
  display: none;
}

@media (min-width: 768px) {
  .view.collection-detail .hide-on-mobile {
    display: block;
  }
}

.view.collection-detail .hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view.collection-detail .hide-on-tablet {
    display: none;
  }
}

.view.collection-detail .hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .view.collection-detail .hide-on-desktop {
    display: none;
  }
}

.view.collection-detail .hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .view.collection-detail .hide-on-desktop-l {
    display: none;
  }
}

.view.collection-detail .fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .view.collection-detail .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .view.collection-detail .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.view.collection-detail .fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.view.collection-detail .fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .view.collection-detail .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .view.collection-detail .fluid--inner > * {
    max-width: 1440px;
  }
}

.view.collection-detail .collection {
  margin-top: 50px;
}

@media (min-width: 768px) {
  .view.collection-detail .collection {
    margin-top: 50px;
  }
}

@media (min-width: 1263px) {
  .view.collection-detail .collection {
    margin-top: 50px;
  }
}

.view.collection-detail .show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .view.collection-detail .show-on-mobile {
    display: none;
  }
}

.view.collection-detail .show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view.collection-detail .show-on-tablet {
    display: block;
  }
}

.view.collection-detail .show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .view.collection-detail .show-on-desktop {
    display: block;
  }
}

.view.collection-detail .show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .view.collection-detail .show-on-desktop-l {
    display: block;
  }
}

.view.collection-detail .hide-on-mobile {
  display: none;
}

@media (min-width: 768px) {
  .view.collection-detail .hide-on-mobile {
    display: block;
  }
}

.view.collection-detail .hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view.collection-detail .hide-on-tablet {
    display: none;
  }
}

.view.collection-detail .hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .view.collection-detail .hide-on-desktop {
    display: none;
  }
}

.view.collection-detail .hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .view.collection-detail .hide-on-desktop-l {
    display: none;
  }
}

.view.collection-detail .fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .view.collection-detail .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .view.collection-detail .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.view.collection-detail .fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.view.collection-detail .fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .view.collection-detail .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .view.collection-detail .fluid--inner > * {
    max-width: 1440px;
  }
}

.view.collection-detail .show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .view.collection-detail .show-on-mobile {
    display: none;
  }
}

.view.collection-detail .show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view.collection-detail .show-on-tablet {
    display: block;
  }
}

.view.collection-detail .show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .view.collection-detail .show-on-desktop {
    display: block;
  }
}

.view.collection-detail .show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .view.collection-detail .show-on-desktop-l {
    display: block;
  }
}

.view.collection-detail .hide-on-mobile {
  display: none;
}

@media (min-width: 768px) {
  .view.collection-detail .hide-on-mobile {
    display: block;
  }
}

.view.collection-detail .hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view.collection-detail .hide-on-tablet {
    display: none;
  }
}

.view.collection-detail .hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .view.collection-detail .hide-on-desktop {
    display: none;
  }
}

.view.collection-detail .hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .view.collection-detail .hide-on-desktop-l {
    display: none;
  }
}

.view.collection-detail .collection-detail__details {
  margin: auto;
  padding: 0;
}

.view.collection-detail .collection-detail__details .collection-object-card,
.view.collection-detail .collection-detail__details .share {
  margin-top: 50px;
}

@media (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 50px;
    margin-left: calc((100% - 550px) / 1.71429 + 300px + 30px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 20px;
    margin-left: " + 30px";
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 50px;
    margin-left: calc((100% - 450px) / 1.66667 + 250px + 30px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 50px;
    margin-left: " + 30px";
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card,
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view.collection-detail .collection-detail__details .collection-object-card {
    width: calc(100% - 40px);
    position: relative;
    left: 20px;
  }
}

.view.collection-detail .collection-detail__details .share {
  margin-top: 20px;
}

@media (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 50px;
    width: calc((100% - 550px) / 2.4 + 200px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 50px;
    width: calc((100% - 450px) / 2.5 + 150px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (max-width: 767px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 768px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1007px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .view.collection-detail .collection-detail__details .share {
    margin-right: 0;
  }
}

.view.collection-detail .collection-detail__details .share__body {
  left: 20px;
  width: calc(100% - 40px);
}

.view.collection-detail .footer {
  margin-top: 0;
}

.story .footer {
  margin-top: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.story__header {
  display: flex;
  max-width: 1270px;
  margin: auto;
}

.story__title {
  margin-top: 60px;
  margin-bottom: 0;
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  float: left;
  left: 0;
}

@media (min-width: 768px) {
  .story__title {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .story__title {
    margin-top: 110px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .story__title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (min-width: 1263px) {
  .story__title {
    font-size: 36px;
    line-height: 42px;
  }
}

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

@media (min-width: 1263px) {
  .story__title {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .story__title {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .story__title {
    padding-right: 50px;
  }
}

@media (min-width: 1263px) {
  .story__title {
    margin-right: 50px;
    margin-left: calc((100% - 550px) / 6 + 50px);
  }
}

@media (min-width: 1263px) and (max-width: 767px) {
  .story__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 768px) and (max-width: 1262px) {
  .story__title:nth-child(5n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .story__title:nth-child(6n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .story__title {
    margin-right: 20px;
    margin-left: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .story__title {
    margin-right: 50px;
    margin-left: calc((100% - 450px) / 5 + 50px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (max-width: 767px) {
  .story__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 768px) and (max-width: 1262px) {
  .story__title:nth-child(5n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .story__title:nth-child(6n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .story__title {
    margin-right: 50px;
    margin-left: 0;
  }
}

@media (min-width: 1263px) {
  .story__title {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.71429 + 300px);
  }
}

@media (max-width: 767px) {
  .story__title {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .story__title:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .story__title:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .story__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.66667 + 250px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .story__title:nth-child(2n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .story__title {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.25 + 350px);
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.story .intro-text {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
  z-index: 10;
}

.story .intro-text:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .story .intro-text {
    width: calc(100% - 100px);
  }
}

.story .intro-text > p {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
}

@media (min-width: 1263px) {
  .story .intro-text > p {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .story .intro-text > p {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .story .intro-text > p:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .story .intro-text > p:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .story .intro-text > p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .story .intro-text > p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .story .intro-text > p {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .story .intro-text > p {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .story .intro-text > p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .story .intro-text > p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .story .intro-text > p {
  left: auto !important;
}

@media (max-width: 767px) {
  .story .intro-text > p {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.story .view__wrapper {
  overflow-x: hidden;
}

.story--pad-bottom .view__content {
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .story--pad-bottom .view__content {
    padding-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .story--pad-bottom .view__content {
    padding-bottom: 80px;
  }
}

.story .back {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.7, 0.4, 1) 0.5s;
}

.view--init .story .back {
  opacity: 1;
}

.story.view--init .back {
  opacity: 1;
}

.story .view__content {
  float: left;
  width: 100%;
}

.story .card__body {
  opacity: 0.5;
}

.story .card-row {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .story .card-row {
    margin-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .story .card-row {
    margin-bottom: 80px;
  }
}

.story .view__content {
  margin-bottom: 0;
}

.story .view__content > .body-text, .story .view__content > .share {
  z-index: 10;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.hao-vr {
  font-size: 0;
  overflow: hidden;
  position: fixed;
}

.hao-vr .vr {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
}

.hao-vr .modal {
  overflow-x: hidden;
}

@media (min-width: 768px) {
  .hao-vr .modal {
    overflow: visible;
  }
}

.hao-vr .navigation-model {
  width: 100%;
}

.hao-vr .navigation-model__list {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .hao-vr .navigation-model__list {
    margin-bottom: 50px;
  }
}

@media (min-width: 1263px) {
  .hao-vr .navigation-model__list {
    margin-bottom: 80px;
  }
}

.hao-vr__nav {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../img/components/hao/vr/cursor.svg");
  background-size: cover;
  width: 40px;
  height: 40px;
}

@media (min-width: 768px) {
  .hao-vr__nav {
    display: none;
  }
}

.hao-vr__hud {
  display: flex;
  align-items: center;
  position: fixed;
  left: 30px;
  bottom: 30px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1);
}

.hao-vr__hud--visible {
  opacity: 1;
  visibility: visible;
}

.hao-vr__minimap {
  border-radius: 100%;
  border: 2px solid #FFF;
  box-sizing: border-box;
  width: 95px;
  height: 95px;
  margin-right: 30px;
  transform: scale(0);
}

@media (min-width: 768px) {
  .hao-vr__minimap {
    width: 95px;
    height: 95px;
  }
}

.hao-vr__hud--visible .hao-vr__minimap {
  transition: all 0.8s;
  transition-delay: 0s;
  transform: scale(1);
}

.hao-vr__hud--visible .hao-vr__minimap:hover {
  transform: scale(1.2);
}

.hao-vr__modal-link {
  text-decoration: none;
}

.hao-vr__name {
  color: #222;
  font-family: 'Graphik';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 12px;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0);
  cursor: pointer;
  box-sizing: border-box;
  opacity: 0;
  padding: 1em;
  visibility: hidden;
  will-change: color, visibility;
}

@media (min-width: 768px) {
  .hao-vr__name {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1263px) {
  .hao-vr__name {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .hao-vr__name {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .hao-vr__name {
    font-size: 16px;
    line-height: 26px;
  }
}

.hao-vr__name--visible, .hao-vr__name:hover {
  color: #FFF;
}

.hao-vr__hud--visible .hao-vr__name {
  color: #FFF;
  transition: all 1s, opacity 1s 1s;
  opacity: 1;
  visibility: visible;
}

.hao-vr__name-cta {
  display: flex;
  align-items: center;
  font-weight: 600;
}

.hao-vr__name-cta:hover {
  color: #E6394E;
}

.hao-vr__arrow {
  fill: #FFF;
  width: 30px;
  height: 30px;
  left: -24px;
}

.hao-vr__triangle {
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hao-vr__name:hover .hao-vr__triangle {
  transform: translateX(10px);
}

.view--home .footer {
  margin-top: 0 !important;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

@media (min-width: 1007px) {
  .view--home .header .header__bar {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, background-color 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  }
  .view--home .header:not(.header--search) .header__bar {
    background-color: transparent;
  }
  .view--home .header:not(.header--search) .header__bar .button {
    border-color: transparent;
    transition: border-color 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  }
  .view--home .header:not(.header--search) .header__bar .button:not(.button--open):before {
    background-color: transparent;
    transition: background-color 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  }
  .view--home .header--search .header__bar .button--search {
    background-color: #E6394E;
    transition: background-color 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  }
  .view--home .header--search .header__bar:before {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0, 0.7, 0.4, 1);
  }
}

.longread .view__content {
  z-index: 9;
}

.longread .footer {
  margin-top: 0;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.longread .intro-text {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  position: relative;
  z-index: 10;
}

.longread .intro-text:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .longread .intro-text {
    width: calc(100% - 100px);
  }
}

.longread .intro-text > p {
  box-sizing: border-box;
  display: block;
  float: left;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-right: 0!important;
  position: relative;
}

@media (min-width: 1263px) {
  .longread .intro-text > p {
    margin-right: 50px;
    width: calc((100% - 550px) / 1.5 + 350px);
  }
}

@media (max-width: 767px) {
  .longread .intro-text > p {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .longread .intro-text > p:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .longread .intro-text > p:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .longread .intro-text > p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .longread .intro-text > p {
    margin-right: 50px;
    width: calc((100% - 450px) / 1.42857 + 300px);
  }
}

@media (min-width: 1263px) {
  .longread .intro-text > p {
    margin-right: 50px;
    left: calc((100% - 550px) / 3 + 150px + 50px);
  }
}

@media (max-width: 767px) {
  .longread .intro-text > p {
    margin-right: 20px;
    left: " + 50px";
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .longread .intro-text > p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .longread .intro-text > p {
    margin-right: 50px;
    left: calc((100% - 450px) / 3.33333 + 100px + 50px);
  }
}

.view--rtl .longread .intro-text > p {
  left: auto !important;
}

@media (max-width: 767px) {
  .longread .intro-text > p {
    left: 0;
    margin-left: auto;
    margin-right: auto !important;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.longread .body-text > ol li, .longread .share > ol li,
.longread .body-text > ul li,
.longread .share > ul li,
.longread .body-text > p,
.longread .share > p, .longread .body-text > p > *, .longread .share > p > *,
.longread .body-text > table,
.longread .share > table,
.story .body-text > ol li,
.story .share > ol li,
.story .body-text > ul li,
.story .share > ul li,
.story .body-text > p,
.story .share > p,
.story .body-text > p > *,
.story .share > p > *,
.story .body-text > table,
.story .share > table {
  font-family: Merriweather-Regular;
}

.longread .context-timeline,
.story .context-timeline {
  width: 100%;
}

.longread .section .context-timeline,
.story .section .context-timeline {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1270px;
  padding-bottom: 40px;
  top: 40px;
  margin-top: 0 !important;
  position: relative;
  left: 0;
}

.longread .section .context-timeline:after,
.story .section .context-timeline:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .longread .section .context-timeline,
  .story .section .context-timeline {
    width: calc(100% - 100px);
  }
}

@media (min-width: 768px) {
  .longread .section .context-timeline,
  .story .section .context-timeline {
    padding-bottom: 0;
  }
}

@media (min-width: 1007px) {
  .longread .section .context-timeline,
  .story .section .context-timeline {
    padding-bottom: 0;
  }
}

@media (min-width: 1263px) {
  .longread .section .context-timeline,
  .story .section .context-timeline {
    padding-bottom: 0;
  }
}

@media (min-width: 768px) {
  .longread .section .context-timeline,
  .story .section .context-timeline {
    top: 50px;
  }
}

@media (min-width: 1263px) {
  .longread .section .context-timeline,
  .story .section .context-timeline {
    top: 80px;
  }
}

.longread .context-timeline__events,
.story .context-timeline__events {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .longread .context-timeline__events,
  .story .context-timeline__events {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .longread .context-timeline__events:nth-child(4n+0),
  .story .context-timeline__events:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .longread .context-timeline__events,
  .story .context-timeline__events {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .longread .context-timeline__events:nth-child(1n+0),
  .story .context-timeline__events:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .longread .context-timeline__events:nth-child(3n+0),
  .story .context-timeline__events:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .longread .context-timeline__events,
  .story .context-timeline__events {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .longread .context-timeline__events:nth-child(4n+0),
  .story .context-timeline__events:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .longread .context-timeline__events,
  .story .context-timeline__events {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .longread .context-timeline__events:nth-child(4n+0),
  .story .context-timeline__events:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .longread .context-timeline__events,
  .story .context-timeline__events {
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
  }
}

.view--rtl.longread .context-timeline__events, .view--rtl .story .context-timeline__events {
  left: auto;
  right: 0;
  float: right;
}

.longread .intro-text,
.story .intro-text {
  position: relative;
  z-index: 10;
}

@media (min-width: 1007px) {
  .longread .media .media__footer,
  .story .media .media__footer {
    box-sizing: border-box;
    display: block;
    float: left;
  }
}

@media (min-width: 1007px) and (min-width: 1263px) {
  .longread .media .media__footer,
  .story .media .media__footer {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1007px) and (min-width: 1263px) and (min-width: 1263px) {
  .longread .media .media__footer:nth-child(4n+0),
  .story .media .media__footer:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 767px) {
  .longread .media .media__footer,
  .story .media .media__footer {
    margin-right: 20px;
    width: 100%;
  }
}

@media (min-width: 1007px) and (max-width: 767px) and (max-width: 767px) {
  .longread .media .media__footer:nth-child(1n+0),
  .story .media .media__footer:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 767px) and (min-width: 1263px) {
  .longread .media .media__footer:nth-child(3n+0),
  .story .media .media__footer:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (min-width: 1007px) and (max-width: 1262px) {
  .longread .media .media__footer,
  .story .media .media__footer {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .longread .media .media__footer:nth-child(4n+0),
  .story .media .media__footer:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (min-width: 768px) and (max-width: 1006px) {
  .longread .media .media__footer,
  .story .media .media__footer {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .longread .media .media__footer:nth-child(4n+0),
  .story .media .media__footer:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (min-width: 768px) {
  .longread .media .media__footer,
  .story .media .media__footer {
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
  }
}

@media (min-width: 1007px) {
  .view--rtl.longread .media .media__footer, .view--rtl .story .media .media__footer {
    left: auto;
    right: 0;
    float: right;
  }
}

.longread .quote,
.story .quote {
  text-align: left;
}

@media (min-width: 768px) {
  .longread .quote,
  .story .quote {
    top: 40px;
    height: 0;
    overflow: visible;
    margin-top: 0;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .longread .quote,
  .story .quote {
    top: 50px;
  }
}

@media (min-width: 768px) and (min-width: 1263px) {
  .longread .quote,
  .story .quote {
    top: 80px;
  }
}

.longread .quote__wrapper,
.story .quote__wrapper {
  box-sizing: border-box;
  display: block;
  float: left;
  padding: 20px 0 0;
}

@media (min-width: 1263px) {
  .longread .quote__wrapper,
  .story .quote__wrapper {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .longread .quote__wrapper:nth-child(4n+0),
  .story .quote__wrapper:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .longread .quote__wrapper,
  .story .quote__wrapper {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .longread .quote__wrapper:nth-child(1n+0),
  .story .quote__wrapper:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .longread .quote__wrapper:nth-child(3n+0),
  .story .quote__wrapper:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .longread .quote__wrapper,
  .story .quote__wrapper {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .longread .quote__wrapper:nth-child(4n+0),
  .story .quote__wrapper:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .longread .quote__wrapper,
  .story .quote__wrapper {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .longread .quote__wrapper:nth-child(4n+0),
  .story .quote__wrapper:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .longread .quote__wrapper,
  .story .quote__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
  }
}

.view--rtl.longread .quote__wrapper, .view--rtl .story .quote__wrapper {
  left: auto;
  right: 0;
  float: right;
}

.longread .quote__wrapper:before,
.story .quote__wrapper:before {
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 2px;
}

.longread .quote__quote,
.story .quote__quote {
  color: #222;
  font-family: 'Graphik';
  font-weight: 600;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  font-family: 'Merriweather';
  color: #E6394E;
}

@media (min-width: 768px) {
  .longread .quote__quote,
  .story .quote__quote {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1263px) {
  .longread .quote__quote,
  .story .quote__quote {
    font-size: 24px;
    line-height: 32px;
  }
}

.longread .quote__footer,
.story .quote__footer {
  color: rgba(34, 34, 34, 0.5);
  width: 100%;
}

.longread .video__footer,
.story .video__footer {
  box-sizing: border-box;
  display: block;
  float: left;
}

@media (min-width: 1263px) {
  .longread .video__footer,
  .story .video__footer {
    margin-right: 50px;
    width: calc((100% - 550px) / 4 + 100px);
  }
}

@media (min-width: 1263px) and (min-width: 1263px) {
  .longread .video__footer:nth-child(4n+0),
  .story .video__footer:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .longread .video__footer,
  .story .video__footer {
    margin-right: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .longread .video__footer:nth-child(1n+0),
  .story .video__footer:nth-child(1n+0) {
    margin-right: 0;
  }
}

@media (max-width: 767px) and (min-width: 1263px) {
  .longread .video__footer:nth-child(3n+0),
  .story .video__footer:nth-child(3n+0) {
    margin-right: 0;
  }
}

@media (min-width: 1007px) and (max-width: 1262px) {
  .longread .video__footer,
  .story .video__footer {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 1007px) and (max-width: 1262px) and (min-width: 1263px) {
  .longread .video__footer:nth-child(4n+0),
  .story .video__footer:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1006px) {
  .longread .video__footer,
  .story .video__footer {
    margin-right: 50px;
    width: calc((100% - 450px) / 3.33333 + 100px);
  }
}

@media (min-width: 768px) and (max-width: 1006px) and (min-width: 1263px) {
  .longread .video__footer:nth-child(4n+0),
  .story .video__footer:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .longread .video__footer,
  .story .video__footer {
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
  }
}

.view--rtl.longread .video__footer, .view--rtl .story .video__footer {
  left: auto;
  right: 0;
  float: right;
}

.longread .footer:after,
.story .footer:after {
  z-index: 0;
}

.longread__footer,
.story__footer {
  float: left;
  width: 100%;
}

.show-on-mobile {
  display: block;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .show-on-tablet {
    display: block;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 1007px) {
  .show-on-desktop {
    display: block;
  }
}

.show-on-desktop-l {
  display: none;
}

@media (min-width: 1263px) {
  .show-on-desktop-l {
    display: block;
  }
}

.hide-on-mobile {
  display: none;
}

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

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1006px) {
  .hide-on-tablet {
    display: none;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1007px) {
  .hide-on-desktop {
    display: none;
  }
}

.hide-on-desktop-l {
  display: block;
}

@media (min-width: 1263px) {
  .hide-on-desktop-l {
    display: none;
  }
}

.fluid:not(.fluid--full-width) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid:not(.fluid--full-width) {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid:not(.fluid--full-width) {
    max-width: 1440px;
  }
}

.fluid--full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.fluid--inner > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .fluid--inner > * {
    max-width: 530px;
  }
}

@media (min-width: 1007px) {
  .fluid--inner > * {
    max-width: 1440px;
  }
}

.story-landing .related:first-child,
.story-landing .view__content > .cms-placeholder:first-child + script + .related {
  margin: 0 !important;
  padding-top: 40px;
}

@media (min-width: 768px) {
  .story-landing .related:first-child,
  .story-landing .view__content > .cms-placeholder:first-child + script + .related {
    padding-top: 50px;
  }
}

@media (min-width: 1263px) {
  .story-landing .related:first-child,
  .story-landing .view__content > .cms-placeholder:first-child + script + .related {
    padding-top: 80px;
  }
}

.view {
  counter-reset: reference;
}

@page {
  margin: 1.6cm 0 0;
  padding: 1.6cm;
}

@page :first {
  margin-top: 0;
}

.header,
.footer,
.video,
.gallery,
.download,
.exposition-links,
.button {
  display: none !important;
}