@charset "UTF-8";
.bgmain {
  background-color: #000;
}

.bglight {
  background-color: #f3f3f3;
}

.bgdark {
  background-color: #0f1d29;
}

.bghighlight {
  background-color: #dbae95;
}

.bgwhite {
  background-color: white;
}

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

.pointer {
  cursor: pointer;
}

.tunderlined {
  text-decoration: underline;
}

.texpanded {
  font-stretch: expanded;
}

.tbold {
  font-weight: 800;
}

.tleft {
  text-align: left;
}

.tright {
  text-align: right;
}

@media only screen and (min-width: 770px) {
  .tright-d {
    text-align: right;
  }
}

@media print {
  .tright-d {
    text-align: right;
  }
}

.tcenter {
  text-align: center;
}

@media only screen and (min-width: 770px) {
  .tcenter-d {
    text-align: center;
  }
}

@media print {
  .tcenter-d {
    text-align: center;
  }
}

.tuppercase {
  text-transform: uppercase;
}

.tlowercase {
  text-transform: lowercase;
}

.cwhite {
  color: white;
}

.bgwhite {
  background-color: white;
}

.bgblack {
  background-color: black;
}

.cblack {
  color: black;
}

.cmain {
  color: #000;
}

.clight {
  color: #f3f3f3;
}

.cdark {
  color: #0f1d29;
}

.chighlight {
  color: #dbae95;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.textwithicon > * {
  display: inline-block;
  vertical-align: middle;
}

.floatl {
  float: left;
}

.floatr {
  float: right;
}

@media only screen and (min-width: 770px) {
  .floatr-d {
    float: right;
  }
}

@media print {
  .floatr-d {
    float: right;
  }
}

@media screen and (max-width: 770px) {
  .only-d {
    display: none !important;
  }
}

@media only screen and (min-width: 770px) {
  .only-m {
    display: none !important;
  }
}

@media print {
  .only-m {
    display: none !important;
  }
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("./../fonts/open-sans-v23-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/open-sans-v23-latin-300.eot?#iefix") format("embedded-opentype"), url("./../fonts/open-sans-v23-latin-300.woff2") format("woff2"), url("./../fonts/open-sans-v23-latin-300.woff") format("woff"), url("./../fonts/open-sans-v23-latin-300.ttf") format("truetype"), url("./../fonts/open-sans-v23-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url("./../fonts/open-sans-v23-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/open-sans-v23-latin-300italic.eot?#iefix") format("embedded-opentype"), url("./../fonts/open-sans-v23-latin-300italic.woff2") format("woff2"), url("./../fonts/open-sans-v23-latin-300italic.woff") format("woff"), url("./../fonts/open-sans-v23-latin-300italic.ttf") format("truetype"), url("./../fonts/open-sans-v23-latin-300italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("./../fonts/open-sans-v23-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/open-sans-v23-latin-italic.eot?#iefix") format("embedded-opentype"), url("./../fonts/open-sans-v23-latin-italic.woff2") format("woff2"), url("./../fonts/open-sans-v23-latin-italic.woff") format("woff"), url("./../fonts/open-sans-v23-latin-italic.ttf") format("truetype"), url("./../fonts/open-sans-v23-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("./../fonts/open-sans-v23-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/open-sans-v23-latin-regular.eot?#iefix") format("embedded-opentype"), url("./../fonts/open-sans-v23-latin-regular.woff2") format("woff2"), url("./../fonts/open-sans-v23-latin-regular.woff") format("woff"), url("./../fonts/open-sans-v23-latin-regular.ttf") format("truetype"), url("./../fonts/open-sans-v23-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("./../fonts/open-sans-v23-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/open-sans-v23-latin-600.eot?#iefix") format("embedded-opentype"), url("./../fonts/open-sans-v23-latin-600.woff2") format("woff2"), url("./../fonts/open-sans-v23-latin-600.woff") format("woff"), url("./../fonts/open-sans-v23-latin-600.ttf") format("truetype"), url("./../fonts/open-sans-v23-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url("./../fonts/open-sans-v23-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/open-sans-v23-latin-600italic.eot?#iefix") format("embedded-opentype"), url("./../fonts/open-sans-v23-latin-600italic.woff2") format("woff2"), url("./../fonts/open-sans-v23-latin-600italic.woff") format("woff"), url("./../fonts/open-sans-v23-latin-600italic.ttf") format("truetype"), url("./../fonts/open-sans-v23-latin-600italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url("./../fonts/open-sans-v23-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/open-sans-v23-latin-700italic.eot?#iefix") format("embedded-opentype"), url("./../fonts/open-sans-v23-latin-700italic.woff2") format("woff2"), url("./../fonts/open-sans-v23-latin-700italic.woff") format("woff"), url("./../fonts/open-sans-v23-latin-700italic.ttf") format("truetype"), url("./../fonts/open-sans-v23-latin-700italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("./../fonts/open-sans-v23-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/open-sans-v23-latin-700.eot?#iefix") format("embedded-opentype"), url("./../fonts/open-sans-v23-latin-700.woff2") format("woff2"), url("./../fonts/open-sans-v23-latin-700.woff") format("woff"), url("./../fonts/open-sans-v23-latin-700.ttf") format("truetype"), url("./../fonts/open-sans-v23-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url("./../fonts/open-sans-v23-latin-800.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/open-sans-v23-latin-800.eot?#iefix") format("embedded-opentype"), url("./../fonts/open-sans-v23-latin-800.woff2") format("woff2"), url("./../fonts/open-sans-v23-latin-800.woff") format("woff"), url("./../fonts/open-sans-v23-latin-800.ttf") format("truetype"), url("./../fonts/open-sans-v23-latin-800.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url("./../fonts/open-sans-v23-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/open-sans-v23-latin-800italic.eot?#iefix") format("embedded-opentype"), url("./../fonts/open-sans-v23-latin-800italic.woff2") format("woff2"), url("./../fonts/open-sans-v23-latin-800italic.woff") format("woff"), url("./../fonts/open-sans-v23-latin-800italic.ttf") format("truetype"), url("./../fonts/open-sans-v23-latin-800italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url("./../fonts/playfair-display-v22-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-regular.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-regular.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-regular.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-regular.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-regular.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/* playfair-display-500 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url("./../fonts/playfair-display-v22-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-500.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-500.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-500.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-500.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-500.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/* playfair-display-600 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url("./../fonts/playfair-display-v22-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-600.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-600.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-600.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-600.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-600.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/* playfair-display-700 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url("./../fonts/playfair-display-v22-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-700.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-700.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-700.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-700.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-700.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/* playfair-display-800 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url("./../fonts/playfair-display-v22-latin-800.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-800.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-800.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-800.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-800.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-800.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/* playfair-display-900 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url("./../fonts/playfair-display-v22-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-900.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-900.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-900.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-900.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-900.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/* playfair-display-italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url("./../fonts/playfair-display-v22-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-italic.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-italic.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-italic.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-italic.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-italic.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/* playfair-display-500italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  src: url("./../fonts/playfair-display-v22-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-500italic.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-500italic.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-500italic.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-500italic.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-500italic.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/* playfair-display-600italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  src: url("./../fonts/playfair-display-v22-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-600italic.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-600italic.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-600italic.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-600italic.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-600italic.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/* playfair-display-700italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: url("./../fonts/playfair-display-v22-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-700italic.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-700italic.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-700italic.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-700italic.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-700italic.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/* playfair-display-800italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 800;
  src: url("./../fonts/playfair-display-v22-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-800italic.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-800italic.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-800italic.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-800italic.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-800italic.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/* playfair-display-900italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 900;
  src: url("./../fonts/playfair-display-v22-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./../fonts/playfair-display-v22-latin-900italic.eot?#iefix") format("embedded-opentype"), url("./../fonts/playfair-display-v22-latin-900italic.woff2") format("woff2"), url("./../fonts/playfair-display-v22-latin-900italic.woff") format("woff"), url("./../fonts/playfair-display-v22-latin-900italic.ttf") format("truetype"), url("./../fonts/playfair-display-v22-latin-900italic.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

.icon {
  display: inline-block;
  background-size: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
}

.icon-vbottom {
  vertical-align: bottom;
}

.icon-20 {
  height: 20px;
  width: 20px;
}

.icon-24 {
  height: 24px;
  width: 24px;
}

.icon-m24d32 {
  height: 24px;
  width: 24px;
}

@media only screen and (min-width: 770px) {
  .icon-m24d32 {
    height: 32px;
    width: 32px;
  }
}

@media print {
  .icon-m24d32 {
    height: 32px;
    width: 32px;
  }
}

.icon-32 {
  height: 32px;
  width: 32px;
}

.icon-48 {
  height: 48px;
  width: 48px;
}

.icon-accordion {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.thumbnail.icenter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100;
}

.thumbnail.icenter.icon-48 {
  height: 48px;
  width: 48px;
}

.ico-account-logout {
  background-image: url("./../icons/ico-account-logout.svg");
}

.ico-account-person {
  background-image: url("./../icons/ico-account-person.svg");
}

.ico-arrow_black-bottom {
  background-image: url("./../icons/ico-arrow_black-bottom.svg");
}

.ico-arrow_black-left {
  background-image: url("./../icons/ico-arrow_black-left.svg");
}

.ico-arrow_black-right {
  background-image: url("./../icons/ico-arrow_black-right.svg");
}

.ico-arrow_main-bottom {
  background-image: url("./../icons/ico-arrow_main-bottom.svg");
}

.ico-arrow_main-right {
  background-image: url("./../icons/ico-arrow_main-right.svg");
}

.ico-arrow_white-right {
  background-image: url("./../icons/ico-arrow_white-right.svg");
}

.ico-menu-sprite {
  background-image: url("./../icons/ico-menu-sprite.svg");
}

.ico-misc-analytics {
  background-image: url("./../icons/ico-misc-analytics.svg");
}

.ico-misc-apartment {
  background-image: url("./../icons/ico-misc-apartment.svg");
}

.ico-misc-arrows {
  background-image: url("./../icons/ico-misc-arrows.svg");
}

.ico-misc-business {
  background-image: url("./../icons/ico-misc-business.svg");
}

.ico-misc-city {
  background-image: url("./../icons/ico-misc-city.svg");
}

.ico-misc-datausage {
  background-image: url("./../icons/ico-misc-datausage.svg");
}

.ico-misc-expand {
  background-image: url("./../icons/ico-misc-expand.svg");
}

.ico-misc-flag {
  background-image: url("./../icons/ico-misc-flag.svg");
}

.ico-misc-foundation {
  background-image: url("./../icons/ico-misc-foundation.svg");
}

.ico-misc-hourglass {
  background-image: url("./../icons/ico-misc-hourglass.svg");
}

.ico-misc-layers {
  background-image: url("./../icons/ico-misc-layers.svg");
}

.ico-misc-mail {
  background-image: url("./../icons/ico-misc-mail.svg");
}

.ico-misc-money {
  background-image: url("./../icons/ico-misc-money.svg");
}

.ico-misc-open_in_new {
  background-image: url("./../icons/ico-misc-open_in_new.svg");
}

.ico-misc-paid {
  background-image: url("./../icons/ico-misc-paid.svg");
}

.ico-misc-paragraph {
  background-image: url("./../icons/ico-misc-paragraph.svg");
}

.ico-misc-payment {
  background-image: url("./../icons/ico-misc-payment.svg");
}

.ico-misc-sell {
  background-image: url("./../icons/ico-misc-sell.svg");
}

.ico-misc-tool {
  background-image: url("./../icons/ico-misc-tool.svg");
}

.ico-misc-trending {
  background-image: url("./../icons/ico-misc-trending.svg");
}

.ico-misc-volunteer {
  background-image: url("./../icons/ico-misc-volunteer.svg");
}

.ico-social-fb {
  background-image: url("./../icons/ico-social-fb.svg");
}

.ico-social-fb-white {
  background-image: url("./../icons/ico-social-fb-white.svg");
}

.ico-social-insta {
  background-image: url("./../icons/ico-social-insta.svg");
}

.ico-social-linked {
  background-image: url("./../icons/ico-social-linked.svg");
}

.ico-social-linked-white {
  background-image: url("./../icons/ico-social-linked-white.svg");
}

.ico-social-twitter {
  background-image: url("./../icons/ico-social-twitter.svg");
}

.ico-social-xing {
  background-image: url("./../icons/ico-social-xing.svg");
}

.ico-social-xing-white {
  background-image: url("./../icons/ico-social-xing-white.svg");
}

.ico-social-yt {
  background-image: url("./../icons/ico-social-yt.svg");
}

.ico-system-add {
  background-image: url("./../icons/ico-system-add.svg");
}

.ico-system-box-checked {
  background-image: url("./../icons/ico-system-box-checked.svg");
}

.ico-system-box-unchecked {
  background-image: url("./../icons/ico-system-box-unchecked.svg");
}

.ico-system-close_black {
  background-image: url("./../icons/ico-system-close_black.svg");
}

.ico-system-close_white {
  background-image: url("./../icons/ico-system-close_white.svg");
}

.ico-system-close_white-2 {
  background-image: url("./../icons/ico-system-close_white-2.svg");
}

.ico-system-download {
  background-image: url("./../icons/ico-system-download.svg");
}

.ico-system-play {
  background-image: url("./../icons/ico-system-play.svg");
}

.ico-system-remove {
  background-image: url("./../icons/ico-system-remove.svg");
}

.ratio {
  position: relative;
  z-index: 10;
  display: block;
}

.ratio > img,
.ratio > video {
  -webkit-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ratio > img.logo_overlay {
  height: auto;
  top: 50%;
  width: 80%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ratio--hauto > * {
  height: auto !important;
}

.ratio--hfit {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.ratio::before {
  content: "";
  width: 100%;
  display: block;
}

.ratio-hero-home::before {
  padding-top: 125%;
}

@media only screen and (min-width: 770px) {
  .ratio-hero-home::before {
    padding-top: 33%;
  }
}

@media print {
  .ratio-hero-home::before {
    padding-top: 33%;
  }
}

.ratio-hero-page::before {
  padding-top: 100%;
}

@media only screen and (min-width: 770px) {
  .ratio-hero-page::before {
    padding-top: 25%;
  }
}

@media print {
  .ratio-hero-page::before {
    padding-top: 25%;
  }
}

.ratio-square::before {
  padding-top: 100%;
}

.ratio-highlight-news::before {
  padding-top: 100%;
}

@media only screen and (min-width: 770px) {
  .ratio-highlight-news::before {
    padding-top: 38%;
  }
}

@media print {
  .ratio-highlight-news::before {
    padding-top: 38%;
  }
}

.ratio-slide::before {
  padding-top: 63%;
}

.ratio-header::before {
  padding-top: 139%;
}

@media only screen and (min-width: 770px) {
  .ratio-header::before {
    padding-top: 56.25%;
  }
}

@media print {
  .ratio-header::before {
    padding-top: 56.25%;
  }
}

.ratio-header-to-square::before {
  padding-top: 100%;
}

@media only screen and (min-width: 770px) {
  .ratio-header-to-square::before {
    padding-top: 56.25%;
  }
}

@media print {
  .ratio-header-to-square::before {
    padding-top: 56.25%;
  }
}

.ratio-highlight-home::before {
  padding-top: 263.75%;
}

@media only screen and (max-width: 560px) {
  .ratio-highlight-home::before {
    padding-top: 380%;
  }
}

@media screen and (max-width: 370px) {
  .ratio-highlight-home::before {
    padding-top: 450%;
  }
}

@media screen and (max-width: 350px) {
  .ratio-highlight-home::before {
    padding-top: 490%;
  }
}

@media only screen and (min-width: 770px) {
  .ratio-highlight-home::before {
    padding-top: 190%;
  }
}

@media print {
  .ratio-highlight-home::before {
    padding-top: 190%;
  }
}

@media only screen and (min-width: 1080px) {
  .ratio-highlight-home::before {
    padding-top: 110%;
  }
}

.ratio-highlight-vw::before {
  padding-top: 177.5%;
}

@media only screen and (min-width: 770px) {
  .ratio-highlight-vw::before {
    padding-top: 44.44%;
  }
}

@media print {
  .ratio-highlight-vw::before {
    padding-top: 44.44%;
  }
}

.ratio-highlight-fs::before {
  padding-top: 100%;
}

@media only screen and (min-width: 770px) {
  .ratio-highlight-fs::before {
    padding-top: 61%;
  }
}

@media print {
  .ratio-highlight-fs::before {
    padding-top: 61%;
  }
}

.ratio-records::before {
  padding-top: 100%;
}

@media only screen and (min-width: 770px) {
  .ratio-records::before {
    padding-top: 22.8%;
  }
}

@media print {
  .ratio-records::before {
    padding-top: 22.8%;
  }
}

.ratio-slide-project::before {
  padding-top: 56.25%;
}

@media only screen and (min-width: 770px) {
  .ratio-slide-project::before {
    padding-top: 56.45%;
  }
}

@media print {
  .ratio-slide-project::before {
    padding-top: 56.45%;
  }
}

.ratio-contact::before {
  padding-top: 100%;
}

@media only screen and (min-width: 770px) {
  .ratio-contact::before {
    padding-top: 47.7%;
  }
}

@media print {
  .ratio-contact::before {
    padding-top: 47.7%;
  }
}

.ratio-27x10::before {
  padding-top: 36.8%;
}

.ratio-map {
  padding-top: 135.5073%;
}

.hcenter-abs {
  position: relative;
  width: 100%;
}

.hcenter-abs > * {
  position: absolute;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: 0;
  left: 50%;
}

img.ofcontain {
  -o-object-fit: contain;
     object-fit: contain;
}

.skeleton {
  -webkit-animation: skeleton-image 1s linear infinite alternate;
          animation: skeleton-image 1s linear infinite alternate;
  border: none;
}

@-webkit-keyframes skeleton-image {
  0% {
    background-color: #0f1d29;
  }
  100% {
    background-color: #f3f3f3;
  }
}

@keyframes skeleton-image {
  0% {
    background-color: #0f1d29;
  }
  100% {
    background-color: #f3f3f3;
  }
}

:root {
  --doc-width: 100%;
  --section-min-width: 288px;
  --section-max-widht: 1048px;
  --overlay-left: 100%;
}

@media only screen and (min-width: 770px) {
  :root {
    --section-min-width: 760px;
    --section-max-width: 1048px;
  }
}

@media print {
  :root {
    --section-min-width: 760px;
    --section-max-width: 1048px;
  }
}

html,
body,
input,
textarea,
figure {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #000;
}

html {
  overflow-x: hidden;
}

body {
  -webkit-transition: background-color .6s ease-in-out;
  transition: background-color .6s ease-in-out;
}

img {
  width: 100%;
}

iframe {
  border: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
q,
blockquote,
figcaption,
ol,
ul,
b,
span,
select,
textarea,
input,
::-webkit-input-placeholder {
  margin: 0;
  padding: 0;
  z-index: 10;
  position: relative;
  font-family: Open Sans;
  font-weight: 300;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-decoration: none;
  -webkit-transition: color .6s ease-in-out;
  transition: color .6s ease-in-out;
  -webkit-hyphens: auto;
          hyphens: auto;
  -webkit-hyphenate-character: "-";
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
q,
blockquote,
figcaption,
ol,
ul,
b,
span,
select,
textarea,
input,
:-ms-input-placeholder {
  margin: 0;
  padding: 0;
  z-index: 10;
  position: relative;
  font-family: Open Sans;
  font-weight: 300;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-decoration: none;
  -webkit-transition: color .6s ease-in-out;
  transition: color .6s ease-in-out;
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphenate-character: "-";
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
q,
blockquote,
figcaption,
ol,
ul,
b,
span,
select,
textarea,
input,
::-ms-input-placeholder {
  margin: 0;
  padding: 0;
  z-index: 10;
  position: relative;
  font-family: Open Sans;
  font-weight: 300;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-decoration: none;
  -webkit-transition: color .6s ease-in-out;
  transition: color .6s ease-in-out;
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphenate-character: "-";
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
q,
blockquote,
figcaption,
ol,
ul,
b,
span,
select,
textarea,
input,
::placeholder {
  margin: 0;
  padding: 0;
  z-index: 10;
  position: relative;
  font-family: Open Sans;
  font-weight: 300;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-decoration: none;
  -webkit-transition: color .6s ease-in-out;
  transition: color .6s ease-in-out;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  -webkit-hyphenate-character: "-";
}

div {
  font-family: Open Sans;
  font-weight: 300;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-decoration: none;
}

h1,
.h1 {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5;
}

@media only screen and (min-width: 770px) {
  h1,
  .h1 {
    font-size: 32px;
  }
}

@media print {
  h1,
  .h1 {
    font-size: 32px;
  }
}

h2,
.h2 {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

@media only screen and (min-width: 770px) {
  h2,
  .h2 {
    font-size: 24px;
  }
}

@media print {
  h2,
  .h2 {
    font-size: 24px;
  }
}

h3,
.h3 {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

span.small {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
}

@media only screen and (min-width: 770px) {
  span.small {
    font-size: 14px;
  }
}

@media print {
  span.small {
    font-size: 14px;
  }
}

p,
.p {
  font-size: 16px;
  line-height: 1.5;
}

p.highlight,
.p.highlight {
  font-size: 18px;
}

.footer-company {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

@media only screen and (min-width: 770px) {
  .footer-company {
    font-size: 24px;
  }
}

@media print {
  .footer-company {
    font-size: 24px;
  }
}

h1.highlight, h1.serif,
h2.highlight,
h2.serif,
h3.highlight,
h3.serif,
h4.highlight,
h4.serif,
h5.highlight,
h5.serif,
h6.highlight,
h6.serif,
p.highlight,
p.serif,
q.highlight,
q.serif,
figcaption.highlight,
figcaption.serif,
span.highlight,
span.serif {
  font-family: Playfair Display;
}

h1,
h2,
h3,
h4,
h5,
h6,
p.highlight {
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

.slick-slide h1,
.slick-slide h2,
.slick-slide h3,
.slick-slide h4,
.slick-slide h5,
.slick-slide h6,
.slick-slide p {
  -webkit-hyphens: auto !important;
      -ms-hyphens: auto !important;
          hyphens: auto !important;
  -webkit-hyphenate-character: "-";
}

@media screen and (max-width: 770px) {
  section[data-section="newslasso"] article h1,
  section[data-section="newslasso"] article h2,
  section[data-section="newslasso"] article h3,
  section[data-section="newslasso"] article h4,
  section[data-section="newslasso"] article h5,
  section[data-section="newslasso"] article h6,
  section[data-section="newslasso"] article p {
    -webkit-hyphens: auto !important;
        -ms-hyphens: auto !important;
            hyphens: auto !important;
  }
}

.fs18 {
  font-size: 18px;
}

.fs-m12d16 {
  font-size: 12px;
  line-height: normal;
}

@media only screen and (min-width: 770px) {
  .fs-m12d16 {
    font-size: 16px;
  }
}

@media print {
  .fs-m12d16 {
    font-size: 16px;
  }
}

.fs-m16d24 {
  font-size: 16px;
  line-height: normal;
}

@media only screen and (min-width: 770px) {
  .fs-m16d24 {
    font-size: 24px;
  }
}

@media print {
  .fs-m16d24 {
    font-size: 24px;
  }
}

.fs-m28d40 {
  font-size: 28px;
  line-height: normal;
}

@media only screen and (min-width: 770px) {
  .fs-m28d40 {
    font-size: 40px;
  }
}

@media print {
  .fs-m28d40 {
    font-size: 40px;
  }
}

.fs-m30d40 {
  font-size: 30px;
  line-height: normal;
}

@media only screen and (min-width: 770px) {
  .fs-m30d40 {
    font-size: 40px;
  }
}

@media print {
  .fs-m30d40 {
    font-size: 40px;
  }
}

.fs-m32d40 {
  font-size: 32px;
  line-height: normal;
}

@media only screen and (min-width: 770px) {
  .fs-m32d40 {
    font-size: 40px;
  }
}

@media print {
  .fs-m32d40 {
    font-size: 40px;
  }
}

.fs-m40d72 {
  font-size: 40px;
  line-height: normal;
}

@media only screen and (min-width: 770px) {
  .fs-m40d72 {
    font-size: 72px;
  }
}

@media print {
  .fs-m40d72 {
    font-size: 72px;
  }
}

.fs-m32d48 {
  font-size: 32px;
  line-height: normal;
}

@media only screen and (min-width: 770px) {
  .fs-m32d48 {
    font-size: 48px;
  }
}

@media print {
  .fs-m32d48 {
    font-size: 48px;
  }
}

a {
  font-size: 16px;
  line-height: 1.5;
  color: initial;
}

a.btn {
  color: #dbae95;
  border: solid 1px #dbae95;
  padding: 11px 18px 13px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  cursor: pointer;
}

a.btn:hover {
  background-color: #dbae95;
  color: white;
}

a.btn.disabled {
  background-color: #dedede;
  border: solid 1px #dedede;
  color: #b6b6b6;
  font-weight: bold;
  cursor: not-allowed;
  -webkit-box-shadow: 1px 1px 10px #b6b6b6;
          box-shadow: 1px 1px 10px #b6b6b6;
}

a.btn--snd {
  padding: 11px 13px 13px;
  background-color: #0f1d29;
  border: solid 1px #0f1d29;
  color: white;
  display: inline-block;
  text-align: center;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

a.btn--snd:hover {
  background-color: white;
  color: #0f1d29;
}

a.btn-span3 {
  width: 188px;
}

@media only screen and (min-width: 770px) {
  a.btn-span3 {
    width: 212px;
  }
}

@media print {
  a.btn-span3 {
    width: 212px;
  }
}

a.btn-span4 {
  width: 252px;
}

@media only screen and (min-width: 770px) {
  a.btn-span4 {
    width: 328px;
  }
}

@media print {
  a.btn-span4 {
    width: 328px;
  }
}

.wt-cli-privacy-btn.cli_setting_save_button.wt-cli-privacy-accept-btn.cli-btn {
  color: #dbae95;
  border: solid 1px #dbae95;
  background-color: white;
}

.wt-cli-privacy-btn.cli_setting_save_button.wt-cli-privacy-accept-btn.cli-btn:hover {
  background-color: #dbae95;
  color: white;
}

.cli-switch input:checked + .cli-slider {
  background-color: #dbae95 !important;
}

q {
  font-size: 24px;
  font-weight: 800;
}

@media only screen and (min-width: 770px) {
  q {
    font-size: 32px;
  }
}

@media print {
  q {
    font-size: 32px;
  }
}

q.quote {
  font-size: 32px;
  font-family: Playfair Display;
  font-weight: normal;
}

@media only screen and (min-width: 770px) {
  q.quote {
    font-size: 48px;
  }
}

@media print {
  q.quote {
    font-size: 48px;
  }
}

a.pageanchor {
  color: inherit;
}

.bold {
  font-weight: 800;
}

.imagecaption {
  font-style: italic;
  font-size: 14px;
}

.slidecaption {
  font-size: 14px;
}

.accordion-content {
  overflow: hidden;
  height: 0;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.accordion-content-inner ul {
  list-style-type: square;
  list-style-type: '•';
  margin-bottom: 16px;
}

.accordion-content-inner ul li {
  list-style-position: outside;
  padding-left: 8px;
  margin-left: 8px;
  line-height: 1.5;
}

.accordion-content-inner ol {
  padding-left: 8px;
  margin-left: 0px;
  margin-bottom: 16px;
}

.accordion-content-inner ol li {
  list-style-position: outside;
  padding-left: 8px;
  margin-left: 16px;
  line-height: 1.5;
}

.accordion-content-inner p {
  margin: 8px 0;
}

.accordion-content-inner h1,
.accordion-content-inner h2,
.accordion-content-inner h3,
.accordion-content-inner h4,
.accordion-content-inner h5,
.accordion-content-inner h6 {
  font-family: Playfair Display;
}

@media screen and (max-width: 770px) {
  .image-mhalfwidth {
    width: 50%;
    max-width: 353px;
  }
}

.banner {
  width: 100%;
  min-height: 56px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: fixed;
  top: 64px;
  z-index: 70;
  -webkit-transition: top 0.5s ease;
  transition: top 0.5s ease;
}

.banner-inner.grid {
  height: inherit;
}

.section-page-user-hero {
  -webkit-transition: margin-top 0.2s ease;
  transition: margin-top 0.2s ease;
}

.project-status {
  padding: 16px 32px;
  margin: 16px 0;
}

.project-status-white {
  border: 1px solid #0f1d29;
}

.project-status-dark {
  color: white;
}

.project-status-line {
  position: absolute;
  top: -16px;
  left: 32px;
  bottom: -16px;
  width: 1px;
  background-color: #dbae95;
  z-index: -1;
}

.project-table {
  width: 100%;
  table-layout: fixed;
}

.project-table td {
  padding: 8px 0;
}

.project-table td:first-child {
  width: 35.4%;
  border-right: solid 1px #dbae95;
  padding-right: 8px;
  display: table-cell;
}

@media only screen and (min-width: 770px) {
  .project-table td:first-child {
    padding-right: 16px;
  }
}

@media print {
  .project-table td:first-child {
    padding-right: 16px;
  }
}

.project-table td:nth-child(2) {
  padding-left: 8px;
}

@media only screen and (min-width: 770px) {
  .project-table td:nth-child(2) {
    padding-left: 16px;
  }
}

@media print {
  .project-table td:nth-child(2) {
    padding-left: 16px;
  }
}

.project-table-image {
  max-width: 136px;
  width: 100%;
}

@media only screen and (min-width: 770px) {
  .project-table-image {
    max-width: 148px;
  }
}

@media print {
  .project-table-image {
    max-width: 148px;
  }
}

.project-select {
  grid-column: 1 / -1;
  -ms-grid-column-align: right;
      justify-self: right;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 770px) {
  .project-select {
    max-width: 270px;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

@media print {
  .project-select {
    max-width: 270px;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.project-current-content {
  z-index: 15;
  width: 100%;
  margin: 64px 0 !important;
  position: relative;
  padding: 32px 0;
}

@media only screen and (min-width: 770px) {
  .project-current-content {
    margin: 45px 0 !important;
    padding: 64px 90px;
  }
}

@media print {
  .project-current-content {
    margin: 45px 0 !important;
    padding: 64px 90px;
  }
}

@media screen and (max-width: 770px) {
  .project-current-content-left > h2,
  .project-current-content-left > div {
    padding-left: 16px;
  }
  .project-current-content-left::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: white;
    left: -16px;
    right: 0;
    z-index: -1;
  }
}

@media screen and (max-width: 770px) {
  .project-current-content-right > h2,
  .project-current-content-right > div {
    padding-left: 32px;
  }
  .project-current-content-right::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: white;
    left: 0;
    right: -16px;
    z-index: -1;
  }
}

.project-current-background {
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: -1;
  width: 100vw;
}

.fly-in-bottom {
  -webkit-animation: bottom 0.9s ease-in-out;
          animation: bottom 0.9s ease-in-out;
}

.fly-in-right {
  -webkit-animation: right 0.9s ease-in-out;
          animation: right 0.9s ease-in-out;
}

.fly-in-left {
  -webkit-animation: left 0.9s ease-in-out;
          animation: left 0.9s ease-in-out;
}

@-webkit-keyframes bottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes bottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@-webkit-keyframes left {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes left {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@-webkit-keyframes right {
  from {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes right {
  from {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

iframe.overlay-iframe {
  position: initial;
  top: 0;
  height: 100vh;
  border: none;
  z-index: 200;
  overflow: scroll;
}

.overlay-container {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
  background-color: #1a1a1a;
}

.overlay-close-container {
  position: fixed;
  margin: auto;
  max-width: 1048px;
  top: 0;
  left: 0;
  right: 0;
}

.overlay-close-inner {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 222;
  cursor: pointer;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: inherit;
  position: relative;
  border-radius: 0;
  padding: 0 12px;
  border: 1px solid #dbae95;
  height: 48px;
  background: url("./../icons/ico-arrow_main-bottom.svg") no-repeat;
  background-size: 24px;
  background-position: calc(100% - 12px);
}

select:focus, select:active {
  outline: none;
  border: 1px solid #0f1d29;
  background: url("./../icons/ico-arrow_dark-bottom.svg") no-repeat;
  background-size: 24px;
  background-position: calc(100% - 12px);
}

.user-form input {
  margin: 3px 0 0;
  padding: 12px 24px;
  border: solid 1px #b4b4b4;
  width: 100%;
  height: 48px;
}

.user-form input:focus, .user-form input:active {
  outline: none;
  border: 1px solid #0f1d29;
}

.user-form label {
  width: 240px;
  height: 18px;
  margin: 0 24px 3px;
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #383838;
}

.user-form .um-row._um_row_1 {
  margin: 0 !important;
}

.user-form input[type=submit] {
  background-color: #0f1d29;
  color: white;
  font-weight: 800;
  border: none;
  cursor: pointer;
  margin-top: 16px;
  margin-bottom: 16px;
}

.user-form .um-field.um-field-c {
  display: none;
}

.user-form .um-field-type_text,
.user-form .um-field-type_password {
  margin-top: 16px;
}

.user-form-account-arrow {
  font-size: inherit !important;
  top: 8px !important;
}

@media screen and (max-width: 770px) {
  .user-form .um-account-side.uimob340-hide.uimob500-hide {
    width: 100%;
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 770px) {
  .user-form .um-account-main {
    width: 100%;
    padding-left: 0;
  }
}

.wpcf7-form [aria-invalid='true'] {
  border: 2px solid #ff0000;
}

.wpcf7-form .wpcf7-not-valid-tip {
  margin-left: 24px;
  color: #ff0000;
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: inherit;
  position: relative;
  border-radius: 0;
  padding: 8px 24px;
  border: 1px solid #f3f3f3;
  height: 48px;
  margin: 4px 0 12px;
}

.wpcf7-form input:focus, .wpcf7-form input:active,
.wpcf7-form textarea:focus,
.wpcf7-form textarea:active,
.wpcf7-form select:focus,
.wpcf7-form select:active {
  outline: none;
  border: 1px solid #0f1d29;
}

.wpcf7-form textarea {
  resize: none;
  height: 296px;
  padding: 12px 24px;
}

.wpcf7-form select {
  background-color: #f3f3f3;
  font-weight: bold;
}

.wpcf7-form label {
  padding: 8px 24px;
}

.wpcf7-form input[type="submit"] {
  font-weight: bold;
  background-color: #0f1d29;
  color: white;
  float: right;
  width: 100%;
  max-width: 323px;
  cursor: pointer;
}

.home-fullsize-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 770px) {
  .home-fullsize-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media print {
  .home-fullsize-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.home-fullsize-kpis {
  overflow: visible;
}

@media only screen and (min-width: 770px) {
  .home-fullsize-kpis {
    padding-right: 32px;
    width: 55%;
  }
}

@media print {
  .home-fullsize-kpis {
    padding-right: 32px;
    width: 55%;
  }
}

@media only screen and (min-width: 1080px) {
  .home-fullsize-kpis {
    padding-right: 64px;
  }
}

.home-fullsize-map {
  position: relative;
}

@media only screen and (min-width: 770px) {
  .home-fullsize-map {
    padding-left: 32px;
    width: 55%;
  }
}

@media print {
  .home-fullsize-map {
    padding-left: 32px;
    width: 55%;
  }
}

@media only screen and (min-width: 1080px) {
  .home-fullsize-map {
    padding-right: 64px;
  }
}

.map {
  background-image: url("./../images/components/zar_map.svg");
  background-size: contain;
  position: -webkit-sticky;
  position: sticky;
  margin-top: 32px;
}

@media only screen and (min-width: 770px) {
  .map {
    top: 850px;
    margin-top: 0;
  }
}

@media print {
  .map {
    top: 850px;
    margin-top: 0;
  }
}

@media only screen and (min-width: 1080px) {
  .map {
    top: 750px;
  }
}

.map-pointer {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
}

.map-pointer-loc::before {
  border-color: #9a8074;
}

@media only screen and (max-width: 560px) {
  .map-pointer {
    width: 8px;
    height: 8px;
  }
}

.map-pointer-pulsating::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

.map-pointer-office.map-pointer-loc::before {
  border-color: #9a8074;
}

.map-pointer-office::after {
  background-color: #9a8074;
}

.map-pointer-office-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #9a8074;
  border-radius: 99999%;
  margin-right: 8px;
}

.map-pointer-acquisation.map-pointer-loc::before {
  border-color: #9a8074;
}

.map-pointer-acquisation::after {
  background-color: #e7eaec;
}

.map-pointer-acquisation-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #e7eaec;
  border-radius: 99999%;
  margin-right: 8px;
}

.map-pointer-loc::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150%;
  height: 150%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-width: 1px;
  border-style: solid;
}

.map-pointer-loc-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #a48b7f;
  border-radius: 99999%;
  margin-right: 8px;
}

.map-pointer-hamburg {
  top: 20%;
  left: 45%;
}

.map-pointer-munich {
  top: 89%;
  left: 63%;
}

.map-pointer-berlin {
  top: 31%;
  left: 79%;
}

.map-pointer-dusseldorf {
  top: 50%;
  left: 12%;
}

.map-pointer-duisburg {
  top: 45%;
  left: 11%;
}

.map-pointer-cologne {
  top: 54%;
  left: 13%;
}

.map-pointer-frankfurt {
  top: 62%;
  left: 31%;
}

.map-pointer-stuttgart {
  top: 81%;
  left: 37%;
}

.map-pointer-nuremberg {
  top: 71%;
  left: 57%;
}

@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
  }
  80%,
  100% {
    opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
  }
  80%,
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

.post {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  float: left;
  height: auto;
}

@media only screen and (min-width: 770px) {
  .post {
    width: 48%;
  }
}

@media print {
  .post {
    width: 48%;
  }
}

.post-image {
  max-width: 136px;
}

@media only screen and (min-width: 770px) {
  .post-image {
    max-width: 148px;
  }
}

@media print {
  .post-image {
    max-width: 148px;
  }
}

.post-title {
  grid-column: 1 / -1;
}

@media only screen and (min-width: 770px) {
  .post-title {
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

@media print {
  .post-title {
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.post-select {
  grid-column: 1 / -1;
  max-width: 288px;
  -ms-grid-column-align: right;
      justify-self: right;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 770px) {
  .post-select {
    max-width: 270px;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

@media print {
  .post-select {
    max-width: 270px;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.rich-ul {
  list-style-type: "•";
}

.rich-li {
  padding-left: 16px;
  margin-left: 16px;
  line-height: 1.5;
}

.richtext a {
  color: inherit;
  text-decoration: underline;
}

.richtext ul {
  list-style-type: "•";
}

.richtext ul li {
  padding-left: 16px;
  margin-left: 16px;
  line-height: 1.5;
}

.contentwithbg-fullsize {
  position: absolute;
  width: 100vw;
  top: 25%;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: -1;
}

section {
  position: relative;
}

section:not(:first-of-type) {
  padding-top: 16px;
  padding-bottom: 16px;
}

section.pb0 {
  padding-bottom: 0px;
}

section.pt0 {
  padding-top: 0px;
}

section.pb32 {
  padding-bottom: 32px;
}

section.pt32 {
  padding-top: 32px;
}

@media only screen and (min-width: 770px) {
  .sm-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media print {
  .sm-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.sm-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 770px) {
  .sm-icons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: wrap flex;
            flex-flow: wrap flex;
  }
  .sm-icons a {
    margin-right: 54px;
  }
}

@media only screen and (min-width: 770px) {
  .sm-icons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media print {
  .sm-icons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.speechbubble-container {
  padding: 32px 16px;
  position: relative;
}

.speechbubble-edge {
  position: absolute;
  top: 100%;
  margin-left: 16px;
  width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 24px solid #dbae95;
}

@media only screen and (min-width: 770px) {
  .speechbubble-edge {
    margin-left: 48px;
  }
}

@media print {
  .speechbubble-edge {
    margin-left: 48px;
  }
}

.slick-initialized .slick-slide.slide:not([data-slider="logo"]) {
  padding-right: 16px;
}

@media only screen and (min-width: 770px) {
  .slick-initialized .slick-slide.slide:not([data-slider="logo"]) {
    padding-right: 32px;
  }
}

@media print {
  .slick-initialized .slick-slide.slide:not([data-slider="logo"]) {
    padding-right: 32px;
  }
}

.slide-container {
  margin: auto;
  width: 100%;
}

@media only screen and (min-width: 770px) {
  .slide-container {
    max-width: 1440px;
  }
}

@media print {
  .slide-container {
    max-width: 1440px;
  }
}

.slide-page {
  min-width: 240px;
  max-width: 81vw;
  width: 100%;
}

@media only screen and (min-width: 770px) {
  .slide-page {
    max-width: 508px;
  }
}

@media print {
  .slide-page {
    max-width: 508px;
  }
}

.slide-project {
  position: relative;
  max-width: 100vw;
  width: 100%;
}

@media only screen and (min-width: 770px) {
  .slide-project {
    max-width: 868px;
  }
}

@media print {
  .slide-project {
    max-width: 868px;
  }
}

.slide-project.slick-slide {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.slide-project.slick-active {
  opacity: 1;
}

.slide-project-caption {
  margin: 8px 16px 0;
  min-height: 28px;
  max-width: 288px;
}

@media only screen and (min-width: 770px) {
  .slide-project-caption {
    margin: 0;
    max-width: 238px;
  }
}

@media print {
  .slide-project-caption {
    margin: 0;
    max-width: 238px;
  }
}

.slide-logo {
  min-width: 138px;
  width: 100%;
  max-width: 238px;
  padding: 0 16px;
}

@media only screen and (min-width: 770px) {
  .slide-logo {
    max-width: 238px;
  }
}

@media print {
  .slide-logo {
    max-width: 238px;
  }
}

.slide-text {
  min-width: 212px;
  max-width: 66vw;
  width: 100%;
}

@media screen and (max-width: 770px) {
  .slide-text {
    padding-left: 16px;
  }
}

@media only screen and (min-width: 770px) {
  .slide-text {
    max-width: 328px;
  }
}

@media print {
  .slide-text {
    max-width: 328px;
  }
}

img.slide-logo-img {
  max-width: 142px;
  max-height: 92px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

img.slide-page-img {
  max-width: 508px;
}

.slick-arrow {
  position: absolute;
  top: 100%;
  z-index: 50;
}

@media only screen and (min-width: 770px) {
  .slick-arrow {
    top: auto;
    bottom: -8px;
  }
}

@media print {
  .slick-arrow {
    top: auto;
    bottom: -8px;
  }
}

@media only screen and (min-width: 770px) {
  .slick-arrow {
    right: 40px;
  }
}

@media print {
  .slick-arrow {
    right: 40px;
  }
}

.slick-arrow.slick-prev {
  position: absolute;
  cursor: pointer;
  right: 56px;
}

@media only screen and (min-width: 770px) {
  .slick-arrow.slick-prev {
    right: 40px;
  }
}

@media print {
  .slick-arrow.slick-prev {
    right: 40px;
  }
}

.slick-arrow.slick-next {
  position: absolute;
  cursor: pointer;
  right: 16px;
}

@media only screen and (min-width: 770px) {
  .slick-arrow.slick-next {
    right: 0;
  }
}

@media print {
  .slick-arrow.slick-next {
    right: 0;
  }
}

ul.circle_ul {
  list-style-type: none;
  width: 136px;
  margin: auto;
  height: 2px;
  background-color: #f3f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 770px) {
  ul.circle_ul {
    width: 238px;
  }
}

@media print {
  ul.circle_ul {
    width: 238px;
  }
}

ul.circle_ul-big {
  width: 288px;
}

@media only screen and (min-width: 770px) {
  ul.circle_ul-big {
    width: 508px;
  }
}

@media print {
  ul.circle_ul-big {
    width: 508px;
  }
}

ul.circle_ul-project {
  position: absolute;
  top: calc(100% + 12px);
  right: 96px;
  left: 16px;
  width: auto;
}

@media only screen and (min-width: 770px) {
  ul.circle_ul-project {
    top: auto;
    left: auto;
    width: 100%;
    max-width: 338px;
    right: 80px;
    bottom: 4px;
  }
}

@media print {
  ul.circle_ul-project {
    top: auto;
    left: auto;
    width: 100%;
    max-width: 338px;
    right: 80px;
    bottom: 4px;
  }
}

ul.circle_ul li.slick-active {
  background-color: #000;
}

ul.circle_ul li {
  height: 2px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

ul.circle_ul li button {
  visibility: hidden;
}

.hidden {
  display: none;
}

table {
  border: none;
  border-spacing: 0px;
}

tbody {
  vertical-align: top;
}

@media screen and (max-width: 770px) {
  td:not(.chart-td),
  th:not(.chart-th) {
    display: block;
  }
}

.chart-td,
.chart-th {
  font-size: 14px;
}

@media only screen and (min-width: 770px) {
  .chart-td,
  .chart-th {
    font-size: 16px;
  }
}

@media print {
  .chart-td,
  .chart-th {
    font-size: 16px;
  }
}

@media screen and (max-width: 770px) {
  td[data-th]:before {
    content: attr(data-th);
  }
}

.teaser-fullsize-container {
  margin: auto;
  max-width: 1920px;
  width: 100%;
}

.teaser-fullsize-text {
  background-color: white;
  margin-top: -20%;
  z-index: 20;
  padding: 32px 16px;
  position: relative;
}

@media only screen and (min-width: 770px) {
  .teaser-fullsize-text {
    padding: 32px 0px;
  }
  .teaser-fullsize-text::before {
    content: "";
    position: absolute;
    top: 0;
    left: -32px;
    right: 100%;
    bottom: 0;
    background-color: white;
  }
  .teaser-fullsize-text::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    right: -32px;
    bottom: 0;
    background-color: white;
  }
}

@media print {
  .teaser-fullsize-text {
    padding: 32px 0px;
  }
  .teaser-fullsize-text::before {
    content: "";
    position: absolute;
    top: 0;
    left: -32px;
    right: 100%;
    bottom: 0;
    background-color: white;
  }
  .teaser-fullsize-text::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    right: -32px;
    bottom: 0;
    background-color: white;
  }
}

.teaser-fullsize-content-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 22;
  width: 100%;
}

.home-fullsize-container {
  margin: auto;
  max-width: 1440px;
  width: 100%;
}

.home-fullsize-text {
  background-color: white;
  z-index: 20;
  padding: 64px 16px;
  margin: 0 16px;
  position: relative;
}

.home-fullsize-text-preview {
  padding: 8px 8px;
}

.home-fullsize-text-preview h2 {
  font-size: 14px !important;
}

.home-fullsize-text-preview span,
.home-fullsize-text-preview p {
  font-size: 12px !important;
}

@media only screen and (min-width: 770px) {
  .home-fullsize-text {
    padding: 64px 32px;
    font-size: 6vw;
  }
  .home-fullsize-text h2.highlight {
    font-size: 6vw;
  }
}

@media print {
  .home-fullsize-text {
    padding: 64px 32px;
    font-size: 6vw;
  }
  .home-fullsize-text h2.highlight {
    font-size: 6vw;
  }
}

@media only screen and (min-width: 1080px) {
  .home-fullsize-text {
    padding: 32px;
    margin: 0;
    font-size: initial;
  }
  .home-fullsize-text h2.highlight {
    font-size: 72px;
  }
}

.home-fullsize-content-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 22;
  width: 100%;
}

.thumbnail {
  z-index: 30;
  opacity: 1.0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.video-icon {
  z-index: 31;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1.0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.video-background-layer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.video-thumbnail-logo.video-thumbnail {
  top: 30%;
  z-index: 99;
  height: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 500px;
}

@media only screen and (max-width: 560px) {
  .video-thumbnail-logo.video-thumbnail {
    max-width: 288px;
  }
}

@media only screen and (min-width: 770px) {
  .video-thumbnail-logo.video-thumbnail {
    top: 25%;
  }
}

@media print {
  .video-thumbnail-logo.video-thumbnail {
    top: 25%;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.frow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.fcolumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.fwrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

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

.flex-vcenter {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

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

.fright {
  float: right;
}

@media screen and (max-width: 770px) {
  .fright-m {
    float: right;
  }
}

@media only screen and (min-width: 770px) {
  .fright-d {
    float: right;
  }
}

@media print {
  .fright-d {
    float: right;
  }
}

.fleft {
  float: left;
}

@media screen and (max-width: 770px) {
  .fleft-m {
    float: left;
  }
}

@media only screen and (min-width: 770px) {
  .fleft-d {
    float: left;
  }
}

@media print {
  .fleft-d {
    float: left;
  }
}

.fwrapper {
  margin: 0 16px;
}

.fcols-2m-4d {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50vw;
          flex: 0 0 50vw;
}

@media only screen and (min-width: 770px) {
  .fcols-2m-4d {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21%;
            flex: 0 0 21%;
  }
}

@media print {
  .fcols-2m-4d {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21%;
            flex: 0 0 21%;
  }
}

.fcols-m3d4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28%;
          flex: 0 0 28%;
}

@media only screen and (min-width: 770px) {
  .fcols-m3d4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21%;
            flex: 0 0 21%;
  }
}

@media print {
  .fcols-m3d4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21%;
            flex: 0 0 21%;
  }
}

footer {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  color: white;
}

.footer-bg {
  position: absolute;
  top: 120px;
  bottom: 0;
  width: 100vw;
  z-index: -1;
}

.footer-li {
  list-style-type: none;
}

.footer-link {
  font-size: 16px;
  line-height: 2;
  color: #dbae95;
}

.footer-container-legals {
  min-height: 54px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media only screen and (min-width: 770px) {
  .footer-container-legals {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media print {
  .footer-container-legals {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.footer-legals-li {
  list-style-type: none;
  margin-top: 8px;
  text-align: right;
}

@media only screen and (min-width: 770px) {
  .footer-legals-li {
    margin-left: 32px;
    text-align: left;
    display: inline;
  }
}

@media print {
  .footer-legals-li {
    margin-left: 32px;
    text-align: left;
    display: inline;
  }
}

.footer-menu {
  margin-bottom: 32px;
}

@media only screen and (min-width: 770px) {
  .footer-menu {
    margin-top: 180px;
  }
}

@media print {
  .footer-menu {
    margin-top: 180px;
  }
}

.footer-sm {
  margin-bottom: 32px;
}

@media only screen and (min-width: 770px) {
  .footer-sm {
    margin-top: 180px;
  }
}

@media print {
  .footer-sm {
    margin-top: 180px;
  }
}

.grid {
  display: -ms-grid;
  display: grid;
  height: 200px;
  margin: auto;
  max-width: 1048px;
  -ms-grid-columns: (minmax(60px, 120px))[4];
      grid-template-columns: repeat(4, minmax(60px, 120px));
  grid-column-gap: 16px;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 770px) {
  .grid {
    -ms-grid-columns: (minmax(29px, 58px))[12];
        grid-template-columns: repeat(12, minmax(29px, 58px));
    grid-column-gap: 32px;
  }
}

@media print {
  .grid {
    -ms-grid-columns: (minmax(29px, 58px))[12];
        grid-template-columns: repeat(12, minmax(29px, 58px));
    grid-column-gap: 32px;
  }
}

@media only screen and (max-width: 1080px) {
  .grid--nav {
    -ms-grid-columns: (minmax(60px, 240px))[4];
        grid-template-columns: repeat(4, minmax(60px, 240px));
  }
}

@media screen and (max-width: 770px) {
  .grid--nav {
    -ms-grid-columns: (minmax(60px, 120px))[4];
        grid-template-columns: repeat(4, minmax(60px, 120px));
  }
}

.gvcenter {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.gvstart {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.gvend {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ghcenter {
  -ms-grid-column-align: center;
      justify-self: center;
}

.ghleft {
  -ms-grid-column-align: start;
      justify-self: start;
}

.ghright {
  -ms-grid-column-align: end;
      justify-self: end;
}

@media only screen and (min-width: 770px) {
  .ghright-d {
    -ms-grid-column-align: end;
        justify-self: end;
  }
}

@media print {
  .ghright-d {
    -ms-grid-column-align: end;
        justify-self: end;
  }
}

.ghfc {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.section-w-grid {
  margin: auto;
}

@media only screen and (min-width: 770px) {
  .section-w-grid {
    min-width: var(--section-min-width);
    max-width: var(--section-max-width);
  }
}

@media print {
  .section-w-grid {
    min-width: var(--section-min-width);
    max-width: var(--section-max-width);
  }
}

.grow-m40d80 {
  grid-row-gap: 40px;
}

@media only screen and (min-width: 770px) {
  .grow-m40d80 {
    grid-row-gap: 80px;
  }
}

@media print {
  .grow-m40d80 {
    grid-row-gap: 80px;
  }
}

.grow80 {
  grid-row-gap: 80px;
}

.gcols-m2d3 {
  -ms-grid-columns: (minmax(60px, 240px))[2];
      grid-template-columns: repeat(2, minmax(60px, 240px));
}

@media only screen and (min-width: 770px) {
  .gcols-m2d3 {
    -ms-grid-columns: (minmax(29px, 58px))[3];
        grid-template-columns: repeat(3, minmax(29px, 58px));
  }
}

@media print {
  .gcols-m2d3 {
    -ms-grid-columns: (minmax(29px, 58px))[3];
        grid-template-columns: repeat(3, minmax(29px, 58px));
  }
}

@media only screen and (min-width: 770px) {
  .gcols-d3 {
    -ms-grid-columns: (minmax(29px, 58px))[3];
        grid-template-columns: repeat(3, minmax(29px, 58px));
  }
}

@media print {
  .gcols-d3 {
    -ms-grid-columns: (minmax(29px, 58px))[3];
        grid-template-columns: repeat(3, minmax(29px, 58px));
  }
}

@media only screen and (min-width: 770px) {
  .gcols-d4 {
    -ms-grid-columns: (minmax(29px, 58px))[4];
        grid-template-columns: repeat(4, minmax(29px, 58px));
  }
}

@media print {
  .gcols-d4 {
    -ms-grid-columns: (minmax(29px, 58px))[4];
        grid-template-columns: repeat(4, minmax(29px, 58px));
  }
}

@media only screen and (min-width: 770px) {
  .gcols-d5 {
    -ms-grid-columns: (minmax(29px, 58px))[5];
        grid-template-columns: repeat(5, minmax(29px, 58px));
  }
}

@media print {
  .gcols-d5 {
    -ms-grid-columns: (minmax(29px, 58px))[5];
        grid-template-columns: repeat(5, minmax(29px, 58px));
  }
}

@media only screen and (min-width: 770px) {
  .gcols-d6 {
    -ms-grid-columns: (minmax(29px, 58px))[6];
        grid-template-columns: repeat(6, minmax(29px, 58px));
  }
}

@media print {
  .gcols-d6 {
    -ms-grid-columns: (minmax(29px, 58px))[6];
        grid-template-columns: repeat(6, minmax(29px, 58px));
  }
}

@media only screen and (min-width: 770px) {
  .gcols-d8 {
    -ms-grid-columns: (minmax(29px, 58px))[8];
        grid-template-columns: repeat(8, minmax(29px, 58px));
  }
}

@media print {
  .gcols-d8 {
    -ms-grid-columns: (minmax(29px, 58px))[8];
        grid-template-columns: repeat(8, minmax(29px, 58px));
  }
}

@media only screen and (min-width: 770px) {
  .gcols-d9 {
    -ms-grid-columns: (minmax(29px, 58px))[9];
        grid-template-columns: repeat(9, minmax(29px, 58px));
  }
}

@media print {
  .gcols-d9 {
    -ms-grid-columns: (minmax(29px, 58px))[9];
        grid-template-columns: repeat(9, minmax(29px, 58px));
  }
}

@media only screen and (min-width: 770px) {
  .gcols-d10 {
    -ms-grid-columns: (minmax(29px, 58px))[10];
        grid-template-columns: repeat(10, minmax(29px, 58px));
  }
}

@media print {
  .gcols-d10 {
    -ms-grid-columns: (minmax(29px, 58px))[10];
        grid-template-columns: repeat(10, minmax(29px, 58px));
  }
}

.gcols-m6d3 {
  -ms-grid-columns: (minmax(85px, 170px))[3];
      grid-template-columns: repeat(3, minmax(85px, 170px));
}

@media only screen and (min-width: 770px) {
  .gcols-m6d3 {
    -ms-grid-columns: (minmax(29px, 58px))[3];
        grid-template-columns: repeat(3, minmax(29px, 58px));
  }
}

@media print {
  .gcols-m6d3 {
    -ms-grid-columns: (minmax(29px, 58px))[3];
        grid-template-columns: repeat(3, minmax(29px, 58px));
  }
}

.gcols-m3d6 {
  -ms-grid-columns: (minmax(29px, 170px))[3];
      grid-template-columns: repeat(3, minmax(29px, 170px));
}

@media only screen and (min-width: 770px) {
  .gcols-m3d6 {
    -ms-grid-columns: (minmax(29px, 58px))[6];
        grid-template-columns: repeat(6, minmax(29px, 58px));
  }
}

@media print {
  .gcols-m3d6 {
    -ms-grid-columns: (minmax(29px, 58px))[6];
        grid-template-columns: repeat(6, minmax(29px, 58px));
  }
}

.gcols-m3d9 {
  -ms-grid-columns: (minmax(85px, 170px))[3];
      grid-template-columns: repeat(3, minmax(85px, 170px));
}

@media only screen and (min-width: 770px) {
  .gcols-m3d9 {
    -ms-grid-columns: (minmax(29px, 58px))[9];
        grid-template-columns: repeat(9, minmax(29px, 58px));
  }
}

@media print {
  .gcols-m3d9 {
    -ms-grid-columns: (minmax(29px, 58px))[9];
        grid-template-columns: repeat(9, minmax(29px, 58px));
  }
}

.gcols-m3d12 {
  -ms-grid-columns: (minmax(85px, 170px))[3];
      grid-template-columns: repeat(3, minmax(85px, 170px));
}

@media only screen and (min-width: 770px) {
  .gcols-m3d12 {
    -ms-grid-columns: (minmax(29px, 58px))[12];
        grid-template-columns: repeat(12, minmax(29px, 58px));
  }
}

@media print {
  .gcols-m3d12 {
    -ms-grid-columns: (minmax(29px, 58px))[12];
        grid-template-columns: repeat(12, minmax(29px, 58px));
  }
}

.ggap40 {
  grid-row-gap: 40px;
}

.row {
  grid-column: 1 / -1;
}

@media screen and (max-width: 770px) {
  .row--mobile {
    grid-column: 1 / -1;
  }
}

@media screen and (max-width: 770px) {
  .row-m1 {
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

@media only screen and (min-width: 770px) {
  .row1 {
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

@media print {
  .row1 {
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

@media screen and (max-width: 770px) {
  .row-m2 {
    -ms-grid-row: 2;
    grid-row: 2;
  }
}

@media only screen and (min-width: 770px) {
  .row2 {
    -ms-grid-row: 2;
    grid-row: 2;
  }
}

@media print {
  .row2 {
    -ms-grid-row: 2;
    grid-row: 2;
  }
}

@media screen and (max-width: 770px) {
  .row-m3 {
    -ms-grid-row: 3;
    grid-row: 3;
  }
}

@media only screen and (min-width: 770px) {
  .row3 {
    -ms-grid-row: 3;
    grid-row: 3;
  }
}

@media print {
  .row3 {
    -ms-grid-row: 3;
    grid-row: 3;
  }
}

@media screen and (max-width: 770px) {
  .row-m4 {
    -ms-grid-row: 4;
    grid-row: 4;
  }
}

.gcolstart-auto {
  -ms-grid-column: auto;
      grid-column-start: auto;
}

.gcolstart1 {
  -ms-grid-column: 1;
      grid-column-start: 1;
}

@media only screen and (min-width: 770px) {
  .gcolstart-d1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
}

@media print {
  .gcolstart-d1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
}

@media screen and (max-width: 770px) {
  .gcolstart-m2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
}

@media only screen and (min-width: 770px) {
  .gcolstart-d2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
}

@media print {
  .gcolstart-d2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
}

.gcolstart-m1d2 {
  -ms-grid-column: 1;
      grid-column-start: 1;
}

@media only screen and (min-width: 770px) {
  .gcolstart-m1d2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
}

@media print {
  .gcolstart-m1d2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
}

.gcolstart-m2d4 {
  -ms-grid-column: 2;
      grid-column-start: 2;
}

@media only screen and (min-width: 770px) {
  .gcolstart-m2d4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
}

@media print {
  .gcolstart-m2d4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
}

.gcolstart-m2d7 {
  -ms-grid-column: 2;
      grid-column-start: 2;
}

@media only screen and (min-width: 770px) {
  .gcolstart-m2d7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
}

@media print {
  .gcolstart-m2d7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
}

.gcolstart-m1d3 {
  -ms-grid-column: 1;
      grid-column-start: 1;
}

@media only screen and (min-width: 770px) {
  .gcolstart-m1d3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
}

@media print {
  .gcolstart-m1d3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
}

@media only screen and (min-width: 770px) {
  .gcolstart-d3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
}

@media print {
  .gcolstart-d3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
}

@media screen and (max-width: 770px) {
  .gcolstart-m3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
}

@media only screen and (min-width: 770px) {
  .gcolstart-d4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
}

@media print {
  .gcolstart-d4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
}

@media screen and (max-width: 770px) {
  .gcolstart-m4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
}

@media only screen and (min-width: 770px) {
  .gcolstart-d5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
}

@media print {
  .gcolstart-d5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
}

@media only screen and (min-width: 770px) {
  .gcolstart-d6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
}

@media print {
  .gcolstart-d6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
}

@media only screen and (min-width: 770px) {
  .gcolstart-d7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
}

@media print {
  .gcolstart-d7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
}

@media only screen and (min-width: 770px) {
  .gcolstart-d8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
}

@media print {
  .gcolstart-d8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
}

@media only screen and (min-width: 770px) {
  .gcolstart-d9 {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
}

@media print {
  .gcolstart-d9 {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
}

@media only screen and (min-width: 770px) {
  .gcolstart-d10 {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
}

@media print {
  .gcolstart-d10 {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
}

.grspan2 {
  -ms-grid-row-span: 2;
      grid-row-end: span 2;
}

@media screen and (max-width: 770px) {
  .gspan-m1 {
    -ms-grid-column-span: 1 !important;
        grid-column-end: span 1 !important;
  }
}

.gspan2 {
  -ms-grid-column-span: 2;
      grid-column-end: span 2;
}

.gspan3 {
  -ms-grid-column-span: 3;
      grid-column-end: span 3;
}

.gspan4 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

.gspan5 {
  -ms-grid-column-span: 5;
      grid-column-end: span 5;
}

.gspan6 {
  -ms-grid-column-span: 6;
      grid-column-end: span 6;
}

.gspan-7 {
  -ms-grid-column-span: 6;
      grid-column-end: span 6;
}

.gspan-m3d8 {
  -ms-grid-column-span: 3;
      grid-column-end: span 3;
}

@media only screen and (min-width: 770px) {
  .gspan-m3d8 {
    -ms-grid-column-span: 8;
        grid-column-end: span 8;
  }
}

@media print {
  .gspan-m3d8 {
    -ms-grid-column-span: 8;
        grid-column-end: span 8;
  }
}

@media only screen and (min-width: 770px) {
  .gspan-d2 {
    -ms-grid-column-span: 2;
        grid-column-end: span 2;
  }
}

@media print {
  .gspan-d2 {
    -ms-grid-column-span: 2;
        grid-column-end: span 2;
  }
}

.gspan-m3d2 {
  -ms-grid-column-span: 3;
      grid-column-end: span 3;
}

@media only screen and (min-width: 770px) {
  .gspan-m3d2 {
    -ms-grid-column-span: 2;
        grid-column-end: span 2;
  }
}

@media print {
  .gspan-m3d2 {
    -ms-grid-column-span: 2;
        grid-column-end: span 2;
  }
}

.gspan-m2d6 {
  -ms-grid-column-span: 2;
      grid-column-end: span 2;
}

@media only screen and (min-width: 770px) {
  .gspan-m2d6 {
    -ms-grid-column-span: 6;
        grid-column-end: span 6;
  }
}

@media print {
  .gspan-m2d6 {
    -ms-grid-column-span: 6;
        grid-column-end: span 6;
  }
}

.gspan-m3d6 {
  -ms-grid-column-span: 3;
      grid-column-end: span 3;
}

@media only screen and (min-width: 770px) {
  .gspan-m3d6 {
    -ms-grid-column-span: 6;
        grid-column-end: span 6;
  }
}

@media print {
  .gspan-m3d6 {
    -ms-grid-column-span: 6;
        grid-column-end: span 6;
  }
}

@media only screen and (min-width: 770px) {
  .gspan-d3 {
    -ms-grid-column-span: 3;
        grid-column-end: span 3;
  }
}

@media print {
  .gspan-d3 {
    -ms-grid-column-span: 3;
        grid-column-end: span 3;
  }
}

@media only screen and (min-width: 770px) {
  .gspan-d4 {
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}

@media print {
  .gspan-d4 {
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}

.gspan-d5 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-d5 {
    -ms-grid-column-span: 5;
        grid-column-end: span 5;
  }
}

@media print {
  .gspan-d5 {
    -ms-grid-column-span: 5;
        grid-column-end: span 5;
  }
}

.gspan-d6 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-d6 {
    -ms-grid-column-span: 6;
        grid-column-end: span 6;
  }
}

@media print {
  .gspan-d6 {
    -ms-grid-column-span: 6;
        grid-column-end: span 6;
  }
}

.gspan-d10D6 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-d10D6 {
    -ms-grid-column-span: 10;
        grid-column-end: span 10;
  }
}

@media print {
  .gspan-d10D6 {
    -ms-grid-column-span: 10;
        grid-column-end: span 10;
  }
}

@media only screen and (min-width: 1080px) {
  .gspan-d10D6 {
    -ms-grid-column-span: 6;
        grid-column-end: span 6;
  }
}

.gspan-d7 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-d7 {
    -ms-grid-column-span: 7;
        grid-column-end: span 7;
  }
}

@media print {
  .gspan-d7 {
    -ms-grid-column-span: 7;
        grid-column-end: span 7;
  }
}

.gspan-d8 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-d8 {
    -ms-grid-column-span: 8;
        grid-column-end: span 8;
  }
}

@media print {
  .gspan-d8 {
    -ms-grid-column-span: 8;
        grid-column-end: span 8;
  }
}

.gspan-d9 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-d9 {
    -ms-grid-column-span: 9;
        grid-column-end: span 9;
  }
}

@media print {
  .gspan-d9 {
    -ms-grid-column-span: 9;
        grid-column-end: span 9;
  }
}

.gspan-d10 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-d10 {
    -ms-grid-column-span: 10;
        grid-column-end: span 10;
  }
}

@media print {
  .gspan-d10 {
    -ms-grid-column-span: 10;
        grid-column-end: span 10;
  }
}

.gspan-m2d3 {
  -ms-grid-column-span: 2;
      grid-column-end: span 2;
}

@media only screen and (min-width: 770px) {
  .gspan-m2d3 {
    -ms-grid-column-span: 3;
        grid-column-end: span 3;
  }
}

@media print {
  .gspan-m2d3 {
    -ms-grid-column-span: 3;
        grid-column-end: span 3;
  }
}

.gspan-m3d4 {
  -ms-grid-column-span: 3;
      grid-column-end: span 3;
}

@media only screen and (min-width: 770px) {
  .gspan-m3d4 {
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}

@media print {
  .gspan-m3d4 {
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}

.gspan-m3d5 {
  -ms-grid-column-span: 3;
      grid-column-end: span 3;
}

@media only screen and (min-width: 770px) {
  .gspan-m3d5 {
    -ms-grid-column-span: 5;
        grid-column-end: span 5;
  }
}

@media print {
  .gspan-m3d5 {
    -ms-grid-column-span: 5;
        grid-column-end: span 5;
  }
}

.gspan-m2d3 {
  -ms-grid-column-span: 2;
      grid-column-end: span 2;
}

@media only screen and (min-width: 770px) {
  .gspan-m2d3 {
    -ms-grid-column-span: 3;
        grid-column-end: span 3;
  }
}

@media print {
  .gspan-m2d3 {
    -ms-grid-column-span: 3;
        grid-column-end: span 3;
  }
}

.gspan-m4d2 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-m4d2 {
    -ms-grid-column-span: 2;
        grid-column-end: span 2;
  }
}

@media print {
  .gspan-m4d2 {
    -ms-grid-column-span: 2;
        grid-column-end: span 2;
  }
}

.gspan-m4d3 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-m4d3 {
    -ms-grid-column-span: 3;
        grid-column-end: span 3;
  }
}

@media print {
  .gspan-m4d3 {
    -ms-grid-column-span: 3;
        grid-column-end: span 3;
  }
}

.gspan-m4d5 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-m4d5 {
    -ms-grid-column-span: 5;
        grid-column-end: span 5;
  }
}

@media print {
  .gspan-m4d5 {
    -ms-grid-column-span: 5;
        grid-column-end: span 5;
  }
}

.gspan-m4d6 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-m4d6 {
    -ms-grid-column-span: 6;
        grid-column-end: span 6;
  }
}

@media print {
  .gspan-m4d6 {
    -ms-grid-column-span: 6;
        grid-column-end: span 6;
  }
}

.gspan-m4d7 {
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

@media only screen and (min-width: 770px) {
  .gspan-m4d7 {
    -ms-grid-column-span: 7;
        grid-column-end: span 7;
  }
}

@media print {
  .gspan-m4d7 {
    -ms-grid-column-span: 7;
        grid-column-end: span 7;
  }
}

.gspan-m3d9 {
  -ms-grid-column-span: 3;
      grid-column-end: span 3;
}

@media only screen and (min-width: 770px) {
  .gspan-m3d9 {
    -ms-grid-column-span: 9;
        grid-column-end: span 9;
  }
}

@media print {
  .gspan-m3d9 {
    -ms-grid-column-span: 9;
        grid-column-end: span 9;
  }
}

.gspan-m2d4 {
  -ms-grid-column-span: 2;
      grid-column-end: span 2;
}

@media only screen and (min-width: 770px) {
  .gspan-m2d4 {
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}

@media print {
  .gspan-m2d4 {
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}

@media only screen and (min-width: 770px) {
  .gcol-d4 {
    grid-column: span 4;
  }
}

@media print {
  .gcol-d4 {
    grid-column: span 4;
  }
}

.gcol-2m2d {
  grid-column: span 2;
}

.gcol-2m3d {
  grid-column: span 2;
}

@media only screen and (min-width: 770px) {
  .gcol-2m3d {
    grid-column: span 3;
  }
}

@media print {
  .gcol-2m3d {
    grid-column: span 3;
  }
}

.gcol-1m3d {
  grid-column: span 1;
}

@media only screen and (min-width: 770px) {
  .gcol-1m3d {
    grid-column: span 3;
  }
}

@media print {
  .gcol-1m3d {
    grid-column: span 3;
  }
}

.m0 {
  margin: 0;
}

.mt-80 {
  margin-top: -80px;
}

.mt-72 {
  margin-top: -72px;
}

.mt-64 {
  margin-top: -64px;
}

.mt-56 {
  margin-top: -56px;
}

.mt-48 {
  margin-top: -48px;
}

.mt-40 {
  margin-top: -40px;
}

.mt-32 {
  margin-top: -32px;
}

.mt-24 {
  margin-top: -24px;
}

.mt-16 {
  margin-top: -16px;
}

.mt-8 {
  margin-top: -8px;
}

.mt0 {
  margin-top: 0;
}

.mt8 {
  margin-top: 8px;
}

.mt16 {
  margin-top: 16px;
}

.mt24 {
  margin-top: 24px;
}

.mt32 {
  margin-top: 32px;
}

.mt40 {
  margin-top: 40px;
}

.mt48 {
  margin-top: 48px;
}

.mt56 {
  margin-top: 56px;
}

.mt64 {
  margin-top: 64px;
}

.mt72 {
  margin-top: 72px;
}

.mt80 {
  margin-top: 80px;
}

.mt96 {
  margin-top: 96px;
}

.mt128 {
  margin-top: 128px;
}

@media only screen and (min-width: 770px) {
  .mt-d8 {
    margin-top: 8px;
  }
}

@media print {
  .mt-d8 {
    margin-top: 8px;
  }
}

@media only screen and (min-width: 770px) {
  .mt-d16 {
    margin-top: 16px;
  }
}

@media print {
  .mt-d16 {
    margin-top: 16px;
  }
}

@media screen and (max-width: 770px) {
  .mt-m8 {
    margin-top: 8px;
  }
}

@media screen and (max-width: 770px) {
  .mt-m24 {
    margin-top: 24px;
  }
}

@media screen and (max-width: 770px) {
  .mt-m32 {
    margin-top: 32px;
  }
}

@media only screen and (min-width: 770px) {
  .mt-d105 {
    margin-top: 105px;
  }
}

@media print {
  .mt-d105 {
    margin-top: 105px;
  }
}

.mt-m24d16 {
  margin-top: 24px;
}

@media only screen and (min-width: 770px) {
  .mt-m24d16 {
    margin-top: 16px;
  }
}

@media print {
  .mt-m24d16 {
    margin-top: 16px;
  }
}

.mt-m24d32 {
  margin-top: 24px;
}

@media only screen and (min-width: 770px) {
  .mt-m24d32 {
    margin-top: 32px;
  }
}

@media print {
  .mt-m24d32 {
    margin-top: 32px;
  }
}

.mt-m40d24 {
  margin-top: 40px;
}

@media only screen and (min-width: 770px) {
  .mt-m40d24 {
    margin-top: 24px;
  }
}

@media print {
  .mt-m40d24 {
    margin-top: 24px;
  }
}

.mb-80 {
  margin-bottom: -80px;
}

.mb-72 {
  margin-bottom: -72px;
}

.mb-64 {
  margin-bottom: -64px;
}

.mb-56 {
  margin-bottom: -56px;
}

.mb-48 {
  margin-bottom: -48px;
}

.mb-40 {
  margin-bottom: -40px;
}

.mb-32 {
  margin-bottom: -32px;
}

.mb-24 {
  margin-bottom: -24px;
}

.mb-16 {
  margin-bottom: -16px;
}

.mb-8 {
  margin-bottom: -8px;
}

.mb0 {
  margin-bottom: 0;
}

.mb8 {
  margin-bottom: 8px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb48 {
  margin-bottom: 48px;
}

.mb56 {
  margin-bottom: 56px;
}

.mb64 {
  margin-bottom: 64px;
}

.mb72 {
  margin-bottom: 72px;
}

.mb80 {
  margin-bottom: 80px;
}

@media screen and (max-width: 770px) {
  .mb-m16 {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 770px) {
  .mb-m32 {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 770px) {
  .mb-m64 {
    margin-bottom: 64px;
  }
}

.mb-m8d16 {
  margin-bottom: 8px;
}

@media only screen and (min-width: 770px) {
  .mb-m8d16 {
    margin-bottom: 16px;
  }
}

@media print {
  .mb-m8d16 {
    margin-bottom: 16px;
  }
}

.mb-m8d24 {
  margin-bottom: 8px;
}

@media only screen and (min-width: 770px) {
  .mb-m8d24 {
    margin-bottom: 24px;
  }
}

@media print {
  .mb-m8d24 {
    margin-bottom: 24px;
  }
}

.mb-m8d32 {
  margin-bottom: 8px;
}

@media only screen and (min-width: 770px) {
  .mb-m8d32 {
    margin-bottom: 32px;
  }
}

@media print {
  .mb-m8d32 {
    margin-bottom: 32px;
  }
}

.mb-m16d24 {
  margin-bottom: 16px;
}

@media only screen and (min-width: 770px) {
  .mb-m16d24 {
    margin-bottom: 24px;
  }
}

@media print {
  .mb-m16d24 {
    margin-bottom: 24px;
  }
}

.mb-m16d32 {
  margin-bottom: 16px;
}

@media only screen and (min-width: 770px) {
  .mb-m16d32 {
    margin-bottom: 32px;
  }
}

@media print {
  .mb-m16d32 {
    margin-bottom: 32px;
  }
}

.mb-m16d40 {
  margin-bottom: 16px;
}

@media only screen and (min-width: 770px) {
  .mb-m16d40 {
    margin-bottom: 40px;
  }
}

@media print {
  .mb-m16d40 {
    margin-bottom: 40px;
  }
}

.mb-m16d8 {
  margin-bottom: 16px;
}

@media only screen and (min-width: 770px) {
  .mb-m16d8 {
    margin-bottom: 8px;
  }
}

@media print {
  .mb-m16d8 {
    margin-bottom: 8px;
  }
}

.mb-m24d16 {
  margin-bottom: 24px;
}

@media only screen and (min-width: 770px) {
  .mb-m24d16 {
    margin-bottom: 16px;
  }
}

@media print {
  .mb-m24d16 {
    margin-bottom: 16px;
  }
}

.mb-m24d32 {
  margin-bottom: 24px;
}

@media only screen and (min-width: 770px) {
  .mb-m24d32 {
    margin-bottom: 32px;
  }
}

@media print {
  .mb-m24d32 {
    margin-bottom: 32px;
  }
}

.mb-m24d40 {
  margin-bottom: 24px;
}

@media only screen and (min-width: 770px) {
  .mb-m24d40 {
    margin-bottom: 40px;
  }
}

@media print {
  .mb-m24d40 {
    margin-bottom: 40px;
  }
}

.mb-m24d48 {
  margin-bottom: 24px;
}

@media only screen and (min-width: 770px) {
  .mb-m24d48 {
    margin-bottom: 48px;
  }
}

@media print {
  .mb-m24d48 {
    margin-bottom: 48px;
  }
}

.mb-m32d40 {
  margin-bottom: 32px;
}

@media only screen and (min-width: 770px) {
  .mb-m32d40 {
    margin-bottom: 40px;
  }
}

@media print {
  .mb-m32d40 {
    margin-bottom: 40px;
  }
}

.mb-m32d48 {
  margin-bottom: 32px;
}

@media only screen and (min-width: 770px) {
  .mb-m32d48 {
    margin-bottom: 48px;
  }
}

@media print {
  .mb-m32d48 {
    margin-bottom: 48px;
  }
}

.mb-m40d8 {
  margin-bottom: 40px;
}

@media only screen and (min-width: 770px) {
  .mb-m40d8 {
    margin-bottom: 8px;
  }
}

@media print {
  .mb-m40d8 {
    margin-bottom: 8px;
  }
}

.mb-m40d32 {
  margin-bottom: 40px;
}

@media only screen and (min-width: 770px) {
  .mb-m40d32 {
    margin-bottom: 32px;
  }
}

@media print {
  .mb-m40d32 {
    margin-bottom: 32px;
  }
}

.mb-m32d60 {
  margin-bottom: 32px;
}

@media only screen and (min-width: 770px) {
  .mb-m32d60 {
    margin-bottom: 60px;
  }
}

@media print {
  .mb-m32d60 {
    margin-bottom: 60px;
  }
}

.mb-m40d64 {
  margin-bottom: 40px;
}

@media only screen and (min-width: 770px) {
  .mb-m40d64 {
    margin-bottom: 64px;
  }
}

@media print {
  .mb-m40d64 {
    margin-bottom: 64px;
  }
}

.mb-m40d80 {
  margin-bottom: 40px;
}

@media only screen and (min-width: 770px) {
  .mb-m40d80 {
    margin-bottom: 80px;
  }
}

@media print {
  .mb-m40d80 {
    margin-bottom: 80px;
  }
}

.mb-m40d24 {
  margin-bottom: 40px;
}

@media only screen and (min-width: 770px) {
  .mb-m40d24 {
    margin-bottom: 24px;
  }
}

@media print {
  .mb-m40d24 {
    margin-bottom: 24px;
  }
}

.mb-m56d48 {
  margin-bottom: 56px;
}

@media only screen and (min-width: 770px) {
  .mb-m56d48 {
    margin-bottom: 48px;
  }
}

@media print {
  .mb-m56d48 {
    margin-bottom: 48px;
  }
}

.mb-m56d108 {
  margin-bottom: 56px;
}

@media only screen and (min-width: 770px) {
  .mb-m56d108 {
    margin-bottom: 108px;
  }
}

@media print {
  .mb-m56d108 {
    margin-bottom: 108px;
  }
}

.mb-m64d56 {
  margin-bottom: 64px;
}

@media only screen and (min-width: 770px) {
  .mb-m64d56 {
    margin-bottom: 56px;
  }
}

@media print {
  .mb-m64d56 {
    margin-bottom: 56px;
  }
}

.mb-m90d40 {
  margin-bottom: 90px;
}

@media only screen and (min-width: 770px) {
  .mb-m90d40 {
    margin-bottom: 40px;
  }
}

@media print {
  .mb-m90d40 {
    margin-bottom: 40px;
  }
}

.mb-m8 {
  margin-bottom: 8px;
}

@media only screen and (min-width: 770px) {
  .mb-m8 {
    margin-bottom: 0;
  }
}

@media print {
  .mb-m8 {
    margin-bottom: 0;
  }
}

.mb-m16 {
  margin-bottom: 16px;
}

@media only screen and (min-width: 770px) {
  .mb-m16 {
    margin-bottom: 0;
  }
}

@media print {
  .mb-m16 {
    margin-bottom: 0;
  }
}

.mb-m24 {
  margin-bottom: 24px;
}

@media only screen and (min-width: 770px) {
  .mb-m24 {
    margin-bottom: 0;
  }
}

@media print {
  .mb-m24 {
    margin-bottom: 0;
  }
}

.mb-m40 {
  margin-bottom: 40px;
}

@media only screen and (min-width: 770px) {
  .mb-m40 {
    margin-bottom: 0;
  }
}

@media print {
  .mb-m40 {
    margin-bottom: 0;
  }
}

.mtb0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mtb16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

@media screen and (max-width: 770px) {
  .mtb16--mobile {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.mtb24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mtb40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mtb48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.mtb80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

@media only screen and (min-width: 770px) {
  .mtb-d40 {
    margin-top: 40px;
  }
}

@media print {
  .mtb-d40 {
    margin-top: 40px;
  }
}

.mr4 {
  margin-right: 4px;
}

.mr8 {
  margin-right: 8px;
}

.mr16 {
  margin-right: 16px;
}

@media screen and (max-width: 770px) {
  .mr-m16 {
    margin-right: 16px;
  }
}

.mr16--tofs {
  margin-right: 16px;
}

@media only screen and (min-width: 1080px) {
  .mr16--tofs {
    margin-right: 0;
  }
}

.mr-m32d24 {
  margin-right: 32px;
}

@media only screen and (min-width: 770px) {
  .mr-m32d24 {
    margin-right: 24px;
  }
}

@media print {
  .mr-m32d24 {
    margin-right: 24px;
  }
}

.mr32 {
  margin-right: 32px;
}

@media screen and (max-width: 770px) {
  .mr-m32 {
    margin-right: 16px;
  }
}

@media only screen and (min-width: 770px) {
  .mr-d32 {
    margin-right: 16px;
  }
}

@media print {
  .mr-d32 {
    margin-right: 16px;
  }
}

.mr-m8d16 {
  margin-right: 8px;
}

@media only screen and (min-width: 770px) {
  .mr-m8d16 {
    margin-right: 16px;
  }
}

@media print {
  .mr-m8d16 {
    margin-right: 16px;
  }
}

.mr-m24d16 {
  margin-right: 24px;
}

@media only screen and (min-width: 770px) {
  .mr-m24d16 {
    margin-right: 16px;
  }
}

@media print {
  .mr-m24d16 {
    margin-right: 16px;
  }
}

.ml16 {
  margin-left: 16px;
}

.ml16--tofs {
  margin-left: 16px;
}

@media only screen and (min-width: 1080px) {
  .ml16--tofs {
    margin-left: 0;
  }
}

.ml32 {
  margin-left: 32px;
}

@media screen and (max-width: 770px) {
  .ml-m16 {
    margin-left: 16px;
  }
}

.ml-m16d32 {
  margin-left: 16px;
}

@media only screen and (min-width: 770px) {
  .ml-m16d32 {
    margin-right: 32px;
  }
}

@media print {
  .ml-m16d32 {
    margin-right: 32px;
  }
}

@media screen and (max-width: 770px) {
  .ml-m32 {
    margin-left: 32px;
  }
}

@media only screen and (min-width: 770px) {
  .ml-d90 {
    margin-left: 90px;
  }
}

@media print {
  .ml-d90 {
    margin-left: 90px;
  }
}

@media only screen and (min-width: 1080px) {
  .mlrauto--tofs {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.mlr0 {
  margin-left: 0;
  margin-right: 0;
}

.mlr-m16d8 {
  margin-left: 16px;
  margin-right: 16px;
}

@media only screen and (min-width: 770px) {
  .mlr-m16d8 {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media print {
  .mlr-m16d8 {
    margin-left: 8px;
    margin-right: 8px;
  }
}

.mlr16 {
  margin-left: 16px;
  margin-right: 16px;
}

@media screen and (max-width: 770px) {
  .mlr16--mobile {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media only screen and (max-width: 770px) {
  .mlr16--nodesktop {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media only screen and (min-width: 770px) {
  .mlr16--desktop {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media print {
  .mlr16--desktop {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.mlr16--tofs {
  margin-left: 16px;
  margin-right: 16px;
}

@media only screen and (min-width: 1080px) {
  .mlr16--tofs {
    margin-left: 0;
    margin-right: 0;
  }
}

.mlr24 {
  margin-left: 24px;
  margin-right: 24px;
}

@media screen and (max-width: 770px) {
  .mlr24--mobile {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media only screen and (max-width: 770px) {
  .mlr24--nodesktop {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media only screen and (min-width: 770px) {
  .mlr24--desktop {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media print {
  .mlr24--desktop {
    margin-left: 24px;
    margin-right: 24px;
  }
}

.mlr32 {
  margin-left: 32px;
  margin-right: 32px;
}

@media screen and (max-width: 770px) {
  .mlr32--mobile {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media only screen and (max-width: 770px) {
  .mlr32--nodesktop {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media only screen and (min-width: 770px) {
  .mlr32--desktop {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media print {
  .mlr32--desktop {
    margin-left: 32px;
    margin-right: 32px;
  }
}

section.mpt0 {
  margin-top: 0px;
  padding-top: 0px;
}

section.mpt20 {
  margin-top: 20px;
  padding-top: 20px;
}

section.mpt60 {
  margin-top: 60px;
  padding-top: 60px;
}

section.mpt80 {
  margin-top: 80px;
  padding-top: 80px;
}

section.mpb0 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

section.mpb20 {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

section.mpb60 {
  margin-bottom: 60px;
  padding-bottom: 60px;
}

section.mpb80 {
  margin-bottom: 80px;
  padding-bottom: 80px;
}

header {
  position: fixed;
  z-index: 102;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  -webkit-transition: top 0.5s ease;
  transition: top 0.5s ease;
  background-color: #0f1d29;
}

header.header {
  height: 64px;
}

header .logo {
  width: 32px;
  margin-left: 16px;
}

@media only screen and (min-width: 770px) {
  header .logo {
    width: 72px;
  }
}

@media print {
  header .logo {
    width: 72px;
  }
}

@media only screen and (min-width: 1080px) {
  header .logo {
    margin-left: 0;
  }
}

header .header-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}

header .header-container-logo {
  -ms-grid-column-align: center;
      justify-self: center;
}

header .header-mobile-nav-add-ul {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

header .header-logo {
  max-height: 40px;
  width: auto;
  display: block;
  margin: auto;
}

@media only screen and (min-width: 770px) {
  header .header-logo {
    max-height: auto;
    width: 100%;
  }
}

@media print {
  header .header-logo {
    max-height: auto;
    width: 100%;
  }
}

header .header-nav-primary {
  -ms-grid-column-align: left;
      justify-self: left;
}

header .header-nav-primary li {
  margin-right: 20px;
}

header .header-nav-secondary {
  -ms-grid-column-align: right;
      justify-self: right;
}

header .header-nav-secondary li {
  margin-left: 20px;
}

.burger-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 99;
  width: 0vw;
  background-color: #0f1d29;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

.burger-menu {
  position: absolute;
  top: 96px;
  left: -100%;
  bottom: 0;
  z-index: 99;
  width: 0%;
  margin: initial;
  background-color: #0f1d29;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.burger-menu::before {
  content: "";
  background-color: #0f1d29;
  position: absolute;
  top: -33px;
  left: -100%;
  right: -100%;
  height: 100vh;
}

.user-overlay {
  position: absolute;
  top: 0;
  right: 0;
  height: 50vh;
  z-index: 99;
  width: 0vw;
  background-color: #0f1d29;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

.user-menu {
  position: absolute;
  text-align: right;
  top: 96px;
  right: -100%;
  bottom: 0;
  z-index: 99;
  width: 0%;
  margin: initial;
  background-color: #0f1d29;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.user-menu-credentials {
  margin-top: -32px;
}

.user-menu::before {
  content: "";
  background-color: #0f1d29;
  position: absolute;
  top: -33px;
  left: -100%;
  right: -100%;
  height: 40vh;
  z-index: -1;
}

@media only screen and (min-width: 770px) {
  .user-menu::before {
    left: 60%;
  }
}

@media print {
  .user-menu::before {
    left: 60%;
  }
}

.nav-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
}

.nav-li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}

.nav-li::after {
  content: "";
  position: absolute;
  display: block;
  bottom: -7px;
  height: 1px;
  width: 0;
  background-color: #dbae95;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.nav-li:hover::after {
  width: 100%;
}

.nav-li-active::after {
  width: 100%;
}

.nav-li-no-hover::after {
  content: none;
}

.nav-link {
  font-size: 12px;
  color: white;
}

@media only screen and (min-width: 770px) {
  .nav-link {
    line-height: 1.33;
  }
}

@media print {
  .nav-link {
    line-height: 1.33;
  }
}

.nav-link-download {
  font-size: 12px;
  color: #dbae95;
}

@media only screen and (min-width: 770px) {
  .nav-link-download {
    line-height: 1.33;
  }
}

@media print {
  .nav-link-download {
    line-height: 1.33;
  }
}

.nav-m-li {
  list-style-type: none;
}

.nav-m-link {
  font-size: 24px;
  color: white;
  line-height: 2;
}

.nav-m-link-download {
  color: #dbae95;
}

.nav-m-sec-li {
  list-style-type: none;
}

.nav-m-sec-link {
  font-size: 16px;
  color: white;
  line-height: 1.5;
}

.nav-m-sec-link-download {
  color: #dbae95;
}

.pt32 {
  padding-top: 32px;
}

.pt54 {
  padding-top: 54px;
}

.pt-m24d80 {
  padding-top: 24px;
}

@media only screen and (min-width: 770px) {
  .pt-m24d80 {
    padding-top: 80px;
  }
}

@media print {
  .pt-m24d80 {
    padding-top: 80px;
  }
}

.pt-m96d40 {
  padding-top: 96px;
}

@media only screen and (min-width: 770px) {
  .pt-m96d40 {
    padding-top: 40px;
  }
}

@media print {
  .pt-m96d40 {
    padding-top: 40px;
  }
}

.pb16 {
  padding-bottom: 16px;
}

.pb32 {
  padding-bottom: 32px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb74 {
  padding-bottom: 74px;
}

.hero-bg {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 0px;
  height: 350px;
  z-index: -1;
}

.hero-case-bg {
  height: 318px;
}

.hero-whitespace {
  height: 64px;
}

@media only screen and (min-width: 770px) {
  .hero-project-snd {
    -ms-grid-rows: 230px auto;
        grid-template-rows: 230px auto;
  }
}

@media print {
  .hero-project-snd {
    -ms-grid-rows: 230px auto;
        grid-template-rows: 230px auto;
  }
}

.hero-project-fst {
  background-color: #0f1d29;
}

@media only screen and (min-width: 770px) {
  .hero-project-fst {
    -ms-grid-rows: 253px;
        grid-template-rows: 253px;
  }
}

@media print {
  .hero-project-fst {
    -ms-grid-rows: 253px;
        grid-template-rows: 253px;
  }
}

.hero-project-fst::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100vw;
  right: -100vw;
  z-index: -1;
  background-color: #0f1d29;
}

@media only screen and (min-width: 770px) {
  .hero-project-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
}

@media print {
  .hero-project-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
}

.hero-project-map {
  z-index: -1;
  margin-top: -90px;
  margin-right: -16px;
  margin-left: 16px;
}

@media only screen and (min-width: 770px) {
  .hero-project-map {
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}

@media print {
  .hero-project-map {
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}

.hero-project-city {
  width: 56.25vw;
  margin-left: -16px;
}

@media only screen and (min-width: 770px) {
  .hero-project-city {
    z-index: 0;
    position: absolute;
    margin-left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: 180px;
  }
}

@media print {
  .hero-project-city {
    z-index: 0;
    position: absolute;
    margin-left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: 180px;
  }
}

.hero-project-title {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

@media only screen and (min-width: 770px) {
  .hero-figure-fullsize {
    max-height: 590px !important;
    overflow: hidden !important;
  }
}

@media print {
  .hero-figure-fullsize {
    max-height: 590px !important;
    overflow: hidden !important;
  }
}

.lp-header-bg-height {
  height: 860px;
}

@media only screen and (min-width: 770px) {
  .lp-header-bg-height {
    height: 640px;
  }
}

@media print {
  .lp-header-bg-height {
    height: 640px;
  }
}

.lp-header-logo-width {
  width: 220px;
}

@media only screen and (min-width: 770px) {
  .lp-header-logo-width {
    width: 320px;
  }
}

@media print {
  .lp-header-logo-width {
    width: 320px;
  }
}

.lp-header-logo-height {
  height: 58px;
}

@media only screen and (min-width: 770px) {
  .lp-header-logo-height {
    height: 84px;
  }
}

@media print {
  .lp-header-logo-height {
    height: 84px;
  }
}

.lp-headline-font-size {
  font-size: 32px;
}

@media only screen and (min-width: 770px) {
  .lp-headline-font-size {
    font-size: 48px;
  }
}

@media print {
  .lp-headline-font-size {
    font-size: 48px;
  }
}

.h-full {
  height: 100%;
}

.h-1 {
  height: 1px;
}

.h-6 {
  height: 24px;
}

.w-full {
  width: 100%;
}

.w-6 {
  width: 24px;
}

.w-14 {
  width: 56px;
}

.w-xs {
  width: 320px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-xs {
  max-width: 320px;
}

.tw_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

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

@media screen and (max-width: 770px) {
  .justify-self-center-m {
    -ms-grid-column-align: center;
        justify-self: center;
  }
}

.absolute {
  position: absolute;
}

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

.font-semibold {
  font-weight: 600;
}

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

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

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

.text-gold {
  color: #cea690;
}

.bottom-0 {
  bottom: 0;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.mb-14 {
  margin-bottom: 56px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mt-15 {
  margin-top: 60px;
}

.my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-8 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.z-50 {
  z-index: 50;
}

.border-darkblue {
  border-color: #0f1d29;
}

.border-solid {
  border-style: solid;
}

.border-2 {
  border-width: 2px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-l-0 {
  border-left-width: 0px;
}

.bg-gold {
  background-color: #cea690;
}

.font-serif {
  font-family: Playfair Display;
}

.kpi-bracket-left {
  left: 0;
}

@media only screen and (min-width: 770px) {
  .kpi-bracket-left {
    left: 32px;
  }
}

@media print {
  .kpi-bracket-left {
    left: 32px;
  }
}

@media only screen and (min-width: 1080px) {
  .kpi-bracket-left {
    left: 90px;
  }
}

.kpi-bracket-right {
  right: 0;
}

@media only screen and (min-width: 770px) {
  .kpi-bracket-right {
    right: 32px;
  }
}

@media print {
  .kpi-bracket-right {
    right: 32px;
  }
}

@media only screen and (min-width: 1080px) {
  .kpi-bracket-right {
    right: 90px;
  }
}

.kpi-title-container {
  max-width: 210px;
}

@media only screen and (min-width: 770px) {
  .kpi-title-container {
    max-width: 100%;
  }
}

@media print {
  .kpi-title-container {
    max-width: 100%;
  }
}

.kpi-title-size {
  font-size: 24px;
}

@media only screen and (min-width: 770px) {
  .kpi-title-size {
    font-size: 40px;
  }
}

@media print {
  .kpi-title-size {
    font-size: 40px;
  }
}

main {
  max-width: var(--doc-width);
  margin: 0 auto;
}

hr {
  width: 32px;
  height: 2px;
  background-color: #000;
  border: none;
}

.hr-tag {
  background-color: #dbae95;
  height: 1px;
  width: 16px;
}

.hr-full {
  width: 100%;
}

.block {
  display: block;
}

.dib {
  display: inline-block;
}

@media screen and (max-width: 770px) {
  .mblock {
    display: block;
  }
}

@media screen and (max-width: 770px) {
  .desktoponly {
    display: none;
  }
}

@media only screen and (max-width: 1080px) {
  .desktoponly--fs {
    display: none;
  }
}

@media only screen and (min-width: 770px) {
  .mobileonly {
    display: none;
  }
}

@media print {
  .mobileonly {
    display: none;
  }
}

@media only screen and (min-width: 1080px) {
  .mobileonly--tofs {
    display: none;
  }
}

.hidden {
  display: none;
}

.dinherit {
  display: inherit;
}

.no-opacity {
  opacity: 0;
}

.template-container {
  display: none;
}

.max-w-col-8 {
  max-width: 688px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

@media print {
  footer,
  header {
    visibility: hidden;
    -webkit-print-color-adjust: exact !important;
    display: none !important;
  }
  section {
    display: none !important;
  }
  .template-container {
    display: block;
  }
  .print-page-break {
    page-break-after: always;
  }
  .ignore-pdf {
    visibility: hidden !important;
    display: none !important;
  }
}
/*# sourceMappingURL=main.css.map */