#rlr-subtitle-fade .animate-char {
  /*color: white;*/
  color: #FECA66;
  font-size: 100px;
}

.animate-char{
  font-weight: 700;
  font-size: 30px;
  animation: an 1s ease-out 1 both;
  display: inline-block;
}
@media (max-width: 414px) {
  .animate-char{
    font-weight: 700;
    font-size: 52px;
    animation: an 1s ease-out 1 both;
    display: inline-block;
  }
}

@keyframes an{
  from{
    opacity: 0;
    transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);
  }
  to{
    opacity: 1;
    transform: perspective(500px) translate3d(0, 0, 0);
  }
}
.type-animation {
  color: #feca66 !important;
  display: inline-flex;
  width: 0;
  overflow: hidden;
  padding-right: 0.08em;
  position: relative;
  font-weight: 700;
  font-size: 100px;
}
.type-animation:after {
  content: "";
  background: transparent;
  position: absolute;
  right: 0;
  top: -0.05em;
  bottom: -0.05em;
  width: 0.08em;
  border-right: 2px solid transparent;
}
.type-animation.animating {
  -webkit-animation: type 1620ms;
  animation: type 1620ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.type-animation.animating-vi {
  -webkit-animation: type2 1620ms;
  animation: type2 1620ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.type-animation.animating:after {
  -webkit-animation: cursor 320ms 8.625 ease-in-out;
  animation: cursor 320ms 8.625 ease-in-out;
}
.type-animation.animating-vi:after {
  -webkit-animation: cursor 320ms 8.625 ease-in-out;
  animation: cursor 320ms 8.625 ease-in-out;
}

@-webkit-keyframes cursor {
  0%, 100% {
    border-color: #feca66;
  }
  50% {
    border-color: white;
  }
  100% {
    width: 0;
  }
}

@keyframes cursor {
  0%, 100% {
    border-color: #feca66;
  }
  50% {
    border-color: white;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes type {
  11.1111111111% {
    width: 0.49em;
  }
  22.2222222222% {
    width: 0.98em;
  }
  33.3333333333% {
    width: 1.47em;
  }
  44.4444444444% {
    width: 1.96em;
  }
  100% {
    width: 2.94em;
  }
  /*55.5555555556% {*/
  /*    width: 2.45em;*/
  /*}*/
  /*66.6666666667% {*/
  /*    width: 2.94em;*/
  /*}*/
  /*77.7777777778% {*/
  /*    width: 3.43em;*/
  /*}*/
  /*88.8888888889% {*/
  /*    width: 3.92em;*/
  /*}*/
  /*100% {*/
  /*    width: 3.92em;*/
  /*    padding-right: 0;*/
  /*}*/
}
@keyframes type {
  11.1111111111% {
    width: 0.49em;
  }
  22.2222222222% {
    width: 0.98em;
  }
  33.3333333333% {
    width: 1.47em;
  }
  44.4444444444% {
    width: 1.96em;
  }
  /*100% {*/
  /*  width: 2.94em;*/
  /*}*/
  55.5555555556% {
      width: 2.45em;
  }
  66.6666666667% {
      width: 2.94em;
  }
  77.7777777778% {
      width: 3.43em;
  }
  88.8888888889% {
      width: 3.92em;
  }
  100% {
      width: 4.4em;
      padding-right: 0;
  }
}

@media (max-width: 768px) {
  #rlr-subtitle-fade .animate-char {
    font-size: 55px;
  }
  .type-animation {
    font-size: 55px;
  }
  .rlr-slogan .animate-char {
    font-size: 27px;
  }
}

@media (min-width: 767px) {
  .shadow-menu-desktop {
    color: #FECA66 !important;
    text-shadow:
    3px 3px 0 #222529,
    -1px -1px 0 #222529,
    1px -1px 0 #222529,
    -1px 1px 0 #222529;
  }
}