@import '../Libraries/remixicons/fonts/remixicon.css';
/* kumbh-sans-300 - latin */
@font-face {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../Webfonts/kumbh-sans-v12-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Webfonts/kumbh-sans-v12-latin-300.eot?#iefix") format("embedded-opentype"), url("../Webfonts/kumbh-sans-v12-latin-300.woff2") format("woff2"), url("../Webfonts/kumbh-sans-v12-latin-300.woff") format("woff"), url("../Webfonts/kumbh-sans-v12-latin-300.ttf") format("truetype"), url("../Webfonts/kumbh-sans-v12-latin-300.svg#KumbhSans") format("svg"); /* Legacy iOS */
}
/* kumbh-sans-regular - latin */
@font-face {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../Webfonts/kumbh-sans-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Webfonts/kumbh-sans-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../Webfonts/kumbh-sans-v12-latin-regular.woff2") format("woff2"), url("../Webfonts/kumbh-sans-v12-latin-regular.woff") format("woff"), url("../Webfonts/kumbh-sans-v12-latin-regular.ttf") format("truetype"), url("../Webfonts/kumbh-sans-v12-latin-regular.svg#KumbhSans") format("svg"); /* Legacy iOS */
}
/* kumbh-sans-800 - latin */
@font-face {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../Webfonts/kumbh-sans-v12-latin-800.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Webfonts/kumbh-sans-v12-latin-800.eot?#iefix") format("embedded-opentype"), url("../Webfonts/kumbh-sans-v12-latin-800.woff2") format("woff2"), url("../Webfonts/kumbh-sans-v12-latin-800.woff") format("woff"), url("../Webfonts/kumbh-sans-v12-latin-800.ttf") format("truetype"), url("../Webfonts/kumbh-sans-v12-latin-800.svg#KumbhSans") format("svg"); /* Legacy iOS */
}
/* RemixIcons */
@font-face {
  font-family: "remixicon";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../Libraries/remixicons/fonts/remixicon.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Libraries/remixicons/fonts/remixicon.woff2") format("woff2"), url("../Libraries/remixicons/fonts/remixicon.woff") format("woff"), url("../Libraries/remixicons/fonts/remixicon.ttf") format("truetype"), url("../Libraries/remixicons/fonts/remixicon.svg") format("svg"); /* Legacy iOS */
}
:root {
  --app-height: 100%;
}
.titlearea {
  position: relative;
  float: left;
  width: 100%;
  height: 100vh;
  height: var(--app-height);
  padding: 0;
  overflow: hidden;
}
.titlearea .videowrapper {
  width: 100%;
  height: 100vh;
  height: var(--app-height);
  position: relative;
}
.titlearea .videowrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: auto;
  width: auto;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.titlearea .award {
  z-index: 2;
}
@media (max-width: 767.98px) {
  .titlearea .award img,
  .titlearea .award svg {
    max-width: 150px;
  }
}
@media (max-width: 575.98px) {
  .titlearea .award img,
  .titlearea .award svg {
    max-width: 130px;
  }
}
.titleareacontent {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 2;
}
@media (max-width: 1199.98px) {
  .titleareacontent {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: inherit;
    position: absolute;
    bottom: 12.5vh;
  }
}
@media (max-width: 991.98px) {
  .titleareacontent {
    padding: 0 3rem;
    max-width: 100vw;
  }
}
@media (max-width: 767.98px) {
  .titleareacontent {
    bottom: 20vh;
    width: calc(100% - 20px);
  }
}
@media (max-width: 575.98px) {
    .titleareacontent {
        padding: 0 20px;
    }
}
.titleareacontent .titlevaluewrapper .yellowhighlight {
  display: inline-block;
  margin-left: 10px;
  font-size: 2rem;
}
@media (max-width: 991.98px) {
  .titleareacontent .titlevaluewrapper .yellowhighlight {
    margin-bottom: 15px !important;
  }
}
@media (max-width: 767.98px) {
  .titleareacontent .titlevaluewrapper .yellowhighlight {
    font-size: 1.5rem;
  }
}
.titleareacontent .titlevaluewrapper h1, .titleareacontent .titlevaluewrapper .h1 {
  color: white;
  line-height: 1.2;
  box-shadow: none;
}
@media (max-width: 767.98px) {
  .titleareacontent .titlevaluewrapper h1, .titleareacontent .titlevaluewrapper .h1 {
    font-size: 45px;
  }
}
.titleareacontent .titlevaluewrapper h1 span, .titleareacontent .titlevaluewrapper .h1 span {
  box-shadow: none;
}

.smalltitle {
  background: linear-gradient(90deg, #021362 0%, #3b022c 100%);
  max-height: 350px;
  height: 350px;
}
@media (max-width: 767.98px) {
  .smalltitle .titleareacontent {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
}
.smalltitle .titleareacontent .titlevaluewrapper .yellowhighlight {
  font-size: 100px;
  color: #021362;
  margin-left: 0;
  overflow: inherit;
}
@media (max-width: 1199.98px) {
  .smalltitle .titleareacontent .titlevaluewrapper .yellowhighlight {
    font-size: 80px;
  }
}
@media (max-width: 767.98px) {
  .smalltitle .titleareacontent .titlevaluewrapper .yellowhighlight {
    font-size: 40px;
  }
}
.smalltitle .titleareacontent .titlevaluewrapper h1, .smalltitle .titleareacontent .titlevaluewrapper .h1 {
  font-size: 0;
}
.smalltitle.smallImage {
  overflow: hidden;
}
.smalltitle.smallImage .picturewrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100vw;
  height: auto;
}
.smalltitle.smallImage .picturewrapper img {
  width: 100vw;
}
@media (max-width: 767.98px) {
  .smalltitle.smallImage .picturewrapper img {
    height: 100%;
    width: auto;
    max-width: none;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.smalltitle.pure {
  height: 125px;
}
@media (max-width: 767.98px) {
  .smalltitle.pure {
    height: 94px;
  }
}

.word {
  position: absolute;
  color: #F5FF00;
  opacity: 0;
}

.letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(80px);
  transform-origin: 50% 50% 80px;
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/*.swichtingLetterInner {
    min-height: 180px;
    @media (max-width: 1199.98px) {
        min-height: 140px;
    }
    @media (max-width: 991.98px) {
        min-height: 96px;
    }
    @media (max-width: 767.98px) {
        min-height: 54px;
    }
}*/
.console-container {
  font-weight: 800;
  text-transform: uppercase;
  /* Setup size calculation for all max utilities */
}
.console-container .h1-max, .console-container .h2-max, .console-container .h3-max, .console-container .h4-max, .console-container .h5-max, .console-container .h6-max, .console-container .h7-max, .console-container .h8-max {
  --font-size: calc(var(--min-size) * 1px + (var(--max-size) - var(--min-size)) * (100cqw - var(--container-min) * 1px) / (var(--container-max) - var(--container-min)));
  font-size: clamp(var(--min-size) * 1px, var(--font-size), var(--max-size) * 1px);
  line-height: 1.4;
}
.console-container .h1-max {
  --max-size: 200;
}
.console-container .h2-max {
  --max-size: 96;
}
.console-container .h3-max {
  --max-size: 64;
}
.console-container .h4-max {
  --max-size: 48;
}
.console-container .h5-max {
  --max-size: 32;
}
.console-container .h6-max {
  --max-size: 24;
}
.console-container .h7-max {
  --max-size: 16;
}
.console-container .h8-max {
  --max-size: 12;
}
.console-container .h1-min {
  --min-size: 200;
}
.console-container .h2-min {
  --min-size: 96;
}
.console-container .h3-min {
  --min-size: 64;
}
.console-container .h4-min {
  --min-size: 48;
}
.console-container .h5-min {
  --min-size: 32;
}
.console-container .h6-min {
  --min-size: 24;
}
.console-container .h7-min {
  --min-size: 16;
}
.console-container .h8-min {
  --min-size: 12;
}
.console-container #text {
  position: relative;
  float: left;
}
.console-container #console {
  color: #F5FF00;
}

.switchingWrapper {
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.animatedHeadlineTyping h1 span.texttype {
  padding: 0;
  padding-right: 4px;
  border-right: 2px solid white;
  animation: blink 0.75s infinite;
}


.bright{
  background: url("/fileadmin/Company/download.png") !important;
}

/*# sourceMappingURL=cybob_titlearea.css.map */