@font-face {
  font-family: "ProximaNova-Regular";
  src: url("/fonts/FontsFree-Net-ProximaNova-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: "normal";
}
@font-face {
  font-family: "ProximaNova-Bold";
  src: url("/fonts/FontsFree-Net-Proxima-Nova-Bold.otf") format("truetype");
  font-weight: normal;
  font-style: "normal";
}
body {
  font-family: "ProximaNova-Regular";
}
body h1, body h2 {
  font-family: "ProximaNova-Bold";
}

.MuiTextField-root,
.MuiFormControl-root {
  margin-bottom: var(--space-md) !important;
}
.MuiTextField-root label,
.MuiFormControl-root label {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
  color: #ffffff;
}
@media screen and (min-width: 960px) {
  .MuiTextField-root label,
.MuiFormControl-root label {
    font-size: 26px;
  }
}
.MuiTextField-root.white label,
.MuiFormControl-root.white label {
  color: #ffffff;
}
.MuiTextField-root.white input,
.MuiTextField-root.white textarea,
.MuiFormControl-root.white input,
.MuiFormControl-root.white textarea {
  color: #ffffff;
}
.MuiTextField-root.black label,
.MuiFormControl-root.black label {
  color: #000000;
}
.MuiTextField-root.black input,
.MuiTextField-root.black textarea,
.MuiFormControl-root.black input,
.MuiFormControl-root.black textarea {
  color: #000000;
}

.MuiSnackbarContent-root {
  background-color: #b09543 !important;
  color: black !important;
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 16px;
  line-height: 1;
}

.MuiDropzoneArea-root {
  margin-bottom: 3px;
}
.MuiDropzoneArea-root .MuiDropzoneArea-text {
  text-transform: uppercase;
  letter-spacing: 1.3px;
}
.MuiDropzoneArea-root .MuiDropzoneArea-icon {
  display: none;
}

.drop-wrapper {
  position: relative;
  margin-bottom: 50px !important;
}
.drop-wrapper #drop-zone-error {
  color: #f44336 !important;
  margin: 0;
  font-size: 0.75rem;
  margin-top: 3px;
  text-align: left;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  line-height: 1.66;
}
.drop-wrapper #drop-zone-file-name {
  position: absolute;
}
.drop-wrapper .MuiDropzoneArea-text {
  margin-bottom: 60px;
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
}
@media screen and (min-width: 960px) {
  .drop-wrapper .MuiDropzoneArea-text {
    font-size: 26px;
  }
}
.drop-wrapper.white .MuiDropzoneArea-root {
  background-color: transparent;
  border-color: #ffffff;
}
.drop-wrapper.white .MuiDropzonePreviewList-image {
  color: #ffffff;
}

.contact-form,
.job-application-form {
  margin: 0px auto;
  padding: 0;
  width: 60%;
}
.contact-form h4,
.job-application-form h4 {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
  font-family: "ProximaNova-Bold";
  margin-bottom: var(--space-sm);
}
@media screen and (min-width: 960px) {
  .contact-form h4,
.job-application-form h4 {
    font-size: 26px;
  }
}
.contact-form .MuiInput-underline:not(.Mui-error):after,
.job-application-form .MuiInput-underline:not(.Mui-error):after {
  border-bottom: 1px solid black !important;
}
.contact-form .MuiInput-underline:not(.Mui-error):before,
.job-application-form .MuiInput-underline:not(.Mui-error):before {
  border-bottom: 1px solid black !important;
}
.contact-form .MuiInput-underline.Mui-error:after,
.job-application-form .MuiInput-underline.Mui-error:after {
  border-bottom: 1px solid red !important;
}
.contact-form .MuiInput-underline.Mui-error:before,
.job-application-form .MuiInput-underline.Mui-error:before {
  border-bottom: 1px solid red !important;
}
.contact-form .form-feedback,
.job-application-form .form-feedback {
  font-family: "ProximaNova-Bold";
  font-size: 22px;
  line-height: 1.23;
}
@media screen and (min-width: 960px) {
  .contact-form .form-feedback,
.job-application-form .form-feedback {
    font-size: 26px;
  }
}
.contact-form button[type=submit],
.job-application-form button[type=submit] {
  font-size: 20px;
  text-transform: uppercase;
  display: inline-block;
  padding-inline: 4em;
  padding-block: 0.95em 0.8em;
  letter-spacing: 0.15em;
  font-family: "ProximaNova-Bold";
  margin-block-start: 2rem;
  border: 2px solid #b09543 !important;
  color: #b09543 !important;
}
@media screen and (min-width: 600px) {
  .contact-form button[type=submit],
.job-application-form button[type=submit] {
    font-size: 22px;
  }
}
.contact-form button[type=submit]:hover,
.job-application-form button[type=submit]:hover {
  background-color: rgba(176, 149, 67, 0.2);
}
.contact-form input, .contact-form textarea, .contact-form .MuiInput-underline,
.job-application-form input,
.job-application-form textarea,
.job-application-form .MuiInput-underline {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
}
@media screen and (min-width: 960px) {
  .contact-form input, .contact-form textarea, .contact-form .MuiInput-underline,
.job-application-form input,
.job-application-form textarea,
.job-application-form .MuiInput-underline {
    font-size: 26px;
  }
}
.contact-form fieldset, .contact-form form,
.job-application-form fieldset,
.job-application-form form {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .contact-form,
.job-application-form {
    width: 90%;
  }
}
.contact-form .your-contact,
.job-application-form .your-contact {
  margin-bottom: var(--space-sm);
}
.contact-form .MuiCircularProgress-root,
.job-application-form .MuiCircularProgress-root {
  position: absolute;
  right: 24px;
}
.contact-form .MuiCircularProgress-root.white,
.job-application-form .MuiCircularProgress-root.white {
  color: #ffffff;
}
.contact-form .MuiCircularProgress-root.black,
.job-application-form .MuiCircularProgress-root.black {
  color: #000000;
}

button {
  font-family: "ProximaNova-Bold";
  text-transform: uppercase;
}
button.MuiButton-outlined {
  padding: 15px 56px;
  border-radius: 0px;
  border: 1px solid #000000;
  letter-spacing: 2px;
  font-size: 1.3rem;
  font-weight: 600;
}
button.MuiButton-outlined.white {
  border-color: #ffffff;
  color: #ffffff !important;
}
button.MuiButton-outlined.black {
  border-color: #000000;
  color: #000000;
}
button .MuiButton-label {
  letter-spacing: 2px;
}
button .MuiButton-label.white {
  color: #ffffff !important;
}
button .MuiButton-label.black {
  color: #000000 !important;
}
button.Mui-disabled {
  opacity: 0.2;
}

.ppp-block {
  position: relative;
  height: 100vh;
  color: #000000;
  background-size: cover;
  background-position: center center;
}
.ppp-block.black {
  background-color: #000000;
  color: #ffffff;
}
.ppp-block.with-background {
  color: #ffffff;
}
.ppp-block.with-background span {
  color: #ffffff;
}
.ppp-block.with-background h1 {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}
.ppp-block .fill-transparent:not(span) {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.75px;
  -webkit-text-stroke-color: #ffffff;
}
.ppp-block .fill-transparent:not(span).link:hover {
  -webkit-text-fill-color: #ffffff;
}
.ppp-block .is-first-scroll {
  position: absolute;
  bottom: 110px;
  left: calc(50% - 16px);
  color: #b09543;
  font-size: 14px;
}
.ppp-block .content .list {
  text-decoration: underline;
  font-weight: bold;
  font-size: 26px;
  line-height: 1.27;
  margin-bottom: 17px;
}
.ppp-block.big h1 {
  font-size: 80px;
}
.ppp-block.big p span {
  font-size: 20px !important;
  line-height: 1.3 !important;
}
@media screen and (min-width: 960px) {
  .ppp-block.big p span {
    font-size: 26px !important;
    line-height: 1.5 !important;
  }
}
.ppp-block.big .content .list {
  -webkit-text-fill-color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 20px;
}

.title-block .content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
}
@media screen and (min-width: 600px) {
  .title-block {
    background-image: none !important;
  }
}

:root {
  --space-xl: 96px;
  --space-lg: 48px;
  --space-md: 36px;
  --space-sm: 24px;
  --space-xs-plus: 16px;
  --space-xs: 8px;
}

@media screen and (min-width: 960px) {
  :root {
    --space-xl: 120px;
    --space-lg: 60px;
    --space-md: 45px;
    --space-sm: 30px;
    --space-xs-plus: 20px;
    --space-xs: 10px;
  }
}
.article + .article h1:first-child {
  margin-top: var(--space-xl);
}

.article {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
  max-width: 60ch;
}
@media screen and (min-width: 960px) {
  .article {
    font-size: 26px;
  }
}
.article h1 {
  font-family: "ProximaNova-Bold";
  font-size: 52px;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .article h1 {
    font-size: 60px;
  }
}
.article h1 + h2, .article h1 + h3 {
  margin-block-start: var(--space-xs-plus);
  margin-block-end: 0em;
}
.article h1:not(:first-child) {
  margin-block-start: var(--space-sm);
}
.article h2 {
  font-family: "ProximaNova-Bold";
  font-size: 35px;
  line-height: 1.1;
  margin-block-start: var(--space-lg);
  margin-block-end: var(--space-md);
}
@media screen and (min-width: 960px) {
  .article h2 {
    font-size: 40px;
  }
}
.article h2 + h4 {
  margin-block-start: var(--space-md);
}
.article h2 + p {
  margin-block-start: var(--space-md);
}
.article h2 + div > p:first-child {
  margin-block-start: var(--space-md);
}
.article > div.text h2:only-child {
  margin-block-start: var(--space-xl);
  margin-block-end: 0;
}
.article > div.text h3 {
  font-family: "ProximaNova-Regular";
  font-size: 32px;
  line-height: 1.1;
  font-weight: normal;
  margin-block-start: var(--space-md);
  margin-block-end: var(--space-lg);
}
@media screen and (min-width: 960px) {
  .article > div.text h3 {
    font-size: 40px;
  }
}
.article > div.text h3 + h2 {
  margin-block-start: 0;
}
.article > div.text h4 {
  font-family: "ProximaNova-Bold";
  font-size: 22px;
  line-height: 1.23;
  margin-block-start: var(--space-md);
  margin-block-end: var(--space-sm);
}
@media screen and (min-width: 960px) {
  .article > div.text h4 {
    font-size: 26px;
  }
}
.article > div.text h4 + ul {
  margin-top: var(--space-sm);
}
.article > div.text p {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
  margin-block-start: 0;
  margin-block-end: 0;
}
@media screen and (min-width: 960px) {
  .article > div.text p {
    font-size: 26px;
  }
}
.article > div.text p + p {
  margin-block-start: var(--space-md);
}
.article > div.text p + ul {
  margin-block-start: var(--space-xs);
}
.article > div.text ul {
  margin-top: 0;
}
.article > div.text ul li {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
}
@media screen and (min-width: 960px) {
  .article > div.text ul li {
    font-size: 26px;
  }
}
.article > div.text ul li + li {
  margin-top: 12px;
}
@media screen and (min-width: 960px) {
  .article > div.text ul li + li {
    margin-top: 15px;
  }
}

#switch-screen .main-wrapper .content .item.zig-zag {
  z-index: 1275;
  padding: 150px 0px;
  display: block;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
#switch-screen .main-wrapper .content .item.zig-zag::-webkit-scrollbar {
  display: none;
}
#switch-screen .main-wrapper .content .item.zig-zag > * {
  margin-bottom: 10rem;
}
#switch-screen .main-wrapper .content .item.zig-zag > a {
  cursor: pointer;
}
#switch-screen .main-wrapper .content .item.zig-zag.thumbnails {
  display: flex;
  flex-wrap: wrap;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1200;
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
  max-width: 60ch;
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item {
    font-size: 26px;
  }
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item {
    margin-bottom: 50px;
  }
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item:nth-last-child(1) {
    padding-bottom: 150px;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.hidden {
  visibility: hidden;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .title {
  font-family: "ProximaNova-Bold";
  font-size: 52px;
  line-height: 1.1;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.75px;
  -webkit-text-stroke-color: #ffffff;
  display: inline-block;
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .title {
    font-size: 60px;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .title.big {
  font-size: 100px;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .title a {
  text-decoration: none;
  color: inherit;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .title a:visited {
  color: inherit;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .title a:focus-visible {
  outline: none;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .subtitle {
  font-family: "ProximaNova-Bold";
  font-size: 35px;
  line-height: 1.1;
  display: block;
  margin-top: 0.66em;
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .subtitle {
    font-size: 40px;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .subtitle.big {
  font-size: 60px;
  font-weight: bold;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .lead-text {
  color: #ffffff;
  margin-top: 0.33em;
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .lead-text {
    font-size: 26px;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .date-category {
  color: #ffffff;
  font-family: "ProximaNova-Regular";
  font-size: 16px;
  line-height: 20px;
  width: 80%;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item .date-category .category {
  display: inline;
  font-weight: bold;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.ml-107 {
  margin-left: 107px;
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.ml-107 {
    margin-left: 0px;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.ml-320 {
  margin-left: 320px;
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.ml-320 {
    margin-left: 0px;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail {
    font-size: 26px;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail a:first-child {
  display: block;
  width: 80%;
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail a:first-child {
    width: 100%;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail a:first-child > img {
  cursor: pointer;
  width: 100%;
  height: auto;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail a:first-child > img {
  height: 230px;
  width: auto;
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail a:first-child > img {
    width: 100%;
    height: auto;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail .thumbnail-title {
  cursor: pointer;
  width: 80%;
  color: #000000;
  font-family: "ProximaNova-Bold";
  font-size: 22px;
  line-height: 1.23;
  margin-top: 1.5em;
  margin-bottom: var(--space-xs);
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail .thumbnail-title {
    font-size: 26px;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail .lead-text {
  margin-top: 0em;
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 18px;
  line-height: 1.23;
  color: #000000;
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail .lead-text {
    font-size: 20px;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail .date-category {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 16px;
  line-height: 1;
  color: #000000;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail .date-category .category {
  display: inline;
  font-weight: bold;
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail {
    flex-basis: 100%;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pl-10 {
  padding-left: 10px;
  flex-basis: calc(50% - 10px);
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pl-20 {
  padding-left: 20px;
  flex-basis: calc(50% - 20px);
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pl-30 {
  padding-left: 30px;
  flex-basis: calc(50% - 30px);
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pl-40 {
  padding-left: 40px;
  flex-basis: calc(50% - 40px);
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pl-50 {
  padding-left: 50px;
  flex-basis: calc(50% - 50px);
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pl-60 {
  padding-left: 60px;
  flex-basis: calc(50% - 60px);
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pl-70 {
  padding-left: 70px;
  flex-basis: calc(50% - 70px);
}
@media (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail {
    flex-basis: 100% !important;
    padding-left: 0px !important;
  }
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pt-10 {
  margin-top: 10px;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pt-20 {
  margin-top: 20px;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pt-30 {
  margin-top: 30px;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pt-40 {
  margin-top: 40px;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pt-50 {
  margin-top: 50px;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pt-60 {
  margin-top: 60px;
}
#switch-screen .main-wrapper .content .item.zig-zag .zig-zag-item.thumbnail.pt-70 {
  margin-top: 70px;
}

.landing-page {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem;
}
@media screen and (min-width: 600px) {
  .landing-page {
    padding: 5rem;
    align-items: center;
  }
}
.landing-page .content {
  display: flex;
  flex-direction: column;
}
.landing-page .content h1, .landing-page .content h2 {
  line-height: 1.33;
  font-family: "ProximaNova-Bold";
  font-size: 35px;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .landing-page .content h1, .landing-page .content h2 {
    font-size: 60px;
  }
}
.landing-page .content p, .landing-page .content p > * {
  max-width: 50ch;
  font-size: 20px;
  line-height: 1.33;
}
.landing-page .content p:first-child:not(a), .landing-page .content p > *:first-child:not(a) {
  margin-block: 2em;
}
@media screen and (min-width: 600px) {
  .landing-page .content p, .landing-page .content p > * {
    font-size: 22px;
  }
}

#split-right .landing-page .content p, #split-right .landing-page .content p > span, .right-side .landing-page .content p, .right-side .landing-page .content p > span {
  color: white;
}
#split-right .landing-page .content h2, .right-side .landing-page .content h2 {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.75px;
  -webkit-text-stroke-color: #ffffff;
}
#split-right .landing-page .content a, .right-side .landing-page .content a {
  font-size: 20px;
  text-transform: uppercase;
  display: inline-block;
  padding-inline: 4em;
  padding-block: 0.95em 0.8em;
  letter-spacing: 0.15em;
  font-family: "ProximaNova-Bold";
  margin-block-start: 2rem;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}
@media screen and (min-width: 600px) {
  #split-right .landing-page .content a, .right-side .landing-page .content a {
    font-size: 22px;
  }
}
#split-right .landing-page .content a:hover, .right-side .landing-page .content a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

#split-left .landing-page .content p > span, .left-side .landing-page .content p > span {
  color: black;
}
#split-left .landing-page .content a, .left-side .landing-page .content a {
  font-size: 20px;
  text-transform: uppercase;
  display: inline-block;
  padding-inline: 4em;
  padding-block: 0.95em 0.8em;
  letter-spacing: 0.15em;
  font-family: "ProximaNova-Bold";
  margin-block-start: 2rem;
  border: 2px solid #b09543 !important;
  color: #b09543 !important;
}
@media screen and (min-width: 600px) {
  #split-left .landing-page .content a, .left-side .landing-page .content a {
    font-size: 22px;
  }
}
#split-left .landing-page .content a:hover, .left-side .landing-page .content a:hover {
  background-color: rgba(176, 149, 67, 0.2);
}

.navigation-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 80px;
}
.navigation-block .content.text-right {
  text-align: right;
}
.navigation-block .content.text-right .hover-span {
  color: black !important;
}
.navigation-block .content.text-left {
  text-align: left;
}
.navigation-block .content.text-left .hover-span {
  color: white !important;
}
.navigation-block .content h1 {
  margin-bottom: 40px;
  font-family: "ProximaNova-Bold";
  font-size: 35px;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .navigation-block .content h1 {
    font-size: 60px;
  }
}
.navigation-block .content a {
  text-decoration: none;
  color: inherit;
}
.navigation-block .content .nav-item-text {
  cursor: pointer;
}
.navigation-block .content .hover-wrapper {
  position: relative;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* .and {
    position: absolute;
    z-index: 1;
    top: 7px;

    &.left {
      left: -100px;
    }

    &.right {
      right: -100px;
    }

    @media screen and (max-width: $md) {
      height: 35px;
      top: 0px;

      &.left {
        left: -94.5px;
      }

      &.right {
        right: -98px;
      }
    }
  }*/
}
.navigation-block .content .hover-wrapper .hover-span {
  position: absolute;
  top: -15px;
  right: 0px;
  font-size: 20px;
  line-height: 1;
  font-family: "ProximaNova-Bold";
}
.navigation-block .content .hover-wrapper .hover-span.left {
  right: auto;
  left: 0px;
}
.navigation-block .content .hover-wrapper .hover-text {
  max-width: 35vw;
  cursor: pointer;
  color: #b09543;
}
.navigation-block.with-background {
  justify-content: flex-start;
  padding-left: 80px;
  padding-right: 0px;
}
.navigation-block.with-background .content .hover-text {
  -webkit-text-fill-color: #ffffff;
}
.navigation-block .overlay-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.navigation-block .overlay-image.hide {
  opacity: 0;
}
.navigation-block .overlay-gradient {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.navigation {
  position: fixed;
  z-index: 1280;
  right: 50px;
  top: 50px;
}
.navigation.right {
  right: 70px;
}
.navigation a {
  display: block;
  font-family: "ProximaNova-Regular";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 20px;
  border-bottom: none !important;
}
.navigation a.active {
  border-bottom: 2px solid #ffffff !important;
  padding-bottom: 5px;
}
.navigation a.black {
  color: #000000 !important;
}
.navigation a.black.active {
  border-bottom: 2px solid #000000 !important;
}

.navigation-mobile {
  background-color: #ffffff;
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0px;
  right: inherit;
  z-index: 1400;
}
.navigation-mobile .logo {
  position: absolute;
  height: 20px;
  left: 15px;
  top: 15px !important;
}
.navigation-mobile .items {
  position: absolute;
  right: 0px;
  top: 10px;
}
.navigation-mobile .items .mobile-navigation-items {
  font-family: "ProximaNova-Bold";
  font-weight: normal;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 20px;
  border-bottom: none !important;
}
.navigation-mobile .items .mobile-navigation-items.active {
  border-bottom: 2px solid #000000 !important;
  padding-bottom: 5px;
}
.navigation-mobile .items .mobile-navigation-items.black {
  color: #000000;
}
.navigation-mobile .items .mobile-navigation-items.black.active {
  border-bottom: 2px solid #000000 !important;
}
.navigation-mobile.black {
  background-color: #000000;
}
.navigation-mobile.black .items a.mobile-navigation-items {
  color: #ffffff !important;
}
.navigation-mobile.black .items a.mobile-navigation-items.active {
  border-bottom: 2px solid #ffffff !important;
}

.bottom-navigation {
  position: fixed;
  z-index: 80;
  right: 50px;
  bottom: 50px;
}
.bottom-navigation.left {
  right: inherit;
  left: 50px;
}
.bottom-navigation.left a {
  color: #000000;
}
.bottom-navigation a {
  font-family: "ProximaNova-Regular";
  font-size: 16px;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 20px;
}
padding-top .bottom-navigation a.active {
  border-bottom: 2px solid #ffffff;
  padding-bottom: 5px;
}
.bottom-navigation a.black {
  color: #000000;
}
.bottom-navigation a.black.active {
  border-bottom: 2px solid #000000;
}
.bottom-navigation .icons {
  height: 32px;
  position: relative;
  top: 10px;
  margin-left: 10px;
}
@media screen and (max-width: 960px) {
  .bottom-navigation {
    right: 0px;
  }
  .bottom-navigation a {
    margin-right: 10px;
    font-size: 14px;
  }
  .bottom-navigation.left {
    left: 10px;
  }
  .bottom-navigation .icons {
    top: 8px;
    height: 25px;
  }
}

.bottom-navigation-mobile {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 50px 10px 0px 10px;
}
.bottom-navigation-mobile a {
  font-family: "ProximaNova-Regular";
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 20px;
}
.bottom-navigation-mobile a.active {
  border-bottom: 2px solid #ffffff;
  padding-bottom: 5px;
}
.bottom-navigation-mobile .first-row,
.bottom-navigation-mobile .second-row,
.bottom-navigation-mobile .third-row {
  margin-bottom: 10px;
}
.bottom-navigation-mobile .first-row .icons,
.bottom-navigation-mobile .second-row .icons,
.bottom-navigation-mobile .third-row .icons {
  height: 35px;
}
.bottom-navigation-mobile .second-row {
  margin-bottom: 50px;
}
.bottom-navigation-mobile .third-row .right {
  text-align: right;
}

.filters {
  position: absolute;
  z-index: 80;
  left: 88px;
  top: 50px;
}
.filters span {
  font-family: "ProximaNova-Regular";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 20px;
  cursor: pointer;
}
.filters span.active {
  border-bottom: 2px solid #ffffff;
  padding-bottom: 5px;
}
.filters span.black {
  color: #000000;
}
.filters span.black.active {
  border-bottom: 2px solid #000000;
}

.case-images-wrapper {
  display: inline-block;
  position: relative;
  margin: 150px 0px;
}
.case-images-wrapper .image {
  max-height: 700px;
}
.case-images-wrapper .image-counter {
  padding: 10px;
  font-size: 16px !important;
  line-height: 1.25 !important;
}
.case-images-wrapper .next-image {
  cursor: pointer;
  position: absolute;
  width: 150px;
  height: 100%;
  top: 0px;
  right: 0px;
}
.case-images-wrapper .next-image.no-next {
  cursor: initial;
}
.case-images-wrapper .previous-image {
  cursor: pointer;
  position: absolute;
  width: 150px;
  height: 100%;
  top: 0px;
  left: 0px;
}
.case-images-wrapper .previous-image.no-previous {
  cursor: initial;
}

.map-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.map-wrapper .info-box {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  font-size: 20px;
  position: absolute;
  z-index: 10;
  background-color: #ffffff;
  color: #000000;
  padding: 20px 30px;
  top: 100px;
  left: 88px;
}
@media screen and (max-width: 960px) {
  .map-wrapper .info-box a {
    font-size: 16px;
  }
}
.map-wrapper .info-box .bold {
  font-family: "ProximaNova-Bold";
}
.map-wrapper .info-box a {
  text-decoration: none;
  color: inherit;
}
.map-wrapper .info-box a.route-provider {
  border-bottom: thin solid black;
}
.map-wrapper .info-box a.route-provider:hover {
  border-bottom: 2px solid #000000 !important;
}
.map-wrapper .info-box .mb-20 {
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .map-wrapper .info-box {
    top: inherit;
    left: inherit;
    width: 90%;
    margin-left: 5%;
    margin-top: 88px;
  }
}
.map-wrapper .infoBox {
  transform: translate(-50%, -100%) !important;
  font-family: "ProximaNova-Regular";
  font-weight: bold;
  text-align: center;
}
.map-wrapper .infoBox .arrow svg {
  transform: rotate(180deg);
  margin-top: -15px;
  color: #b09543;
}

#back-button {
  cursor: pointer;
  z-index: 1250;
  position: fixed;
  top: 55px;
  left: 75px;
  font-family: "ProximaNova-Bold";
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 20px;
}
#back-button.black {
  color: #000000 !important;
}
@media screen and (max-width: 600px) {
  #back-button {
    top: 140px;
    left: 20px;
  }
}

.navigation-bar {
  overflow: hidden;
  transition: top 0.5s ease-in-out;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 60px;
  z-index: 1300;
}
.navigation-bar.W, .navigation-bar.N {
  background-color: #000000;
}
.navigation-bar.B {
  background-color: #ffffff;
  color: #ffffff;
}
.navigation-bar.hide {
  top: -60px;
}
.navigation-bar .nav-items {
  position: absolute;
  right: 50px;
  top: 50px;
}
.navigation-bar .nav-items.right {
  right: 70px;
}
.navigation-bar .nav-items a {
  display: block;
  font-family: "ProximaNova-Bold";
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 20px;
  border-bottom: none !important;
}
.navigation-bar .nav-items a.active {
  border-bottom: 2px solid #ffffff !important;
  padding-bottom: 5px;
}
.navigation-bar .nav-items a.black {
  color: #000000 !important;
}
.navigation-bar .nav-items a.black.active {
  border-bottom: 2px solid #000000 !important;
}
.navigation-bar #back-button {
  position: absolute;
  top: 20px;
}
.navigation-bar #logo {
  top: 20px;
}
.navigation-bar .nav-items {
  top: 20px;
}

#intro-video {
  background-color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
}
#intro-video .landscape {
  width: 100%;
  max-height: 100%;
}
#intro-video .portrait {
  height: 100%;
  max-width: 100%;
}
#intro-video .close {
  z-index: 100;
  cursor: pointer;
  position: absolute;
  color: #ffffff;
  top: 10px;
  right: 10px;
  height: 50px;
  width: 50px;
}

#loading-screen {
  position: absolute;
  z-index: 10000;
  background-color: #ffffff;
  height: 100vh;
  width: 100vw;
  opacity: 1;
}
#loading-screen img {
  position: absolute;
  top: calc(50% - 100px);
  right: calc(50% - 100px);
  height: 200px;
  width: 200px;
}
#loading-screen.hide {
  transition: opacity 1s ease-out;
  opacity: 0;
}
#loading-screen.underlay {
  display: none;
}

#cookie-banner {
  display: none;
  width: calc(100% - 60px);
  position: fixed;
  bottom: 20px;
  padding: 20px;
  margin-left: 30px;
  margin-right: 30px;
  background-color: #b09543;
  color: white;
  z-index: 20000;
}
#cookie-banner.show {
  display: block;
}
#cookie-banner p {
  width: 80%;
}
#cookie-banner img {
  right: 30px;
  top: 20px;
  height: 50px;
  position: absolute;
  cursor: pointer;
}
#cookie-banner a {
  color: inherit;
  border-bottom: 2px solid #ffffff !important;
}
@media screen and (max-width: 960px) {
  #cookie-banner p {
    width: 100%;
    margin-bottom: 50px;
  }
  #cookie-banner img {
    top: unset;
    bottom: 10px;
    left: calc(50% - 51px);
  }
}
@media screen and (min-width: 2076px) {
  #cookie-banner {
    padding-bottom: 44px;
  }
}

#split-screen {
  position: relative;
}
#split-screen .left-column,
#split-screen .right-column {
  position: relative;
  max-height: 100vh;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
#split-screen .left-column::-webkit-scrollbar,
#split-screen .right-column::-webkit-scrollbar {
  display: none;
}
#split-screen .logo {
  position: absolute;
  top: 52px;
  right: calc(50% - 138.5px);
  z-index: 1;
}
#split-screen #split-right,
#split-screen #split-left {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
#split-screen #split-right.overflow-y-unset,
#split-screen #split-left.overflow-y-unset {
  overflow-y: unset;
}
#split-screen #split-right::-webkit-scrollbar,
#split-screen #split-left::-webkit-scrollbar {
  display: none;
}

#split-screen-mobile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: calc(var(--vh, 1vh) * 100);
}
#split-screen-mobile .overflow-wrapper {
  width: 150%;
  margin-top: -15%;
  margin-left: 10%;
  transition: margin 700ms;
}
#split-screen-mobile .overflow-wrapper.left {
  margin-left: -58%;
}
#split-screen-mobile .meni-item-wrapper {
  text-align: center;
  margin-bottom: 20px;
}
#split-screen-mobile .meni-item-wrapper h4 {
  font-family: "ProximaNova-Bold";
  font-size: 35px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
}
#split-screen-mobile .meni-item-wrapper h4 a {
  text-decoration: none;
  color: inherit;
}
#split-screen-mobile .meni-item-wrapper .first-item {
  text-align: right;
  margin-right: 20px;
}
#split-screen-mobile .meni-item-wrapper .second-item {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000000;
  text-align: left;
  margin-left: 20px;
}

#split-screen-mobile-2 {
  overflow: hidden;
  height: calc(var(--vh, 1vh) * 100);
}
#split-screen-mobile-2 .article-block {
  padding-top: 50px;
}
#split-screen-mobile-2 .grid-wrapper {
  position: relative;
  transition: 0.7s;
  width: 300vw;
}
#split-screen-mobile-2 .grid-wrapper.left {
  left: 0%;
}
#split-screen-mobile-2 .grid-wrapper.middle {
  left: -100%;
}
#split-screen-mobile-2 .grid-wrapper.right {
  left: -200%;
}
#split-screen-mobile-2 .sweep-screen {
  margin-top: 50px;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #b09543;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-size: cover;
  background-position: center center;
  position: relative;
}
#split-screen-mobile-2 .sweep-screen .top-half {
  flex-basis: 37%;
  background-color: #ffffff;
  background-image: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
#split-screen-mobile-2 .sweep-screen .middle {
  margin-top: -0.5px;
  flex-grow: 1;
  background-image: url("/images/separator.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
#split-screen-mobile-2 .sweep-screen .bottom-half {
  flex-basis: 38%;
  background-image: none !important;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
#split-screen-mobile-2 .sweep-screen .bottom-half.with-background {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
}
#split-screen-mobile-2 .sweep-screen .bottom-half .swipe {
  position: absolute;
  top: 38%;
  height: 50px;
}

#switch-screen {
  position: relative;
  height: 100vh;
}
#switch-screen .switch-wrapper {
  z-index: 1301;
  position: fixed;
  background-color: #ffffff;
  height: 100%;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: width 0.7s;
}
#switch-screen .switch-wrapper.hovered {
  width: 60px;
}
#switch-screen .switch-wrapper.hidden {
  display: none;
}
#switch-screen .switch-wrapper .title {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "ProximaNova-Bold";
  white-space: nowrap;
  z-index: 1301;
  transform: rotate(-270deg);
  font-weight: bold;
  color: #000000;
}
#switch-screen .switch-wrapper .title a {
  text-decoration: none;
  color: inherit;
}
#switch-screen .switch-wrapper.right {
  top: 0;
  right: 0;
  background-color: #000000;
}
#switch-screen .switch-wrapper.right .title {
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "ProximaNova-Bold";
  transform: rotate(-90deg);
}
#switch-screen .corner-switch {
  z-index: 1300;
  cursor: pointer;
  background-color: #ffffff;
  height: 140px;
  width: 140px;
  position: fixed;
  bottom: -70px;
  left: -70px;
  transform: rotate(45deg);
}
#switch-screen .corner-switch img {
  cursor: pointer;
  position: absolute;
  right: 55px;
  transform: rotate(-45deg);
  top: 20px;
  height: 25px;
}
#switch-screen .corner-switch.right {
  background-color: #000000;
  height: 140px;
  width: 140px;
  position: fixed;
  bottom: -70px;
  right: -70px !important;
  left: inherit;
  transform: rotate(-45deg);
}
#switch-screen .corner-switch.right img {
  cursor: pointer;
  position: absolute;
  right: inherit;
  left: 55px;
  transform: rotate(45deg);
  top: 20px;
  height: 25px;
}
#switch-screen .main-wrapper {
  background-color: #ffffff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  color: #ffffff;
  background-size: cover;
  height: 100vh;
  width: 100%;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
#switch-screen .main-wrapper::-webkit-scrollbar {
  display: none;
}
#switch-screen .main-wrapper .is-first-scroll {
  position: absolute;
  bottom: 110px;
  left: calc(50% - 16px);
  color: #b09543;
  font-size: 14px;
}
#switch-screen .main-wrapper .is-first-scroll.white {
  color: #ffffff;
}
#switch-screen .main-wrapper .main-header {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  flex-wrap: wrap;
}
#switch-screen .main-wrapper .main-header .title {
  color: #b09543 !important;
}
#switch-screen .main-wrapper .main-header .subtitle {
  display: block;
  color: #000000 !important;
}
#switch-screen .main-wrapper .image-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1250;
  background-size: cover;
}
#switch-screen .main-wrapper .image-overlay.ml-40 {
  width: calc(100% - 40px);
  margin-left: 40px;
}
#switch-screen .main-wrapper .image-overlay.mr-40 {
  width: calc(100% - 40px);
  margin-right: 40px;
}
#switch-screen .main-wrapper .title-wrapper {
  position: fixed;
  height: 100vh;
  width: 40px;
  margin-left: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: margin 0.7s;
}
#switch-screen .main-wrapper .title-wrapper.switch-hovered {
  margin-left: 60px;
}
#switch-screen .main-wrapper .title-wrapper.hidden {
  display: none;
}
#switch-screen .main-wrapper .title-wrapper.map {
  z-index: 1;
  background-color: #ffffff;
}
#switch-screen .main-wrapper .title-wrapper.map .title {
  right: -52px !important;
}
#switch-screen .main-wrapper .title-wrapper .title {
  z-index: 1301;
  transform: rotate(-90deg);
  text-transform: uppercase;
  font-size: 16px;
  font-family: "ProximaNova-Bold";
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  left: -50px;
  width: 150px;
  text-align: center;
}
#switch-screen .main-wrapper .title-wrapper.right {
  right: 0;
  margin-left: 0px;
  margin-right: 40px;
}
#switch-screen .main-wrapper .title-wrapper.right.switch-hovered {
  margin-right: 60px;
}
#switch-screen .main-wrapper .title-wrapper.right .title {
  position: absolute;
  width: 150px;
  text-align: center;
  right: -48px;
  left: inherit;
  z-index: 1301;
  color: #000000;
  transform: rotate(-270deg);
}
#switch-screen .main-wrapper .content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#switch-screen .main-wrapper .content .item {
  left: 180px;
  z-index: 1;
  width: 80vw;
  -webkit-transition: all 0.8s cubic-bezier(0.42, 0, 0.15, 1.4);
  -moz-transition: all 0.8s cubic-bezier(0.42, 0, 0.15, 1.4);
  -o-transition: all 0.8s cubic-bezier(0.42, 0, 0.15, 1.4);
  transition: all 0.8s cubic-bezier(0.42, 0, 0.15, 1.4);
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item {
    width: 100%;
  }
}
#switch-screen .main-wrapper .content .item .title {
  color: #ffffff;
}
#switch-screen .main-wrapper .content .item .title.black {
  color: #000000;
}
#switch-screen .main-wrapper .content .item .title.gold {
  color: #b09543;
}
#switch-screen .main-wrapper .content .item .subtitle {
  color: #ffffff;
}
#switch-screen .main-wrapper .content .item .subtitle.black {
  color: #000000;
}
#switch-screen .main-wrapper .content .item .subtitle.gold {
  color: #b09543;
}
#switch-screen .main-wrapper .content .item.type1 .title {
  cursor: pointer;
  font-size: 100px;
}
#switch-screen .main-wrapper .content .item.type1 .subtitle {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.75px;
  -webkit-text-stroke-color: #ffffff;
}
#switch-screen .main-wrapper .content .item.type1 .subtitle.gold {
  color: #b09543;
}
#switch-screen .main-wrapper .content .item.type1 .subtitle.black {
  color: #000000;
}
#switch-screen .main-wrapper .content .item.type2 {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
#switch-screen .main-wrapper .content .item.type2 .title + .subtitle, #switch-screen .main-wrapper .content .item.type2 .subtitle + .title {
  margin-top: 2rem;
}
#switch-screen .main-wrapper .content .item.type2 .title {
  font-family: "ProximaNova-Bold";
  font-size: 52px;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.type2 .title {
    font-size: 100px;
  }
}
#switch-screen .main-wrapper .content .item.type2 .subtitle {
  font-family: "ProximaNova-Bold";
  font-size: 35px;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.type2 .subtitle {
    font-size: 60px;
  }
}
#switch-screen .main-wrapper .content .item.type2 .subtitle.transparent {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.75px;
  -webkit-text-stroke-color: #ffffff;
}
#switch-screen .main-wrapper .content .item.type2 .text {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
  color: #000000;
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.type2 .text {
    font-size: 26px;
  }
}
#switch-screen .main-wrapper .content .item.type2 .text a {
  font-weight: "ProximaNova Bold";
  color: #000000;
  text-decoration: none;
  border-bottom: 1px solid #000000;
}
#switch-screen .main-wrapper .content .item.type2 .text.white {
  color: #ffffff;
}
#switch-screen .main-wrapper .content .item.type2 .text.white a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.type2 .text ul {
    padding-left: 10px;
  }
}
#switch-screen .main-wrapper .content .item.type3 .header {
  position: absolute;
  top: -250px;
}
#switch-screen .main-wrapper .content .item.type3 .header .title {
  font-size: 60px;
  font-weight: bold;
}
#switch-screen .main-wrapper .content .item.type3 .header .subtitle {
  font-size: 60px;
  font-weight: normal;
  margin-bottom: 250px;
}
#switch-screen .main-wrapper .content .item.type3 .type3-row {
  display: flex;
  margin-bottom: 100px;
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.type3 .type3-row {
    flex-direction: column;
    justify-content: center;
  }
}
#switch-screen .main-wrapper .content .item.type3 .type3-row .type3-column.left {
  white-space: pre-line;
  flex-basis: 30%;
  display: flex;
  justify-content: normal;
  align-items: center;
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.type3 .type3-row .type3-column.left {
    flex-basis: inherit;
  }
}
#switch-screen .main-wrapper .content .item.type3 .type3-row .type3-column.left .title {
  margin-top: 0px;
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: normal;
  color: #000000;
}
#switch-screen .main-wrapper .content .item.type3 .type3-row .type3-column.right {
  flex-basis: 50%;
  white-space: pre-line;
  display: flex;
  justify-content: normal;
  align-items: center;
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.type3 .type3-row .type3-column.right {
    flex-basis: inherit;
  }
}
#switch-screen .main-wrapper .content .item.type3 .type3-row .type3-column.right .paragraph {
  font-family: ProximaNova-Regular;
  font-size: 26px;
  line-height: 32px;
  color: #000000;
}
#switch-screen .main-wrapper .content .item.type3 .type3-row .type3-column.right .paragraph.bold-underline {
  text-decoration: underline;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
}
#switch-screen .main-wrapper .content .item.type3 .type3-row .type3-column.right .paragraph a {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  border-bottom: 1px solid #000000;
}
#switch-screen .main-wrapper .content .item.team {
  padding-bottom: 150px;
  height: 100vh;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
#switch-screen .main-wrapper .content .item.team::-webkit-scrollbar {
  display: none;
}
#switch-screen .main-wrapper .content .item.team .title + .subtitle, #switch-screen .main-wrapper .content .item.team .subtitle + .title {
  margin-top: 2rem;
}
#switch-screen .main-wrapper .content .item.team .title {
  font-family: "ProximaNova-Bold";
  font-size: 52px;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.team .title {
    font-size: 100px;
  }
}
#switch-screen .main-wrapper .content .item.team .subtitle {
  font-family: "ProximaNova-Bold";
  font-size: 35px;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  #switch-screen .main-wrapper .content .item.team .subtitle {
    font-size: 60px;
  }
}
#switch-screen .main-wrapper .content .item.team .subtitle.transparent {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.75px;
  -webkit-text-stroke-color: #ffffff;
}
#switch-screen .main-wrapper .content .item.team .employee {
  margin-bottom: 100px;
}
#switch-screen .main-wrapper .content .item.team .employee.pl-15 {
  padding-left: 15px;
}
#switch-screen .main-wrapper .content .item.team .employee.pl-30 {
  padding-left: 30px;
}
#switch-screen .main-wrapper .content .item.team .employee.pl-45 {
  padding-left: 45px;
}
#switch-screen .main-wrapper .content .item.team .employee.pl-60 {
  padding-left: 60px;
}
#switch-screen .main-wrapper .content .item.team .employee.pl-75 {
  padding-left: 75px;
}
#switch-screen .main-wrapper .content .item.team .employee.pl-105 {
  padding-left: 105px;
}
#switch-screen .main-wrapper .content .item.team .employee.pt-15 {
  padding-top: 15px;
}
#switch-screen .main-wrapper .content .item.team .employee.pt-30 {
  padding-top: 30px;
}
#switch-screen .main-wrapper .content .item.team .employee.pt-45 {
  padding-top: 45px;
}
#switch-screen .main-wrapper .content .item.team .employee.pt-60 {
  padding-top: 60px;
}
#switch-screen .main-wrapper .content .item.team .employee.pt-75 {
  padding-top: 75px;
}
#switch-screen .main-wrapper .content .item.team .employee.pt-90 {
  padding-top: 90px;
}
#switch-screen .main-wrapper .content .item.team .employee.pt-105 {
  padding-top: 105px;
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.team .employee {
    padding-left: 0px !important;
    padding-top: 0px !important;
  }
}
#switch-screen .main-wrapper .content .item.team .employee img {
  cursor: pointer;
  width: 410px;
  height: 335px;
}
@media screen and (max-width: 960px) {
  #switch-screen .main-wrapper .content .item.team .employee img {
    width: 80%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  #switch-screen .main-wrapper .content .item.team .employee img {
    width: 100%;
    height: auto;
  }
}
#switch-screen .main-wrapper .content .item.team .employee p {
  font-size: 20px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
}
#switch-screen .main-wrapper .content .item.team .employee p.employee-name {
  margin-top: 21px;
  font-family: "ProximaNova-Bold";
}
#switch-screen .main-wrapper .content .item.team .employee p.employee-email {
  margin-top: 10px;
}
#switch-screen .main-wrapper .content .item.team .employee p.employee-email a {
  text-decoration: none;
  color: inherit;
}
#switch-screen .main-wrapper .content .item.team .employee p.employee-number a {
  text-decoration: none;
  color: inherit;
}
#switch-screen .main-wrapper .stepper {
  position: absolute;
  height: 2px;
  transform: rotate(90deg);
  left: -52px;
  width: 250px;
  background-color: #00000010;
}
#switch-screen .main-wrapper .stepper .MuiLinearProgress-bar {
  background-color: #b09543;
}
#switch-screen .main-wrapper .current-item {
  z-index: 100;
}
#switch-screen .main-wrapper .hidden-item {
  z-index: -1 !important;
  opacity: 0;
}
#switch-screen .content {
  padding-left: 150px;
  padding-right: 100px;
}
@media screen and (max-width: 1280px) {
  #switch-screen .content {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media screen and (max-width: 600px) {
  #switch-screen .content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.dialog-root-employee .dialog-paper-employee {
  padding: 50px 88px;
}
@media screen and (max-width: 960px) {
  .dialog-root-employee .dialog-paper-employee {
    padding: 50px 20px;
  }
}
.dialog-root-employee .dialog-paper-employee .close-dialog {
  padding-block: 17px;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  font-family: "ProximaNova-Bold";
  white-space: nowrap;
  color: #000000;
}
.dialog-root-employee .dialog-paper-employee .employee-data {
  padding: 120px 150px 0px 150px;
}
@media screen and (max-width: 960px) {
  .dialog-root-employee .dialog-paper-employee .employee-data {
    padding: 0px 0px 0px 0px;
  }
}
.dialog-root-employee .dialog-paper-employee .employee-data .employee-description {
  font-size: 26px;
  line-height: 1.23;
  max-width: 55ch;
  padding: 50px 100px 0px 0px;
}
.dialog-root-employee .dialog-paper-employee .employee-data .employee-description.right {
  padding: 50px 0px 0px 50px;
}
@media screen and (max-width: 1280px) {
  .dialog-root-employee .dialog-paper-employee .employee-data .employee-description {
    padding: 50px 50px 0px 50px;
    max-width: 517px;
  }
  .dialog-root-employee .dialog-paper-employee .employee-data .employee-description.right {
    padding: 50px 0px 0px 0px;
  }
}
.dialog-root-employee .dialog-paper-employee .employee-data img,
.dialog-root-employee .dialog-paper-employee .employee-data video {
  max-width: 100%;
  width: 517px;
  height: 425px;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .dialog-root-employee .dialog-paper-employee .employee-data img,
.dialog-root-employee .dialog-paper-employee .employee-data video {
    width: 100%;
    height: auto;
  }
}
.dialog-root-employee .dialog-paper-employee .employee-data p {
  font-size: 20px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
}
.dialog-root-employee .dialog-paper-employee .employee-data p.employee-name {
  margin-top: 20px;
  font-family: "ProximaNova-Bold";
}
.dialog-root-employee .dialog-paper-employee .employee-data p.employee-email {
  margin-top: 26px;
}
.dialog-root-employee .dialog-paper-employee .employee-data p.employee-email a {
  color: inherit;
  text-decoration: none;
}
.dialog-root-employee .dialog-paper-employee .employee-data p.employee-number a {
  color: inherit;
  text-decoration: none;
}

.dialog-root-zig-zag .dialog-paper-zig-zag {
  color: #ffffff;
  background-color: #000000;
  padding: 50px 88px;
}
.dialog-root-zig-zag .dialog-paper-zig-zag .close-dialog {
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "ProximaNova-Bold";
  white-space: nowrap;
  color: #ffffff;
  cursor: pointer;
}
.dialog-root-zig-zag .dialog-paper-zig-zag .zig-zag-data {
  width: 80vw;
  padding: 120px 150px 0px 150px;
  color: #ffffff;
}
.dialog-root-zig-zag .dialog-paper-zig-zag .zig-zag-data .zig-zag-title {
  margin-bottom: 50px;
}
.dialog-root-zig-zag .dialog-paper-zig-zag .zig-zag-data .zig-zag-subtitle {
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: normal;
  margin-bottom: 20px;
}
.dialog-root-zig-zag .dialog-paper-zig-zag .zig-zag-data .zig-zag-text {
  white-space: break-spaces;
}
.dialog-root-zig-zag .dialog-paper-zig-zag .zig-zag-data .zig-zag-image {
  margin-top: 100px;
  width: 80%;
  float: right;
}

.dialog-root-case .dialog-paper-case {
  color: #ffffff;
  background-color: #000000;
  padding: 50px 88px;
}
.dialog-root-case .dialog-paper-case .close-dialog {
  position: fixed;
  z-index: 2;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}
.dialog-root-case .dialog-paper-case .case-data {
  position: absolute;
  z-index: 1;
  width: 80vw;
  padding: 120px 150px 0px 150px;
  color: #ffffff;
}
.dialog-root-case .dialog-paper-case .case-data .case-title {
  font-size: 100px;
  z-index: 1;
}
.dialog-root-case .dialog-paper-case .case-data .case-subtitle {
  font-size: 60px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  z-index: 1;
}
.dialog-root-case .dialog-paper-case .case-data .case-text {
  font-size: 26px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: normal;
  color: #ffffff;
}
.dialog-root-case .dialog-paper-case .case-data .case-image {
  cursor: pointer;
}
.dialog-root-case .dialog-paper-case .case-data .case-body {
  margin-top: 150px;
}
.dialog-root-case .dialog-paper-case .case-data .case-body .case-body-image-wrapper .case-body-image {
  height: 420px;
  cursor: pointer;
  margin-top: 135px;
}
.dialog-root-case .dialog-paper-case .case-data .case-body .case-body-image-wrapper .case-body-image.right {
  float: right;
}
.dialog-root-case .case-image {
  position: absolute;
  height: 530px;
  background-size: cover;
  background-position: top center;
  right: 0px;
  width: calc(100% - 40px);
}

.dialog-root-image {
  z-index: 1302 !important;
}
.dialog-root-image .dialog-paper-image .dialog-image-overlay {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#normal-screen {
  padding: 180px 0px;
}
#normal-screen .header-image {
  background-size: cover;
  background-position: center bottom;
  position: absolute;
  top: 0;
  height: 80%;
  width: 100%;
}
#normal-screen .article {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
  max-width: 60ch;
  position: relative;
  width: 60%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  #normal-screen .article {
    font-size: 26px;
  }
}
@media screen and (max-width: 960px) {
  #normal-screen .article {
    width: 90%;
  }
}
#normal-screen .related-content {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
  max-width: 60ch;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 960px) {
  #normal-screen .related-content {
    font-size: 26px;
  }
}
@media screen and (min-width: 960px) {
  #normal-screen .related-content {
    width: 70%;
    margin-left: 20%;
  }
}
#normal-screen .related-content .item {
  cursor: pointer;
}
#normal-screen .related-content .item .category {
  display: inline-block;
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 16px;
  line-height: 1;
  font-family: "ProximaNova-Bold";
  margin-block-start: var(--space-md);
  margin-block-end: var(--space-xs);
}
#normal-screen .related-content .item h1 {
  font-family: "ProximaNova-Bold";
  font-size: 52px;
  line-height: 1.1;
  hyphens: auto;
  margin-block-start: 0;
  margin-block-end: var(--space-sm);
}
@media screen and (min-width: 960px) {
  #normal-screen .related-content .item h1 {
    font-size: 60px;
  }
}
#normal-screen .related-content .item h1 a {
  color: inherit;
}
#normal-screen .related-content .item p {
  margin-top: 1em;
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 18px;
  line-height: 1.23;
  line-height: 1.5;
}
@media screen and (min-width: 960px) {
  #normal-screen .related-content .item p {
    font-size: 20px;
  }
}
#normal-screen .forms {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
  max-width: 60ch;
  position: relative;
  width: 60%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  #normal-screen .forms {
    font-size: 26px;
  }
}
#normal-screen .forms h1 a {
  color: inherit;
}
#normal-screen .forms .item {
  padding: 50px;
}
@media screen and (max-width: 960px) {
  #normal-screen .forms {
    width: 90%;
  }
}
#normal-screen .image {
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  font-size: 22px;
  line-height: 1.23;
  max-width: 60ch;
  position: relative;
  width: 60%;
  margin-inline: auto;
  margin-block-start: var(--space-lg);
  margin-block-end: var(--space-lg);
}
@media screen and (min-width: 960px) {
  #normal-screen .image {
    font-size: 26px;
  }
}
#normal-screen .image img {
  width: 100%;
}
#normal-screen .image.center {
  text-align: center;
}
#normal-screen .image.left {
  text-align: left;
}
#normal-screen .image.right {
  text-align: right;
}
@media screen and (max-width: 960px) {
  #normal-screen .image {
    width: 90%;
  }
}
#normal-screen .image .caption-wrapper {
  text-align: left;
  padding: 10px;
}
#normal-screen .image .caption-wrapper.center {
  margin: 0 auto;
}
#normal-screen .image .caption-wrapper.left {
  text-align: left;
}
#normal-screen .image .caption-wrapper.right {
  position: absolute;
  right: 0px;
}
#normal-screen .image .caption-wrapper .caption {
  font-size: 16px;
  word-break: word-break;
}
#normal-screen.black {
  background-color: #000000;
  color: #ffffff;
}
#normal-screen.black span {
  color: #ffffff;
}
#normal-screen.black span#drop-zone-error {
  color: #f44336;
}
#normal-screen.black a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
#normal-screen.black .mobile-navigation-items {
  color: #000000;
}
#normal-screen.black .navigation-bar a {
  color: #ffffff;
}
#normal-screen.white {
  background-color: #ffffff;
  color: #000000;
}
#normal-screen.white span {
  color: #000000;
}
#normal-screen.white span#drop-zone-error {
  color: #f44336;
}
#normal-screen.white a {
  color: #000000;
  border-bottom: 1px solid #000000;
}
#normal-screen.white .mobile-navigation-items {
  color: #ffffff;
  font-family: "ProximaNova-Bold";
  font-weight: normal;
}
#normal-screen.white .navigation-bar a {
  color: #000000;
}
#normal-screen #logo a {
  border-bottom: none;
}

.vimeo-container {
  --video--width: 1440;
  --video--height: 900;
  position: relative;
  padding-bottom: calc(var(--video--height) / var(--video--width) * 100%);
  /* 41.66666667% */
  overflow: hidden;
  max-width: 100%;
  background: black;
}

.vimeo-container iframe,
.vimeo-container object,
.vimeo-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#page-404 .content {
  padding: 250px 0px;
}
#page-404 .content h1 {
  margin-top: 150px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  #page-404 .content {
    padding: 250px 0px;
    padding: 100px 0px;
  }
}
@media screen and (max-width: 600px) {
  #page-404 .content {
    padding-top: 250px 0px;
    padding: 50px 0xp;
  }
}

html,
body {
  margin: 0;
  height: 100%;
}

#root {
  height: 100%;
}

a {
  text-decoration: none;
}

#logo {
  position: absolute;
  top: 52px;
  right: calc(50% - 138.5px);
  z-index: 1280;
}

.staging-password {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}
.staging-password label {
  font-size: large;
}
.staging-password input {
  margin-top: 1rem;
  display: block;
  width: 100%;
}

/*# sourceMappingURL=App.css.map */