@font-face {
  font-family: als_hauss_regular;
  src:
    url('fonts/als_hauss_regular.woff'),
    url('fonts/als_hauss_regular.woff2');
}

@font-face {
  font-family: als_hauss_bold;
  src:
    url('fonts/als_hauss_bold.woff'),
    url('fonts/als_hauss_bold.woff2');
}

@font-face {
  font-family: als_hauss_next_vf;
  src:
    url('fonts/ALS_Hauss Next_Expanded Bold_1.25.otf');
}

.als-text-title h1 {
  font-family: als_hauss_next_vf;
  font-size: 64px;
}

@media (max-width: 992px) {
  .als-text-title h1 {
    font-family: als_hauss_next_vf;
    font-size: 42px;
}
}

.announce {
  font-family: als_hauss_regular;
}

.announce__text {
  font-family: inherit;
  font-size: 32px;
  text-align: center;
}

@media (max-width: 992px) {
  .announce__text {
   font-size: 24px;
  }
}

.anons-page,
.announce{
  background-color: black;
}

.announce {
  color: white;

  background-image: url('diom-app-announce-bg.png');
  background-repeat: no-repeat;
  background-size: 2800px auto;
  background-position: top center;
}

.announce .credits {
  color: white;
  background-color: black;
}
.announce .credits a {
  color: white;
  border-color: white;
}
.announce .credits a:hover {
  color: #004cff;
  border-color: #004cff;
}

.diom-app-responsive-image {
  width: 100%;
  height: auto;
}

.diom-app-video1 {
  display: flex;
  justify-content: center;
  margin-top: 90px;
  position: relative;
  z-index: 2;
}
.diom-app-video1__preview {
  border-radius: 20px;
}

/** --- BLOCK01 ---------- */

.diom-app-block01 {
  position: relative;
  height: 2512px;
  margin-bottom: -240px;
  background-image: url('diom-app-block01-bg.png');
  background-repeat: no-repeat;
  background-size: 1440px auto;
  background-position: center;
  transform: translateY(-280px);
}

.diom-app-block01__image {
  display: none;
}

.diom-app-block01__text01,
.diom-app-block01__text02 {
  position: absolute;
  font-size: 26px;
}
.diom-app-block01__text01 {
  top: 337px;
  right: 94px;
  width: 34%;
}

.diom-app-block01__text02 {
    bottom: 439px;
    left: 94px;
    width: 34%;
}

@media (max-width: 992px) {
.diom-app-block01__text02 {
     bottom: 439px;
    left: 94px;
    width: 34%;
}
}

@media (max-width: 992px) {
  .diom-app-block01__text01,
  .diom-app-block01__text02 {
    font-size: 22px;
    align-items: center;
    font-size: 24px;
    text-align: center;
  }
}

@media (max-width: 750px) {
  .diom-app-block01 {
    height: auto;
    background: none;
    transform: unset;
    margin-bottom: unset;
    padding: 70px 0;
  }

  .diom-app-block01__image {
    display: block;
    width: 100%;
    height: auto;
  }

  .diom-app-block01__text01,
  .diom-app-block01__text02{
    position: unset;
    width: 100%;
    padding: 0 20px;
    text-align: center;
  }
}
/** / - BLOCK01 ---------- */


/** --- BLOCK02 ---------- */
.diom-app-block02-wrapper {
  padding: 0 6vw;
}

.diom-app-block02 {
  display: flex;
}

.diom-app-block02__item {
  flex: 0 0 33.3333%;
  display: flex;
}
.diom-app-block02__item:first-child {
  justify-content: flex-start;
}
.diom-app-block02__item:last-child {
  justify-content: flex-end;
}

.diom-app-block02__image {
  max-width: 130%;
  margin: 0 -20%;
}

.diom-app-block02__text {
  align-items: center;
  font-size: 26px;
  text-align: center;
}

@media (max-width: 750px) {
  .diom-app-block02 {
    flex-direction: column;
  }

  .diom-app-block02__image {
    width: 100%;
    height: auto;
  }

  .diom-app-block02__item:first-child,
  .diom-app-block02__item:last-child {
    justify-content: center;
  }
}
/** / - BLOCK02 ---------- */

/** --- BLOCK03 ---------- */
.diom-app-block03 {
  padding: 285px 112px 200px 112px;
}
@media (max-width: 750px) {
  .diom-app-block03 {
    padding: 100px 30px 80px 30px;
  }
}
/** / - BLOCK03 ---------- */

/** --- BLOCK04 ---------- */
.diom-app-block04-content {
  position: absolute;
  top: 0;
  left: 100px;
  width: 40vw;
}

@media (max-width: 992px) {
  .diom-app-block04-content.diom-app-block-content {
    font-size: 24px;
  }
  .diom-app-block04-content .diom-app-block-content__title {
    font-size: 50px;
    line-height: 55px;
  }
}

@media (max-width: 750px) {
  .diom-app-block04-content {
    position: unset;
    padding: 0 34px;
    width: 100%;
  }
}
/** / - BLOCK04 ---------- */

/** --- BLOCK05 ---------- */
.diom-app-block05 {
  position: relative;
  margin-bottom: -320px;
  transform: translateY(-320px);
}

.diom-app-block05-content {
  position: absolute;
  left: 0;
  bottom: 20px;
  padding: 0 16%;
  width: 100%;
  text-align: center;
  color: black;
}

@media (max-width: 1200px) {
  .diom-app-block05-content {
    position: relative;
    padding: 0 20px;
    color: white;
  }
}
/** / - BLOCK05 ---------- */

/** --- BLOCK06 ---------- */
.diom-app-block06 {
  text-align: center;
  padding: 100px 10%;
}
/** / - BLOCK06 ---------- */

/** --- BLOCK07 ---------- */
.diom-app-block07 {
  position: relative;
  text-align: center;
  padding-bottom: 430px;
}
.diom-app-block07__bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url('diom-app-block07-bg.png');
  background-repeat: no-repeat;
  background-size: 1440px auto;
  background-position: bottom;
}

.diom-app-block07__image {
  max-width: 375px;
}

@media (max-width: 750px) {
  .diom-app-block07 {
    padding-bottom: 270px;
  }
  .diom-app-block07__bg {
    background-size: contain;
    background-image: url('diom-app-block07-bg-mobile.png');
  }
}
/** / - BLOCK07 ---------- */

/** --- BLOCK08 ---------- */
.diom-app-block08 {
  position: relative;
  text-align: center;
  margin-top: 120px;
  height: 1900px;
}

.diom-app-block08 .diom-app-block-content {
  position: relative;
  z-index: 10;
}

.diom-app-block08__bg {
  position: absolute;
  top: -250px;
  width: 100%;
  height: 100%;
  background-image: url('diom-app-block08-bg.png');
  background-repeat: no-repeat;
  background-size: 2800px auto;
  background-position: center;
}
/** / - BLOCK08 ---------- */

/** --- BLOCK09 ---------- */
.diom-app-block09 {
  text-align: center;
  margin-top: -600px;

  height: 2433px;

  background-image: url('diom-app-block09-bg.png');
  background-repeat: no-repeat;
  background-size: 2112px auto;
  background-position: center;
}
.diom-app-block09-content {
  padding: 0 20%;
  text-align: center;
}

@media (max-width: 992px) {
.diom-app-block09-content {
  padding: 0 10%;
}
}
.diom-app-block09__image {
  padding: 60px 150px;
}
.diom-app-block09__image-src {
  /*max-width: 310px;*/
}

@media (max-width: 1200px) {
  .diom-app-block09 {
    height: 180vw;
    background-size: 130%;
    background-position: bottom;
  }
}

@media (max-width: 750px) {
  .diom-app-block09 {
    height: 210vw;
  }
  .diom-app-block09__image {
    padding: 40px 40px;
  }
}
/** / - BLOCK09 ---------- */

/** --- BLOCK10 ---------- */
.diom-app-block10 {
  padding: 180px 87px 100px 87px;
}

@media (max-width: 992px) {
.diom-app-block10 {
  padding: 180px 20px 100px 20px;
}
}

@media (max-width: 750px) {
  .diom-app-block10 {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}
/** / - BLOCK10 ---------- */

/** --- BLOCK11 ---------- */
.diom-app-block11 {
  padding: 0 68px;
}

@media (max-width: 992px) {
.diom-app-block11 {
  padding: 0 20px;
}
}

.diom-app-block11__video {
  max-width: 100%;
  width: 375px;
  border-radius: 30px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.video-wrapper {
  transform: scale(1.0025);
  transform-origin: center;
}

.video-wrapper video {
  display: block;
  width: 100%;
  height: auto;
}
.diom-app-block11__video_icons {
  max-width: 100%;
  width: 1920px;
  height: auto;
  border-radius: 60px;
  overflow: hidden;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .diom-app-block11__video {
    border-radius: 24px;
  }
}
@media (max-width: 750px) {
  .diom-app-block11__video_icons {
    border-radius: 24px;
  }
}
/** --- BLOCK12 ---------- */
.diom-app-block12 {
  overflow: hidden;
  padding-block: 35vw;
  transform: translateY(-6vw);
}
.diom-app-block12__bg {
  padding-block: 5vw;
  transform: scale(1.5);
}
/** / - BLOCK12 ---------- */

/** --- BLOCK13 ---------- */
/** / - BLOCK13 ---------- */


/** --- BLOCK-CONTENT ---- */
.diom-app-block-content {
  font-size: 30px;
}
.diom-app-block-content__title {
  font-family: als_hauss_next_vf;
  font-size: 70px;
  margin-bottom: 40px;
  line-height: 70px;
}
.diom-app-block-content__image {
  width: 24vw;
  margin-top: 85px;
}

@media (max-width: 992px) {
  .diom-app-block-content__title {
    font-size: 60px;
    line-height: 55px;
  }
}

@media (max-width: 750px) {
  .diom-app-block-content {
    font-size: 24px;
  }

  .diom-app-block-content__title {
    font-size: 52px;
  }
}
/** / - BLOCK-CONTENT ---- */


.diom-app-block-with-image {
  position: relative;
}

.diom-app-block-with-image__bg {
  width: 100%;
  height: auto;
}

.diom-app-block-with-image_bg2 {
  margin-bottom: -280px;
}
.diom-app-block-with-image_bg2__bg {
  transform: translateY(-280px);
}

.als-footer-wrap footer a {
  /* color: white; */
  /* border-color: white; */
}