.txt-animated.ani-opa .char {
  opacity: 0;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transition-delay: calc(var(--delay) * var(--char-index));
  transition-delay: calc(var(--delay) * var(--char-index)); }

.txt-animated.ani-opa.is-inview .char {
  opacity: 1; }

.txt-animated.ani-up .word {
  overflow: hidden; }

.txt-animated.ani-up .char {
  opacity: 0;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transition-delay: calc(var(--delay) * var(--char-index));
  transition-delay: calc(var(--delay) * var(--char-index));
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }

.txt-animated.ani-up.is-inview .char {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.load-img {
  position: relative;
  overflow: hidden; }
  .load-img::before, .load-img::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }
  .load-img img,
  .load-img form {
    opacity: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .load-img:before {
    background-color: #96171A; }
  .load-img:after {
    background-color: #2B3789;
    -webkit-transition-delay: .5s;
    transition-delay: .5s; }
  .load-img.is-inview img,
  .load-img.is-inview form {
    opacity: 1; }
  .load-img.is-inview:before {
    -webkit-transition: 1.6s ease;
    transition: 1.6s ease;
    width: 0; }
  .load-img.is-inview:after {
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
    width: 0; }

.load-img-second {
  position: relative;
  overflow: hidden; }
  .load-img-second::before {
    position: absolute;
    content: "";
    inset: 0;
    background-color: #f8f8f8;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: 0.8s ease-out;
    -webkit-transition: 0.8s ease-out;
    -moz-transition: 0.8s ease-out;
    -ms-transition: 0.8s ease-out;
    -o-transition: 0.8s ease-out;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    pointer-events: none;
    z-index: 3; }
  .load-img-second::after {
    position: absolute;
    content: "";
    inset: 0;
    background-color: #f8f8f8;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: 0.8s ease-out;
    -webkit-transition: 0.8s ease-out;
    -moz-transition: 0.8s ease-out;
    -ms-transition: 0.8s ease-out;
    -o-transition: 0.8s ease-out;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    pointer-events: none;
    z-index: 3; }
  .load-img-second.is-inview::after {
    -webkit-transform: translate(0, -110%);
    transform: translate(0, -110%); }
  .load-img-second.is-inview::before {
    -webkit-transform: translate(0, 110%);
    transform: translate(0, 110%); }

.load-img-third {
  position: relative;
  overflow: hidden; }
  .load-img-third img {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
    transition: 1.2s ease;
    -webkit-transition: 1.2s ease;
    -moz-transition: 1.2s ease;
    -ms-transition: 1.2s ease;
    -o-transition: 1.2s ease;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s; }
  .load-img-third.is-inview::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 100%;
    left: 0;
    margin-bottom: -10px;
    background-color: #e2dbc0;
    z-index: 3;
    -webkit-animation: 1s reveal-img-before cubic-bezier(0.6, 0, 0.195, 1);
    animation: 1s reveal-img-before cubic-bezier(0.6, 0, 0.195, 1);
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .load-img-third.is-inview img {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    display: block; }
  .load-img-third.second.is-inview img {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    display: block; }

@-webkit-keyframes reveal-img-before {
  0% {
    top: 0;
    right: 100%;
    bottom: 100%;
    margin-bottom: -10px; }
  40% {
    top: 0;
    right: 0;
    bottom: 100%;
    margin-bottom: -10px; }
  60% {
    top: 0; }
  80% {
    right: 0;
    bottom: -1px;
    margin-bottom: 0; }
  100% {
    top: 100%;
    right: 0;
    bottom: -1px;
    margin-bottom: 0; } }

@keyframes reveal-img-before {
  0% {
    top: 0;
    right: 100%;
    bottom: 100%;
    margin-bottom: -10px; }
  40% {
    top: 0;
    right: 0;
    bottom: 100%;
    margin-bottom: -10px; }
  60% {
    top: 0; }
  80% {
    right: 0;
    bottom: -1px;
    margin-bottom: 0; }
  100% {
    top: 100%;
    right: 0;
    bottom: -1px;
    margin-bottom: 0; } }

@-webkit-keyframes imgLoad {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes imgLoad {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translate3D(-100%, 0, 0);
    transform: translate3D(-100%, 0, 0); }
  100% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@keyframes slide-in-right {
  0% {
    -webkit-transform: translate3D(-100%, 0, 0);
    transform: translate3D(-100%, 0, 0); }
  100% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@-webkit-keyframes slide-out-right {
  0% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  100% {
    -webkit-transform: translate3D(100%, 0, 0);
    transform: translate3D(100%, 0, 0); } }

@keyframes slide-out-right {
  0% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  100% {
    -webkit-transform: translate3D(100%, 0, 0);
    transform: translate3D(100%, 0, 0); } }

@-webkit-keyframes slide-in-right-50 {
  0% {
    -webkit-transform: translate3D(-50%, 0, 0);
    transform: translate3D(-50%, 0, 0); }
  100% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@keyframes slide-in-right-50 {
  0% {
    -webkit-transform: translate3D(-50%, 0, 0);
    transform: translate3D(-50%, 0, 0); }
  100% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translate3D(100%, 0, 0);
    transform: translate3D(100%, 0, 0); }
  100% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@keyframes slide-in-left {
  0% {
    -webkit-transform: translate3D(100%, 0, 0);
    transform: translate3D(100%, 0, 0); }
  100% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@-webkit-keyframes slide-out-left {
  0% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  100% {
    -webkit-transform: translate3D(-100%, 0, 0);
    transform: translate3D(-100%, 0, 0); } }

@keyframes slide-out-left {
  0% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  100% {
    -webkit-transform: translate3D(-100%, 0, 0);
    transform: translate3D(-100%, 0, 0); } }

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translate3D(0, -100%, 0);
    transform: translate3D(0, -100%, 0); }
  100% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@keyframes slide-in-top {
  0% {
    -webkit-transform: translate3D(0, -100%, 0);
    transform: translate3D(0, -100%, 0); }
  100% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@-webkit-keyframes slide-out-left-50 {
  0% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  100% {
    -webkit-transform: translate3D(-50%, 0, 0);
    transform: translate3D(-50%, 0, 0); } }

@keyframes slide-out-left-50 {
  0% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  100% {
    -webkit-transform: translate3D(-50%, 0, 0);
    transform: translate3D(-50%, 0, 0); } }

@-webkit-keyframes slide-in-left-50 {
  0% {
    -webkit-transform: translate3D(50%, 0, 0);
    transform: translate3D(50%, 0, 0); }
  100% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@keyframes slide-in-left-50 {
  0% {
    -webkit-transform: translate3D(50%, 0, 0);
    transform: translate3D(50%, 0, 0); }
  100% {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@-webkit-keyframes revealRTL {
  0% {
    width: 0;
    right: 0; }
  65% {
    width: 100%;
    right: 0; }
  100% {
    width: 0;
    right: 100%; } }

@keyframes revealRTL {
  0% {
    width: 0;
    right: 0; }
  65% {
    width: 100%;
    right: 0; }
  100% {
    width: 0;
    right: 100%; } }

.txt-focus {
  opacity: 0; }
  .txt-focus.is-inview {
    -webkit-animation: txt-focus 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: txt-focus 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }

.txt-spl .word {
  overflow: hidden;
  line-height: 1.5;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .txt-spl .word .chars {
    display: inline-block;
    -webkit-animation-delay: calc(var(--line-index) * 0.025s) !important;
    animation-delay: calc(var(--line-index) * 0.025s) !important;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }

.txt-spl.down .chars {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

.txt-spl.is-inview .chars {
  -webkit-animation: txtSpl-up 1s cubic-bezier(0.65, 0, 0.35, 1) both;
  animation: txtSpl-up 1s cubic-bezier(0.65, 0, 0.35, 1) both; }

.txt-spl.is-inview.down .chars {
  -webkit-animation: txtSpl-down 1.2s cubic-bezier(0.65, 0, 0.35, 1) both;
  animation: txtSpl-down 1.2s cubic-bezier(0.65, 0, 0.35, 1) both; }

@-webkit-keyframes txtSpl-up {
  0% {
    -webkit-transform: translateY(10rem);
    transform: translateY(10rem); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes txtSpl-up {
  0% {
    -webkit-transform: translateY(10rem);
    transform: translateY(10rem); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes txtSpl-down {
  0% {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes txtSpl-down {
  0% {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.reveal {
  --duration: 1s;
  -webkit-transition: var(--duration) cubic-bezier(0.72, 0.04, 0.49, 0.82);
  transition: var(--duration) cubic-bezier(0.72, 0.04, 0.49, 0.82);
  -webkit-transition-delay: var(--delay) !important;
  transition-delay: var(--delay) !important; }
  .reveal.reveal-left {
    clip-path: polygon();
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    -moz-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
    .reveal.reveal-left.is-inview {
      clip-path: polygon();
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  .reveal.reveal-right {
    clip-path: polygon();
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -moz-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -ms-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -o-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }
    .reveal.reveal-right.is-inview {
      clip-path: polygon();
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

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