.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  color: #ccc;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  color: #ccc;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 30px;
  font-weight: 700;
  line-height: 34px;
}

h4 {
  color: #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
}

p {
  color: #aaa;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 18px;
}

a {
  color: #cfb65c;
  text-decoration: none;
}

a:active {
  color: #6e6b5b;
}

img {
  max-width: 100%;
  flex: 0 auto;
  align-self: auto;
  display: inline-block;
}

blockquote {
  color: #b2ae9b;
  border-style: none;
  border-width: 1px;
  margin-bottom: 10px;
  padding: 10px 20px 10px 26px;
  font-size: 18px;
  line-height: 22px;
}

.image {
  float: none;
  clear: none;
  text-align: left;
  object-fit: fill;
  border-radius: 0;
  margin-top: 5px;
  position: static;
}

.brand {
  height: 3rem;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
  position: static;
}

.brand.w--current {
  height: 5rem;
  margin-left: -1.6rem;
}

.utility-page-wrap {
  width: 100vw;
  height: 50rem;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 115px;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.div-block {
  height: 1080px;
}

.background-video {
  object-fit: fill;
}

.container {
  max-height: 5rem;
  min-height: 5rem;
  min-width: 100%;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  overflow: visible;
}

.slider {
  max-height: 300px;
  min-height: 40rem;
  margin-top: -8rem;
  position: relative;
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .3);
}

.background-video-2 {
  width: 100%;
  height: 100%;
  float: none;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.image-2 {
  max-height: 120%;
  object-fit: cover;
  margin-top: 0;
  padding-top: 0;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.image-3 {
  max-width: none;
  display: block;
}

.navbar {
  width: 100%;
  max-height: 5rem;
  min-height: 5rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(35, 31, 39, .75);
  border-bottom: 1px solid rgba(47, 43, 51, .7);
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navbar.w--open {
  flex-direction: column;
  display: flex;
}

.columns {
  height: 60rem;
  box-shadow: 1px 0 20px 20px rgba(0, 0, 0, .3);
}

.column {
  height: 100%;
  object-fit: contain;
  padding-left: 0;
  padding-right: 0;
}

.image-4 {
  height: 100%;
  object-fit: cover;
  align-self: auto;
}

.slide {
  object-fit: cover;
}

.background-video-3 {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  overflow: visible;
}

.background-video-3.header {
  opacity: .45;
}

.background-video-3.container.container2 {
  z-index: 1;
  opacity: 1;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
}

.background-video-3.container.container2.small {
  z-index: 1;
  max-height: none;
  min-width: 100%;
  align-self: stretch;
  margin-top: -89px;
  position: relative;
}

.footer {
  max-width: none;
  min-width: 100%;
  text-align: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(30, 30, 31, .75));
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 40px;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer.alt1 {
  position: absolute;
}

.footer-flex-container {
  width: 100%;
  text-align: left;
  justify-content: space-around;
  margin-bottom: 20px;
  display: flex;
}

.footer-logo-link {
  width: 100px;
  max-height: 60px;
  min-width: 60px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}

.footer-heading {
  color: #eee;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}

.footer-heading.footer-link {
  color: #eee;
}

.footer-link {
  color: #d3d3d3;
  text-align: center;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  display: block;
}

.footer-link:hover {
  text-decoration: underline;
}

.body {
  background-color: #252525;
  background-image: linear-gradient(to right, rgba(24, 21, 27, .75), rgba(47, 43, 51, .75) 25%, rgba(47, 43, 51, .75) 75%, rgba(24, 21, 27, .75));
}

.image-5 {
  width: 100%;
  height: 100%;
  max-width: none;
  opacity: 0;
  padding-top: 6px;
  padding-left: 6px;
}

.image-6 {
  height: 100%;
  object-fit: contain;
  margin: 2rem;
}

.nav-link {
  max-height: 5rem;
  min-height: 5rem;
  color: #ccc;
  text-align: center;
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.nav-link.w--current {
  min-height: 5rem;
  color: #fff;
  letter-spacing: 1px;
  align-items: center;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.nav-menu {
  padding-right: 0;
}

.text-block {
  color: #888;
}

.nav-menu-2 {
  justify-content: flex-end;
  display: flex;
}

.link-block {
  width: 100%;
  height: 100%;
  object-fit: fill;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.container-2 {
  max-width: 100%;
  box-shadow: 0 0 20px 20px #0e0e0e;
}

.slide-2 {
  max-height: 100%;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 100px;
  padding-top: 0;
}

.mask {
  background-color: #000;
}

.body-2 {
  background-color: #252525;
  background-image: linear-gradient(to right, rgba(24, 21, 27, .75), rgba(47, 43, 51, .75) 25%, rgba(47, 43, 51, .75) 75%, rgba(24, 21, 27, .75));
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: visible;
}

.body-2.ingallery {
  background-color: #2c292f;
  background-image: none;
}

.body-2.home {
  background-color: #141414;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  overflow: visible;
}

.body-2.team {
  flex-direction: row;
  margin-top: 5rem;
}

.hero {
  width: 100%;
  float: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.flex-container {
  max-width: 60%;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  justify-content: center;
  align-items: stretch;
  padding-left: 0;
  display: flex;
}

.hero-image-mask {
  width: 80%;
  margin-left: 0;
  padding-right: 40px;
}

.heroimagebig {
  max-width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  flex: 0 auto;
  align-self: auto;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: block;
}

.heading {
  color: #eee;
}

.paragraph {
  color: #333;
}

.div-block-2 {
  max-width: 15%;
  object-fit: fill;
  margin-right: 40px;
  padding-top: 0;
  position: static;
}

.image-7 {
  float: none;
  clear: none;
  object-fit: fill;
  flex: none;
  order: 0;
  align-self: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: visible;
}

.div-block-3 {
  max-width: 100%;
  object-fit: scale-down;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.heading-2 {
  max-width: 15rem;
  float: none;
  clear: none;
  white-space: normal;
  object-fit: scale-down;
  margin-top: 0;
  font-family: Exo, sans-serif;
  font-size: 25px;
  line-height: 35px;
  text-decoration: none;
  position: relative;
  overflow: visible;
}

.paragraph-2 {
  max-width: 100%;
  direction: ltr;
  text-indent: 0;
  object-fit: fill;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 20px;
  display: block;
  overflow: visible;
}

.div-block-4 {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.div-block-5 {
  max-width: 18rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  display: flex;
}

.div-block-6 {
  object-fit: scale-down;
  flex-flow: row;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 115px;
  display: flex;
}

.div-block-7 {
  height: 819.188px;
  object-fit: fill;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  padding-left: 0;
  display: block;
  position: static;
}

.image-8 {
  float: none;
  clear: none;
  object-fit: fill;
  flex: none;
  align-self: auto;
  padding-bottom: 5px;
  position: absolute;
}

.div-block-8 {
  flex-wrap: nowrap;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.container-3 {
  height: auto;
  max-width: 90rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-9 {
  width: 30%;
  justify-content: flex-start;
  align-items: center;
  margin-right: 70px;
  display: flex;
}

.grid {
  width: 70%;
  height: auto;
  grid-column-gap: 56px;
  grid-row-gap: 45px;
  flex: 1;
  grid-template-columns: .25fr .75fr;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: start;
  margin-left: 0;
  padding-right: 0;
}

.grid-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-rows: 6rem 6rem;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 60px;
  padding-bottom: 60px;
}

.dropdown-list {
  background-color: rgba(221, 221, 221, .11);
}

.dropdown-list.w--open, .dropdown-list-2 {
  background-color: rgba(35, 31, 39, .75);
}

.dropdown-list-2.w--open {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top: 10.5rem;
  padding-bottom: 10px;
}

.icon-2, .icon-3 {
  opacity: .6;
}

.heading-3 {
  z-index: 1;
  color: rgba(204, 204, 204, .31);
  text-align: center;
  margin-bottom: 3rem;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 70px;
  position: relative;
}

.section {
  min-width: 100%;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.text-block-2 {
  width: auto;
  color: #aaa;
  text-align: center;
  background-color: rgba(21, 19, 24, .74);
  border: 2px solid rgba(131, 125, 138, .25);
  border-radius: 8rem;
  padding: 0 25px;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 50px;
  text-decoration: none;
  position: absolute;
}

.section-2 {
  height: 50rem;
  padding-top: 150px;
}

.container-4 {
  width: 70rem;
  height: auto;
  max-height: none;
  max-width: 80vw;
  min-height: auto;
  background-image: linear-gradient(105deg, rgba(37, 34, 41, .5), rgba(35, 31, 39, .5));
  border: 2px solid rgba(47, 43, 51, .8);
  border-radius: 15px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 11px -3px rgba(0, 0, 0, .5);
}

.container-4.contact {
  max-width: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 170px;
  padding: 9rem 20rem;
  position: relative;
}

.container-4.team {
  max-width: 100rem;
  padding-left: 100px;
  padding-right: 100px;
}

.container-4.inv {
  max-height: none;
  max-width: 80vw;
}

.container-4.inv.b {
  max-height: none;
}

.container-4.vertical {
  height: auto;
  max-height: none;
  max-width: 80vw;
  min-height: auto;
}

.container-4.header {
  width: 100%;
  height: 30rem;
  max-height: none;
  max-width: 100%;
  box-shadow: none;
  background-image: none;
  border-style: none;
  border-radius: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0;
  position: relative;
}

.container-4.header.mobile {
  padding: 0;
}

.container-4.b {
  height: auto;
  max-height: none;
}

.container-4.home {
  width: 100%;
  max-height: 55rem;
  max-width: 25rem;
  min-height: 20rem;
  min-width: 18rem;
  border-radius: 2rem;
  flex-direction: column;
  margin-left: 1rem;
  margin-right: 1rem;
  padding: 1rem 1.2rem;
  position: relative;
}

.container-4.profile {
  z-index: 0;
  width: auto;
  max-height: none;
  max-width: 90%;
  min-width: 90%;
  background-image: linear-gradient(rgba(31, 28, 34, .51), rgba(31, 28, 34, .51));
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  position: relative;
}

.container-4.timelineleft {
  width: auto;
  max-width: none;
}

.container-4.fortimeline {
  width: auto;
  max-width: none;
  padding: 1rem;
}

.container-4.fortimeline.portrait {
  flex-direction: column;
}

.image-9 {
  height: auto;
  object-fit: cover;
  object-position: 50% 50%;
  flex: 0 auto;
  align-self: auto;
  padding: 0;
  display: block;
  position: static;
  overflow: visible;
}

.column-2 {
  max-width: 100%;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 60px;
  display: flex;
  position: relative;
}

.div-block-10 {
  height: 100%;
  min-height: 100%;
  position: static;
}

.columns-2 {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  flex-flow: row;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.column-3 {
  min-height: 100%;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  transition: opacity .2s;
  display: flex;
  position: relative;
  overflow: visible;
}

.column-3:hover {
  opacity: 1;
}

.div-block-11 {
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  border: 3px solid rgba(20, 19, 22, .3);
  border-radius: 10px;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-11.fantasybasel {
  width: 30%;
  height: 100%;
  min-height: 0%;
  align-self: auto;
  margin-right: 1rem;
}

.div-block-11.fantasybasel.portrait {
  width: 100%;
  margin-bottom: 1rem;
  margin-right: 0;
}

.heading-4 {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.paragraph-3 {
  text-align: justify;
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-block-3 {
  color: rgba(37, 34, 41, .86);
  text-align: left;
  object-fit: fill;
  background-color: #aaa;
  border: 1px solid rgba(207, 182, 92, .05);
  border-radius: 1.5rem;
  padding: 5px 1rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  display: block;
}

.text-block-3:hover {
  background-color: #cfb65c;
  box-shadow: 2px 3px 10px -3px rgba(0, 0, 0, .4);
}

.text-block-3.home {
  font-size: 18px;
  line-height: 35px;
}

.paragraph-4, .paragraph-5 {
  text-align: justify;
}

.div-block-12 {
  justify-content: flex-end;
  align-self: flex-end;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.div-block-12.header {
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.div-block-13 {
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
}

.section-3 {
  height: 40rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.socialscontainer {
  height: 5rem;
  max-width: 25rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.socials {
  width: 50px;
  height: 50px;
  max-width: 100%;
}

.section-4 {
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.section-4.topsection {
  margin-top: 100px;
}

.section-4.news {
  min-width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.rich-text-block {
  text-align: left;
  flex-flow: column;
  flex: 1;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  padding-left: .5rem;
  padding-right: .5rem;
  font-family: PT Serif, serif;
  display: flex;
}

.rich-text-block.portrait {
  min-width: 100%;
}

.container-6 {
  height: 5rem;
}

.div-block-14 {
  align-self: flex-start;
}

.container-7 {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.column-4 {
  max-width: 50%;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.container-8 {
  flex-direction: column;
}

.columns-3 {
  flex-direction: column;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  display: flex;
}

.column-5 {
  align-self: auto;
}

.image-10 {
  height: 20rem;
  object-fit: cover;
  border: 3px solid rgba(20, 19, 22, .3);
  border-radius: 10px;
}

.column-6 {
  padding: 0;
}

.column-7 {
  height: 100%;
  padding: 0;
}

.container-9 {
  height: auto;
  max-width: 80rem;
  background-image: linear-gradient(105deg, rgba(37, 34, 41, .5), rgba(35, 31, 39, .5));
  border: 2px solid rgba(47, 43, 51, .8);
  border-radius: 15px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.container-9:hover {
  box-shadow: 1px 1px 20px -2px rgba(0, 0, 0, .3);
}

.columns-4 {
  flex-direction: row;
  align-items: stretch;
  padding: 50px;
  display: flex;
}

.column-8 {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding: 50px 50px 50px 25px;
  display: flex;
}

.columns-5 {
  width: 100%;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 0;
  display: flex;
}

.column-9 {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  padding: 50px 25px 50px 50px;
  display: flex;
}

.div-block-15 {
  padding-bottom: 50px;
}

.div-block-16 {
  max-width: 50%;
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  padding: 50px;
  display: flex;
}

.seaparator {
  width: 5px;
  height: 30rem;
  background-color: rgba(47, 43, 51, .3);
  align-self: center;
  box-shadow: 0 0 5px 1px rgba(31, 29, 34, .6);
}

.seaparator.profile {
  height: 7rem;
  background-color: rgba(85, 78, 92, .3);
  position: relative;
  left: 2rem;
  box-shadow: 0 0 5px 1px rgba(31, 29, 34, .8);
}

.seaparator.profile.hidden {
  height: 10rem;
  opacity: 0;
}

.seaparator.timeline {
  height: 5rem;
  background-color: rgba(207, 182, 92, .15);
}

.seaparator.timeline.roundbottom {
  width: auto;
  height: auto;
  min-height: 5rem;
  min-width: 5px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
}

.seaparator.timeline.roundtop {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.div-block-18 {
  height: 100%;
  max-width: 40%;
  border: 3px solid rgba(20, 19, 22, .3);
  border-radius: 10px;
  margin-right: 60px;
  overflow: hidden;
}

.div-block-19 {
  max-height: none;
  max-width: 15rem;
  min-width: 15rem;
  border: 3px solid rgba(20, 19, 22, .3);
  border-radius: 10px;
  flex: 1;
  margin-left: 1rem;
  overflow: hidden;
}

.div-block-19.rightside {
  min-width: 45%;
  margin-left: 0;
  margin-right: 1rem;
}

.image-11 {
  min-height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
}

.background-video-4 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 60px;
  display: block;
  overflow: visible;
}

.div-block-20 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  display: flex;
}

.div-block-21 {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

.container-10 {
  max-width: 60rem;
}

.image-12 {
  height: 100%;
  object-fit: cover;
}

.div-block-22 {
  width: 100%;
  height: 100%;
  border: 3px solid rgba(20, 19, 22, .3);
  border-radius: 10px;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  display: block;
  overflow: hidden;
}

.div-block-22.vertical {
  width: auto;
  height: auto;
  max-height: 20rem;
  min-width: 20rem;
}

.icon-4 {
  padding-left: 5px;
  padding-right: 0;
}

.container-11 {
  max-width: 100%;
  display: flex;
}

.section-5 {
  z-index: 0;
  height: 60rem;
  min-width: 100%;
  border-top: 2px solid rgba(51, 47, 54, .75);
  border-bottom: 2px solid rgba(51, 47, 54, .75);
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 15px 8px rgba(0, 0, 0, .45);
}

.section-5.content2 {
  display: flex;
}

.card {
  max-height: 25rem;
  max-width: 40rem;
  min-height: 25rem;
  min-width: 40rem;
  opacity: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(35, 31, 39, .75);
  border: 2px solid rgba(176, 163, 195, .1);
  border-radius: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 16rem;
  padding: 4rem 3rem;
  display: flex;
  position: absolute;
}

.card.info {
  max-height: none;
  max-width: 30rem;
  min-height: 25rem;
  min-width: 30rem;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: rgba(255, 255, 255, 0);
  border-style: none;
  border-color: rgba(128, 125, 131, .1);
  justify-content: space-between;
  align-items: stretch;
  margin-top: 5.5rem;
  padding: 1rem 0 1rem 1rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.card.info.right {
  min-height: 100rem;
  min-width: 110rem;
  justify-content: flex-start;
  align-items: flex-end;
  margin-right: -47.7rem;
  padding-right: 2rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0;
  overflow: hidden;
  transform: rotate(-70deg);
}

.card.info.right.content {
  opacity: .25;
  margin-top: -3.9rem;
  margin-right: -57.6rem;
  transform: rotate(-70deg);
}

.card.info.left {
  min-height: 100rem;
  min-width: 100rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -2rem;
  margin-left: -83.2rem;
  overflow: hidden;
  transform: rotate(110deg);
}

.card.header {
  max-width: 100rem;
  min-height: 100rem;
  min-width: 100rem;
  background-color: rgba(35, 31, 39, .75);
  border-radius: 0;
  margin-top: -23rem;
  margin-right: -53rem;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: rotate(20deg);
  box-shadow: 5px 3px 20px 8px rgba(0, 0, 0, .6);
}

.card.header.left {
  margin-left: -75.5rem;
  margin-right: 0;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  transform: rotate(20deg);
  box-shadow: -3px -5px 20px 8px rgba(0, 0, 0, .6);
}

.card.home {
  width: 60rem;
  max-width: none;
  min-height: 60%;
  background-color: rgba(35, 31, 39, .75);
  border-radius: 2rem;
  justify-content: flex-start;
  margin-top: 14.5rem;
  margin-bottom: 0;
  margin-left: 50rem;
  overflow: hidden;
}

.card.home.content2 {
  width: auto;
  max-height: none;
  max-width: 60rem;
  min-height: 40rem;
  min-width: 20rem;
  justify-content: space-between;
  margin-top: 0;
  margin-left: 1rem;
  margin-right: 2rem;
  padding: 3.5rem;
  position: relative;
}

.card.home.content2.b {
  height: auto;
  max-height: none;
  max-width: none;
  min-width: 35rem;
  margin-left: 2rem;
  margin-right: 1rem;
  position: relative;
}

.card.home.content2.small {
  max-width: 30rem;
  min-height: 20rem;
  min-width: 20rem;
  margin-left: 2rem;
  margin-right: 2rem;
}

.card.alt1 {
  background-color: rgba(34, 31, 36, .75);
  border-width: 1.5px;
  border-radius: .5rem;
  margin-top: 18rem;
  margin-bottom: 33rem;
  position: relative;
}

.container-12 {
  object-fit: scale-down;
  justify-content: center;
  align-items: center;
  margin-bottom: -4rem;
  display: flex;
  position: relative;
}

.background-video-5 {
  width: 100%;
  min-height: 100%;
  object-fit: fill;
  object-position: 50% 50%;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.background-video-5.lessopacity {
  opacity: .2;
}

.div-block-24 {
  min-height: 100%;
  min-width: 110%;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: absolute;
  box-shadow: inset 0 0 15px 8px rgba(0, 0, 0, .45);
}

.section-6 {
  padding-bottom: 150px;
  box-shadow: 0 5px 10px #000;
}

.section-7 {
  justify-content: center;
  align-items: center;
  padding: 8rem 25px;
  display: flex;
}

.section-7.home {
  max-height: none;
  min-height: 50rem;
  min-width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 7rem;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.div-block-25 {
  width: 90%;
  height: 50rem;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
  position: absolute;
}

.heading-5 {
  opacity: .75;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(255, 255, 255, .5);
  margin-top: 0;
  margin-bottom: 2.5rem;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  line-height: 60px;
  position: relative;
}

.heading-5.content {
  margin-bottom: 0;
  font-size: 45px;
}

.heading-5.content.small {
  font-size: 32px;
  line-height: 35px;
}

.div-block-26 {
  max-width: 675px;
  object-fit: scale-down;
  border-radius: 0;
  align-self: auto;
  margin-left: 20px;
}

.paragraph-6 {
  max-width: 95%;
  color: #ccc;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.paragraph-6.content {
  flex: 1;
  margin-bottom: 0;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: 20px;
  line-height: 22px;
}

.paragraph-6.content.info {
  flex: 1;
  line-height: 23px;
}

.paragraph-6.content.small {
  max-width: 90%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}

.image-13 {
  object-fit: scale-down;
  border-radius: 10px;
}

.background-video-6 {
  width: 350px;
  height: 350px;
  object-fit: scale-down;
  border-radius: 10px;
}

.background-video-7 {
  min-height: 30rem;
  min-width: 50rem;
  border-radius: 10px;
  margin-top: 24.2rem;
  position: absolute;
  overflow: visible;
}

.container-13 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-27 {
  object-fit: contain;
  position: relative;
  overflow: visible;
}

.container-14 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: visible;
}

.container-15 {
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  object-fit: fill;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
  position: relative;
}

.columns-6 {
  width: 90%;
  min-height: 90%;
  min-width: 90%;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.column-10 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-11 {
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.heading-6 {
  font-size: 40px;
  line-height: 50px;
}

.container-16 {
  padding: 25px;
}

.paragraph-7 {
  z-index: 2;
  color: #bbac57;
  text-align: center;
  margin-bottom: 35px;
  position: relative;
}

.paragraph-8 {
  text-align: center;
}

.section-8 {
  min-width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 194px;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.section-10 {
  height: 50rem;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-top: 8rem;
  margin-left: 25px;
  margin-right: 25px;
  display: flex;
}

.lightbox-link {
  max-width: 50rem;
  border: 3px solid rgba(20, 19, 22, .3);
  border-radius: 20px;
  margin: 50px 0;
  overflow: hidden;
}

.lightbox-link-2 {
  max-width: 25%;
  border-radius: 20px;
  overflow: hidden;
}

.section-11 {
  max-height: 1000px;
  flex: 1;
  justify-content: center;
  margin-top: 2rem;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.section-12 {
  margin-top: 8rem;
  margin-left: 25px;
  margin-right: 25px;
}

.div-block-28 {
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.div-block-29 {
  max-height: 100%;
  max-width: 30%;
  padding-left: 1rem;
}

.div-block-29.vertical {
  max-height: 25rem;
  min-width: 30%;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.div-block-29._2 {
  max-width: 30%;
  padding-left: 60px;
  padding-right: 0;
}

.div-block-29.home2 {
  max-width: 35rem;
  min-height: 32rem;
  min-width: 35rem;
  background-image: linear-gradient(rgba(47, 43, 51, .8), rgba(47, 43, 51, .8));
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
}

.div-block-29.home {
  max-width: 20rem;
  min-height: 32rem;
  min-width: 20rem;
  background-image: linear-gradient(rgba(47, 43, 51, .8), rgba(47, 43, 51, .8));
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
}

.div-block-29.home.item2, .div-block-29.home3 {
  max-width: 22rem;
  min-width: 22rem;
}

.container-17 {
  max-width: 80%;
  min-height: 90%;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.div-block-30 {
  max-width: 90%;
  min-width: 90%;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.section-13 {
  justify-content: center;
  display: flex;
}

.container-18, .container-19 {
  min-height: 8rem;
}

.image-15 {
  object-fit: fill;
}

.div-block-35 {
  max-height: 100%;
  max-width: 80rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-2 {
  max-width: 25rem;
  border: 2px solid rgba(47, 43, 51, .8);
  border-radius: 15px;
  margin-left: 2rem;
  margin-right: 2rem;
  overflow: hidden;
}

.link-block-2:hover {
  box-shadow: 1px 1px 20px -2px rgba(0, 0, 0, .3);
}

.link-block-2.w--current {
  border: 2px solid rgba(47, 43, 51, .8);
  border-radius: 15px;
  margin-left: 2rem;
  margin-right: 2rem;
  overflow: hidden;
}

.link-block-2.w--current:hover {
  box-shadow: 1px 1px 20px -2px rgba(0, 0, 0, .3);
}

.section-14 {
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -8rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.section-15 {
  min-width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.image-16 {
  object-fit: contain;
}

.image-16.small {
  max-width: 65%;
}

.team-member {
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 3.5rem;
  display: flex;
}

.team-member.small {
  flex: 1;
  align-self: stretch;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: relative;
}

.team-member.small.separator {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
}

.team-member.hidden {
  display: none;
}

.div-block-37 {
  max-width: 100%;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 4rem;
  padding: 2rem 3rem;
  display: flex;
}

.div-block-37.inv {
  justify-content: flex-end;
  margin-right: 0;
  padding-left: 60px;
  padding-right: 60px;
}

.div-block-37.hidden {
  display: none;
}

.rich-text-block-2 {
  min-height: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
}

.rich-text-block-2 p {
  margin-bottom: 5px;
  font-size: 14px;
}

.rich-text-block-2 h4 {
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 20px;
}

.rich-text-block-2.inverse {
  text-align: right;
  align-items: center;
}

.rich-text-block-2 h2 {
  margin-bottom: 2px;
  font-size: 30px;
}

.basiccontainer {
  max-height: none;
  max-width: 90%;
  min-height: 32rem;
  min-width: 90%;
  background-image: linear-gradient(105deg, rgba(37, 34, 41, .5), rgba(35, 31, 39, .5));
  border: 2px solid rgba(47, 43, 51, .8);
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.basiccontainer:hover {
  box-shadow: 1px 1px 20px -2px rgba(0, 0, 0, .3);
}

.container-20 {
  flex-direction: column;
  display: flex;
}

.teammember {
  max-width: 90rem;
  min-width: 90rem;
  border: 2px solid #000;
  border-radius: 15px;
  flex-direction: row;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.rich-text-block-3 {
  text-align: right;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
}

.rich-text-block-3 h2 {
  color: #beb374;
}

.rich-text-block-3 h2:hover {
  text-decoration: underline;
}

.section-16 {
  min-width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  margin-bottom: 15px;
  display: flex;
}

.text-block-5 {
  color: #d3d3d3;
  margin-bottom: 50px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 48px;
  line-height: 52px;
}

.div-block-38 {
  width: 65%;
  height: 80%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-6 {
  color: #ccc;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 40px;
}

.link-block-3 {
  width: 100%;
  height: 80%;
  opacity: .5;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-3:hover {
  opacity: .75;
}

.div-block-39 {
  justify-content: center;
  align-items: center;
  padding: 50px;
  display: flex;
}

.container-21 {
  margin-bottom: -20px;
}

.div-block-40 {
  min-width: 100%;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  margin-right: 1rem;
  display: flex;
  position: static;
}

.background-video-8 {
  max-height: 20rem;
  min-width: auto;
}

.background-video-8.onduoarticle {
  max-height: 15rem;
  min-height: auto;
  min-width: 10rem;
}

.background-video-9, .link-block-4 {
  width: 100%;
  height: 100%;
}

.team-profile {
  max-width: 90vw;
  min-height: auto;
  min-width: 90vw;
  flex-direction: column;
  flex: none;
  align-items: center;
  display: flex;
}

.team-profile.inv {
  flex-direction: row-reverse;
}

.team-profile.inverse {
  min-height: 22rem;
  flex-direction: row-reverse;
}

.team-profile.hidden {
  display: none;
}

.team-detail-richtext {
  min-width: 100%;
  color: #b2ae9b;
  padding: .5rem 1rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  line-height: 25px;
  text-decoration: none;
}

.team-detail-richtext.work {
  padding: 1rem;
}

.team-detail-richtext.work p {
  font-size: 14px;
  line-height: 18px;
}

.team-detail-richtext.work h1 {
  margin-top: 1rem;
  margin-bottom: .5rem;
  line-height: 30px;
}

.team-detail-richtext p, .team-detail-richtext blockquote {
  font-size: 16px;
}

.div-block-42 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem 10%;
  display: flex;
}

.div-block-42:active {
  display: none;
}

.image-20 {
  max-width: 5%;
}

.image-dot {
  opacity: 1;
}

.link-block-5 {
  width: 3rem;
  height: 3rem;
  opacity: .45;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.arrowclose {
  max-width: 2.5rem;
  display: none;
  position: absolute;
}

.team-socials {
  margin-bottom: -.8rem;
  padding: 1rem;
  display: flex;
}

.team-socials.jersty {
  margin-bottom: 2rem;
}

.team-socials.hidden {
  display: none;
}

.linkbutton {
  margin-bottom: 5rem;
  padding: 5px 1rem;
  display: block;
  position: relative;
}

.linkbutton.header {
  z-index: 1;
  min-width: 18rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0 0;
  display: flex;
  position: relative;
}

.linkbutton.header.right {
  z-index: 1;
  min-width: auto;
  align-self: flex-end;
  margin-bottom: 0;
  margin-left: .5rem;
  margin-right: .5rem;
}

.linkbutton.header.right.content {
  align-self: auto;
  margin-top: 2rem;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0 0;
}

.linkbutton.header.right.gameplay {
  z-index: auto;
  align-self: auto;
  margin-top: 4rem;
  padding: 0 0;
}

.linkbutton.header.social {
  min-width: auto;
  margin-left: .5rem;
  margin-right: .5rem;
}

.team-social-hover {
  display: block;
}

.image-21 {
  display: none;
}

.socialhover {
  opacity: 1;
  position: absolute;
}

.image-22, .lottie-animation-2 {
  position: absolute;
}

.lottie-animation-3 {
  width: 22rem;
  height: 22rem;
  position: absolute;
}

.lottie-animation-3.small {
  width: auto;
  height: auto;
}

.arrowopen {
  max-width: 2.5rem;
  display: flex;
  position: absolute;
}

.team-detail {
  max-width: 80%;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.team-detail.hidden, .left-arrow, .right-arrow {
  display: none;
}

.div-block-43 {
  min-height: 22rem;
  flex-direction: column;
  display: flex;
}

.div-block-43.inv {
  flex-direction: row-reverse;
}

.controls {
  width: 20rem;
  height: 100%;
}

.container-gallery {
  padding: 2.5rem;
  overflow: hidden;
}

.container-gallery.is--slider {
  padding-top: 0;
  padding-bottom: 0;
}

.list {
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.splide__track {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.splide__list {
  min-width: 100%;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.splide__slide {
  width: 33.3333%;
  height: 25rem;
  flex: none;
  margin-left: 1rem;
  margin-right: 1rem;
}

.splide__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overflow {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.section-17 {
  height: 5rem;
  justify-content: center;
  display: flex;
}

.slider__wave {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.slider__wave.is--bottom {
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: rotate(-180deg);
}

.section-18 {
  position: relative;
}

.div-block-44 {
  max-height: 65rem;
  max-width: 80%;
  min-height: 60rem;
  min-width: 80%;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: visible;
}

.team-work {
  max-width: 80%;
  min-width: 80%;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 4rem;
  display: grid;
}

.team-work._2elements {
  grid-template-columns: .5fr 1fr 1fr .5fr;
  align-content: space-around;
}

.team-work._1row {
  grid-template-rows: auto;
}

.team-workelement {
  background-image: linear-gradient(rgba(47, 43, 51, .8), rgba(47, 43, 51, .8));
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  padding: 2rem;
  display: flex;
  overflow: hidden;
}

.team-workelement.empty {
  background-image: none;
}

.imagecontainer {
  max-height: 15rem;
  min-height: 10rem;
  min-width: 50%;
  border: 2px solid rgba(207, 182, 92, .05);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.imagecontainer.home {
  max-height: none;
  min-height: 40rem;
  min-width: 60%;
  border-color: rgba(105, 97, 68, .05);
  align-self: stretch;
  position: static;
}

.imagecontainer.header {
  max-height: 30rem;
  max-width: 100%;
  min-height: 30rem;
  min-width: 100%;
  border: 0 rgba(47, 43, 51, .7);
  border-radius: 0;
  justify-content: flex-start;
}

.imagecontainer.preview {
  max-width: 55rem;
  min-height: 23rem;
  min-width: 55rem;
  border-style: none;
  border-radius: 0;
  position: absolute;
  top: 8%;
  bottom: 0%;
  left: 57.9rem;
  right: 62.3rem;
  transform: rotate(70deg);
}

.imagecontainer.preview.incontainer {
  max-width: 48rem;
  min-height: 25.1rem;
  min-width: 48rem;
  margin-top: 1.4rem;
  margin-left: -12.4rem;
  top: 2%;
  left: 65%;
  right: 0%;
}

.team-workdetailcontainer {
  min-width: 100%;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.workimage {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  flex: 1;
}

.team-workdetail {
  color: #ccc;
}

.gallery {
  padding-top: 100px;
  padding-bottom: 100px;
}

.centered-container {
  text-align: center;
  flex: 1;
}

.gallery-grid-container {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  grid-template: ". . Area"
                 ". . ."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  margin-top: 40px;
  display: grid;
}

.gallery-lightbox {
  position: relative;
  overflow: hidden;
}

.gallery-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.grid-3 {
  grid-column-gap: 16px;
}

.work-detail {
  padding: 1rem;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.work-detail p {
  font-size: 14px;
  line-height: 18px;
}

.work-detail h1 {
  margin-top: 1rem;
  margin-bottom: .5rem;
  line-height: 30px;
}

.hero-2 {
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.flex-container-2 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.hero-image-mask-2 {
  width: 100%;
  margin-left: 40px;
}

.hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  flex: 0 .5 auto;
}

.home-workelement {
  width: 100%;
  min-height: 100%;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.slide-nav {
  display: none;
}

.background-video-10 {
  width: 100%;
}

.dropdown {
  align-items: center;
  display: flex;
}

.text-block-7 {
  color: rgba(37, 34, 41, .86);
  text-align: left;
  object-fit: fill;
  background-color: #aaa;
  border: 1px solid rgba(207, 182, 92, .05);
  border-radius: 5.4rem;
  padding: 5px 1rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  display: block;
}

.text-block-7:hover {
  background-color: #cfb65c;
  box-shadow: 2px 3px 10px -3px rgba(0, 0, 0, .4);
}

.text-block-7.home {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 20px;
  line-height: 35px;
}

.text-block-7.home.bigger {
  min-height: 100%;
  min-width: 100%;
  text-align: center;
  padding: .4rem 1.8rem;
  font-size: 24px;
  line-height: 46px;
}

.text-block-7.about {
  z-index: 1;
  color: #ddd;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  position: relative;
}

.text-block-7.about:hover {
  box-shadow: none;
  background-color: rgba(207, 182, 92, 0);
  border-style: none;
  border-color: #000;
  border-radius: 0;
}

.text-block-7.big {
  min-height: 25rem;
  min-width: 100rem;
  background-color: rgba(35, 31, 39, 0);
  border-style: none;
  border-width: 0;
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  left: 20.2rem;
  transform: rotate(70deg);
}

.text-block-7.big:hover {
  box-shadow: none;
}

.text-block-7.big.left {
  max-width: 25rem;
  min-height: 10rem;
  min-width: 25rem;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-end;
  position: relative;
  left: 2.5rem;
  transform: rotate(180deg);
}

.text-block-7.big.right {
  max-width: 40rem;
  min-height: 19rem;
  min-width: 40rem;
  align-items: flex-end;
  margin-top: 15.9rem;
  top: -29.3906px;
  left: 66.2rem;
}

.div-block-45 {
  max-width: 50%;
  min-height: 35rem;
  min-width: 50%;
  padding: 60px;
}

.div-block-45.home2 {
  max-width: 35rem;
  min-height: 32rem;
  min-width: 35rem;
  background-image: linear-gradient(rgba(47, 43, 51, .8), rgba(47, 43, 51, .8));
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
}

.div-block-45.home {
  max-width: 20rem;
  min-height: 32rem;
  min-width: 20rem;
  background-image: linear-gradient(rgba(47, 43, 51, .8), rgba(47, 43, 51, .8));
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
}

.div-block-45.home.item2 {
  max-width: 22rem;
  min-width: 22rem;
}

.div-block-46 {
  min-width: 100%;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  margin-right: 1rem;
  display: flex;
  position: static;
}

.container-22 {
  height: auto;
  max-width: 80rem;
  background-image: linear-gradient(105deg, rgba(37, 34, 41, .5), rgba(35, 31, 39, .5));
  border: 2px solid rgba(47, 43, 51, .8);
  border-radius: 15px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 11px -3px rgba(0, 0, 0, .5);
}

.container-22.home {
  max-height: 45rem;
  max-width: 90%;
  min-height: 45rem;
  align-items: stretch;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.section_header {
  height: 28rem;
  min-width: 100%;
  opacity: .9;
  border-bottom: 2px solid rgba(51, 47, 54, .75);
  justify-content: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section_header.mobile {
  display: none;
}

.div-block-47 {
  display: flex;
}

.div-block-48 {
  width: 70%;
  height: auto;
  background-image: linear-gradient(rgba(47, 43, 51, .8), rgba(47, 43, 51, .8));
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  display: flex;
}

.div-block-49 {
  display: flex;
}

.div-block-50 {
  justify-content: center;
  align-items: center;
  margin-right: 1.5rem;
  padding: 1rem;
  display: flex;
}

.headinghome {
  color: rgba(255, 255, 255, .89);
  text-align: center;
  text-shadow: 1px 1px 6px rgba(255, 255, 255, .4);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anurati;
  font-size: 30px;
  line-height: 50px;
}

.headinghome.inv {
  color: #000;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, .4);
  margin-top: 2rem;
  margin-left: 13.5rem;
  font-size: 32px;
  position: absolute;
}

.headinghome.text {
  color: rgba(204, 204, 204, .4);
  padding-left: 0;
  padding-right: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 40px;
  position: relative;
}

.homesection {
  justify-content: center;
  align-items: center;
  margin-bottom: 5rem;
  display: none;
}

.text-block-8 {
  color: #c4c4c4;
  font-family: Anurati;
  font-size: 50px;
}

.div-block-51 {
  width: auto;
  height: auto;
  max-width: 15rem;
  min-height: 4rem;
  min-width: 15rem;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 2rem;
  margin-right: 1rem;
  padding: 0;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-51.logo {
  margin-bottom: 0;
  margin-left: 1rem;
  position: static;
}

.text-block-9 {
  font-family: Ubuntu, Helvetica, sans-serif;
}

.image-24 {
  max-width: 60%;
  object-fit: cover;
}

.image-25 {
  min-width: 100%;
  filter: blur(2px);
  object-fit: cover;
  transform-style: preserve-3d;
  border: 2px rgba(59, 57, 61, .3);
  border-bottom-style: solid;
  flex: none;
  margin-top: -1rem;
  overflow: hidden;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-26 {
  opacity: .95;
}

.background-video-11 {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}

.div-block-52 {
  min-height: 50rem;
  min-width: 50rem;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.orb {
  z-index: 1;
  width: 10rem;
  height: 10rem;
  border-radius: 10rem;
  margin-top: 26.2rem;
  margin-right: 4.6rem;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 18px 20px -6px rgba(0, 0, 0, .49);
}

.orb.orb1 {
  margin-top: 37.5rem;
  margin-right: 25.4rem;
}

.orb.orb3 {
  margin-top: 541px;
  margin-left: 37.3rem;
}

.orb.orb4 {
  margin-top: 40.6rem;
  margin-right: -8.5rem;
}

.background-video-12 {
  max-height: 111%;
  max-width: 111%;
  min-height: 111%;
  min-width: 111%;
  top: -9px;
  bottom: -9px;
  left: -9px;
  right: -9px;
}

.div-block-53 {
  background-image: linear-gradient(rgba(37, 34, 41, .86), rgba(37, 34, 41, .86));
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3rem;
  padding: 1.5rem;
  display: flex;
}

.paragraph-9 {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.homelinks {
  max-width: 20rem;
  object-fit: fill;
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 38.7rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
  display: flex;
  position: static;
  transform: rotate(180deg);
}

.image-27 {
  margin-top: 3.5rem;
}

.watermark {
  z-index: 0;
  min-width: 100%;
  opacity: .06;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.watermark.timeline {
  position: -webkit-sticky;
  position: sticky;
}

.background-video-13 {
  max-height: 40%;
  min-width: 80%;
  opacity: .25;
  border-radius: 1.5rem;
  position: absolute;
}

.div-block-55 {
  width: auto;
  max-height: 10rem;
  min-height: 10rem;
  min-width: 100%;
  border: 2px solid rgba(47, 43, 51, .7);
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
  display: flex;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.div-block-55.b {
  width: auto;
  margin-bottom: 4rem;
}

.div-block-55.small {
  max-height: 20rem;
  max-width: 25rem;
  min-height: 20rem;
  min-width: 100%;
  border-radius: 1.7rem;
  margin-top: .6rem;
  margin-bottom: .6rem;
  box-shadow: inset 0 9px 17px -4px rgba(0, 0, 0, .45);
}

.image-28 {
  min-height: 100%;
  min-width: 100%;
}

.notification {
  max-height: 4rem;
  max-width: 25rem;
  min-height: 4rem;
  min-width: 25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.notification.fbasel22 {
  max-height: 3.5rem;
  max-width: 60rem;
  min-height: 3.5rem;
  min-width: 30rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.text-block-10 {
  opacity: .9;
  color: #aaa;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  display: none;
}

.lottie-animation-4 {
  max-width: 2rem;
  opacity: .75;
  mix-blend-mode: screen;
  margin-right: .125rem;
  padding-top: .25rem;
}

.link {
  opacity: .6;
  color: #aaa;
  padding: 1rem;
  font-size: 22px;
}

.section-19 {
  max-height: 90rem;
  max-width: 100%;
  min-height: 50rem;
  min-width: 100%;
  border-top: 2px solid rgba(51, 47, 54, .75);
  border-bottom: 2px solid rgba(51, 47, 54, .75);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-19.mobile {
  display: none;
}

.text-block-11 {
  max-width: 5rem;
  min-width: 2rem;
  color: rgba(37, 34, 41, .6);
  text-align: center;
  margin-top: -18px;
  padding-bottom: .5rem;
  font-size: 12px;
  line-height: 15px;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block-11._2 {
  min-width: 2rem;
  color: rgba(80, 80, 80, .6);
  font-size: 10px;
}

.image-30 {
  opacity: .19;
  object-fit: cover;
  margin-top: 40px;
  position: absolute;
}

.div-block-57 {
  justify-content: flex-end;
  align-items: center;
  margin-right: 1rem;
  display: flex;
  position: relative;
}

.image-31 {
  min-width: 100%;
  object-fit: cover;
  margin-top: 5rem;
  padding-top: 0;
  padding-bottom: 0;
}

.text-span, .text-span-2 {
  color: #cfb65c;
}

.div-block-58 {
  max-width: 100%;
  min-width: 100%;
  justify-content: center;
  align-items: stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.div-block-58.b {
  max-height: 50rem;
  min-height: 20rem;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.section-20 {
  max-height: 50rem;
  max-width: 100%;
  min-height: auto;
  min-width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5rem;
  display: flex;
}

.image-32 {
  max-width: 2rem;
  border-radius: 5rem;
  margin-right: .25rem;
  position: relative;
}

.link-block-6 {
  align-items: center;
  margin-left: .3rem;
  margin-right: .3rem;
  display: none;
}

.bold-text-3 {
  color: #cfb65c;
}

.div-block-59 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.team-member-profiles {
  min-height: auto;
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
  position: relative;
  overflow: visible;
}

.team-member-profiles._2 {
  flex-direction: column;
}

.team {
  z-index: 1;
  max-height: 10rem;
  min-height: 10rem;
  min-width: 100%;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  display: flex;
  position: relative;
}

.jstyles {
  max-width: none;
  min-width: 100%;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.profiles {
  display: flex;
}

.team-profile-link {
  max-height: 10rem;
  max-width: 10rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-profile-link.hidden {
  display: none;
}

.horizscroll {
  margin-left: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.section-21 {
  min-width: 700%;
  margin-top: 3rem;
}

.heading-7 {
  align-self: center;
  margin-bottom: 4rem;
  font-size: 40px;
}

.heading-8 {
  color: #ddd;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Serif, serif;
  font-size: 55px;
  line-height: 55px;
  display: flex;
}

.thetimeline {
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  padding: 4rem 9.5rem;
  display: flex;
}

.columns-7 {
  width: 100%;
}

.timeline-wrapper {
  flex-direction: column;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
}

.timeline-item {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 50px 10rem;
  margin-bottom: 30px;
}

.timeline-left {
  text-align: right;
}

.timeline-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.timeline-circle {
  width: 1rem;
  height: 1rem;
  background-color: #cfb65c;
  border-radius: 100%;
}

.timeline-progress {
  z-index: -2;
  width: 5px;
  height: 100%;
  background-color: rgba(207, 182, 92, .15);
  border-radius: 20px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 12.35rem;
}

.timeline-progressbar {
  z-index: -1;
  width: 3px;
  height: 50vh;
  background-color: #cfb65c;
  display: none;
  position: fixed;
  bottom: 50vh;
}

.heading-9 {
  color: #ccc;
}

.heading-10 {
  opacity: .22;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  line-height: 22px;
  position: relative;
  transform: rotate(-90deg);
}

.div-block-60 {
  max-width: 2rem;
  min-height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-list-3 {
  background-color: #ddd;
}

.dropdown-list-3.w--open {
  background-color: rgba(32, 31, 39, .97);
}

.section-22 {
  min-height: 140rem;
  min-width: 100%;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: absolute;
}

.container-23 {
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.container-24 {
  flex-direction: column;
  display: flex;
}

.container-25 {
  max-width: none;
  min-width: 80%;
  margin-bottom: 5rem;
}

.text-block-12 {
  color: #a0a0a0;
}

@media screen and (min-width: 1440px) {
  .background-video-3.container.container2.small {
    opacity: 1;
    margin-top: -4.8rem;
    margin-bottom: -5.2rem;
  }

  .container-4.home {
    max-width: 30rem;
    margin-left: 2rem;
    margin-right: 2rem;
    padding-top: 1rem;
  }

  .div-block-22 {
    width: 30%;
  }

  .card.home.content2.b {
    max-width: 85rem;
  }

  .paragraph-6.content.small {
    font-size: 18px;
    line-height: 25px;
  }

  .image-16.small {
    max-width: 90%;
  }

  .text-block-6 {
    font-size: 20px;
  }

  .lottie-animation-3.small {
    width: 13rem;
    height: 13rem;
  }

  .image-25 {
    margin-top: -6rem;
  }

  .image-27 {
    margin-top: 8.9rem;
  }

  .div-block-55.small {
    max-height: 50rem;
    min-height: 21rem;
    margin-top: 1rem;
    position: relative;
  }

  .image-31 {
    margin-top: 16.2rem;
  }

  .div-block-58.b {
    min-height: 20rem;
    align-items: stretch;
  }

  .team {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .thetimeline {
    align-items: center;
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .timeline-wrapper {
    max-width: 90rem;
  }

  .timeline-item {
    grid-template-columns: 1fr 5rem 10rem;
  }

  .timeline-progress {
    right: 13.3rem;
  }

  .timeline-progressbar {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 30px;
  }

  .brand.w--current {
    max-height: none;
    max-width: 30%;
    justify-content: center;
    align-items: center;
    position: static;
  }

  .container {
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .slider {
    max-height: 500px;
  }

  .image-3 {
    margin-top: -8rem;
  }

  .navbar {
    max-height: 3rem;
    min-height: 3rem;
  }

  .columns {
    height: 25rem;
  }

  .background-video-3.header {
    min-height: 40rem;
    opacity: .75;
    position: absolute;
  }

  .background-video-3.container.container2.small {
    min-height: 15rem;
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-image {
    display: inline-block;
  }

  .footer-heading, .footer-link {
    text-align: center;
  }

  .image-5 {
    opacity: 1;
  }

  .image-6 {
    height: 80%;
    max-width: 80%;
    opacity: 1;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
  }

  .nav-link {
    max-height: 3rem;
    min-height: 3rem;
    min-width: 1px;
    margin-left: 1px;
    margin-right: 1px;
    padding: 20px 10px;
    font-size: 16px;
  }

  .nav-link.w--current {
    max-height: 3rem;
    min-height: 3rem;
  }

  .flex-container {
    flex-direction: column;
    align-items: center;
  }

  .hero-image-mask {
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .heroimagebig {
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: cover;
  }

  .div-block-3 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .heading-2 {
    font-size: 20px;
  }

  .paragraph-2 {
    font-size: 18px;
  }

  .div-block-4 {
    flex-flow: column;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-right: 0;
  }

  .div-block-5 {
    margin-left: 0;
  }

  .container-3 {
    height: auto;
    max-width: 95%;
    align-items: center;
    margin-top: 120px;
  }

  .div-block-9 {
    height: 50%;
    max-width: 50%;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

  .heroimage {
    max-width: 100%;
  }

  .grid {
    width: auto;
    height: auto;
    grid-column-gap: 20px;
    grid-auto-rows: auto;
    margin-right: 0%;
    padding-right: 3%;
  }

  .grid-2 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .text-block-2 {
    font-size: 20px;
    line-height: 40px;
  }

  .container-4.contact {
    height: 20rem;
    max-width: 40rem;
    padding: 6rem 11.5rem;
  }

  .container-4.header.mobile {
    height: 26rem;
    justify-content: center;
    align-items: flex-end;
    padding: 0;
  }

  .container-4.home {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .container-4.fortimeline {
    flex-direction: column;
  }

  .column-2 {
    flex-wrap: nowrap;
    align-self: stretch;
    padding: 45px;
  }

  .columns-2 {
    flex-direction: row;
    flex: 0 auto;
    justify-content: space-between;
    align-self: auto;
    align-items: stretch;
  }

  .column-3 {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-right: 45px;
  }

  .column-3.vertical {
    padding-left: 45px;
  }

  .div-block-11 {
    min-height: 100%;
  }

  .div-block-11.fantasybasel {
    width: 100%;
    margin-bottom: 1rem;
    margin-left: 1rem;
  }

  .div-block-11.fantasybasel.portrait {
    margin-left: 0;
  }

  .div-block-12 {
    margin-top: 10px;
  }

  .section-4.news {
    max-width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .container-7 {
    max-width: 45rem;
  }

  .column-4 {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-right: 45px;
  }

  .container-9 {
    max-width: 45rem;
    justify-content: space-between;
  }

  .seaparator.profile {
    height: 5rem;
  }

  .div-block-19 {
    width: 100%;
    max-width: 100%;
    margin-right: 1rem;
  }

  .div-block-19.rightside {
    margin-left: 1rem;
  }

  .div-block-22 {
    height: 100%;
    align-self: auto;
  }

  .div-block-22.vertical {
    height: auto;
  }

  .icon-4 {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-4 {
    margin-right: 8px;
    padding-left: 0;
  }

  .section-5 {
    height: 60rem;
    margin-bottom: 3rem;
  }

  .card {
    max-width: 70%;
    min-width: 70%;
  }

  .card.info.mobile {
    min-height: auto;
    min-width: auto;
    margin-bottom: 21px;
    position: relative;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .card.home.content2 {
    width: auto;
    max-height: none;
    max-width: 45rem;
    min-height: auto;
    min-width: 45rem;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .card.home.content2.b {
    max-height: none;
    max-width: 45rem;
    min-height: auto;
    min-width: 45rem;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 3rem;
  }

  .section-7 {
    min-height: 50vh;
  }

  .heading-5.content {
    font-size: 40px;
  }

  .paragraph-6 {
    font-size: 16px;
  }

  .paragraph-6.content {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .paragraph-6.content.info {
    font-size: 16px;
    line-height: 20px;
  }

  .background-video-7 {
    max-height: 25rem;
    min-height: 25rem;
    min-width: 40rem;
    margin-top: 24.8rem;
  }

  .section-8 {
    margin-top: 84px;
  }

  .section-11 {
    order: -1;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-28 {
    padding: 45px;
  }

  .div-block-29 {
    max-width: 100%;
    align-items: center;
    padding: 45px;
    display: flex;
  }

  .container-19 {
    min-height: 6rem;
  }

  .div-block-35 {
    align-items: center;
  }

  .link-block-2 {
    max-width: 51.3rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .link-block-2.w--current {
    margin-left: 50px;
    margin-right: 50px;
  }

  .section-14 {
    max-height: none;
    min-height: auto;
    margin: 0 auto auto;
  }

  .image-16 {
    max-width: 80%;
  }

  .team-member {
    margin-left: 25px;
    margin-right: 25px;
    padding: 0 25px;
  }

  .div-block-37 {
    max-width: 100%;
    min-width: auto;
    margin-left: 15px;
    margin-right: 15px;
    padding: 25px 5px;
  }

  .div-block-37.inv {
    padding-left: 35px;
    padding-right: 15px;
  }

  .rich-text-block-2 p {
    font-size: 14px;
  }

  .rich-text-block-2 h4 {
    font-size: 22px;
  }

  .basiccontainer {
    max-width: 95%;
    min-height: 28rem;
    min-width: 95%;
    justify-content: flex-start;
  }

  .basiccontainer.inverse {
    justify-content: flex-end;
    padding-right: 0;
  }

  .rich-text-block-3 h2 {
    font-size: 30px;
  }

  .rich-text-block-3 p {
    font-size: 14px;
  }

  .rich-text-block-3 h4 {
    font-size: 22px;
  }

  .text-block-5 {
    text-align: center;
  }

  .text-block-6 {
    text-align: center;
    font-size: 20px;
  }

  .link-block-3 {
    width: 80%;
    flex-flow: row;
  }

  .bold-text {
    text-align: center;
    font-size: 40px;
  }

  .div-block-40 {
    flex-direction: column;
  }

  .team-profile {
    min-height: 18rem;
    margin-left: 0;
    margin-right: 0;
  }

  .team-detail-richtext.work, .div-block-42 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .linkbutton.header {
    min-width: auto;
    margin-bottom: 1.5rem;
  }

  .linkbutton.header.right {
    align-self: auto;
    margin-bottom: 1.5rem;
  }

  .linkbutton.header.right.content {
    align-self: center;
  }

  .linkbutton.header.button {
    text-align: center;
    margin-bottom: 4rem;
  }

  .lottie-animation-3 {
    width: 18rem;
    height: 18rem;
  }

  .lottie-animation-3.small {
    width: auto;
    height: auto;
  }

  .team-detail {
    max-width: 90%;
  }

  .div-block-43 {
    min-height: 18rem;
  }

  .div-block-44 {
    max-height: none;
    max-width: none;
    min-height: auto;
    min-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .team-work {
    max-width: 90%;
    min-width: 90%;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .team-work._2elements {
    grid-template-columns: 1fr 1fr;
  }

  .team-workelement {
    padding: 1.5rem;
  }

  .team-workelement.empty {
    display: none;
  }

  .imagecontainer.header {
    max-height: 30rem;
    min-height: 30rem;
  }

  .imagecontainer.header.mobile {
    max-height: 26rem;
    min-height: 26rem;
    position: absolute;
  }

  .gallery-grid-container {
    align-self: stretch;
  }

  .text-block-7.home.unavailable {
    color: #6a696b;
    line-height: 40px;
  }

  .text-block-7.about {
    margin-top: 4rem;
    margin-left: 0;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .text-block-7.big {
    min-height: auto;
    min-width: 100%;
    position: relative;
    left: auto;
    transform: none;
  }

  .div-block-45 {
    align-items: center;
    padding: 45px;
    display: flex;
  }

  .div-block-46 {
    flex-direction: column;
  }

  .container-22 {
    height: auto;
    max-width: 45rem;
  }

  .section_header {
    height: 25rem;
    display: none;
  }

  .section_header.mobile {
    margin-bottom: 3rem;
    display: flex;
  }

  .div-block-50.mobile {
    margin-right: 0;
  }

  .div-block-51.logo {
    min-width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .image-25.mobile {
    min-height: 26rem;
    filter: none;
    margin-top: 0;
  }

  .image-26.mobile {
    max-width: 50%;
    min-width: 50%;
  }

  .watermark {
    margin-top: 1rem;
  }

  .div-block-55 {
    min-height: 6rem;
  }

  .notification {
    max-width: 2rem;
    min-width: 2rem;
    display: none;
  }

  .notification.fbasel22 {
    display: flex;
  }

  .section-19 {
    height: 78rem;
    max-width: 100%;
    min-width: 100%;
    justify-content: flex-start;
    margin-bottom: 3rem;
    padding-top: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .section-19.mobile {
    height: auto;
    max-height: none;
    min-height: auto;
    justify-content: center;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .text-block-11 {
    font-size: 11px;
  }

  .text-block-11.unavailable {
    color: #7a7a7a;
    font-size: 11px;
  }

  .image-29 {
    max-width: 90%;
  }

  .image-30 {
    margin-top: 15px;
  }

  .image-31 {
    margin-top: 7.9rem;
  }

  .div-block-58 {
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-block-58.b {
    max-height: none;
    justify-content: flex-start;
    align-items: center;
  }

  .section-20 {
    max-height: none;
  }

  .team {
    margin-bottom: 3.5rem;
  }

  .team-profile-link {
    max-height: 8rem;
    max-width: 8rem;
  }

  .thetimeline {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .timeline-item {
    grid-template-columns: 1fr 50px 8rem;
  }

  .timeline-progress {
    right: 10.35rem;
  }

  .heading-10 {
    padding-top: 20px;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 24px;
  }

  p {
    font-size: 16px;
  }

  .brand {
    flex: 0 auto;
  }

  .brand.w--current {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    padding-left: 0;
  }

  .container {
    max-height: 3rem;
    min-height: 3rem;
    align-self: auto;
  }

  .slider {
    height: 1080rem;
    max-height: 20rem;
  }

  .image-3 {
    max-width: 60%;
  }

  .navbar {
    align-items: center;
  }

  .columns {
    height: 20rem;
    object-fit: none;
    display: flex;
  }

  .column {
    object-fit: cover;
  }

  .image-4 {
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible;
  }

  .background-video-3.container.container2 {
    min-height: 100%;
  }

  .footer {
    padding: 40px 20px;
  }

  .footer-image {
    object-fit: contain;
  }

  .icon {
    color: #eee;
  }

  .nav-menu-2 {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(35, 31, 39, .75);
    margin-top: 3rem;
  }

  .menu-button {
    background-color: rgba(200, 200, 200, 0);
    padding: 15px;
  }

  .menu-button.w--open {
    background-color: rgba(200, 200, 200, 0);
  }

  .body-2 {
    margin-top: 0;
  }

  .hero {
    padding: 40px 20px;
  }

  .flex-container {
    flex-direction: column;
  }

  .hero-image-mask {
    order: -1;
    margin-left: 0;
    margin-right: 0;
  }

  .heroimagebig {
    height: auto;
  }

  .div-block-3 {
    margin-top: 0;
  }

  .heading-2 {
    font-size: 20px;
  }

  .paragraph-2 {
    font-size: 16px;
  }

  .div-block-4 {
    width: 100%;
    object-fit: fill;
    margin-left: 35px;
  }

  .div-block-5 {
    min-width: 9rem;
    margin-left: 0;
  }

  .container-3 {
    height: 20rem;
    max-width: 95%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 80px;
  }

  .div-block-9 {
    height: 100%;
    max-width: 45%;
    margin-bottom: 0;
  }

  .heroimage {
    max-width: 100%;
  }

  .grid {
    grid-row-gap: 12px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 3fr;
    margin-top: 0;
  }

  .heading-3 {
    font-size: 30px;
  }

  .text-block-2 {
    font-size: 15px;
    line-height: 30px;
  }

  .container-4.contact {
    height: 15rem;
    max-width: 30rem;
    padding: 2rem 4.5rem;
  }

  .container-4.inv {
    flex-direction: column-reverse;
  }

  .container-4.inv.b {
    flex-direction: row;
  }

  .container-4.vertical {
    flex-direction: column;
  }

  .container-4.header.mobile {
    height: 16rem;
  }

  .container-4.b {
    flex-direction: column;
  }

  .container-4.home {
    min-height: 27rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .container-4.profile {
    align-items: center;
  }

  .column-2 {
    padding: 25px;
  }

  .column-3 {
    max-width: 100%;
    padding-top: 25px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .column-3.vertical {
    max-width: 100%;
    padding: 0 25px 25px;
  }

  .text-block-3 {
    font-size: 14px;
  }

  .div-block-12 {
    margin-top: 20px;
  }

  .rich-text-block.vertical {
    text-align: justify;
  }

  .container-7 {
    max-width: 33rem;
    flex-direction: row;
  }

  .column-4 {
    max-width: 100%;
    padding: 25px 25px 0;
  }

  .container-9 {
    max-width: 33rem;
  }

  .seaparator.profile {
    height: 4rem;
    left: 1.5rem;
  }

  .seaparator.profile.hidden {
    height: 3rem;
  }

  .div-block-18 {
    height: auto;
    margin-right: 25px;
  }

  .div-block-19 {
    min-width: auto;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-20 {
    padding-right: 25px;
  }

  .div-block-22 {
    width: 100%;
  }

  .div-block-22.vertical {
    width: 100%;
    height: 24rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-5 {
    margin-bottom: 0;
  }

  .card {
    height: auto;
    max-height: 35rem;
    margin-bottom: 274px;
  }

  .card.info.mobile {
    margin-bottom: 0;
  }

  .card.home.content2 {
    height: auto;
    max-width: 25rem;
    min-height: 25.4rem;
    min-width: 25rem;
    padding: 1.5rem;
  }

  .card.home.content2.b {
    max-width: 25rem;
    min-width: 25rem;
    padding: 1.5rem 1.5rem 2rem;
  }

  .card.alt1 {
    margin-top: 6rem;
  }

  .section-7.home {
    margin-top: 5rem;
  }

  .heading-5 {
    font-size: 50px;
    line-height: 55px;
  }

  .heading-5.content {
    font-size: 30px;
    line-height: 40px;
  }

  .paragraph-6 {
    font-size: 14px;
  }

  .paragraph-6.content, .paragraph-6.content.info {
    font-size: 12px;
    line-height: 14px;
  }

  .paragraph-6.content.small {
    font-size: 14px;
    line-height: 15px;
  }

  .background-video-7 {
    margin-top: 30.7rem;
  }

  .paragraph-7 {
    font-size: 14px;
  }

  .section-8 {
    margin-top: 71px;
  }

  .section-11 {
    max-height: 400px;
    order: -1;
    margin-top: 4rem;
  }

  .div-block-28 {
    max-width: 100%;
    padding: 25px;
  }

  .div-block-29 {
    max-width: 100%;
    min-width: 100%;
    padding: 25px;
  }

  .div-block-29.vertical {
    max-height: 50%;
    max-width: none;
    min-width: 100%;
    justify-content: center;
    padding: 25px;
  }

  .div-block-29._2 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .section-13 {
    margin-top: 4rem;
  }

  .container-19 {
    min-height: 2rem;
  }

  .div-block-35 {
    order: 0;
  }

  .link-block-2.w--current {
    margin-left: 25px;
    margin-right: 25px;
  }

  .image-16 {
    max-width: 150px;
  }

  .team-member {
    margin-left: 25px;
    margin-right: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-37, .div-block-37.inv {
    padding: 15px 10px;
  }

  .rich-text-block-2 p {
    font-size: 12px;
  }

  .rich-text-block-2 h4 {
    margin-top: 0;
    font-size: 20px;
  }

  .rich-text-block-2 h2 {
    margin-bottom: 5px;
  }

  .basiccontainer {
    max-width: 95%;
    min-height: 23rem;
    min-width: 95%;
  }

  .basiccontainer.inverse {
    max-width: 28rem;
    min-width: 28rem;
  }

  .rich-text-block-3 p {
    font-size: 12px;
  }

  .rich-text-block-3 h4 {
    font-size: 20px;
  }

  .text-block-6 {
    font-size: 18px;
    line-height: 30px;
  }

  .link-block-3 {
    flex-wrap: wrap;
  }

  .div-block-40 {
    flex-direction: column;
  }

  .background-video-8 {
    width: 100%;
    max-height: none;
    object-fit: scale-down;
  }

  .background-video-8.onduoarticle {
    max-height: 15rem;
  }

  .team-profile {
    min-height: 10rem;
  }

  .team-detail-richtext.work p {
    font-size: 14px;
  }

  .team-detail-richtext p, .team-detail-richtext blockquote {
    font-size: 14px;
    line-height: 16px;
  }

  .team-socials {
    margin-bottom: 0;
  }

  .linkbutton {
    object-fit: scale-down;
  }

  .lottie-animation-3 {
    width: 15rem;
    height: 15rem;
  }

  .div-block-43 {
    min-height: 10rem;
  }

  .imagecontainer.header.mobile {
    min-height: 16rem;
  }

  .gallery {
    padding: 40px 20px;
  }

  .gallery-grid-container {
    max-width: none;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .work-detail p {
    font-size: 14px;
  }

  .hero-2 {
    padding: 40px 20px;
  }

  .flex-container-2 {
    flex-direction: column;
  }

  .hero-image-mask-2 {
    order: -1;
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown {
    justify-content: center;
  }

  .text-block-7 {
    font-size: 14px;
  }

  .text-block-7.home {
    font-size: 14px;
    line-height: 30px;
  }

  .text-block-7.home.bigger {
    min-width: 10rem;
    font-size: 18px;
    line-height: 38px;
  }

  .text-block-7.home.unavailable {
    line-height: 32px;
  }

  .text-block-7.about {
    margin-bottom: 2.4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 12px;
    line-height: 20px;
  }

  .div-block-46 {
    flex-direction: row;
  }

  .container-22 {
    max-width: 33rem;
    flex-direction: column;
  }

  .section_header.mobile {
    height: 15rem;
    margin-top: 3rem;
  }

  .div-block-51.logo {
    min-height: 3rem;
    margin-right: 0;
  }

  .image-25.mobile {
    min-height: 20rem;
    margin-top: 8.5rem;
  }

  .image-27 {
    margin-top: -2.7rem;
  }

  .watermark {
    max-width: 25rem;
    min-width: 25rem;
    margin-top: 11rem;
  }

  .div-block-55.b {
    margin-bottom: 2rem;
  }

  .notification.fbasel22 {
    flex-direction: row;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .text-block-10 {
    text-align: center;
    font-size: 13px;
  }

  .lottie-animation-4 {
    max-width: 1.5rem;
    margin-top: -.5rem;
    margin-bottom: -.5rem;
  }

  .section-19 {
    height: 65rem;
  }

  .section-19.mobile {
    max-height: none;
    min-height: auto;
    padding-bottom: 0;
  }

  .text-block-11 {
    font-size: 10px;
  }

  .image-30 {
    margin-top: 0;
  }

  .image-31 {
    margin-top: 1.7rem;
  }

  .image-32 {
    max-width: 1.5rem;
  }

  .link-block-6 {
    padding-top: .1rem;
    padding-bottom: .1rem;
  }

  .div-block-59 {
    min-width: 0;
    justify-content: center;
    align-items: center;
  }

  .team {
    max-height: 8rem;
    min-height: 8rem;
    margin-bottom: 1rem;
  }

  .section-21 {
    align-self: flex-start;
    margin-top: 0;
  }

  .heading-7 {
    margin-bottom: 3rem;
  }

  .timeline-item {
    grid-template-columns: 70% 10% 20%;
  }

  .timeline-progress {
    right: 25.8%;
  }

  .html-embed-2 {
    width: auto;
    max-width: none;
    min-width: auto;
    display: none;
  }

  .heading-10 {
    font-size: 12px;
  }

  .div-block-60 {
    max-width: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 20px;
    line-height: 22px;
  }

  p {
    font-size: 14px;
  }

  .brand {
    justify-content: center;
  }

  .brand.w--current {
    max-width: 50%;
  }

  .slider {
    height: 100vh;
    max-height: none;
  }

  .image-3 {
    margin-top: -15rem;
  }

  .navbar {
    flex-flow: row;
    justify-content: space-between;
    align-self: auto;
    display: flex;
  }

  .columns {
    height: 30rem;
    display: block;
  }

  .background-video-3.container.container2.small {
    max-height: 20px;
    min-height: 20rem;
    min-width: 155%;
  }

  .footer {
    text-align: center;
    order: 1;
    margin-top: 5rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-flex-container {
    flex-direction: column;
    align-items: center;
  }

  .footer-logo-link {
    height: 60px;
  }

  .footer-heading {
    margin-top: 20px;
  }

  .nav-menu-2 {
    border-bottom-left-radius: 15px;
    margin-top: 3rem;
  }

  .menu-button {
    margin-right: -.8rem;
  }

  .body-2.home {
    margin-top: 3rem;
  }

  .heroimagebig {
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    flex: 0 auto;
    align-self: auto;
    overflow: visible;
  }

  .div-block-3 {
    width: 100%;
  }

  .heading-2 {
    font-size: 18px;
  }

  .paragraph-2 {
    font-size: 16px;
  }

  .div-block-4 {
    width: 100%;
    margin-left: 0;
  }

  .div-block-5 {
    margin-left: 20px;
  }

  .container-3 {
    height: auto;
    max-width: 90%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 125px;
  }

  .div-block-9 {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    margin-bottom: 0;
  }

  .grid {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    flex: 0 auto;
    align-self: auto;
    justify-items: start;
    margin-top: 70px;
    margin-left: 0;
    margin-right: 0%;
    padding-right: 0%;
  }

  .grid-2 {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 70px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .heading-3 {
    margin-bottom: 4px;
    font-size: 25px;
  }

  .text-block-2 {
    font-size: 20px;
    line-height: 40px;
  }

  .container-4 {
    flex-direction: row;
  }

  .container-4.contact {
    height: 6rem;
    max-width: 12rem;
    padding: 1.5rem;
  }

  .container-4.inv {
    flex-direction: column-reverse;
  }

  .container-4.inv.b, .container-4.vertical {
    flex-direction: column;
  }

  .container-4.header.mobile {
    height: 11rem;
  }

  .container-4.b {
    flex-direction: column;
  }

  .container-4.home {
    min-height: 20rem;
    min-width: 14rem;
  }

  .column-2 {
    flex-direction: column;
    align-self: stretch;
    padding: 10px;
  }

  .columns-2 {
    flex-direction: column;
    justify-content: space-between;
    align-self: auto;
    align-items: stretch;
    display: flex;
  }

  .column-3 {
    max-width: 100%;
    padding: 10px 10px 0;
  }

  .column-3.vertical {
    max-width: 100%;
    padding: 0 10px 10px;
  }

  .text-block-3 {
    text-align: right;
    border-radius: 1.5rem;
    font-size: 13px;
  }

  .rich-text-block {
    font-size: 0;
  }

  .container-7 {
    flex-direction: column;
  }

  .column-4 {
    padding: 10px;
  }

  .container-9.inv {
    flex-direction: column-reverse;
  }

  .seaparator.profile {
    width: 4px;
    height: 4rem;
  }

  .div-block-18 {
    max-width: 100%;
    margin-bottom: 25px;
    margin-right: 0;
  }

  .div-block-20 {
    padding-right: 0;
  }

  .div-block-22.vertical {
    width: 100%;
    height: 18rem;
  }

  .section-5 {
    min-width: 100%;
  }

  .card {
    height: auto;
    max-height: 40rem;
    max-width: 20rem;
    min-width: 12rem;
    margin-left: 10px;
    margin-right: 10px;
    padding: 25px;
  }

  .card.home.content2 {
    max-width: 14rem;
    min-height: 22rem;
    min-width: 14rem;
  }

  .card.home.content2.b {
    max-width: 20rem;
    min-width: 14rem;
    margin-bottom: 1rem;
  }

  .card.alt1 {
    margin-top: 8rem;
    margin-bottom: 12.6rem;
  }

  .heading-5 {
    font-size: 40px;
  }

  .heading-5.content {
    font-size: 16px;
  }

  .heading-5.content.small {
    font-size: 25px;
  }

  .paragraph-6 {
    font-size: 12px;
    line-height: 25px;
  }

  .paragraph-6.content {
    padding-left: .8rem;
    padding-right: .8rem;
    font-size: 12px;
    line-height: 14px;
  }

  .background-video-7 {
    min-height: 20rem;
    min-width: 100%;
  }

  .paragraph-7 {
    font-size: 10px;
  }

  .section-8 {
    margin-top: 4.3rem;
  }

  .lightbox-link {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .section-11 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-28 {
    padding: 10px;
  }

  .div-block-29 {
    max-width: 100%;
    min-height: auto;
    padding: 10px;
  }

  .div-block-31, .div-block-32, .div-block-33, .div-block-34 {
    margin-bottom: 20px;
  }

  .link-block-2 {
    margin: 2rem 15px;
  }

  .link-block-2.w--current {
    margin-left: 15px;
    margin-right: 15px;
  }

  .image-16 {
    max-width: 120px;
  }

  .team-member {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .team-member.small.separator {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .div-block-37, .div-block-37.inv {
    justify-content: center;
  }

  .rich-text-block-2 {
    text-align: center;
    align-items: center;
  }

  .rich-text-block-2 h4 {
    font-size: 16px;
  }

  .rich-text-block-2.inverse {
    text-align: center;
    align-items: center;
  }

  .basiccontainer {
    min-height: 30rem;
    min-width: 95%;
    flex-direction: column;
    align-items: center;
  }

  .basiccontainer.inverse {
    max-width: 14rem;
    min-width: 14rem;
    flex-direction: column-reverse;
    align-items: center;
  }

  .rich-text-block-3 {
    text-align: center;
    align-items: center;
  }

  .rich-text-block-3 h2 {
    font-size: 22px;
  }

  .rich-text-block-3 h4 {
    font-size: 16px;
  }

  .link-block-3 {
    flex-direction: column;
  }

  .image-17 {
    max-width: 40%;
    min-width: 20%;
  }

  .image-18 {
    max-width: 40%;
  }

  .bold-text {
    font-size: 20px;
  }

  .image-19 {
    max-width: 40%;
  }

  .div-block-40 {
    flex-direction: column;
  }

  .background-video-8 {
    max-height: 15rem;
  }

  .team-profile {
    min-height: 20rem;
    flex-direction: column;
    margin-bottom: 0;
  }

  .div-block-42 {
    padding-left: .1rem;
    padding-right: .1rem;
  }

  .team-socials {
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 0;
  }

  .linkbutton.header.right {
    margin-right: 0;
  }

  .lottie-animation-3 {
    width: 12rem;
    height: 12rem;
  }

  .lottie-animation-3.small {
    width: 4rem;
    height: 4rem;
  }

  .div-block-43, .div-block-43.inv, .div-block-44 {
    flex-direction: column;
  }

  .team-work, .team-work._2elements {
    grid-template-columns: 1fr;
  }

  .imagecontainer.header.mobile {
    min-height: 13rem;
  }

  .centered-container {
    text-align: left;
  }

  .gallery-grid-container {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown {
    flex-direction: column;
  }

  .text-block-7 {
    text-align: right;
    font-size: 13px;
  }

  .text-block-7.home {
    font-size: 14px;
  }

  .text-block-7.about {
    min-width: 5rem;
    text-align: left;
    line-height: 18px;
  }

  .div-block-45 {
    max-width: 100%;
    padding: 25px;
  }

  .div-block-46 {
    flex-direction: column;
  }

  .section_header.mobile {
    height: 10rem;
    margin-top: 0;
  }

  .div-block-50.mobile {
    margin-bottom: 0;
  }

  .div-block-51.logo {
    max-width: 10rem;
    min-width: 10rem;
    margin-left: 0;
  }

  .image-25.mobile {
    min-height: 12rem;
    margin-top: 14.6rem;
  }

  .image-26.mobile {
    max-width: 50%;
    min-width: 50%;
  }

  .watermark {
    margin-top: 10.5rem;
  }

  .div-block-55 {
    margin-bottom: 2rem;
  }

  .div-block-55.small {
    max-height: 11rem;
    min-height: 11rem;
    min-width: 13rem;
  }

  .notification.fbasel22 {
    max-height: none;
    min-width: 100%;
    flex-direction: row;
    padding: 1rem 0;
  }

  .section-19 {
    height: 80rem;
  }

  .text-block-11 {
    font-size: 8px;
  }

  .image-29 {
    max-width: 80%;
  }

  .image-30 {
    margin-top: 8px;
  }

  .image-31 {
    margin-top: 0;
  }

  .team {
    margin-bottom: 1rem;
  }

  .team-profile-link {
    max-width: 5rem;
    min-width: 5rem;
  }

  .section-21 {
    margin-top: 0;
  }

  .heading-8 {
    font-size: 20px;
  }

  .timeline-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .timeline-item {
    grid-template-columns: 70% 10% 20%;
  }

  .timeline-progress {
    right: 24.3%;
  }

  .section-22 {
    min-height: 160rem;
    margin-top: -3rem;
  }

  .container-23 {
    justify-content: flex-start;
  }

  .div-block-36, .div-block-41 {
    margin-bottom: 20px;
  }
}

#w-node-_2973fc35-bf3f-75e8-c5ed-2f1f7e89fc50-4329f3a4, #w-node-_2973fc35-bf3f-75e8-c5ed-2f1f7e89fc51-4329f3a4, #w-node-_2973fc35-bf3f-75e8-c5ed-2f1f7e89fc54-4329f3a4, #w-node-_2973fc35-bf3f-75e8-c5ed-2f1f7e89fc55-4329f3a4, #w-node-_2973fc35-bf3f-75e8-c5ed-2f1f7e89fc56-4329f3a4, #w-node-_2973fc35-bf3f-75e8-c5ed-2f1f7e89fc57-4329f3a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_9130a094-744d-e171-bf0a-262f3e25564b-4329f3a4, #w-node-_9130a094-744d-e171-bf0a-262f3e255657-4329f3a4, #w-node-_9f501f1d-ab59-6504-2649-3e2c41afb7bd-4329f3a4, #w-node-_9f501f1d-ab59-6504-2649-3e2c41afb7ca-4329f3a4, #w-node-_41b1a53e-9336-1f4f-c0b5-06ea2793bcc1-4329f3a4, #w-node-_41b1a53e-9336-1f4f-c0b5-06ea2793bcc2-4329f3a4, #w-node-_3d1e438e-9888-2fdd-fcc3-ffca9c339540-4329f3a4, #w-node-_3d1e438e-9888-2fdd-fcc3-ffca9c33954d-4329f3a4, #w-node-aeb100af-a18e-9916-d73d-0eb0b14fdb59-4329f3a4, #w-node-aeb100af-a18e-9916-d73d-0eb0b14fdb5a-4329f3a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aeb100af-a18e-9916-d73d-0eb0b14fdb5c-4329f3a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_124190fb-9524-feca-b740-80baa22a1690-4329f3a4, #w-node-_124190fb-9524-feca-b740-80baa22a1691-4329f3a4, #w-node-_5bbb1a5c-1351-3d0d-92ca-93611251dad1-4329f3a4, #w-node-_5bbb1a5c-1351-3d0d-92ca-93611251dae9-4329f3a4, #w-node-_8513c03d-df24-2ce7-5cea-5f2ad6efcdd8-4329f3a4, #w-node-_8513c03d-df24-2ce7-5cea-5f2ad6efcdf0-4329f3a4, #w-node-_235a75c9-edaf-fab3-9760-8f95024fac0d-4329f3a4, #w-node-f7b0a890-dbfa-df00-cf87-d551f205c281-4329f3a4, #w-node-_6e7f8237-1cbf-c08c-384e-8370c8f0a5ea-4329f3a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5366ef80-01c1-092a-f9dc-590449ec8faa-4329f3a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-bfb928fc-78cb-5ea4-298f-decbbd9ec846-835be8e1, #w-node-bfb928fc-78cb-5ea4-298f-decbbd9ec847-835be8e1, #w-node-_11843347-3995-1913-f6e8-2d0e45e35750-835be8e1, #w-node-_11843347-3995-1913-f6e8-2d0e45e35751-835be8e1, #w-node-_98b57133-6c47-43e9-2a94-8d392f1bed00-835be8e1, #w-node-_98b57133-6c47-43e9-2a94-8d392f1bed01-835be8e1, #w-node-bfb928fc-78cb-5ea4-298f-decbbd9ec842-835be8e1, #w-node-bfb928fc-78cb-5ea4-298f-decbbd9ec843-835be8e1, #w-node-bfb928fc-78cb-5ea4-298f-decbbd9ec848-835be8e1, #w-node-bfb928fc-78cb-5ea4-298f-decbbd9ec849-835be8e1, #w-node-_5b6177da-648b-5275-5d1e-777689c4d8be-835be8e1, #w-node-_5b6177da-648b-5275-5d1e-777689c4d8bf-835be8e1, #w-node-_0b139dc1-d588-169f-b583-939225eafcb6-835be8e1, #w-node-_0b139dc1-d588-169f-b583-939225eafcb7-835be8e1, #w-node-c269d591-ffe7-edfb-d56e-4228b393af34-835be8e1, #w-node-c269d591-ffe7-edfb-d56e-4228b393af35-835be8e1, #w-node-c2f91107-69a6-081b-55d8-3a985ac23efc-835be8e1, #w-node-c2f91107-69a6-081b-55d8-3a985ac23efd-835be8e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

@media screen and (min-width: 1440px) {
  #w-node-_9130a094-744d-e171-bf0a-262f3e25564b-4329f3a4 {
    justify-self: auto;
  }

  #w-node-aeb100af-a18e-9916-d73d-0eb0b14fdb59-4329f3a4, #w-node-_5bbb1a5c-1351-3d0d-92ca-93611251dad1-4329f3a4, #w-node-_235a75c9-edaf-fab3-9760-8f95024fac0d-4329f3a4 {
    justify-self: end;
  }

  #w-node-_0b139dc1-d588-169f-b583-939225eafcb6-835be8e1, #w-node-c269d591-ffe7-edfb-d56e-4228b393af34-835be8e1, #w-node-c2f91107-69a6-081b-55d8-3a985ac23efc-835be8e1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_2973fc35-bf3f-75e8-c5ed-2f1f7e89fc56-4329f3a4, #w-node-_11843347-3995-1913-f6e8-2d0e45e35750-835be8e1, #w-node-_98b57133-6c47-43e9-2a94-8d392f1bed00-835be8e1, #w-node-bfb928fc-78cb-5ea4-298f-decbbd9ec848-835be8e1, #w-node-_5b6177da-648b-5275-5d1e-777689c4d8be-835be8e1, #w-node-_0b139dc1-d588-169f-b583-939225eafcb6-835be8e1, #w-node-c269d591-ffe7-edfb-d56e-4228b393af34-835be8e1, #w-node-c2f91107-69a6-081b-55d8-3a985ac23efc-835be8e1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: center;
  }
}