.w-embed-youtubevideo {
  width: 100%;
  position: relative;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url('../images/youtube-placeholder.svg');
  background-size: cover;
  background-position: 50% 50%;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.body {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #dddbdc;
  font-family: 'Overpass Mono', sans-serif;
}

.body._404 {
  background-color: #e52d31;
}

.body-infinite {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #060709;
}

.body-iskender {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #dddbdc;
}

.body-dirk {
  background-color: #dddbdc;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.hl-error {
  margin-bottom: 80px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 80px;
  line-height: 90px;
}

.li-error {
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.li-error:hover {
  text-decoration: line-through;
}

.menu-content {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 80%;
  margin-top: 20%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.menu-table {
  width: 100%;
}

.home-table-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 200px;
  margin-left: 20%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.hl-30-white {
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 36px;
}

.menu-link {
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  text-decoration: none;
}

.link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  margin-top: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.burger-iskender {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9991;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  height: 44px;
  margin-top: 18px;
  margin-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.burger-iskender:hover {
  background-color: transparent;
}

.logo {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.nav {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9993;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  margin-right: 40px;
  margin-left: 40px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.li-nav {
  margin-right: 40px;
  margin-left: 0px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  text-decoration: none;
}

.li-nav:hover {
  text-decoration: line-through;
}

.li-nav.w--current {
  text-decoration: line-through;
}

.li-nav.color-text-white {
  color: #fff;
  font-weight: 300;
}

.sec-newsletter {
  display: none;
  padding-top: 12%;
  padding-bottom: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.sec-iskender-logos {
  display: block;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.logo-copy {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 166px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.logo-copy-text {
  font-family: Raleway, sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.logo-copy-text.color-text-white {
  color: #fff;
}

.logo-copy-text.color-white {
  color: #fff;
}

.sec-stage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-stage.infinite {
  background-image: url('../images/gears_dark.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: repeat-x;
  background-attachment: fixed;
}

.iskender-illu {
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 9996;
  display: block;
  margin-right: 40px;
  margin-bottom: 40px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.iskender-illu.test {
  margin-bottom: 152px;
}

.iskender-illu-image {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.iskender-illu-image:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.iskender-back {
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 9996;
  display: block;
  margin-right: 40px;
  margin-bottom: 40px;
  text-decoration: none;
}

.iskender-back-image {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.iskender-back-image:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.sec-dirk-videos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10%;
  padding-bottom: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #36cd6d;
}

.stage-iskender-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 8%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.iskender-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sm-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-iskender {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 7%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tooltip-trigger {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-color: #e52d31;
}

.tooltip {
  position: relative;
  left: -224px;
  top: -1px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(6, 7, 9, 0.48);
}

.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.iskender-illu-tooltip {
  position: absolute;
  left: -135px;
  right: 0px;
  bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.iskender-illu-tooltip-content {
  width: 110px;
  height: 50px;
  padding-top: 12px;
  padding-left: 20px;
  background-color: #e52d31;
}

.text-tooltip {
  margin-bottom: 0px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
}

.iskender-illu-tooltip-triangle {
  width: 20px;
  height: 20px;
  margin-left: -14px;
  background-color: #e52d31;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.footer {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4%;
  margin-bottom: 3%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.li-footer {
  margin: 10px 20px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  text-decoration: none;
}

.li-footer:hover {
  text-decoration: line-through;
}

.li-footer.w--current {
  text-decoration: line-through;
}

.li-footer.color-white {
  color: #fff;
}

.li-footer.footer-link-color {
  color: #0a1238;
}

.li-footer.footer-link-color:hover {
  color: #0a1238;
}

.footer-infinite {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 7%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-infinite-text {
  margin-top: 26px;
}

.text-footer {
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 13px;
  font-weight: 300;
  text-align: center;
}

.footer-infinite-icon {
  margin-top: 10px;
}

.footer-infinite-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.footer-infinite-link:hover {
  color: #e52d31;
  text-decoration: line-through;
}

.footer-infinite-arrow-object {
  margin-right: 10px;
}

.footer-infinite-link-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #e52d31;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.subpage-headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  margin-top: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hl-subpage-1 {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 48px;
  line-height: 60px;
  font-weight: 600;
  text-align: center;
  text-decoration: line-through;
}

.hl-subpage-1.color-white {
  color: #fff;
}

.sec-subpage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.subpage-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  margin-top: 80px;
  margin-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.subpage-content.width {
  width: 80%;
}

.text-subpage {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
}

.text-subpage.color-white {
  color: #fff;
}

.btn-close {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9990;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  height: 44px;
  margin-top: 18px;
  margin-right: 30px;
  margin-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e52d31;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.btn-close:hover {
  background-color: #ac2326;
}

.btn-close.w--current {
  left: 0px;
  top: 0px;
}

.btn-close.no-show {
  display: none;
}

.li-in-text {
  color: #060709;
}

.li-in-text.color-white {
  color: #fff;
}

.btn-standard-image {
  margin-right: 12px;
  margin-left: 20px;
}

.btn-standard-text {
  margin-right: 20px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.btn-standard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e52d31;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: transparent;
  text-decoration: none;
}

.btn-standard:hover {
  background-color: #ac2326;
  color: #fff;
  text-decoration: line-through;
}

.subpage-block-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sec-standard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10%;
  padding-bottom: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bio-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logos-content {
  display: block;
  width: 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.initiatives-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hl-1 {
  margin-bottom: 80px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 48px;
  line-height: 60px;
  font-weight: 600;
  text-align: center;
  text-decoration: line-through;
}

.hl-1.color-white {
  color: #fff;
  text-align: center;
}

.pub-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-keynotes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80vh;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.keynotes-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url('../images/iskender_stage_02.jpg');
  background-position: 100% 50%;
  background-size: cover;
}

.interviews-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.know-me-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.newsletter-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.keynotes-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10%;
  margin-left: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.hl-keynotes {
  margin-bottom: 30px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 72px;
  line-height: 82px;
  font-weight: 400;
  text-decoration: line-through;
}

.partner-circle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90%;
  margin-top: 10%;
  margin-bottom: 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-partner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.provide-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-network {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10%;
  padding-bottom: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/network_dark.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.network-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.framework-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.domains-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-task-force {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12%;
  padding-bottom: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #dddbdc;
}

.task-force-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: transparent;
  text-decoration: none;
}

.menu-table-content:hover {
  color: #fff;
  text-decoration: line-through;
}

.menu-table-content.w--current {
  color: #fff;
  text-decoration: line-through;
  text-transform: none;
}

.menu-arrow {
  margin-top: 30px;
}

.menu-iskender {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9998;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e52d31;
}

.menu-iskender-close {
  position: absolute;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  height: 44px;
  margin-top: 18px;
  margin-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #dddbdc;
}

.burger-infinite {
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  height: 44px;
  margin-top: 18px;
  margin-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-infinite {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9998;
  display: none;
  background-color: #e52d31;
}

.menu-infinite-close {
  position: fixed;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  height: 44px;
  margin-top: 18px;
  margin-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.provide-accordion {
  width: 100%;
  margin-bottom: 10%;
}

.provide-accordion-item {
  margin-top: 40px;
}

.provide-accordion-item-trigger {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e52d31;
  cursor: pointer;
}

.hl-accordion {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 36px;
  line-height: 36px;
  font-weight: 400;
}

.provide-accordion-item-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #dddbdc;
}

.provide-list {
  width: 80%;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #060709;
}

.provide-list-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 12px;
  line-height: 16px;
}

.provide-accordion-arrow {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  margin-top: 35px;
  margin-right: 40px;
}

.newsletter-table {
  width: 100%;
  margin-top: -30px;
}

.newsletter-table-content {
  margin-top: 30px;
}

.hl-newsletter {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.hl-newsletter.color-white {
  color: #fff;
}

.text-newsletter {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 11px;
  line-height: 14px;
}

.text-newsletter.color-white {
  color: #fff;
}

.newsletter-list {
  padding-left: 20px;
  color: #060709;
}

.newsletter-list.color-white {
  padding-left: 20px;
  color: #fff;
}

.newsletter-list-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 11px;
  line-height: 14px;
}

.newsletter-list-text.color-white {
  color: #fff;
}

.newsletter-form-content {
  display: block;
  width: 100%;
  margin-top: 60px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #e52d31;
}

.newsletter-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.newsletter-form-textfield {
  height: 120px;
  margin-bottom: 0px;
  padding-left: 40px;
  border-style: none;
  background-color: #e52d31;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 18px;
}

.newsletter-form-textfield:hover {
  background-color: #ac2326;
}

.newsletter-form-textfield::-webkit-input-placeholder {
  color: #fff;
}

.newsletter-form-textfield:-ms-input-placeholder {
  color: #fff;
}

.newsletter-form-textfield::-ms-input-placeholder {
  color: #fff;
}

.newsletter-form-textfield::placeholder {
  color: #fff;
}

.newsletter-button {
  width: 160px;
  height: 120px;
  background-color: #fff;
  font-family: 'Overpass Mono', sans-serif;
  color: #e52d31;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
}

.form-block {
  margin-bottom: 0px;
}

.newsletter-info {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
}

.newsletter-info-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 13px;
}

.newsletter-info-text.color-white {
  color: #fff;
}

.newsletter-form-success {
  height: 120px;
  background-color: #fff;
}

.newsletter-form-success-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
}

.newsletter-form-error {
  margin-top: 37px;
}

.newsletter-form-error-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #e52d31;
  font-size: 12px;
  line-height: 16px;
}

.newsletter-form-success-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-task-force {
  width: 40%;
  margin-top: -30px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}

.task-force-accordion {
  width: 100%;
  margin-top: 40px;
}

.task-force-accordion-item {
  display: block;
}

.task-force-accordion-item-trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
}

.task-force-accordion-item-content {
  overflow: hidden;
  background-color: transparent;
}

.task-force-accordion-table {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.task-force-accordion-table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.task-force-accordion-table-text {
  width: 80%;
  margin-top: 0px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
}

.task-force-accordion-headline {
  margin-top: 60px;
  margin-bottom: 80px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
}

.btn-outline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #e52d31;
  text-decoration: none;
}

.btn-outline-text {
  margin-right: 20px;
  font-family: 'Overpass Mono', sans-serif;
  color: #e52d31;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.btn-outline-image {
  margin-right: 12px;
  margin-left: 20px;
}

.infinite-table {
  width: 100%;
}

.infinite-table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.infinite-table-text {
  width: 80%;
  margin-top: 0px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 11px;
  line-height: 15px;
  font-weight: 300;
  text-align: center;
}

.network-table {
  width: 100%;
}

.network-table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.network-text {
  width: 80%;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
}

.network-speechbubble {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.network-speechbubble-content {
  width: 80%;
  padding: 30px;
  background-color: #dddbdc;
}

.network-speechbubble-text {
  font-family: 'Overpass Mono', sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.network-speechbubble-triangle {
  width: 30px;
  height: 30px;
  margin-top: -20px;
  margin-right: 30px;
  background-color: #dddbdc;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.partner-content {
  width: 120%;
  height: 40px;
}

.infinite-stage-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.infinite-stage-headline {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 36px;
}

.color-red {
  color: #e52d31;
}

.utility-page-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logos-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  height: 240px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 120px;
  background-color: #fff;
}

.logos-circle.color-dark {
  background-color: #060709;
}

.sec-logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15%;
  padding-bottom: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logos-table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logos-text {
  margin-top: 30px;
  font-family: 'Overpass Mono', sans-serif;
  color: #000;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
}

.bio-block {
  width: 100%;
  margin-bottom: 60px;
}

.bio-block-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.bio-block-image {
  width: 100px;
}

.bio-block-content {
  width: 80%;
}

.bio-block-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 13px;
}

.initiatives-table {
  width: 100%;
}

.initiatives-table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.initiatives-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 320px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.initiatives-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 320px;
  margin-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.initiatives-link:hover {
  background-color: #e52d31;
}

.initiatives-arrow {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin-right: 30px;
  margin-bottom: 30px;
}

.pub-table {
  width: 100%;
  margin-bottom: 60px;
}

.pub-table-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 220px;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: transparent;
}

.pub-table-image {
  width: 100%;
}

.pub-table-image.image-effect {
  -webkit-filter: brightness(30%);
  filter: brightness(30%);
}

.pub-table-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-decoration: none;
}

.pub-table-link:hover {
  background-color: #e52d31;
  color: #fff;
}

.pub-table-link.no-hover {
  cursor: default;
}

.pub-table-link.no-hover:hover {
  background-color: #fff;
}

.pub-table-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 18px;
  line-height: 22px;
}

.pub-table-title {
  margin-bottom: 20px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 13px;
}

.pub-table-hover {
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  margin-bottom: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.pub-table-hover-text {
  margin-right: 10px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  font-weight: 300;
  text-align: right;
}

.interviews-table {
  width: 100%;
  margin-bottom: 40px;
}

.interviews-table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  margin-bottom: 60px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-decoration: none;
}

.interviews-table-content:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.interviews-bubble {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 240px;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
}

.interviews-bubble-title {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 10px;
}

.interview-bubble-text {
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 18px;
  line-height: 22px;
}

.interview-bubble-info {
  margin-top: 20px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 13px;
}

.interview-bubble-triangle {
  width: 30px;
  height: 30px;
  margin-top: -21px;
  margin-left: 25px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.know-me-table {
  width: 100%;
}

.know-me-table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.know-me-table-block {
  width: 80%;
  height: 200px;
  padding: 30px;
  background-color: #060709;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-decoration: none;
}

.know-me-table-block:hover {
  background-color: #e52d31;
}

.know-me-table-title {
  margin-bottom: 20px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
}

.know-me-table-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 13px;
  font-weight: 300;
}

.know-me-table-arrow {
  margin-top: 20px;
}

.keynotes-table {
  width: 100%;
}

.keynotes-table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.keynotes-bubble-block {
  width: 80%;
}

.keynotes-bubble {
  padding: 50px 40px;
  background-color: #fff;
}

.keynotes-bubble-title {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 18px;
  line-height: 22px;
}

.keynotes-bubble-list {
  margin-top: 20px;
  padding-left: 20px;
}

.keynotes-bubble-text {
  margin-bottom: 5px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 13px;
}

.keynotes-testimonial {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  padding-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.keynotes-testimonial-image {
  margin-bottom: 20px;
}

.keynotes-testimonial-text {
  margin-top: 0px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

.keynotes-testimonial-info {
  width: 60%;
  margin-top: 20px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
}

.keynotes-testimonial-text-big {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}

.partner-circle-content {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

.partner-circle-text {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 22px;
}

.partner-circle-headline {
  margin-top: 2px;
  margin-bottom: 0px;
  padding-top: 1px;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #e52d31;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
}

.infinite-table-title {
  margin-bottom: 15px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.pub-table-teaser {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: transparent;
}

.pub-table-teaser-text {
  margin-bottom: 0px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: none;
}

.infinite-table-block-image {
  height: 80px;
}

.task-force-accordion-block-image {
  height: 80px;
}

.task-force-accordion-table-title {
  width: 80%;
  margin-bottom: 15px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.section-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-newsletter {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 9994;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-right: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e52d31;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  text-decoration: none;
}

.btn-newsletter:hover {
  background-color: #ac2326;
  color: #fff;
  text-decoration: line-through;
}

.btn-newsletter.w--current {
  text-decoration: line-through;
}

.btn-newsletter-text {
  margin-right: 30px;
  margin-left: 30px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  font-weight: 300;
}

.home-table-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-table-content-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-table-content-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-link {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  text-decoration: none;
}

.home-link:hover {
  color: #fff;
  text-decoration: line-through;
}

.home-table {
  width: 100%;
}

.home-link-text {
  margin-bottom: 0px;
  font-size: 24px;
  line-height: 30px;
}

.home-link-text.color-white {
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
}

.home-arrow {
  margin-top: 20px;
}

.home-link-arrow {
  margin-top: 20px;
  margin-bottom: 10px;
}

.home-link-arrow.rptate {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.home-table-column {
  padding-right: 0px;
  padding-left: 0px;
}

.sec-nl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nl-headline {
  margin-top: 0px;
  margin-bottom: 60px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
}

.nl-form {
  display: block;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.nl-form-input {
  width: 480px;
  height: 100px;
  background-color: #fff;
}

.nl-form-button {
  width: 120px;
  height: 100px;
  background-color: #060709;
}

.body-newsletter {
  background-color: #e52d31;
}

.nl-content {
  margin-top: 100px;
}

.nl-info {
  margin-top: 0px;
}

.nl-iskender {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
  margin-bottom: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.nl-iskender-image {
  margin-top: 20px;
}

.nl-iskender-bubble {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.nl-iskender-bubble-triangle {
  width: 20px;
  height: 20px;
  margin-top: 40px;
  margin-right: -10px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nl-iskender-bubble-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
}

.nl-iskender-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 13px;
}

.nl-iskender-list {
  margin-top: 20px;
  padding-left: 20px;
}

.body-home {
  background-color: #060709;
}

.stage-arrow-link {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.stage-arrow-image {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.stage-arrow {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.dirk-video-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-dirk-stage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/iskender_comic.svg');
  background-position: 50% 175%;
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.sec-dirk-stage.footer-version {
  background-position: 50% 134%;
  background-size: auto 50%;
}

.sec-dirk-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fd667f;
}

.sec-dirk-dirk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #8061da;
}

.sec-dirk-lunch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #21cefe;
}

.sec-dirk-iskender {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f76464;
}

.sec-dirk-airport {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f99292;
}

.sec-dirk-sound {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0d4d95;
  background-image: url('../images/hand.svg');
  background-position: 50% 107%;
  background-size: 240px;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.sec-dirk-dude {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #dddbdc;
}

.sec-dirk-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fd5993;
}

.sec-dirk-event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #21cefe;
}

.sec-dirk-dad {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0a4d95;
}

.sec-dirk-mnemonic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fd667f;
}

.sec-dirk-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #dddbdc;
}

.dirk-name-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  padding-top: 50px;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-name-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 30px;
  margin-left: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-font-hl-1 {
  display: block;
  margin-bottom: 20px;
  font-family: 'Gloria Hallelujah', sans-serif;
  color: #0a1238;
  font-size: 100px;
  line-height: 100px;
}

.dirk-font-copy-18 {
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
}

.dirk-font-text-12 {
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 12px;
}

.dirk-logo {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9999;
  margin-top: 30px;
  margin-left: 40px;
}

.dirk-stage-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  padding-bottom: 20%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-stage-image {
  display: none;
}

.dirk-stage-image-object {
  margin-bottom: -150px;
}

.dirk-font-hl-2 {
  font-family: 'Gloria Hallelujah', sans-serif;
  color: #0a1238;
  font-size: 60px;
  line-height: 70px;
  text-align: center;
}

.dirk-dirk-bubbles {
  width: 80%;
  margin-top: 10%;
  margin-bottom: 10%;
}

.dirk-dirk-quotes-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin-top: 10%;
  margin-bottom: 15%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-quote {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-quote.margin {
  margin-top: 100px;
  margin-bottom: 0px;
}

.dirk-quote-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.dirk-quote-triangle {
  width: 20px;
  height: 20px;
  margin-top: -12px;
  margin-left: 30px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dirk-quote-text-a {
  margin-bottom: 0px;
  color: #0a1238;
  font-size: 18px;
  line-height: 24px;
}

.dirk-quote-text-b {
  margin-bottom: 0px;
  color: #0a1238;
}

.dirk-quote-color-red {
  background-color: #f76464;
  color: #fff;
}

.dirk-footer-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-font-hl-3 {
  margin-bottom: 40px;
  font-family: 'Gloria Hallelujah', sans-serif;
  color: #0a1238;
  font-size: 48px;
  line-height: 60px;
  text-align: center;
}

.dirk-headline-icon {
  margin-top: -120px;
}

.dirk-headline-icon.margin {
  margin-top: -80px;
}

.dirk-bubble-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 10%;
  margin-bottom: 10%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-bubble-headline {
  width: 30%;
  margin-right: 60px;
}

.dirk-bubbles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.dirk-bubbles.size {
  width: 460px;
}

.dirk-font-copy-16 {
  font-family: 'Overpass Mono', sans-serif;
  color: #0a1238;
  font-size: 16px;
}

.dirk-bubble-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-bubble-left-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-bubble-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  margin-top: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-bubble-content.dark {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.dirk-bubble-content-bubble-white {
  padding: 14px 20px 15px;
  border-radius: 0px 16px 16px;
  background-color: #fff;
}

.dirk-bubble-text-a {
  font-family: 'Gloria Hallelujah', sans-serif;
  color: #0a1238;
  font-size: 14px;
  line-height: 20px;
}

.dirk-bubble-text-a.size {
  font-size: 18px;
  line-height: 28px;
}

.dirk-bubble-content-bubble-dark {
  padding: 14px 20px 15px;
  border-radius: 16px 0px 16px 16px;
  background-color: #0a1238;
}

.dirk-bubble-content-bubble-dark.special {
  border: 3px dotted #0a1238;
  background-color: transparent;
}

.dirk-bubble-text-b {
  font-family: 'Gloria Hallelujah', sans-serif;
  color: #fff;
  text-align: right;
}

.dirk-bubble-text-b.color {
  color: #0a1238;
}

.dirk-bubble-text-b.size {
  font-size: 18px;
  line-height: 28px;
}

.dirk-bubble-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-bubble-right-image {
  margin-left: 20px;
}

.dirk-bubble-right-image.rotate {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dirk-iskender-headline {
  width: 50%;
  margin-top: 10%;
}

.dirk-iskender-quotes-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin-top: 5%;
  margin-bottom: 10%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-quote-color-blue {
  background-color: #8061da;
  color: #fff;
}

.dirk-quote-image-left {
  margin-right: 30px;
}

.dirk-dirk-photos {
  position: relative;
  display: block;
  width: 860px;
  height: 560px;
  margin-bottom: 20%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-iskender-photos {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 960px;
  height: 700px;
  margin-bottom: 20%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-sound-content {
  margin-bottom: 10%;
}

.dirk-sound-image {
  position: absolute;
  display: none;
}

.dirk-videos-content {
  width: 50%;
  margin-top: 5%;
  margin-bottom: 5%;
}

.dirk-dude-headline {
  width: 50%;
  margin-top: 10%;
}

.dirk-dude-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 3%;
  margin-bottom: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-menu-headline {
  width: 50%;
  margin-top: 10%;
}

.dirk-menu-plate {
  margin-top: 5%;
}

.dirk-menu-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  margin-top: 5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-menu-text-content {
  width: 50%;
  padding-right: 30px;
  padding-left: 30px;
}

.dirk-menu-photos {
  position: relative;
  display: block;
  width: 960px;
  height: 800px;
  margin-top: 5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-menu-icon {
  margin-top: 10%;
}

.dirk-menu-quote {
  width: 50%;
  margin-top: 3%;
  margin-bottom: 10%;
}

.dirk-font-hl-5 {
  font-family: 'Gloria Hallelujah', sans-serif;
  color: #0a1238;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}

.dirk-event-headline {
  width: 50%;
  margin-top: 10%;
}

.dirk-event-content {
  margin-top: 5%;
  margin-bottom: 10%;
}

.dirk-event-badge {
  margin-bottom: 10%;
}

.dirk-dad-headline {
  width: 50%;
  margin-top: 10%;
}

.dirk-font-hl-4 {
  font-family: 'Gloria Hallelujah', sans-serif;
  color: #fff;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
}

.dirk-dad-content {
  margin-bottom: 20%;
}

.dirk-dad-image {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.dirk-dad-map {
  width: 70%;
  height: 400px;
  margin-top: 5%;
  margin-bottom: 10%;
  border-radius: 20px;
  background-color: #dddbdc;
  background-image: url('../images/map_iskenderun.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.dirk-dad-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  margin-top: 5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-mnemonic-headline {
  width: 50%;
  margin-top: 5%;
}

.dirk-mnemonic-text {
  width: 40%;
}

.dirk-font-copy-18-dark {
  font-family: 'Overpass Mono', sans-serif;
  color: #0a1238;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

.dirk-mnemonic-barbie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 5%;
  margin-bottom: 10%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-jokes-photos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 10%;
  margin-bottom: 10%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.dirk-dad-bubble-text {
  margin-bottom: 20px;
  margin-left: 103px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
}

.dirk-dad-text-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 300px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-dad-text-content.layout {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.dirk-dad-text-font {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: 'Overpass Mono', sans-serif;
  color: #fff;
  font-size: 16px;
}

.dirk-dad-arrow-up {
  -webkit-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  transform: rotate(25deg);
}

.dirk-dad-arrow-up.rotate {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dirk-dad-icon {
  position: absolute;
  margin-top: 66px;
  margin-left: 44px;
}

.dirk-mnemonic-barbie-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 169px;
  margin-left: -63px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.dirk-mnemonic-barbie-bubble {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-mnemonic-barbie-text {
  width: 180px;
  margin-top: 20px;
  font-family: 'Overpass Mono', sans-serif;
  color: #0a1238;
  font-size: 12px;
  line-height: 18px;
}

.dirk-mnemonic-barbie-bubble-content {
  padding: 20px 30px 30px;
  border-radius: 0px 30px 30px;
  background-color: #fff;
}

.dirk-mnemonic-barbie-bubble-triangle {
  margin-right: -10px;
}

.dirk-mnemonic-barbie-bubble-text {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Gloria Hallelujah', sans-serif;
  color: #0a1238;
  font-size: 36px;
}

.dirk-mnemonic-image {
  margin: 40px;
  border: 12px solid #fff;
}

.dirk-menu-photo {
  margin: 40px;
  border: 12px solid #fff;
}

.dirk-menu-photo.position-1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
}

.dirk-menu-photo.position-2 {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  margin-top: 0px;
}

.dirk-menu-photo.position-3 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 6;
  margin-top: 158px;
  margin-left: 295px;
}

.dirk-menu-photo.position-4 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 8;
  margin-right: 180px;
  margin-bottom: 77px;
}

.dirk-menu-photo.position-5 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 4;
}

.dirk-dude-photos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-dude-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-top: 5%;
  margin-bottom: 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-font-copy-11 {
  font-family: 'Overpass Mono', sans-serif;
  color: #0a1238;
  font-size: 11px;
  line-height: 15px;
}

.dirk-dude-photo {
  margin: 40px;
  border: 12px solid #fff;
}

.dirk-dude-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-bottom: 10%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-dude-block-text {
  width: 20%;
  margin-top: 30px;
  margin-right: 60px;
  margin-bottom: 40px;
}

.dirk-dude-block-image {
  margin-top: 30px;
  border: 12px solid #fff;
}

.dirk-iskender-photo-1 {
  position: relative;
  margin: 40px;
}

.dirk-iskender-photo-1.position-1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 8;
}

.dirk-iskender-photo-object {
  border: 12px solid #fff;
}

.dirk-iskender-photo-1-ring {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100px;
  height: 60px;
  margin-top: 23px;
  margin-right: 71px;
  border: 10px solid #8061da;
  border-radius: 30px;
}

.dirk-iskender-photo-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 280px;
  margin: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #fff;
}

.dirk-iskender-photo-2.position-2 {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  margin-top: 78px;
  margin-right: 60px;
}

.dirk-iskender-photo-2-content {
  position: absolute;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -30px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.dirk-iskender-robot {
  margin-right: 20px;
  margin-left: 20px;
}

.dirk-iskender-photo-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dirk-iskender-photo-3.position-3 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 5;
  margin-top: 199px;
}

.dirk-iskender-photo-3-content {
  position: relative;
}

.dirk-iskender-photo-3-text {
  width: 180px;
  margin-right: 40px;
}

.dirk-iskender-photo-3-ring {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100px;
  height: 60px;
  margin-bottom: 96px;
  margin-left: 117px;
  border: 10px solid #8061da;
  border-radius: 30px;
}

.dirk-iskender-photo-4 {
  position: relative;
  margin: 40px;
}

.dirk-iskender-photo-4.position-4 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 6;
}

.dirk-iskender-photo-4-ring {
  position: absolute;
  width: 80px;
  height: 40px;
  margin-top: 25px;
  margin-left: 76px;
  border: 10px solid #8061da;
  border-radius: 20px;
}

.dirk-dirk-photo {
  border: 10px solid #fff;
}

.dirk-dirk-photo.postion-1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  margin-top: 87px;
  margin-left: 69px;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

.dirk-dirk-photo.position-2 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 6;
  margin-left: 248px;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.dirk-dirk-photo.position-3 {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 8;
  margin-top: 46px;
  margin-right: 25px;
}

.dirk-dirk-photo.position-4 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 4;
  margin-bottom: 18px;
  margin-left: 33px;
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}

.dirk-iskender-photo-3-line {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 50px;
  height: 10px;
  margin-bottom: 50px;
  margin-left: 141px;
  border-radius: 5px;
  background-color: #8061da;
}

.dirk-dad-arrow-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sec-dirk-jokes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #21cefe;
}

.iskender-back-tooltip {
  position: absolute;
  left: -170px;
  right: 0px;
  bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 160px;
  height: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.iskender-back-tooltip-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 140px;
  height: 50px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #e52d31;
}

.iskender-back-tooltip-triangle {
  width: 20px;
  height: 20px;
  margin-left: -14px;
  background-color: #e52d31;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dirk-footer-copyright {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 2%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-font-copyright {
  font-family: 'Overpass Mono', sans-serif;
  color: #0a1238;
  font-size: 9px;
  line-height: 14px;
  text-align: center;
}

.dirk-text-link {
  color: #0a1238;
}

.keynotes-post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 10%;
  margin-bottom: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.keynotes-post-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-top: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.keynotes-post-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 11px;
  text-align: center;
}

.dirk-footer-made {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dirk-footer-made-text {
  font-family: 'Overpass Mono', sans-serif;
  color: #0a1238;
  font-size: 9px;
  line-height: 14px;
  text-align: center;
}

.dirk-footer-made-link {
  color: #0a1238;
}

.sec-sup-portfolio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20%;
  padding-bottom: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-sup-focus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10%;
  padding-bottom: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sup-portfolio-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sup-focus-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-startup {
  width: 40%;
  margin-top: -30px;
  margin-bottom: 80px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}

.text-startup.margin {
  margin-top: 80px;
  margin-bottom: 60px;
  font-size: 14px;
  line-height: 18px;
}

.sup-focus-table {
  width: 100%;
}

.sup-focus-table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sup-focus-table-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sup-focus-table-title {
  width: 80%;
  margin-bottom: 15px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.sup-focus-table-text {
  width: 80%;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
}

.sup-portfolio-table {
  width: 100%;
}

.sup-portfolio-table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sup-portfolio-table-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 160px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.sup-portfolio-table-link:hover {
  background-color: #e52d31;
}

.sup-portfolio-table-text {
  width: 80%;
  margin-top: 10px;
  margin-bottom: 40px;
  font-family: 'Overpass Mono', sans-serif;
  color: #060709;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
}

.sup-accordion {
  width: 100%;
  margin-top: 40px;
}

.sup-accordion-item-trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sup-accordion-item-content {
  overflow: hidden;
}

.keynotes-album {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/iskender_album_03.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.keynote-album-button {
  margin-bottom: 40px;
}

.sec-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20%;
  padding-bottom: 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-block {
  width: 40%;
}

.sec-video-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-02 {
  width: 100%;
}

@media (max-width: 991px) {
  .menu-table {
    width: 50%;
  }
  .sec-newsletter {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .sec-stage {
    height: 90vh;
  }
  .stage-iskender-content {
    margin-top: 30%;
  }
  .sec-footer {
    height: 100%;
  }
  .footer-iskender {
    margin-top: 25%;
  }
  .footer {
    margin-top: 15%;
  }
  .footer-infinite {
    margin-top: 5%;
  }
  .sec-subpage {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .subpage-content.width {
    width: 90%;
  }
  .sec-standard {
    padding-top: 15%;
    padding-bottom: 15%;
  }
  .initiatives-content {
    width: 90%;
  }
  .hl-1 {
    font-size: 40px;
    line-height: 50px;
  }
  .pub-content {
    width: 80%;
  }
  .sec-keynotes {
    height: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .keynotes-content {
    height: 600px;
  }
  .interviews-content {
    width: 90%;
  }
  .know-me-content {
    width: 90%;
  }
  .newsletter-content {
    width: 80%;
  }
  .hl-keynotes {
    font-size: 60px;
    line-height: 70px;
  }
  .partner-circle {
    margin-top: 20%;
    margin-bottom: 10%;
  }
  .network-content {
    width: 80%;
  }
  .sec-task-force {
    padding-top: 15%;
    padding-bottom: 20%;
  }
  .menu-iskender {
    display: none;
  }
  .menu-infinite {
    display: none;
  }
  .network-text {
    width: 100%;
  }
  .initiatives-image-object {
    max-width: 60%;
  }
  .initiatives-link {
    width: 100%;
    height: 220px;
  }
  .pub-table {
    margin-bottom: 0px;
  }
  .keynotes-bubble-block {
    width: 90%;
  }
  .home-content {
    width: 90%;
    margin-top: 30%;
  }
  .sec-dirk-stage {
    background-position: 50% 134%;
    background-size: auto 50%;
  }
  .sec-dirk-sound {
    height: 600px;
  }
  .dirk-name-block {
    margin-right: 20px;
    margin-left: 20px;
  }
  .dirk-font-hl-1 {
    font-size: 70px;
    line-height: 80px;
  }
  .dirk-dirk-quotes-content {
    width: 90%;
    margin-bottom: 20%;
  }
  .dirk-quote {
    margin: 20px 30px;
  }
  .dirk-bubble-block {
    margin-top: 15%;
    margin-bottom: 20%;
  }
  .dirk-iskender-quotes-content {
    width: 90%;
    margin-bottom: 20%;
  }
  .dirk-dirk-photos {
    width: 700px;
    height: 500px;
    margin-bottom: 30%;
  }
  .dirk-iskender-photos {
    width: 700px;
    height: 1200px;
    margin-bottom: 25%;
  }
  .dirk-videos-content {
    width: 70%;
  }
  .dirk-menu-plate {
    max-width: 50%;
  }
  .dirk-menu-text {
    width: 80%;
    margin-top: 10%;
  }
  .dirk-menu-photos {
    width: 700px;
    height: 980px;
  }
  .dirk-event-content {
    margin-bottom: 15%;
  }
  .dirk-event-badge {
    margin-bottom: 20%;
  }
  .dirk-dad-content {
    margin-bottom: 30%;
  }
  .dirk-dad-text {
    width: 75%;
  }
  .dirk-menu-photo.position-1 {
    margin-left: 26px;
  }
  .dirk-menu-photo.position-2 {
    margin-right: 0px;
  }
  .dirk-menu-photo.position-3 {
    margin-top: 199px;
    margin-left: 100px;
  }
  .dirk-menu-photo.position-4 {
    margin-right: 46px;
    margin-bottom: 160px;
  }
  .dirk-dude-block {
    margin-bottom: 20%;
  }
  .dirk-iskender-photo-1.position-1 {
    left: 0px;
    top: 0px;
    max-width: 80%;
  }
  .dirk-iskender-photo-2.position-2 {
    left: 0px;
    top: 0px;
    right: auto;
    margin-top: 236px;
    margin-left: 147px;
  }
  .dirk-iskender-photo-3.position-3 {
    margin-top: 583px;
    margin-right: 30px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .dirk-iskender-photo-4.position-4 {
    right: 0px;
    bottom: 0px;
    margin-right: 96px;
    margin-bottom: 12px;
  }
  .dirk-dirk-photo.postion-1 {
    max-width: 35%;
    margin-top: 68px;
    margin-left: 55px;
  }
  .dirk-dirk-photo.position-2 {
    max-width: 45%;
    margin-left: 213px;
  }
  .dirk-dirk-photo.position-3 {
    max-width: 35%;
    margin-right: 1px;
  }
  .dirk-dirk-photo.position-4 {
    max-width: 45%;
    margin-bottom: 25px;
    margin-left: 21px;
  }
  .sup-portfolio-content {
    width: 90%;
  }
  .sup-focus-content {
    width: 90%;
  }
  .text-startup {
    width: 60%;
  }
  .sup-portfolio-image {
    max-width: 80%;
  }
  .sup-portfolio-image.size {
    max-width: 35%;
  }
  .keynotes-album {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .hl-error {
    font-size: 60px;
    line-height: 70px;
  }
  .menu-content {
    width: 100%;
  }
  .menu-table {
    width: 70%;
  }
  .menu-link {
    font-size: 20px;
    line-height: 24px;
  }
  .burger-iskender {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6px;
    margin-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .burger-iskender-image {
    margin-top: 14px;
    margin-left: 10px;
  }
  .logo {
    margin-top: 50px;
  }
  .burger-infinte-image {
    margin-top: 14px;
    margin-left: 10px;
  }
  .nav {
    margin-top: 24px;
    margin-right: 30px;
  }
  .li-nav.color-text-white {
    margin-left: 30px;
  }
  .sec-newsletter {
    padding-top: 15%;
    padding-bottom: 15%;
  }
  .logo-copy {
    margin-top: 116px;
  }
  .logo-copy.no-show {
    display: none;
  }
  .logo-copy-text.color-text-white {
    display: block;
  }
  .sec-stage {
    height: 100%;
  }
  .sec-stage.infinite {
    height: 420px;
  }
  .iskender-illu {
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .iskender-back {
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .stage-iskender-content {
    height: 220px;
    margin-top: 10%;
  }
  .sm {
    margin-top: 40px;
  }
  .sm-image {
    margin-right: 15px;
    margin-left: 15px;
  }
  .footer-iskender {
    margin-top: 15%;
  }
  .footer {
    width: 100%;
    margin-top: 10%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer-infinite {
    margin-top: 10%;
  }
  .subpage-headline {
    margin-top: 50px;
  }
  .hl-subpage-1 {
    font-size: 30px;
    line-height: 40px;
  }
  .hl-subpage-1.color-white {
    font-size: 40px;
    line-height: 50px;
  }
  .subpage-content {
    margin-top: 60px;
    margin-bottom: 20px;
  }
  .btn-close {
    margin-top: 18px;
    margin-right: 20px;
    margin-left: 20px;
  }
  .sec-standard {
    padding-top: 10%;
    padding-bottom: 15%;
  }
  .bio-content {
    width: 50%;
  }
  .logos-content {
    width: 80%;
  }
  .hl-1 {
    font-size: 30px;
    line-height: 40px;
  }
  .hl-1.color-white {
    margin-bottom: 40px;
  }
  .pub-content {
    width: 70%;
  }
  .keynotes-content {
    height: 300px;
  }
  .hl-keynotes {
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 60px;
  }
  .partner-circle {
    margin-top: 10%;
    margin-bottom: 5%;
  }
  .provide-content {
    width: 70%;
  }
  .menu-table-content {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .menu-arrow {
    max-width: 25%;
    margin-top: 20px;
  }
  .menu-iskender {
    display: none;
  }
  .menu-iskender-close {
    margin-top: 6px;
    margin-left: 20px;
    background-color: transparent;
  }
  .burger-infinite {
    margin-top: 6px;
    margin-left: 20px;
  }
  .menu-infinite {
    display: none;
  }
  .menu-infinite-close {
    margin-top: 6px;
    margin-left: 20px;
  }
  .provide-accordion-item {
    margin-top: 30px;
  }
  .provide-accordion-item-trigger {
    height: 80px;
  }
  .hl-accordion {
    font-size: 30px;
    line-height: 30px;
  }
  .provide-list {
    padding-left: 20px;
  }
  .provide-accordion-arrow {
    height: 35%;
    margin-top: 25px;
    margin-right: 30px;
  }
  .hl-newsletter {
    font-size: 20px;
    line-height: 24px;
  }
  .hl-newsletter.color-white {
    font-size: 20px;
    line-height: 26px;
  }
  .newsletter-form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .newsletter-form-textfield {
    height: 100px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 16px;
  }
  .newsletter-button {
    height: 100px;
    font-size: 16px;
    line-height: 16px;
  }
  .text-task-force {
    width: 60%;
  }
  .network-text {
    font-size: 16px;
    line-height: 20px;
  }
  .infinite-stage-content {
    margin-top: 40px;
  }
  .infinite-stage-headline {
    font-size: 24px;
    line-height: 30px;
  }
  .logos-circle {
    width: 180px;
    height: 180px;
    border-radius: 90px;
  }
  .sec-logos {
    padding-top: 20%;
    padding-bottom: 0%;
  }
  .logos-image {
    max-width: 50%;
  }
  .bio-block-image {
    width: 80px;
  }
  .initiatives-link {
    height: 180px;
  }
  .initiatives-arrow {
    max-width: 20%;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .pub-table-content {
    height: 200px;
  }
  .pub-table-text {
    font-size: 16px;
    line-height: 20px;
  }
  .interviews-table {
    margin-bottom: 20px;
  }
  .interviews-table-content {
    margin-bottom: 40px;
  }
  .interviews-bubble {
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .interview-bubble-text {
    font-size: 16px;
    line-height: 20px;
  }
  .know-me-table-block {
    height: 220px;
  }
  .keynotes-bubble {
    padding: 40px 30px;
  }
  .keynotes-bubble-title {
    font-size: 16px;
    line-height: 20px;
  }
  .partner-circle-image {
    max-width: 70%;
  }
  .partner-circle-text {
    font-size: 14px;
    line-height: 18px;
  }
  .partner-circle-headline {
    font-size: 14px;
    line-height: 18px;
  }
  .pub-table-teaser-text {
    font-size: 16px;
    line-height: 20px;
  }
  .sec-home {
    height: 100%;
  }
  .btn-newsletter {
    height: 50px;
    margin-right: 30px;
  }
  .btn-newsletter-text {
    margin-right: 20px;
    margin-left: 20px;
    font-size: 10px;
    line-height: 12px;
  }
  .home-content {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .home-link-text {
    font-size: 18px;
    line-height: 24px;
  }
  .nl-headline {
    margin-bottom: 40px;
  }
  .nl-content {
    margin-top: 50px;
  }
  .sec-dirk-stage {
    height: 340px;
    background-position: 50% 145%;
    background-size: auto 60%;
  }
  .sec-dirk-stage.footer-version {
    height: 400px;
  }
  .sec-dirk-name {
    height: 100%;
  }
  .sec-dirk-sound {
    height: 300px;
    background-size: 120px;
  }
  .sec-dirk-footer {
    height: 100%;
  }
  .dirk-name-content {
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .dirk-font-hl-1 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 48px;
  }
  .dirk-font-copy-18 {
    font-size: 16px;
    line-height: 21px;
  }
  .dirk-font-text-12 {
    font-size: 11px;
    line-height: 18px;
  }
  .dirk-logo {
    margin-top: 20px;
    margin-left: 30px;
  }
  .dirk-stage-content {
    padding-bottom: 10%;
  }
  .dirk-font-hl-2 {
    font-size: 36px;
    line-height: 48px;
  }
  .dirk-quote {
    margin-right: 20px;
    margin-left: 20px;
  }
  .dirk-quote.margin {
    margin-top: 50px;
  }
  .dirk-quote-content {
    padding: 15px 25px;
  }
  .dirk-quote-text-a {
    font-size: 16px;
    line-height: 21px;
  }
  .dirk-quote-text-b {
    font-size: 12px;
    line-height: 17px;
  }
  .dirk-font-hl-3 {
    font-size: 36px;
    line-height: 48px;
  }
  .dirk-headline-icon {
    max-width: 25%;
    margin-top: -90px;
  }
  .dirk-headline-icon.margin {
    margin-top: -47px;
  }
  .dirk-headline-icon.size {
    max-width: 20%;
    margin-top: -84px;
  }
  .dirk-bubble-block {
    width: 86%;
    margin-bottom: 10%;
  }
  .dirk-font-copy-16 {
    font-size: 14px;
    line-height: 18px;
  }
  .dirk-iskender-headline {
    width: 70%;
    margin-top: 5%;
  }
  .dirk-iskender-quotes-content {
    margin-top: 2%;
    margin-bottom: 10%;
  }
  .dirk-dirk-photos {
    width: 500px;
    height: 400px;
    margin-bottom: 25%;
  }
  .dirk-iskender-photos {
    width: 500px;
    height: 1100px;
    margin-bottom: 20%;
  }
  .dirk-dude-headline {
    width: 60%;
    margin-top: 5%;
  }
  .dirk-dude-content {
    margin-top: 0%;
  }
  .dirk-menu-headline {
    width: 70%;
    margin-top: 5%;
  }
  .dirk-menu-plate {
    max-width: 45%;
  }
  .dirk-menu-photos {
    width: 500px;
    height: 800px;
    margin-top: 10%;
  }
  .dirk-menu-icon {
    max-width: 20%;
    margin-top: 15%;
  }
  .dirk-menu-quote {
    width: 70%;
  }
  .dirk-font-hl-5 {
    font-size: 20px;
    line-height: 30px;
  }
  .dirk-event-headline {
    width: 70%;
    margin-top: 5%;
  }
  .dirk-event-badge {
    margin-bottom: 10%;
  }
  .dirk-dad-headline {
    width: 70%;
    margin-top: 5%;
  }
  .dirk-font-hl-4 {
    font-size: 30px;
    line-height: 38px;
  }
  .dirk-dad-content {
    margin-bottom: 25%;
  }
  .dirk-dad-image {
    max-width: 30%;
  }
  .dirk-dad-map {
    width: 80%;
    height: 300px;
  }
  .dirk-dad-text {
    margin-top: 5%;
  }
  .dirk-mnemonic-headline {
    width: 70%;
  }
  .dirk-mnemonic-text {
    width: 50%;
  }
  .dirk-font-copy-18-dark {
    font-size: 16px;
    line-height: 21px;
  }
  .dirk-dad-text-content {
    padding-right: 30px;
    padding-left: 30px;
  }
  .dirk-dad-text-font {
    font-size: 14px;
    line-height: 18px;
  }
  .dirk-dad-arrow-up {
    max-width: 13%;
  }
  .dirk-dad-icon {
    max-width: 30%;
    margin-top: 59px;
    margin-left: 35px;
  }
  .dirk-mnemonic-barbie-image {
    max-width: 50%;
  }
  .dirk-mnemonic-barbie-text {
    width: 120px;
  }
  .dirk-mnemonic-barbie-bubble-content {
    padding: 15px 20px 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .dirk-mnemonic-barbie-bubble-triangle {
    margin-right: -20px;
  }
  .dirk-mnemonic-barbie-bubble-text {
    font-size: 24px;
    line-height: 34px;
  }
  .dirk-menu-photo.position-1 {
    max-width: 60%;
    margin-left: 0px;
  }
  .dirk-menu-photo.position-2 {
    max-width: 50%;
  }
  .dirk-menu-photo.position-3 {
    max-width: 40%;
    margin-left: 72px;
  }
  .dirk-menu-photo.position-4 {
    max-width: 50%;
    margin-bottom: 127px;
  }
  .dirk-menu-photo.position-5 {
    max-width: 50%;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .dirk-dude-text {
    width: 70%;
  }
  .dirk-dude-photo {
    margin: 20px;
  }
  .dirk-dude-block {
    margin-bottom: 10%;
  }
  .dirk-dude-block-text {
    margin-top: 0px;
  }
  .dirk-dude-block-image {
    max-width: 60%;
    margin-top: 0px;
  }
  .dirk-iskender-photo-2.position-2 {
    margin-right: -1px;
    margin-left: 103px;
  }
  .dirk-iskender-photo-3.position-3 {
    margin-left: 0px;
  }
  .dirk-iskender-photo-3-ring {
    width: 80px;
    height: 50px;
    margin-bottom: 80px;
    margin-left: 103px;
    border-radius: 25px;
  }
  .dirk-iskender-photo-4-ring {
    margin-top: 21px;
    margin-left: 63px;
  }
  .dirk-dirk-photo.postion-1 {
    margin-left: 0px;
  }
  .dirk-dirk-photo.position-2 {
    margin-left: 129px;
  }
  .dirk-iskender-photo-3-line {
    margin-bottom: 39px;
    margin-left: 111px;
  }
  .dirk-dad-arrow-down {
    max-width: 13%;
  }
  .dirk-name-button {
    margin-bottom: 70px;
  }
  .dirk-footer-image {
    max-width: 35%;
  }
  .keynotes-post-image {
    max-width: 50%;
  }
  .sec-sup-portfolio {
    padding-top: 10%;
    padding-bottom: 5%;
  }
  .sec-sup-focus {
    padding-bottom: 5%;
  }
  .sup-portfolio-content {
    width: 70%;
  }
  .sup-focus-content {
    width: 80%;
  }
  .text-startup {
    margin-top: -40px;
    margin-bottom: 60px;
    font-size: 16px;
    line-height: 20px;
  }
  .text-startup.margin {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .sup-focus-table-content {
    margin-top: 20px;
    margin-bottom: 60px;
  }
  .sup-accordion-item-trigger {
    margin-bottom: 40px;
  }
  .video-02 {
    width: 70%;
  }
}

@media (max-width: 479px) {
  .menu-table {
    width: 80%;
    margin-top: 20%;
  }
  .burger-iskender {
    margin-top: 4px;
    margin-left: 10px;
  }
  .logo {
    margin-top: 80px;
  }
  .li-nav {
    margin-left: 30px;
    font-size: 12px;
    line-height: 16px;
  }
  .li-nav.color-text-white {
    font-size: 12px;
    line-height: 16px;
  }
  .logo-copy {
    margin-top: 146px;
  }
  .logo-copy-text {
    line-height: 14px;
  }
  .sec-stage {
    height: 100vh;
  }
  .sec-stage.infinite {
    height: 100vh;
  }
  .sec-dirk-videos {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .stage-iskender-content {
    margin-top: 20%;
  }
  .iskender-image-object {
    width: 100px;
  }
  .sm {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sm-image-object {
    max-width: 80%;
  }
  .sec-footer {
    padding-top: 20%;
  }
  .footer-iskender {
    margin-top: 30%;
  }
  .footer {
    width: 50%;
    margin-top: 20%;
    margin-bottom: 10%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .li-footer {
    margin-right: 15px;
    margin-bottom: 20px;
    margin-left: 15px;
  }
  .footer-infinite {
    margin-top: 25%;
  }
  .hl-subpage-1.color-white {
    font-size: 30px;
    line-height: 40px;
  }
  .subpage-content {
    width: 70%;
  }
  .btn-standard-text {
    font-size: 11px;
    letter-spacing: 1px;
  }
  .sec-standard {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .initiatives-content {
    width: 70%;
  }
  .hl-1 {
    font-size: 30px;
    line-height: 40px;
  }
  .hl-1.color-white {
    font-size: 30px;
    line-height: 40px;
  }
  .pub-content {
    width: 90%;
  }
  .keynotes-content {
    height: 400px;
  }
  .hl-keynotes {
    font-size: 40px;
    line-height: 50px;
  }
  .partner-circle {
    margin-top: 40%;
    margin-bottom: 20%;
  }
  .provide-content {
    width: 80%;
  }
  .sec-network {
    padding-top: 30%;
  }
  .menu-table-content {
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 30%;
  }
  .menu-iskender {
    display: none;
  }
  .menu-iskender-close {
    margin-top: 5px;
    margin-left: 10px;
  }
  .burger-infinite {
    margin-top: 4px;
    margin-left: 10px;
  }
  .menu-infinite {
    display: none;
  }
  .menu-infinite-close {
    margin-top: 5px;
    margin-left: 10px;
  }
  .hl-accordion {
    font-size: 24px;
    line-height: 24px;
  }
  .provide-accordion-arrow {
    height: 30%;
    margin-top: 30px;
    margin-right: 20px;
  }
  .newsletter-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .newsletter-form-textfield {
    height: 80px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 14px;
  }
  .newsletter-button {
    width: 100%;
    height: 80px;
    font-size: 14px;
    line-height: 14px;
  }
  .text-task-force {
    width: 80%;
    font-size: 16px;
    line-height: 20px;
  }
  .infinite-table-content {
    margin-bottom: 60px;
  }
  .network-text {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }
  .network-speechbubble {
    margin-top: 50px;
  }
  .network-speechbubble-content {
    width: 100%;
  }
  .infinite-stage-content {
    margin-top: 0px;
  }
  .infinite-stage-headline {
    font-size: 20px;
    line-height: 24px;
  }
  .initiatives-image-object {
    max-width: 50%;
  }
  .pub-table-content {
    height: 180px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .pub-table-text {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.4px;
  }
  .pub-table-title {
    margin-bottom: 15px;
    font-size: 9px;
    line-height: 12px;
  }
  .pub-table-hover {
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .pub-table-hover-text {
    margin-right: 7px;
    font-size: 9px;
    line-height: 9px;
  }
  .know-me-table-content {
    margin-bottom: 40px;
  }
  .know-me-table-block {
    height: 180px;
  }
  .partner-circle-image {
    max-width: 90%;
  }
  .partner-circle-text {
    font-size: 12px;
    line-height: 16px;
  }
  .partner-circle-headline {
    font-size: 12px;
    line-height: 16px;
  }
  .pub-table-teaser-text {
    font-size: 12px;
  }
  .image {
    max-width: 20%;
  }
  .btn-newsletter {
    margin-right: 0px;
  }
  .home-table-content-left {
    height: 100px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .home-table-content-right {
    height: 100px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .home-content {
    width: 100%;
    margin-top: 20%;
  }
  .home-table {
    width: 100%;
  }
  .home-link-text {
    font-size: 12px;
    line-height: 16px;
  }
  .home-link-arrow {
    margin-top: 10px;
  }
  .nl-headline {
    font-size: 24px;
    line-height: 30px;
  }
  .nl-iskender-bubble-content {
    width: 180px;
  }
  .stage-arrow-link {
    height: 40px;
    margin-bottom: 0px;
  }
  .stage-arrow-image {
    max-width: 60%;
  }
  .sec-dirk-stage {
    height: 100vh;
    background-position: 50% 134%;
    background-size: auto 50%;
  }
  .sec-dirk-sound {
    height: 400px;
    background-position: 50% 104%;
    background-size: 160px;
  }
  .dirk-name-content {
    width: 90%;
    padding-bottom: 40px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .dirk-name-block {
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dirk-font-hl-1 {
    line-height: 60px;
  }
  .dirk-font-text-12.center {
    text-align: center;
  }
  .dirk-stage-content {
    padding-bottom: 15%;
  }
  .dirk-dirk-quotes-content {
    margin-top: 20%;
    margin-bottom: 30%;
  }
  .dirk-quote {
    margin-right: 10px;
    margin-left: 10px;
  }
  .dirk-quote.margin {
    margin-top: 30px;
  }
  .dirk-quote-content {
    padding: 10px 15px 15px;
  }
  .dirk-quote-triangle {
    margin-left: 20px;
  }
  .dirk-quote-text-a {
    font-size: 14px;
    line-height: 18px;
  }
  .dirk-quote-text-b {
    font-size: 11px;
    line-height: 16px;
  }
  .dirk-footer-content {
    margin-top: 20%;
  }
  .dirk-font-hl-3 {
    font-size: 30px;
    line-height: 38px;
  }
  .dirk-headline-icon.margin {
    max-width: 35%;
    margin-top: -40px;
  }
  .dirk-headline-icon.size {
    max-width: 25%;
    margin-top: -54px;
  }
  .dirk-bubble-block {
    width: 80%;
    margin-top: 15%;
    margin-bottom: 20%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .dirk-bubble-headline {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10%;
  }
  .dirk-bubbles {
    width: 280px;
  }
  .dirk-bubbles.size {
    width: 280px;
  }
  .dirk-font-copy-16 {
    font-size: 12px;
    line-height: 16px;
  }
  .dirk-bubble-image-object {
    max-width: 90%;
  }
  .dirk-bubble-content {
    width: 60%;
  }
  .dirk-iskender-headline {
    margin-top: 10%;
  }
  .dirk-iskender-quotes-content {
    margin-bottom: 25%;
  }
  .dirk-quote-image-left {
    max-width: 25%;
  }
  .dirk-dirk-photos {
    width: 84%;
    height: 550px;
    margin-bottom: 35%;
  }
  .dirk-iskender-photos {
    width: 280px;
  }
  .dirk-sound-content {
    margin-bottom: 30%;
  }
  .dirk-videos-content {
    width: 80%;
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .dirk-dude-headline {
    width: 70%;
    margin-top: 10%;
  }
  .dirk-menu-headline {
    margin-top: 10%;
  }
  .dirk-menu-plate {
    max-width: 55%;
  }
  .dirk-menu-text {
    width: 90%;
  }
  .dirk-menu-text-content {
    padding-right: 20px;
    padding-left: 20px;
  }
  .dirk-menu-photos {
    width: 280px;
    height: 760px;
    margin-top: 15%;
  }
  .dirk-menu-icon {
    margin-top: 20%;
  }
  .dirk-menu-quote {
    margin-bottom: 20%;
  }
  .dirk-font-hl-5 {
    font-size: 18px;
    line-height: 26px;
  }
  .dirk-event-headline {
    margin-top: 10%;
  }
  .dirk-event-content {
    margin-top: 5%;
    margin-bottom: 20%;
  }
  .dirk-event-badge {
    max-width: 60%;
    margin-bottom: 25%;
  }
  .dirk-dad-headline {
    margin-top: 10%;
  }
  .dirk-font-hl-4 {
    font-size: 24px;
    line-height: 32px;
  }
  .dirk-dad-content {
    margin-bottom: 35%;
  }
  .dirk-dad-image {
    max-width: 40%;
    margin-top: 10%;
  }
  .dirk-dad-map {
    margin-bottom: 20%;
  }
  .dirk-dad-text {
    width: 84%;
  }
  .dirk-mnemonic-text {
    width: 60%;
  }
  .dirk-mnemonic-barbie {
    width: 90%;
    margin-top: 10%;
    margin-bottom: 25%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .dirk-jokes-photos {
    margin-top: 20%;
    margin-bottom: 20%;
  }
  .dirk-dad-text-content {
    padding-right: 20px;
    padding-left: 20px;
  }
  .dirk-dad-icon {
    max-width: 35%;
    margin-top: 55px;
    margin-left: 30px;
  }
  .dirk-mnemonic-barbie-image {
    max-width: 55%;
  }
  .dirk-mnemonic-barbie-content {
    margin-top: 92px;
    margin-left: -40px;
  }
  .dirk-mnemonic-barbie-text {
    font-size: 11px;
    line-height: 16px;
  }
  .dirk-mnemonic-barbie-bubble-content {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  .dirk-mnemonic-barbie-bubble-triangle {
    margin-right: -25px;
  }
  .dirk-mnemonic-barbie-bubble-text {
    font-size: 18px;
    line-height: 24px;
  }
  .dirk-menu-photo.position-1 {
    left: 0px;
    top: 0px;
    max-width: 80%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .dirk-menu-photo.position-2 {
    top: 0px;
    right: 0px;
    max-width: 70%;
    margin: 87px 20px 0px 0px;
  }
  .dirk-menu-photo.position-3 {
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 11;
    max-width: 50%;
    margin: 160px 0px 0px;
  }
  .dirk-menu-photo.position-4 {
    right: 0px;
    bottom: 0px;
    max-width: 60%;
    margin: 0px 0px 202px;
  }
  .dirk-menu-photo.position-5 {
    left: 0px;
    bottom: 0px;
    max-width: 65%;
    margin-top: 0px;
    margin-right: 0px;
  }
  .dirk-font-copy-11 {
    font-size: 10px;
    line-height: 14px;
  }
  .dirk-dude-block {
    margin-bottom: 25%;
  }
  .dirk-dude-block-text {
    width: 70%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .dirk-dude-block-image {
    max-width: 90%;
  }
  .dirk-iskender-photo-1.position-1 {
    max-width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }
  .dirk-iskender-photo-1-ring {
    width: 80px;
    height: 40px;
    margin-top: 19px;
    margin-right: 49px;
    border-radius: 20px;
  }
  .dirk-iskender-photo-2.position-2 {
    height: 220px;
    margin-top: 154px;
    margin-left: 0px;
  }
  .dirk-iskender-photo-3.position-3 {
    margin-top: 440px;
    margin-right: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dirk-iskender-photo-3-text {
    margin-bottom: 20px;
  }
  .dirk-iskender-photo-3-ring {
    height: 40px;
    margin-bottom: 85px;
    margin-left: 100px;
    border-radius: 20px;
  }
  .dirk-iskender-photo-4.position-4 {
    margin: 0px 0px 75px;
  }
  .dirk-iskender-photo-4-ring {
    width: 60px;
    margin-top: 13px;
    margin-left: 47px;
  }
  .dirk-dirk-photo.postion-1 {
    max-width: 55%;
    margin-top: 0px;
    margin-left: 20px;
  }
  .dirk-dirk-photo.position-2 {
    left: auto;
    top: 0px;
    right: 0px;
    max-width: 65%;
    margin-top: 95px;
    margin-right: 10px;
    margin-left: 0px;
  }
  .dirk-dirk-photo.position-3 {
    left: 0px;
    top: auto;
    right: auto;
    bottom: 0px;
    max-width: 55%;
    margin-top: 0px;
    margin-bottom: 106px;
  }
  .dirk-dirk-photo.position-4 {
    left: auto;
    right: 0px;
    bottom: 0px;
    z-index: 9;
    max-width: 70%;
  }
  .dirk-iskender-photo-3-line {
    width: 40px;
    margin-left: 115px;
  }
  .dirk-name-button {
    margin-bottom: 25%;
  }
  .dirk-footer-copyright {
    width: 50%;
    margin-bottom: 40px;
  }
  .dirk-footer-image {
    max-width: 40%;
  }
  .keynotes-post-image {
    max-width: 85%;
  }
  .keynotes-post-content {
    width: 70%;
  }
  .dirk-footer-made {
    width: 70%;
  }
  .sup-portfolio-content {
    width: 90%;
  }
  .text-startup {
    font-size: 14px;
    line-height: 18px;
  }
  .sup-portfolio-table-link {
    height: 120px;
  }
  .keynotes-album {
    height: 300px;
  }
  .video-02 {
    width: 80%;
  }
}