@font-face {
    font-family: 'FK Screamer Legacy Trial Upright';
    src: url('fonts/FKScreamerLegacyTrial-Upright.woff2') format('woff2'),
        url('fonts/FKScreamerLegacyTrial-Upright.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FK Screamer Legacy Trial SmSlanted';
    src: url('fonts/FKScreamerLegacyTrial-SemiSlanted.woff2') format('woff2'),
        url('fonts/FKScreamerLegacyTrial-SemiSlanted.woff') format('woff'),
        url('fonts/FKScreamerLegacyTrial-SemiSlanted-BF6571330a82962.otf')  format('opentype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

.font-oblic {
    font-family: 'FK Screamer Legacy Trial SmSlanted' !important;
}

::-webkit-scrollbar {
    width: 10px;
  }
  
  ::-webkit-scrollbar-track {
    background: transparent;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #3c3c3c;
    border-radius: 40px;
  }

.mf-cursor.-inverse {
    color: #fff;
}
.mf-cursor.-visible:before {
    transform: scale(0.2);
}
.mf-cursor.-visible.-active:before {
    transform: scale(0.23);
    transition-duration: 0.2s;
}
.mf-cursor.-pointer:before {
    transform: scale(0.15);
    opacity: 0.2;
}
.mf-cursor.-menu:before {
    transform: scale(1.3);
    opacity: 0.2;
}
.mf-cursor.-text:before {
    opacity: 0.85;
    transform: scale(1.7);
}
.mf-cursor.-text .mf-cursor-text {
    opacity: 1;
    transform: scale(1);
}
.mf-cursor.-text.-active:before {
    transform: scale(1.6);
    transition-duration: 0.2s;
}
.mf-cursor.-opaque:before {
    transform: scale(1.32);
}
.mf-cursor.-opaque.-active:before {
    transform: scale(1.2);
}
.mf-cursor.-md:before {
    transform: scale(1.5);
}
.mf-cursor.-lg:before {
    transform: scale(2);
}
.mf-cursor.-video:before {
    background: #F3CD74;
    transform: scale(3);
    opacity: 1;
}
.mf-cursor.-exclusion:before {
    background: #0c328b;
    transform: scale(5);
    opacity: 1;
}
.mf-cursor.-hidden:before {
    transform: scale(0);
}
.mf-cursor-text {
    font-weight: 600;
}

.shapes {
  position: relative;
  height: 100%;
  width: 100vw;
  background: #1e1e1e;
}

.shape {
  will-change: transform;
  position: absolute;
  border-radius: 50%;
}
.shape.shape-1 {
  background: #d9b86a;
  width: 250px;
  height: 250px;
  margin: -325px 0 0 -325px;
  filter: blur(100px);
}
.shape.shape-2 {
  background: transparent;
  width: 440px;
  height: 440px;
  margin: -220px 0 0 -220px;
}
.shape.shape-3 {
  background: transparent;
  width: 270px;
  height: 270px;
  margin: -135px 0 0 -135px;
}

.lotus .content {
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 80%;
  width: 100vw;
  background: transparent;
  mix-blend-mode: initial;
}

.lotus h2, .mlotus {
  font-size: 28vw;
  color: #1e1e1e;
  font-family: 'Montserrat';
  margin: 0;
  text-align: center;
}

.cursor {
  position: fixed;
  background: #2128bd;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  will-change: transform;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 10000;
}

  /* .dot_ripple circle {
    transform: scale(1);
    transform-origin: center;
    -webkit-animation: pulsing 5s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 5s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 5s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 5s infinite cubic-bezier(0.66, 0, 0, 1);
  }
  @keyframes pulsing {
    0%   {transform: scale(1);}
    50%  {transform: scale(2);}
    100% {transform: scale(1);}
  } */


.btn_ripple {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    border: 2px solid #ffffff;
    padding: 0.5rem 2rem;
}
  .btn_ripple span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
  }
  .btn_ripple:hover {
    color: #000000;
  }
  .btn_ripple:hover span {
    width: 225%;
    height: 562.5px;
  }
  .btn_ripple:active {
    background-color: #00c4ad;
  }

.d-slideup .sideup-text {
    overflow: hidden;
    display: block;
}
.d-slideup .sideup-text:first-of-type .up-text {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
  }
  
  .d-slideup .sideup-text:nth-of-type(2) .up-text {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
  }
  
  .d-slideup .sideup-text:nth-of-type(3) .up-text {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
  }
  
  .d-slideup .sideup-text:nth-of-type(4) .up-text {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
  }
  
  .d-slideup .sideup-text:nth-of-type(5) .up-text {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
  }
  
  .d-slideup .sideup-text .up-text {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
  }
  
  .d-slideup.animated .up-text {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }


.video-control:not(.playing) .video-control-pause,
.video-control.playing .video-control-play {
    display: none;
}

:root {
    --container-width: 600px;
}
.vcontainer {
    max-width: var(--container-width);
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}
.video-block__container {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    height: calc(var(--vh) * 100);
  }
  
  .video-block figure.video {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
  }
  
  .video-block video {
    height: 100%;
    object-fit: cover;
  }
  
  .video-block_full-width {
    max-width: calc(var(--vw) * 100);
    margin-left: calc(50% - (var(--vw) * 50));
    margin-right: calc(50% - (var(--vw) * 50));
    width: auto;
    overflow: hidden;
  }
  figure.video {
    margin: 0;
  }

  .slide-har .box {
    position: relative;
    -webkit-animation: slide-har 40s linear infinite;
    animation: slide-har 40s linear infinite;
  }

@-webkit-keyframes slide-har {
    0% {
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
  
  @keyframes slide-har {
    0% {
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
  
  @-webkit-keyframes slide-har-revers {
    100% {
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
  
  @keyframes slide-har-revers {
    100% {
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

.parallax {
	position: relative;
	transition: top 1.5s cubic-bezier(0.2, 0.54, 0.36, 1);
}


/* word change */

  .positivity .positivity__alone {
    display: inline-block;
  }
  .positivity__words {
    position: relative;
    left: 15px;
}
  .positivity .positivity__words .change {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-animation: changeword 8s linear infinite;
            animation: changeword 8s linear infinite;
  }
  .positivity .positivity__words .change:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
  }
  .positivity .positivity__words .change:nth-child(2) {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
  }
  .positivity .positivity__words .change:nth-child(3) {
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
  }
  .positivity .positivity__words .change:nth-child(4) {
    -webkit-animation-delay: 6s;
            animation-delay: 6s;
  }
  
  @-webkit-keyframes changeword {
    0% {
      transform: translateY(50px);
      opacity: 0;
    }
    5% {
      opacity: 1;
      transform: translateY(0);
    }
    20% {
      opacity: 1;
      transform: translateY(0);
    }
    30% {
      opacity: 0;
      transform: translateY(-50px);
    }
    80% {
      opacity: 0;
      transform: translateY(50px);
    }
  }
  
  @keyframes changeword {
    0% {
      transform: translateY(50px);
      opacity: 0;
    }
    5% {
      opacity: 1;
      transform: translateY(0);
    }
    20% {
      opacity: 1;
      transform: translateY(0);
    }
    30% {
      opacity: 0;
      transform: translateY(-50px);
    }
    80% {
      opacity: 0;
      transform: translateY(50px);
    }
  }

  .reveal {
	opacity: 0;
	transform: translate3d(0, 100px, 0);
	transition: opacity 1s, transform 1s;
}
.reveal_visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
  


@media (max-width: 1024px) {
  .btn_ripple {
      padding: 0.3rem 1rem;
      font-size: 80%;
  }
  .video-block__container {
    height: calc(var(--vh) * 30);
  }
}