@charset "UTF-8";
/*
<!-----------------------coded by---------------------------+
|    _                  _                _         _        |
|   | | ___ _ __   __ _| |__   __ _ _ __| |_   ___| | __    |
|   | |/ _ \ '_ \ / _` | '_ \ / _` | '__| __| / __| |/ /    |
|   | |  __/ | | | (_| | | | | (_| | |  | |_ _\__ \   <     |
|   |_|\___|_| |_|\__, |_| |_|\__,_|_|   \__(_)___/_|\_\    |
|                 |___/                                     |
|                                                           |
+----------------------------------------------------------->
*/
/*==================================MIXINS=====================================*/
/*==================================RESET======================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

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

*:focus {
  outline: none; }

img {
  max-width: 100%; }

a {
  text-decoration: none; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none; }

input, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  box-shadow: none; }

/*==================================PATHS======================================*/
/*==================================FONTS======================================*/
@font-face {
  font-family: 'Soehne Breit';
  src: url("../fonts/soehne-breit-fett.woff2") format("woff2"); }
@font-face {
  font-family: 'Soehne';
  src: url("../fonts/soehne-buch.woff2") format("woff2"); }
/*==================================COLORS=====================================*/
::selection {
  color: white;
  background-color: black; }

::-moz-selection {
  color: transparent;
  background-color: black; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #333333;
  opacity: 1; }
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #333333;
  opacity: 1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #333333;
  opacity: 1; }
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #333333;
  opacity: 1; }

/*==================================KEYFRAMES===================================*/
@keyframes bounce {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-60px); }
  100% {
    transform: translateY(0); } }
@keyframes bounce-sm {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-20px); }
  100% {
    transform: translateY(0); } }
@keyframes orange {
  0% {
    fill: #FF9E62; }
  25% {
    fill: #08BF70; }
  50% {
    fill: #1038D0; }
  75% {
    fill: #F33073; }
  100% {
    fill: #FF9E62; } }
@keyframes pink {
  0% {
    fill: #FF90A5; }
  25% {
    fill: #1038D0; }
  50% {
    fill: #F4F86F; }
  75% {
    fill: #08BF70; }
  100% {
    fill: #FF90A5; } }
@keyframes blue {
  0% {
    fill: #1038D0; }
  25% {
    fill: #F33073; }
  50% {
    fill: #FF9E62; }
  75% {
    fill: #1038D0; }
  100% {
    fill: #1038D0; } }
/*==================================DECLARATIONS===============================*/
html, body {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: "Soehne", sans-serif; }

body.overflow {
  overflow-y: hidden; }

.container-fluid {
  width: 100%;
  margin-right: 100px;
  margin-left: 100px; }

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

.preload {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #E5E5E5;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center; }
  .preload .item {
    padding: 0 40px; }

/*==================================SVG========================================*/
/*==================================ELEMENTS===================================*/
h1 {
  font-family: "Soehne Breit", sans-serif;
  color: #1038D0;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 126.875px;
  line-height: 123px; }

h2 {
  font-family: "Soehne Breit", sans-serif;
  color: #1038D0;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 90.625px;
  line-height: 88px; }

h3 {
  font-family: "Soehne Breit", sans-serif;
  color: #1038D0;
  letter-spacing: 0.03em;
  font-size: 65.25px;
  line-height: 63px; }

h4 {
  font-family: "Soehne Breit", sans-serif;
  font-size: 32.625px;
  line-height: 34px;
  color: #1038D0;
  letter-spacing: 0.12em;
  text-transform: uppercase; }

sup {
  vertical-align: super;
  font-size: 60%; }

p, ul, ol {
  font-size: 36.25px;
  line-height: 47px;
  letter-spacing: 0.02em; }

.subtitle {
  font-family: "Soehne Breit", sans-serif;
  font-size: 32.625px;
  line-height: 34px;
  color: #6B00E8;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0 0 10px; }

.link {
  display: inline-block;
  font-family: "Soehne Breit", sans-serif;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  position: relative; }
  .link.white {
    color: white; }
    .link.white:after {
      content: close-quote;
      position: absolute;
      right: -26px;
      top: 1px;
      height: 16px;
      width: 16px;
      background: url(../img/btn.svg) no-repeat center center;
      background-size: contain;
      -webkit-transition: right 0.3s ease-out;
      -moz-transition: right 0.3s ease-out;
      -ms-transition: right 0.3s ease-out;
      -o-transition: right 0.3s ease-out;
      transition: right 0.3s ease-out; }
    .link.white:hover:after {
      right: -31px;
      background: url(../img/btn_hover.svg) no-repeat center center;
      background-size: contain; }
  .link.black {
    color: black; }
    .link.black:after {
      content: close-quote;
      position: absolute;
      right: -26px;
      top: 1px;
      height: 16px;
      width: 16px;
      background: url(../img/btn_black.svg) no-repeat center center;
      background-size: contain;
      -webkit-transition: right 0.3s ease-out;
      -moz-transition: right 0.3s ease-out;
      -ms-transition: right 0.3s ease-out;
      -o-transition: right 0.3s ease-out;
      transition: right 0.3s ease-out; }
    .link.black:hover:after {
      right: -31px;
      background: url(../img/btn_hover.svg) no-repeat center center;
      background-size: contain; }

.btn {
  display: inline-block;
  padding: 13px 27px;
  font-family: "Soehne Breit", sans-serif;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: black;
  background: #FF9E62;
  border-radius: 44px;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -ms-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out; }
  .btn:hover {
    background: #FA7B2D; }

.side-nav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 101;
  background: #6B00E8;
  height: 100vh;
  box-sizing: border-box;
  padding: 0 5.2vw 2vw; }
  .side-nav .wrapper {
    height: 100%;
    position: relative; }
    .side-nav .wrapper .top {
      height: 90px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 50px; }
      .side-nav .wrapper .top .burger {
        display: inline-block;
        width: 31px;
        height: 31px;
        cursor: pointer;
        background: url(../img/close.svg) no-repeat center center;
        background-size: contain;
        -webkit-transition: background 0.3s ease-out;
        -moz-transition: background 0.3s ease-out;
        -ms-transition: background 0.3s ease-out;
        -o-transition: background 0.3s ease-out;
        transition: background 0.3s ease-out; }
        .side-nav .wrapper .top .burger:hover {
          background: url(../img/close_hover.svg) no-repeat center center;
          background-size: contain; }
      .side-nav .wrapper .top .languages {
        color: white;
        font-family: "Soehne Breit", sans-serif;
        font-size: 18px;
        line-height: 19px;
        letter-spacing: 0.12em;
        text-transform: uppercase; }
        .side-nav .wrapper .top .languages a {
          color: white;
          font-family: "Soehne", sans-serif; }
    .side-nav .wrapper .social {
      position: absolute;
      bottom: 0;
      left: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      gap: 50px;
      align-items: center;
      font-size: 0; }
    .side-nav .wrapper nav {
      padding: 5.2vw 0 0; }
      .side-nav .wrapper nav ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: column;
        gap: 40px; }
        .side-nav .wrapper nav ul li a {
          font-family: "Soehne Breit", sans-serif;
          font-size: 36px;
          line-height: 35px;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          color: white;
          -webkit-transition: color 0.3s ease-out;
          -moz-transition: color 0.3s ease-out;
          -ms-transition: color 0.3s ease-out;
          -o-transition: color 0.3s ease-out;
          transition: color 0.3s ease-out; }
          .side-nav .wrapper nav ul li a:hover {
            color: #FF9E62; }

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  background: black;
  opacity: .4; }

.hbspt-form fieldset {
  max-width: 100% !important; }
.hbspt-form .field {
  margin: 0 0 30px; }
  .hbspt-form .field label {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    color: black;
    letter-spacing: 0.02em;
    padding: 0 0 15px; }
  .hbspt-form .field .input textarea {
    resize: none;
    font-family: "Soehne", sans-serif;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: black;
    width: 100% !important;
    height: 101px;
    box-sizing: border-box;
    border-bottom: 2px solid #000000;
    padding: 0 0 21px;
    background: transparent;
    margin: 0 0 5px; }
  .hbspt-form .field .input input.hs-input {
    font-family: "Soehne", sans-serif;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: black;
    width: 100%;
    height: 41px;
    box-sizing: border-box;
    border-bottom: 2px solid #000000;
    padding: 0 0 21px;
    background: transparent;
    margin: 0 0 5px; }
  .hbspt-form .field .hs-error-msgs {
    color: red; }
    .hbspt-form .field .hs-error-msgs label {
      color: red; }
  .hbspt-form .field.hs-fieldtype-select .input {
    position: relative; }
    .hbspt-form .field.hs-fieldtype-select .input:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 15px 0 15px;
      border-color: #000000 transparent transparent transparent;
      pointer-events: none;
      z-index: 5; }
    .hbspt-form .field.hs-fieldtype-select .input select {
      font-family: "Soehne", sans-serif;
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 0.02em;
      color: black;
      width: 100%;
      height: 41px;
      box-sizing: border-box;
      border-bottom: 2px solid #000000;
      padding: 0 0 21px;
      background: transparent;
      margin: 0 0 5px; }
.hbspt-form .hs-submit {
  margin: 15px 0 0; }
  .hbspt-form .hs-submit .actions input.hs-button {
    display: inline-block;
    padding: 13px 27px;
    cursor: pointer;
    font-family: "Soehne Breit", sans-serif;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: black;
    background: #FF9E62;
    border-radius: 44px;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -ms-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out; }
    .hbspt-form .hs-submit .actions input.hs-button:hover {
      background: #FA7B2D; }

/*==================================HEADER=====================================*/
header {
  position: fixed;
  z-index: 100;
  top: -90px;
  left: 0;
  right: 0;
  background: #EEEEEE;
  -webkit-transition: top 0.3s ease-out;
  -moz-transition: top 0.3s ease-out;
  -ms-transition: top 0.3s ease-out;
  -o-transition: top 0.3s ease-out;
  transition: top 0.3s ease-out; }
  header .wrapper {
    padding: 0 5.2vw; }
    header .wrapper .flex {
      height: 90px;
      align-items: center;
      justify-content: space-between; }
      header .wrapper .flex .logo a {
        display: inline-block;
        width: 372px;
        height: 26px;
        background: url(../img/pltfrm_logo_primary.svg) no-repeat center center;
        background-size: contain; }
      header .wrapper .flex .nav {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 50px; }
        header .wrapper .flex .nav .burger {
          display: inline-block;
          width: 31px;
          height: 31px;
          cursor: pointer;
          background: url(../img/burger.svg) no-repeat center center;
          background-size: contain;
          -webkit-transition: background 0.3s ease-out;
          -moz-transition: background 0.3s ease-out;
          -ms-transition: background 0.3s ease-out;
          -o-transition: background 0.3s ease-out;
          transition: background 0.3s ease-out; }
          header .wrapper .flex .nav .burger:hover {
            background: url(../img/burger_hover.svg) no-repeat center center;
            background-size: contain; }
        header .wrapper .flex .nav .languages {
          color: black;
          font-family: "Soehne Breit", sans-serif;
          font-size: 18px;
          line-height: 19px;
          letter-spacing: 0.12em;
          text-transform: uppercase; }
          header .wrapper .flex .nav .languages a {
            color: black;
            font-family: "Soehne", sans-serif; }
  header.fixed {
    top: 0; }

.error404 header {
  top: 0; }

/*==================================SECTIONS===================================*/
section.hero {
  position: relative;
  background: #EEEEEE; }
  section.hero .box {
    width: 50vw;
    height: 100vh;
    padding: 0 5.2vw;
    box-sizing: border-box; }
    section.hero .box .flex {
      box-sizing: border-box;
      height: 100%;
      align-items: center; }
      section.hero .box .flex .content img {
        width: calc(100% - 60px);
        padding: 0 0 10px; }
      section.hero .box .flex .content h1 {
        padding: 0 0 22px;
        color: #6B00E8; }
    section.hero .box .scroll-down {
      position: absolute;
      display: inline-block;
      font-size: 0;
      left: 5.2vw;
      bottom: 120px;
      width: 40.83px;
      height: 58.35px;
      -webkit-transition: background 0.3s ease-out;
      -moz-transition: background 0.3s ease-out;
      -ms-transition: background 0.3s ease-out;
      -o-transition: background 0.3s ease-out;
      transition: background 0.3s ease-out;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      animation-name: bounce;
      animation-timing-function: linear; }
      section.hero .box .scroll-down svg {
        width: 100%;
        height: 100%; }
        section.hero .box .scroll-down svg path, section.hero .box .scroll-down svg ellipse {
          -webkit-transition: fill 0.3s ease-out;
          -moz-transition: fill 0.3s ease-out;
          -ms-transition: fill 0.3s ease-out;
          -o-transition: fill 0.3s ease-out;
          transition: fill 0.3s ease-out; }
      section.hero .box .scroll-down:hover svg path, section.hero .box .scroll-down:hover svg ellipse {
        fill: #FF9E62; }
  section.hero .image {
    width: 50vw;
    max-width: 90vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    height: 100%; }
    section.hero .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center; }
    section.hero .image svg {
      width: auto !important;
      height: 100% !important;
      transform: translate3d(-50%, 0px, 0px) !important;
      position: absolute;
      top: 0;
      left: 50%; }

section.slider {
  font-size: 0; }
  section.slider .slider .arrow {
    position: absolute;
    bottom: 0;
    width: 116px;
    height: 116px;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    section.slider .slider .arrow.prev {
      left: 0;
      background: url(../img/slider_left.svg) no-repeat center center;
      background-size: contain; }
      section.slider .slider .arrow.prev:hover {
        background: url(../img/slider_left_hover.svg) no-repeat center center;
        background-size: cover; }
    section.slider .slider .arrow.next {
      right: 0;
      background: url(../img/slider_right.svg) no-repeat center center;
      background-size: contain; }
      section.slider .slider .arrow.next:hover {
        background: url(../img/slider_right_hover.svg) no-repeat center center;
        background-size: cover; }
  section.slider .slider .slide img {
    width: 100%; }

section.about {
  background: #EEEEEE; }
  section.about .grid {
    display: grid;
    grid-template-columns: 50% 50%; }
    section.about .grid .box:nth-child(2) {
      background: #6B00E8; }
    section.about .grid .box .numbers {
      padding: 5.2vw;
      color: white;
      height: 100%;
      box-sizing: border-box; }
      section.about .grid .box .numbers ol {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: column;
        gap: 80px;
        counter-reset: counter;
        height: 100%;
        justify-content: center; }
        section.about .grid .box .numbers ol li {
          padding: 0 0 0 85px;
          position: relative;
          counter-increment: counter; }
          section.about .grid .box .numbers ol li:before {
            content: "0" counter(counter);
            position: absolute;
            top: 0;
            left: 0;
            font-family: "Soehne Breit", sans-serif;
            font-size: 36px;
            line-height: 35px;
            color: white;
            letter-spacing: 0.03em; }
          section.about .grid .box .numbers ol li .subtitle {
            color: white; }
    section.about .grid .box .flex {
      flex-flow: column;
      justify-content: space-between;
      height: 100%; }
      section.about .grid .box .flex .content {
        padding: 5.2vw; }
        section.about .grid .box .flex .content h2 {
          padding: 0 0 30px; }
      section.about .grid .box .flex .slider {
        font-size: 0; }
        section.about .grid .box .flex .slider .arrow {
          position: absolute;
          bottom: 0;
          width: 116px;
          height: 116px;
          z-index: 2;
          cursor: pointer;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -ms-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
          section.about .grid .box .flex .slider .arrow.prev {
            left: 0;
            background: url(../img/slider_left.svg) no-repeat center center;
            background-size: contain; }
            section.about .grid .box .flex .slider .arrow.prev:hover {
              background: url(../img/slider_left_hover.svg) no-repeat center center;
              background-size: cover; }
          section.about .grid .box .flex .slider .arrow.next {
            right: 0;
            background: url(../img/slider_right.svg) no-repeat center center;
            background-size: contain; }
            section.about .grid .box .flex .slider .arrow.next:hover {
              background: url(../img/slider_right_hover.svg) no-repeat center center;
              background-size: cover; }
        section.about .grid .box .flex .slider .slide img {
          width: 100%; }

section.location {
  background: #EEEEEE; }
  section.location .grid {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    section.location .grid .box {
      box-sizing: border-box;
      padding: 5.2vw; }
      section.location .grid .box p:first-child {
        margin-top: 40px; }
      section.location .grid .box p:not(:last-child) {
        padding: 0 0 20px; }
  section.location .flex {
    padding: 5.2vw;
    justify-content: space-between;
    align-items: center; }
    section.location .flex .times {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 68px 150px; }
      section.location .flex .times .item h3 {
        color: #6B00E8;
        padding: 0 0 14px; }
      section.location .flex .times .item .subtitle {
        color: black;
        padding: 0; }
    section.location .flex .image {
      padding: 0 5.2vw; }

section.interactive-map .map {
  height: 75vh; }

section.building {
  background: #6B00E8; }
  section.building .grid {
    display: grid;
    grid-template-columns: 50% 50%; }
    section.building .grid .box:nth-child(2) {
      background: #EEEEEE; }
    section.building .grid .box .flex {
      flex-flow: column;
      justify-content: space-between;
      height: 100%; }
      section.building .grid .box .flex .content {
        padding: 5.2vw;
        color: white; }
        section.building .grid .box .flex .content .subtitle {
          color: white; }
        section.building .grid .box .flex .content h2 {
          color: white;
          padding: 0 0 30px; }
      section.building .grid .box .flex .slider {
        font-size: 0; }
        section.building .grid .box .flex .slider .arrow {
          position: absolute;
          bottom: 0;
          width: 116px;
          height: 116px;
          z-index: 2;
          cursor: pointer;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -ms-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
          section.building .grid .box .flex .slider .arrow.prev {
            left: 0;
            background: url(../img/slider_left.svg) no-repeat center center;
            background-size: contain; }
            section.building .grid .box .flex .slider .arrow.prev:hover {
              background: url(../img/slider_left_hover.svg) no-repeat center center;
              background-size: cover; }
          section.building .grid .box .flex .slider .arrow.next {
            right: 0;
            background: url(../img/slider_right.svg) no-repeat center center;
            background-size: contain; }
            section.building .grid .box .flex .slider .arrow.next:hover {
              background: url(../img/slider_right_hover.svg) no-repeat center center;
              background-size: cover; }
        section.building .grid .box .flex .slider .slide img {
          width: 100%; }
    section.building .grid .box .info {
      padding: 8vw 5.2vw 0; }
      section.building .grid .box .info h3 {
        color: #6B00E8; }
      section.building .grid .box .info .subtitle {
        margin: 6px 0 0;
        color: black; }
    section.building .grid .box .icons {
      padding: 5.2vw;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 100px 148px; }
      section.building .grid .box .icons .item .icon {
        height: 125px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center; }
        section.building .grid .box .icons .item .icon svg {
          width: initial !important;
          height: initial !important; }
      section.building .grid .box .icons .item .subtitle {
        margin: 13px 0 0;
        color: black; }
      section.building .grid .box .icons .item h3 {
        color: #6B00E8; }

section.sustainability {
  background: #1038D0;
  color: #fff; }
  section.sustainability .grid {
    display: grid;
    grid-template-columns: 50% 50%; }
    section.sustainability .grid .box .content {
      padding: 5.2vw;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      box-sizing: border-box; }
      section.sustainability .grid .box .content h2 {
        padding: 0 0 30px;
        color: #fff; }
      section.sustainability .grid .box .content .subtitle {
        color: #fff; }
      section.sustainability .grid .box .content p, section.sustainability .grid .box .content ul, section.sustainability .grid .box .content ol {
        margin-bottom: 12px; }
        section.sustainability .grid .box .content p:last-child, section.sustainability .grid .box .content ul:last-child, section.sustainability .grid .box .content ol:last-child {
          margin-bottom: 0; }
      section.sustainability .grid .box .content ul > li, section.sustainability .grid .box .content ol > li {
        margin-bottom: 12px; }
      section.sustainability .grid .box .content strong {
        font-weight: bold; }
      section.sustainability .grid .box .content ul {
        list-style: none;
        padding-left: 1.25em; }
        section.sustainability .grid .box .content ul > li:before {
          display: inline-block;
          content: "—";
          width: 1.25em;
          margin-left: -1.25em; }
    section.sustainability .grid .box .footer {
      margin-top: 100px; }
      section.sustainability .grid .box .footer p {
        font-size: 16px; }
    section.sustainability .grid .box .items {
      padding: 9vw 5.2vw;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px 50px; }
      section.sustainability .grid .box .items .subtitle {
        color: #1038D0; }
    section.sustainability .grid .box:nth-child(1) em {
      color: #F4F86F; }
    section.sustainability .grid .box:nth-child(2) {
      background: #EEEEEE;
      padding: 15% 10%  10%;
      display: flex;
      justify-content: space-between;
      min-height: 80vh;
      box-sizing: border-box; }
      section.sustainability .grid .box:nth-child(2) .column {
        display: flex;
        width: 46%;
        flex-direction: column;
        justify-content: space-between;
        font-family: "Soehne", sans-serif; }
        section.sustainability .grid .box:nth-child(2) .column p {
          margin-bottom: 1.25em;
          font-size: 16px;
          line-height: 1.05; }
          section.sustainability .grid .box:nth-child(2) .column p:last-child {
            margin-bottom: 0; }
        section.sustainability .grid .box:nth-child(2) .column strong {
          font-family: "Soehne Breit", sans-serif; }
        section.sustainability .grid .box:nth-child(2) .column .top {
          margin-bottom: 70px;
          color: #000; }
          section.sustainability .grid .box:nth-child(2) .column .top strong {
            color: #1038D0; }
        section.sustainability .grid .box:nth-child(2) .column .chart-wrap {
          flex: 1;
          display: flex;
          align-items: flex-end; }
        section.sustainability .grid .box:nth-child(2) .column .chart {
          padding: 1em;
          box-sizing: border-box; }
        section.sustainability .grid .box:nth-child(2) .column:first-child .chart {
          background: #F33073; }
        section.sustainability .grid .box:nth-child(2) .column:last-child .chart {
          background: #08BF70; }

section.floor-plan {
  background: #EEEEEE;
  position: relative;
  padding: 0 0 30px; }
  section.floor-plan .zoom-in {
    width: 116px;
    height: 116px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
    background: url(../img/plus.svg) no-repeat center center;
    background-size: contain;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -ms-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out; }
    section.floor-plan .zoom-in:hover {
      background: url(../img/plus_hover.svg) no-repeat center center;
      background-size: cover; }
  section.floor-plan .zoom-out {
    width: 116px;
    height: 116px;
    position: absolute;
    bottom: 0;
    right: 116px;
    z-index: 10;
    cursor: pointer;
    background: url(../img/minus.svg) no-repeat center center;
    background-size: contain;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -ms-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out; }
    section.floor-plan .zoom-out:hover {
      background: url(../img/minus_hover.svg) no-repeat center center;
      background-size: cover; }
  section.floor-plan .compass {
    position: absolute;
    z-index: 2;
    right: 120px;
    bottom: 120px;
    width: 81px;
    height: 82px;
    background: url(../img/map_compas.svg) no-repeat center center;
    background-size: contain; }
  section.floor-plan .box {
    width: 50vw;
    box-sizing: border-box;
    padding: 5.2vw;
    padding-bottom: 0; }
    section.floor-plan .box h2 {
      padding: 0 0 30px; }
    section.floor-plan .box .tabs {
      padding-top: 5.2vw;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center; }
      section.floor-plan .box .tabs .tab {
        cursor: pointer;
        background: #FA7B2D; }
        section.floor-plan .box .tabs .tab.active {
          background: #FF9E62; }
        section.floor-plan .box .tabs .tab:first-child {
          border-radius: 44px 0 0 44px; }
        section.floor-plan .box .tabs .tab:last-child {
          border-radius: 0 44px 44px 0; }
  section.floor-plan .legend {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 18px 50px;
    flex-flow: row wrap;
    padding: 5.2vw 5.2vw 0; }
    section.floor-plan .legend .item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      gap: 10px;
      align-items: center; }
      section.floor-plan .legend .item .color {
        width: 16px;
        height: 16px; }
      section.floor-plan .legend .item .name {
        font-family: "Soehne Breit", sans-serif;
        color: black;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0.12em;
        text-transform: uppercase; }
  section.floor-plan .map-wrapper {
    position: relative;
    height: 450px; }
  section.floor-plan .map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    section.floor-plan .map.active {
      visibility: visible;
      opacity: 1; }
    section.floor-plan .map .overlay {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: #EEEEEE; }
    section.floor-plan .map .leaflet-bottom.leaflet-right {
      display: none; }
    section.floor-plan .map .leaflet-popup-tip {
      background: #FF9E62;
      box-shadow: none; }
    section.floor-plan .map .leaflet-container a.leaflet-popup-close-button {
      color: black;
      top: 10px;
      right: 10px;
      padding: 0;
      font-size: 0;
      width: 16px;
      height: 16px;
      background: url(../img/ic_cross-small.svg) no-repeat center center;
      background-size: cover; }
      section.floor-plan .map .leaflet-container a.leaflet-popup-close-button:hover {
        color: black; }
    section.floor-plan .map .leaflet-popup-content-wrapper {
      border-radius: 0;
      background: #FF9E62;
      color: black;
      box-shadow: none; }
    section.floor-plan .map .leaflet-popup-content {
      max-width: 260px;
      margin: 17px; }
      section.floor-plan .map .leaflet-popup-content .title {
        font-family: "Soehne Breit", sans-serif;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        padding: 16px 0 8px; }
      section.floor-plan .map .leaflet-popup-content .text {
        font-family: "Soehne", sans-serif;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.02em; }

section.developer {
  background: #6B00E8; }
  section.developer .grid {
    display: grid;
    grid-template-columns: 50% 50%; }
    section.developer .grid .box .content {
      padding: 5.2vw;
      color: white; }
      section.developer .grid .box .content .subtitle {
        color: white; }
      section.developer .grid .box .content h2 {
        color: white;
        padding: 0 0 30px; }
      section.developer .grid .box .content .link {
        margin: 40px 0 0; }
    section.developer .grid .box .slider {
      width: 100%;
      height: 100%;
      font-size: 0; }
      section.developer .grid .box .slider .slick-list {
        height: 100%; }
      section.developer .grid .box .slider .slick-slide {
        height: 100%; }
      section.developer .grid .box .slider .slick-track {
        height: 100%; }
        section.developer .grid .box .slider .slick-track div {
          height: 100%; }
      section.developer .grid .box .slider .arrow {
        position: absolute;
        bottom: 0;
        width: 116px;
        height: 116px;
        z-index: 2;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        section.developer .grid .box .slider .arrow.prev {
          left: 0;
          background: url(../img/slider_left.svg) no-repeat center center;
          background-size: contain; }
          section.developer .grid .box .slider .arrow.prev:hover {
            background: url(../img/slider_left_hover.svg) no-repeat center center;
            background-size: cover; }
        section.developer .grid .box .slider .arrow.next {
          right: 0;
          background: url(../img/slider_right.svg) no-repeat center center;
          background-size: contain; }
          section.developer .grid .box .slider .arrow.next:hover {
            background: url(../img/slider_right_hover.svg) no-repeat center center;
            background-size: cover; }
      section.developer .grid .box .slider .slide {
        height: 100%; }
        section.developer .grid .box .slider .slide img {
          width: 100%;
          height: 100%;
          object-fit: cover; }

section.smart-office {
  background: #EEEEEE; }
  section.smart-office .box {
    width: 50vw;
    box-sizing: border-box;
    padding: 5.2vw; }
    section.smart-office .box h2 {
      padding: 0 0 30px; }
  section.smart-office .grid {
    padding: 2vw 5.2vw 5.2vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 62px; }
    section.smart-office .grid .item {
      position: relative;
      padding: 0 0 48px; }
      section.smart-office .grid .item .image {
        font-size: 0;
        margin: 0 0 40px;
        position: relative; }
        section.smart-office .grid .item .image img {
          width: 100%; }
        section.smart-office .grid .item .image .overlay {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center;
          box-sizing: border-box;
          padding: 74px; }
      section.smart-office .grid .item .text .subtitle {
        color: #1038D0; }
      section.smart-office .grid .item .link {
        position: absolute;
        bottom: 0;
        left: 0; }

section.contact {
  background-image: linear-gradient(to right, #F4F86F 66.666%, #6B00E8 66.666%); }
  section.contact .box {
    width: 50vw;
    box-sizing: border-box;
    padding: 5.2vw; }
    section.contact .box .subtitle {
      color: black; }
    section.contact .box h2 {
      color: black;
      padding: 0 0 30px; }
  section.contact .grid {
    padding: 2vw 5.2vw 5.2vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 224px; }
    section.contact .grid .item h3 {
      color: black;
      min-height: 70px;
      margin: 0 0 40px; }
    section.contact .grid .item .details {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-flow: column;
      gap: 58px; }
      section.contact .grid .item .details .detail h4 {
        color: black;
        margin: 0 0 8px;
        letter-spacing: 0.03em; }
      section.contact .grid .item .details .detail p a {
        color: black; }
    section.contact .grid .item:last-child h3 {
      color: white; }
    section.contact .grid .item:last-child .hbspt-form .field label {
      color: white; }
    section.contact .grid .item:last-child .hbspt-form .field .input input.hs-input {
      color: white;
      border-bottom: 2px solid white; }

section.not-found {
  height: 100vh;
  background: #1038D0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }
  section.not-found .wrapper h1 {
    font-family: "Soehne Breit", sans-serif;
    font-size: 200px;
    line-height: 194px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: white; }
  section.not-found .wrapper p {
    font-family: "Soehne Breit", sans-serif;
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: white;
    padding: 45px 0; }

section.text {
  background: #EEEEEE; }
  section.text .wrapper {
    padding: 5.2vw; }
    section.text .wrapper .content {
      padding: 240px 0 0;
      max-width: 1126px; }
      section.text .wrapper .content h1, section.text .wrapper .content h2, section.text .wrapper .content h3, section.text .wrapper .content h4, section.text .wrapper .content h5, section.text .wrapper .content h6 {
        padding: 0 0 50px; }
      section.text .wrapper .content p {
        padding: 0 0 20px; }
        section.text .wrapper .content p strong {
          font-weight: 700; }
      section.text .wrapper .content ul {
        list-style: decimal;
        padding: 0 0 50px 32px;
        margin: 0 0 30px; }
        section.text .wrapper .content ul li {
          padding: 0 0 20px; }

/*==================================FOOTER=====================================*/
footer {
  background: #EEEEEE; }
  footer .wrapper {
    padding: 5.2vw 5.2vw 45px; }
    footer .wrapper .logo {
      font-size: 0;
      margin: 0 0 50px; }
      footer .wrapper .logo a {
        display: inline-block; }
    footer .wrapper .text {
      font-size: 16px;
      line-height: 21px;
      letter-spacing: 0.02em;
      margin: 0 0 50px; }
    footer .wrapper .links {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      gap: 40px;
      margin: 0 0 80px; }
      footer .wrapper .links a, footer .wrapper .links #ot-sdk-btn.ot-sdk-show-settings {
        font-family: "Soehne Breit", sans-serif;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: black;
        text-align: left; }
      footer .wrapper .links #ot-sdk-btn.ot-sdk-show-settings {
        background: none;
        border: none;
        padding: 0;
        transition: none;
        cursor: pointer; }
    footer .wrapper .bottom {
      border-top: 1px solid black;
      padding: 30px 0 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
      footer .wrapper .bottom .left .copyright {
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.02em; }
        footer .wrapper .bottom .left .copyright a {
          color: black; }
          footer .wrapper .bottom .left .copyright a:hover {
            text-decoration: underline;
            text-decoration-thickness: from-font; }
      footer .wrapper .bottom .right {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end;
        gap: 50px; }
        footer .wrapper .bottom .right .developer {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          gap: 11px;
          flex-flow: column;
          font-size: 16px;
          line-height: 21px;
          letter-spacing: 0.02em; }
        footer .wrapper .bottom .right .top a {
          display: inline-block;
          width: 64px;
          height: 64px;
          background: url(../img/top.svg) no-repeat center center;
          background-size: cover;
          -webkit-transition: background 0.3s ease-out;
          -moz-transition: background 0.3s ease-out;
          -ms-transition: background 0.3s ease-out;
          -o-transition: background 0.3s ease-out;
          transition: background 0.3s ease-out; }
          footer .wrapper .bottom .right .top a:hover {
            background: url(../img/top_hover.svg) no-repeat center center;
            background-size: cover; }

/*==================================RETINA=====================================*/
/*==================================RESPONSE===================================*/
@media (max-width: 3480px) {
  h1 {
    font-size: 93.3333px;
    line-height: 91px; }

  h2 {
    font-size: 66.6667px;
    line-height: 65px; }

  h3 {
    font-size: 48px;
    line-height: 47px; }

  h4 {
    font-size: 24px;
    line-height: 25px; }

  p, ul, ol {
    font-size: 26.6667px;
    line-height: 35px; }

  .subtitle {
    font-size: 24px;
    line-height: 25px; } }
@media (max-width: 2560px) {
  h1 {
    font-size: 70px;
    line-height: 68px; }

  h2 {
    font-size: 50px;
    line-height: 49px; }

  h3 {
    font-size: 36px;
    line-height: 35px; }

  h4 {
    font-size: 18px;
    line-height: 19px; }

  p, ul, ol {
    font-size: 20px;
    line-height: 26px; }

  .subtitle {
    font-size: 18px;
    line-height: 19px; }

  section.hero .box .scroll-down {
    bottom: 56px; }

  section.slider .slider .arrow {
    width: 86px;
    height: 86px; }

  section.about .grid .box .flex .slider .arrow {
    width: 86px;
    height: 86px; }

  section.building .grid .box .flex .slider .arrow {
    width: 86px;
    height: 86px; }

  section.developer .grid .box .slider .arrow {
    width: 86px;
    height: 86px; }

  section.floor-plan .zoom-out {
    width: 86px;
    height: 86px;
    right: 86px; }
  section.floor-plan .zoom-in {
    width: 86px;
    height: 86px; } }
@media (max-width: 1920px) {
  h1 {
    font-size: 60px;
    line-height: 58px; }

  h2 {
    font-size: 45px;
    line-height: 44px; }

  h3 {
    font-size: 32px;
    line-height: 31px; }

  h4 {
    font-size: 16px;
    line-height: 17px; }

  p, ul, ol {
    font-size: 18px;
    line-height: 24px; }

  .subtitle {
    font-size: 18px;
    line-height: 19px; }

  section.slider .slider .arrow {
    width: 64px;
    height: 64px; }

  section.about .grid .box .flex .slider .arrow {
    width: 64px;
    height: 64px; }

  section.building .grid .box .flex .slider .arrow {
    width: 64px;
    height: 64px; }

  section.developer .grid .box .slider .arrow {
    width: 64px;
    height: 64px; }

  section.floor-plan .zoom-out {
    width: 64px;
    height: 64px;
    right: 64px; }
  section.floor-plan .zoom-in {
    width: 64px;
    height: 64px; } }
@media (max-width: 1599px) {
  .side-nav .wrapper nav ul {
    gap: 20px; }
    .side-nav .wrapper nav ul li a {
      font-size: 28.8px;
      line-height: 28px; }

  section.hero .box .scroll-down {
    bottom: 56px;
    width: 40.83px;
    height: 58.35px; }

  section.about .grid .box .numbers ol {
    gap: 54px; }

  section.building .grid .box .icons {
    gap: 54px 58px; }

  section.location .flex .times {
    gap: 54px 58px; }

  section.contact .grid {
    gap: 94px; } }
@media (max-width: 1280px) {
  h1 {
    font-size: 50px;
    line-height: 49px; }

  h2 {
    font-size: 40px;
    line-height: 39px; }

  h3 {
    font-size: 28.8px;
    line-height: 28px; }

  h4 {
    font-size: 14px;
    line-height: 15px; }

  p, ul, ol {
    font-size: 16px;
    line-height: 21px; }

  .btn {
    padding: 10px 21px;
    font-size: 11px;
    line-height: 14px; }

  .link {
    font-size: 11px;
    line-height: 16px; }

  .subtitle {
    font-size: 14px;
    line-height: 15px; }

  .side-nav .wrapper .top {
    height: 72px;
    gap: 40px; }
    .side-nav .wrapper .top .languages {
      font-size: 14px;
      line-height: 15px; }
    .side-nav .wrapper .top .burger {
      width: 24.8px;
      height: 24.8px; }
  .side-nav .wrapper .social {
    gap: 40px; }

  header .wrapper .flex {
    height: 72px; }
    header .wrapper .flex .logo a {
      width: 297.6px;
      height: 20.8px; }
    header .wrapper .flex .nav {
      gap: 40px; }
      header .wrapper .flex .nav .languages {
        font-size: 14px;
        line-height: 15px; }
      header .wrapper .flex .nav .burger {
        width: 24.8px;
        height: 24.8px; }

  section.hero .box .scroll-down {
    animation-name: bounce-sm; }

  section.about .grid .box .numbers ol li:before {
    font-size: 28.8px;
    line-height: 28px; }

  section.contact .grid {
    gap: 64px; }

  section.slider .slider .arrow {
    width: 51px;
    height: 51px; }

  section.about .grid .box .flex .slider .arrow {
    width: 51px;
    height: 51px; }

  section.building .grid .box .flex .slider .arrow {
    width: 51px;
    height: 51px; }

  section.sustainability .grid .box .footer p {
    font-size: 14px; }
  section.sustainability .grid .box:nth-child(2) .column p {
    font-size: 14px; }

  section.developer .grid .box .slider .arrow {
    width: 51px;
    height: 51px; }

  section.floor-plan {
    padding: 0 0 30px; }
    section.floor-plan .zoom-out {
      width: 51px;
      height: 51px;
      right: 51px; }
    section.floor-plan .zoom-in {
      width: 51px;
      height: 51px; }
    section.floor-plan .compass {
      bottom: 60px; }
    section.floor-plan .legend .item .name {
      font-size: 14px;
      line-height: 15px; }

  footer .wrapper .text {
    font-size: 12px; }
  footer .wrapper .links {
    gap: 30px;
    margin: 0 0 40px; }
    footer .wrapper .links a, footer .wrapper .links #ot-sdk-btn.ot-sdk-show-settings {
      font-size: 12px;
      line-height: 15px; }
  footer .wrapper .bottom .left .copyright {
    font-size: 12px; }
  footer .wrapper .bottom .right .developer {
    font-size: 12px;
    gap: 5px; } }
@media (max-width: 1024px) {
  section.hero .box .scroll-down {
    bottom: 26px;
    width: 40.67px;
    height: 54.68px; }

  section.location .flex {
    gap: 5.2vw; }
    section.location .flex .times {
      gap: 34px 40px; }
      section.location .flex .times .item h3 {
        padding: 0 0 4px; }
    section.location .flex .image {
      padding: 0;
      max-width: 170px; }

  section.building .grid .box .icons {
    gap: 30px 30px; }

  section.sustainability .grid .box .items {
    gap: 40px 30px; }
  section.sustainability .grid .box:nth-child(2) .column p {
    font-size: 12px; }

  section.floor-plan .box {
    padding-bottom: 0; }

  section.smart-office .grid {
    gap: 30px; }
    section.smart-office .grid .item .image {
      margin: 0 0 20px; }
      section.smart-office .grid .item .image .overlay {
        padding: 34px; }

  section.contact {
    background: #F4F86F; }
    section.contact .box {
      width: 100%; }
      section.contact .box .content {
        margin-bottom: 30px; }
    section.contact .grid {
      padding: 0;
      grid-template-columns: 1fr; }
      section.contact .grid .item {
        padding: 0 5.2vw; }
        section.contact .grid .item:nth-child(3) {
          background: #6B00E8;
          padding: 60px 5.2vw; } }
@media (max-width: 768px) {
  .side-nav {
    padding: 0 10vw 4vw; }
    .side-nav .wrapper .top {
      height: 88px; }

  header .wrapper {
    padding: 0 10vw; }
    header .wrapper .flex {
      height: 88px; }
      header .wrapper .flex .logo a {
        width: 114px;
        height: 38px;
        background: url(../img/pltfrm_logo.svg) no-repeat center center;
        background-size: contain; }

  section.hero .box {
    padding: 188px 10vw 90px;
    width: 100%;
    height: auto; }
    section.hero .box .flex {
      padding: 0 0 40px; }
      section.hero .box .flex .content h1 {
        padding: 0 0 22px; }
    section.hero .box .scroll-down {
      position: initial; }
  section.hero .image {
    position: initial;
    width: 100%;
    max-width: none; }
    section.hero .image svg {
      width: 100% !important;
      height: 100% !important;
      transform: translate3d(0, 0px, 0px) !important;
      position: static; }

  section.about .grid {
    grid-template-columns: 100vw; }
    section.about .grid .box .flex .content {
      padding: 10vw; }
    section.about .grid .box .numbers {
      padding: 10vw; }

  section.location .grid {
    grid-template-columns: 100vw; }
    section.location .grid .box {
      padding: 10vw; }
      section.location .grid .box:nth-child(1) {
        padding-bottom: 0; }
      section.location .grid .box:nth-child(2) {
        padding-top: 0; }
      section.location .grid .box p:first-child {
        margin-top: 20px; }
  section.location .flex {
    padding: 0 10vw 16vw;
    flex-flow: column;
    gap: 150px; }
    section.location .flex .times {
      grid-template-columns: repeat(2, 1fr);
      gap: 50px 120px;
      width: 100%; }
      section.location .flex .times h3 {
        padding: 0 0 12px; }
    section.location .flex .image {
      max-width: initial; }

  section.building .grid {
    grid-template-columns: 100vw; }
    section.building .grid .box .flex .content {
      padding: 10vw; }
    section.building .grid .box .info {
      padding: 10vw; }
    section.building .grid .box .icons {
      padding: 0 10vw 10vw;
      gap: 30px 120px; }

  section.sustainability .grid {
    grid-template-columns: 100vw; }
    section.sustainability .grid .box .content {
      padding: 10vw; }
    section.sustainability .grid .box .items {
      padding: 10vw;
      gap: 60px 120px; }

  section.floor-plan {
    padding: 0 0 60px; }
    section.floor-plan .box {
      width: 100%;
      padding: 10vw;
      padding-bottom: 0; }
    section.floor-plan .legend {
      padding: 10vw 10vw 0;
      flex-flow: column; }
    section.floor-plan .compass {
      right: 0px;
      bottom: 60px; }

  section.developer .grid {
    grid-template-columns: 100vw; }
    section.developer .grid .box .content {
      padding: 10vw; }

  section.smart-office .box {
    width: 100%;
    padding: 10vw; }
  section.smart-office .grid {
    padding: 0 10vw 10vw;
    grid-template-columns: 1fr;
    gap: 60px; }
    section.smart-office .grid .item .image .overlay {
      padding: 64px; }

  section.contact {
    background: #F4F86F; }
    section.contact .box {
      width: 100%;
      padding: 10vw 10vw 5vw; }
      section.contact .box .content {
        margin-bottom: 30px; }
    section.contact .grid {
      padding: 0;
      grid-template-columns: 1fr; }
      section.contact .grid .item {
        padding: 0 10vw; }
        section.contact .grid .item:nth-child(3) {
          background: #6B00E8;
          padding: 60px 10vw; }

  section.not-found .wrapper h1 {
    font-size: 110px;
    line-height: 104px; }

  footer .wrapper {
    padding: 10vw; }
    footer .wrapper .text {
      line-height: 17px;
      margin: 0 0 40px; }
    footer .wrapper .links {
      gap: 16px;
      flex-flow: column; }
    footer .wrapper .bottom {
      flex-flow: column;
      align-items: flex-start;
      gap: 30px; }
      footer .wrapper .bottom .right {
        align-items: flex-start;
        gap: 30px;
        flex-flow: column; } }
@media (max-width: 575px) {
  h1 {
    font-size: 36px;
    line-height: 35px; }

  h2 {
    font-size: 30px;
    line-height: 29px; }

  .side-nav {
    width: 100vw;
    height: -webkit-fill-available;
    min-height: 100%; }
    .side-nav .wrapper .top {
      height: 60px;
      justify-content: space-between; }
      .side-nav .wrapper .top .contact {
        display: none; }

  header .wrapper .flex {
    height: 60px; }
    header .wrapper .flex .logo a {
      width: 188px;
      height: 13px;
      background: url(../img/pltfrm_logo_primary.svg) no-repeat center center;
      background-size: contain; }
    header .wrapper .flex .nav .languages {
      display: none; }
    header .wrapper .flex .nav .contact {
      display: none; }

  section.hero .box {
    padding: 100px 10vw 34px; }

  section.slider .slider .arrow {
    width: 51px;
    height: 51px; }

  section.about .grid .box .flex .slider .arrow {
    width: 51px;
    height: 51px; }
  section.about .grid .box .numbers ol {
    gap: 35px; }
    section.about .grid .box .numbers ol li {
      padding: 43px 0 0; }

  section.location .flex {
    gap: 80px;
    padding: 0 10vw 22vw; }
    section.location .flex .times {
      grid-template-columns: repeat(1, 1fr); }
    section.location .flex .image {
      max-width: 170px; }

  section.building .grid .box .icons {
    gap: 30px 20px; }
  section.building .grid .box .flex .slider .arrow {
    width: 51px;
    height: 51px; }

  section.sustainability .grid .box .items {
    grid-template-columns: 1fr;
    gap: 50px; }

  section.floor-plan .zoom-out {
    width: 51px;
    height: 51px;
    right: 51px; }
  section.floor-plan .zoom-in {
    width: 51px;
    height: 51px; }

  section.developer .grid .box .slider .arrow {
    width: 51px;
    height: 51px; } }
@media (max-height: 475px) {
  .side-nav .wrapper nav {
    padding: 0; }
    .side-nav .wrapper nav ul {
      gap: 10px; }
      .side-nav .wrapper nav ul li a {
        font-size: 18.8px;
        line-height: 18px; }

  section.hero .box .scroll-down {
    display: none; } }

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