.body {
  overflow: visible;
  height: 40000px;
}

.div-block {
  position: fixed;
  left: 50%;
  top: 50%;
  display: block;
  overflow: visible;
  width: 500px;
  height: 500px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transform: translate(-50px, -250px);
  -ms-transform: translate(-50px, -250px);
  transform: translate(-50px, -250px);
}

.html-embed {
  position: fixed;
  width: 100%;
  height: 100vh;
}

.html-embed-2 {
  position: fixed;
  display: none;
  width: 100%;
  height: 100vh;
}

.body-2 {
  height: 500vh;
}

.div-block-2 {
  position: fixed;
  z-index: 10;
  display: block;
  width: 100px;
  height: 100px;
  margin-top: 220px;
  margin-left: 339px;
  padding-left: 29px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b42c2c), to(#b42c2c));
  background-image: linear-gradient(180deg, #b42c2c, #b42c2c);
}

.div-block-3 {
  position: fixed;
  display: block;
  width: 100px;
  height: 100px;
  margin-top: 283px;
  margin-right: auto;
  margin-left: 310px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f36363), to(#f36363));
  background-image: linear-gradient(180deg, #f36363, #f36363);
}

.div-block-4 {
  display: none;
}

.stepper {
  position: fixed;
  top: 50%;
  right: 50px;
  width: 200px;
  height: 500px;
  -webkit-transform: translate(0px, -250px);
  -ms-transform: translate(0px, -250px);
  transform: translate(0px, -250px);
}

.div-block-5 {
  position: absolute;
  right: 10px;
  width: 2px;
  height: 100%;
  border-radius: 210px;
  background-color: #d6d6d6;
}

.div-block-5.black {
  right: 10px;
  height: 10%;
  background-color: #000;
}

.stepper-circle {
  position: absolute;
  left: -5px;
  width: 13px;
  height: 13px;
  border-radius: 9999px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d6d6d6), to(#d6d6d6));
  background-image: linear-gradient(180deg, #d6d6d6, #d6d6d6);
}

.stepper-circle._1st {
  left: auto;
  top: 0px;
  right: 4px;
  bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: linear-gradient(180deg, #000, #000);
}

.stepper-circle._2nd {
  left: auto;
  top: 60px;
  right: 4px;
  bottom: 14vh;
  width: 14px;
  height: 14px;
  background-image: none;
}

.stepper-circle._3rd {
  left: auto;
  top: 140px;
  right: 4px;
  bottom: 27vh;
  background-image: none;
}

.stepper-circle._4th {
  left: auto;
  top: 315px;
  right: 4px;
  bottom: 42vh;
  background-image: none;
}

.stepper-circle._5th {
  left: auto;
  top: 420px;
  right: 4px;
  bottom: 0px;
  background-image: none;
}

.stepper-circle._6th {
  left: auto;
  top: 492px;
  right: 4px;
  bottom: 42px;
  background-image: none;
}

.div-block-6 {
  width: 100px;
  height: 100px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(177, 113, 113, 0.5)), to(rgba(177, 113, 113, 0.5)));
  background-image: linear-gradient(180deg, rgba(177, 113, 113, 0.5), rgba(177, 113, 113, 0.5));
}

.stepper-text {
  width: 111px;
  margin-right: 32px;
  float: right;
  font-family: Calibre;
  color: #333;
  font-size: 17px;
  font-weight: 900;
  text-align: right;
}

.stepper-text._1st {
  -webkit-transform: translate(0px, -4px);
  -ms-transform: translate(0px, -4px);
  transform: translate(0px, -4px);
  color: #333;
}

.stepper-text._2nd {
  color: #333;
}

.stepper-text._3rd {
  color: #333;
}

.stepper-text._4th {
  color: #333;
}

.section {
  height: 100vh;
}

.section._01 {
  height: 5500px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(209, 107, 107, 0)), to(rgba(209, 107, 107, 0)));
  background-image: linear-gradient(180deg, rgba(209, 107, 107, 0), rgba(209, 107, 107, 0));
}

.section._02 {
  height: 6500px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(56, 92, 184, 0)), to(rgba(56, 92, 184, 0)));
  background-image: linear-gradient(180deg, rgba(56, 92, 184, 0), rgba(56, 92, 184, 0));
}

.section.fp-auto-height {
  height: 600px;
}

.section._03 {
  height: 13400px;
}

.section._04 {
  height: 9000px;
}

.section._05 {
  height: 5000px;
}

.section._06 {
  height: 100px;
}

.div-block-7 {
  height: 400px;
  margin-top: 0px;
}

.div-block-8 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(168, 26, 235, 0.5)), to(rgba(168, 26, 235, 0.5)));
  background-image: linear-gradient(180deg, rgba(168, 26, 235, 0.5), rgba(168, 26, 235, 0.5));
}

.div-block-9 {
  height: 600px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(56, 92, 184, 0)), to(rgba(56, 92, 184, 0)));
  background-image: linear-gradient(180deg, rgba(56, 92, 184, 0), rgba(56, 92, 184, 0));
}

.div-block-10 {
  position: fixed;
  width: 100%;
  height: 47px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: linear-gradient(180deg, #000, #000);
}

.image {
  height: 17px;
  margin-top: 14px;
  padding-left: 70px;
}

.list {
  display: block;
  width: 770px;
  height: 47px;
  padding-right: 61px;
  float: right;
}

.menu-list {
  display: inline-block;
  margin-top: 14px;
  margin-right: 26px;
  color: #848484;
  list-style-type: none;
}

.text-box {
  position: fixed;
  left: 50%;
  top: 50%;
  display: block;
  width: 390px;
  height: 500px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 127px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(-470px, -250px);
  -ms-transform: translate(-470px, -250px);
  transform: translate(-470px, -250px);
}

.headline-01 {
  position: absolute;
  display: inline-block;
  font-family: Lora;
  font-size: 30px;
  font-weight: 700;
  text-transform: none;
}

.text-p {
  line-height: 23px;
}

.heading {
  font-family: Calibre;
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
}

.paragraph {
  position: absolute;
  display: inline-block;
  width: 390px;
  font-family: Calibre;
  font-size: 19px;
  line-height: 24px;
}

.paragraph._01 {
  opacity: 1;
}

.paragraph._02 {
  opacity: 0;
}

.paragraph._03 {
  opacity: 0;
}

.paragraphs {
  position: static;
  display: block;
  margin-top: 68px;
}

.paragraph-2 {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.paragraph-01 {
  position: absolute;
  display: inline-block;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-02 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-03 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.headlines {
  position: static;
  display: inline-block;
}

.headline-02 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: Lora;
  font-size: 30px;
}

.headline-03 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: Lora;
  font-size: 28px;
  font-weight: 700;
}

.headline-04 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: Lora;
  font-size: 30px;
}

.headline-05 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: Lora;
  font-size: 30px;
}

.paragraph-04 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-05 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-06 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-07 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-08 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-09 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-10 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-11 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-12 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-13 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-14 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-15 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-16 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-17 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-18 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-19 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-20 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-21 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-22 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-23 {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.menu-link {
  height: 47px;
  margin-right: 30px;
  float: right;
  text-decoration: none;
}

.text-block {
  margin-top: 17px;
  color: #848484;
  text-decoration: none;
}

.text-block:hover {
  text-decoration: underline;
}

.menu-link-text {
  margin-top: 15px;
  color: #848484;
  font-size: 15px;
  text-decoration: none;
}

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

.link-block {
  padding-right: 0px;
  padding-left: 50px;
}

.link-block._02 {
  -webkit-transform: translate(0px, 1px);
  -ms-transform: translate(0px, 1px);
  transform: translate(0px, 1px);
}

.link-block._03 {
  -webkit-transform: translate(0px, 36px);
  -ms-transform: translate(0px, 36px);
  transform: translate(0px, 36px);
}

.link-block._04 {
  display: inline-block;
  -webkit-transform: translate(0px, 163px);
  -ms-transform: translate(0px, 163px);
  transform: translate(0px, 163px);
}

.link-block._05 {
  -webkit-transform: translate(0px, 225px);
  -ms-transform: translate(0px, 225px);
  transform: translate(0px, 225px);
}

.link-block._06 {
  -webkit-transform: translate(0px, 254px);
  -ms-transform: translate(0px, 254px);
  transform: translate(0px, 254px);
}

.mcustomscrollbar {
  height: 40000px;
}

.link-block-2 {
  display: inline-block;
}

.body-t {
  position: fixed;
  height: 40000px;
}

.paragraph-24 {
  display: inline-block;
  opacity: 1;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

.paragraph-25 {
  position: absolute;
  display: inline-block;
  opacity: 0;
}

.paragraph-14b {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
}

.paragraph-14c {
  position: absolute;
  display: inline-block;
  opacity: 0;
  font-family: 'Source Sans Pro';
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}

@media screen and (max-width: 991px) {
  .div-block {
    width: 350px;
    height: 350px;
    -webkit-transform: translate(-170px, -291px);
    -ms-transform: translate(-170px, -291px);
    transform: translate(-170px, -291px);
  }
  .stepper._5th {
    display: none;
  }
  .image {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
  }
  .list {
    display: none;
  }
  .text-box {
    -webkit-transform: translate(-186px, -130px);
    -ms-transform: translate(-186px, -130px);
    transform: translate(-186px, -130px);
  }
  .headline-01 {
    display: inline-block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .paragraph-01 {
    text-align: center;
  }
  .paragraph-02 {
    text-align: center;
  }
  .paragraph-03 {
    text-align: center;
  }
  .headline-02 {
    width: 100%;
    text-align: center;
  }
  .headline-03 {
    width: 100%;
    text-align: center;
  }
  .headline-04 {
    width: 100%;
    text-align: center;
  }
  .headline-05 {
    width: 100%;
    text-align: center;
  }
  .paragraph-04 {
    text-align: center;
  }
  .paragraph-05 {
    text-align: center;
  }
  .paragraph-06 {
    text-align: center;
  }
  .paragraph-07 {
    text-align: center;
  }
  .paragraph-08 {
    text-align: center;
  }
  .paragraph-09 {
    text-align: center;
  }
  .paragraph-10 {
    text-align: center;
  }
  .paragraph-11 {
    text-align: center;
  }
  .paragraph-12 {
    text-align: center;
  }
  .paragraph-13 {
    text-align: center;
  }
  .paragraph-14 {
    text-align: center;
  }
  .paragraph-15 {
    text-align: center;
  }
  .paragraph-16 {
    text-align: center;
  }
  .paragraph-17 {
    text-align: center;
  }
  .paragraph-18 {
    text-align: center;
  }
  .paragraph-19 {
    text-align: center;
  }
  .paragraph-20 {
    text-align: center;
  }
  .paragraph-21 {
    text-align: center;
  }
  .paragraph-22 {
    text-align: center;
  }
  .paragraph-23 {
    text-align: center;
  }
  .link-block {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .div-block {
    width: 300px;
    height: 300px;
    -webkit-transform: translate(-150px, -291px);
    -ms-transform: translate(-150px, -291px);
    transform: translate(-150px, -291px);
  }
  .text-box {
    width: 330px;
    -webkit-transform: translate(-165px, -160px);
    -ms-transform: translate(-165px, -160px);
    transform: translate(-165px, -160px);
  }
  .headline-01 {
    font-size: 28px;
  }
  .paragraph-01 {
    width: 100%;
    font-size: 17px;
    line-height: 20px;
  }
  .paragraph-02 {
    font-size: 17px;
  }
  .paragraph-03 {
    font-size: 17px;
  }
  .headline-02 {
    font-size: 28px;
  }
  .headline-03 {
    font-size: 28px;
  }
  .headline-04 {
    font-size: 28px;
  }
  .headline-05 {
    font-size: 28px;
  }
  .paragraph-04 {
    font-size: 17px;
  }
  .paragraph-05 {
    font-size: 17px;
  }
  .paragraph-06 {
    font-size: 17px;
  }
  .paragraph-07 {
    font-size: 17px;
  }
  .paragraph-08 {
    font-size: 17px;
  }
  .paragraph-09 {
    font-size: 17px;
  }
  .paragraph-10 {
    font-size: 17px;
  }
  .paragraph-11 {
    font-size: 17px;
  }
  .paragraph-12 {
    font-size: 17px;
  }
  .paragraph-13 {
    font-size: 17px;
  }
  .paragraph-14 {
    font-size: 17px;
  }
  .paragraph-15 {
    font-size: 17px;
  }
  .paragraph-16 {
    font-size: 17px;
  }
  .paragraph-17 {
    font-size: 17px;
  }
  .paragraph-18 {
    font-size: 17px;
  }
  .paragraph-19 {
    font-size: 17px;
  }
  .paragraph-20 {
    font-size: 17px;
  }
  .paragraph-21 {
    font-size: 17px;
  }
  .paragraph-22 {
    font-size: 17px;
  }
  .paragraph-23 {
    font-size: 17px;
  }
}

@font-face {
  font-family: 'Calibre';
  src: url('../fonts/Calibre-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre';
  src: url('../fonts/Calibre-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Calibre';
  src: url('../fonts/Calibre-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Calibre';
  src: url('../fonts/Calibre-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}