@charset "UTF-8";

:root {
        --origin: bottom
    }

@media (max-height:767.89px) {
    :root {
        --origin: center
    }
}

.animated-layer.op-0 {opacity: 0;}
.animated-layer.op-0.isVisible {opacity: 1;}

.box-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

.bg-layer-arrow {
	display: flex !important;
    align-items: center;
	height: 100%;
	width: auto;
	min-width: auto;
}
.bg-layer-l {
	position: absolute;
	top: 0;
	left: 0%;
	height: 100%;
	width: auto;
	min-width: fit-content;
	min-width: auto;
}
.bg-layer-r {
	position: absolute;
	top: 0;
	left: auto;
	right: 0%;
	height: 100%;
	width: auto;
}

.delay-025 {
	animation-delay: 0.25s;
}
.delay-05 {
	animation-delay: 0.5s;
}
.delay-075 {
	animation-delay: 0.75s;
}
.delay-10 {
	animation-delay: 1s;
}
.delay-125 {
	animation-delay: 1.25s;
}
.delay-15 {
	animation-delay: 1.5s;
}
.delay-175 {
	animation-delay: 1.75s;
}
.delay-20 {
	animation-delay: 2s;
}
.delay-25 {
	animation-delay: 2.5s;
}
.delay-30 {
	animation-delay: 3s;
}

.myanimate__rotateIn.isVisible {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
.myanimate__fadeInLeft.isVisible {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.myanimate__fadeOutLeft.isVisible {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
.myanimate__fadeInRight.isVisible {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.myanimate__fadeOutRight.isVisible {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
.myanimate__fadeOutLeft.isVisible {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
.myanimate__fadeIn.isVisible {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.myanimate__fadeInUp.isVisible {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.myanimate__fadeInDown.isVisible {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.myanimate__slideInUp.isVisible {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
.myanimate__bounceInUp.isVisible {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
.myanimate__zoomInCenter.isVisible {
  -webkit-animation-name: zoomInCenter;
  animation-name: zoomInCenter;
}
.myanimate__zoomInPlus.isVisible {
  -webkit-animation-name: zoomInPlus;
  animation-name: zoomInPlus;
}
.myanimate__flipInX.isVisible {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
.myanimate__flipInY.isVisible {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

.myanimate__zoomIn.isVisible {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

/* Zooming entrances */
@-webkit-keyframes zoomInCenter {
  from {opacity: 1; -webkit-transform: scale(1); transform: scale(1); transform-origin: center;}
  100% {opacity: 1; -webkit-transform: scale(1.125); transform: scale(1.125); transform-origin: center;}
}
@keyframes zoomInCenter {
  from {opacity: 1; -webkit-transform: scale(1); transform: scale(1); transform-origin: center;}
  100% {opacity: 1; -webkit-transform: scale(1.125); transform: scale(1.125); transform-origin: center;}
}

@-webkit-keyframes zoomInPlus {
  from {opacity: 1; -webkit-transform: scale(1); transform: scale(1); transform-origin: bottom;}
  100% {opacity: 1; -webkit-transform: scale(1.125); transform: scale(1.125); transform-origin: bottom;}
}
@keyframes zoomInPlus {
  from {opacity: 1; -webkit-transform: scale(1); transform: scale(1); transform-origin: bottom;}
  100% {opacity: 1; -webkit-transform: scale(1.125); transform: scale(1.125); transform-origin: bottom;}
}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

@-moz-keyframes spinC { 
    100% { -moz-transform: rotate(-360deg); } 
}
@-webkit-keyframes spinC { 
    100% { -webkit-transform: rotate(-360deg); } 
}
@keyframes spinC { 
    100% { 
        -webkit-transform: rotate(-360deg); 
        transform:rotate(-360deg); 
    } 
}

.rotate-me {
	opacity: 1;
	-webkit-animation: spin 120s linear infinite;
	-moz-animation: spin 120s linear infinite;
	-o-animation: spin 120s linear infinite;
	-ms-animation: spin 120s linear infinite;
	animation: spin 120s linear infinite;
	transform-origin: center center;
	transform: rotate(0);
}

.rotate-Cs {
	opacity: 1;
	-webkit-animation: spin 60s linear infinite;
	-moz-animation: spin 60s linear infinite;
	-o-animation: spin 60s linear infinite;
	-ms-animation: spin 60s linear infinite;
	animation: spin 60s linear infinite;
	transform-origin: center center;
	transform: rotate(0);
}

.rotate-Cf {
	opacity: 1;
	-webkit-animation: spin 30s linear infinite;
	-moz-animation: spin 30s linear infinite;
	-o-animation: spin 30s linear infinite;
	-ms-animation: spin 30s linear infinite;
	animation: spin 30s linear infinite;
	transform-origin: center center;
	transform: rotate(0);
}

.rotate-CCs {
	opacity: 1;
	-webkit-animation: spinC 60s linear infinite;
	-moz-animation: spinC 60s linear infinite;
	-o-animation: spinC 60s linear infinite;
	-ms-animation: spinC 60s linear infinite;
	animation: spinC 60s linear infinite;
	transform-origin: center center;
	transform: rotate(0);
}

.rotate-CCf {
	opacity: 1;
	-webkit-animation: spinC 30s linear infinite;
	-moz-animation: spinC 30s linear infinite;
	-o-animation: spinC 30s linear infinite;
	-ms-animation: spinC 30s linear infinite;
	animation: spinC 30s linear infinite;
	transform-origin: center center;
	transform: rotate(0);
}

@keyframes grow {
  from {width: 0; /* 0% keyframe */}
  to {width: 100%; /* 100% keyframe */}
}

.myanimate__grow100.isVisible {
  -webkit-animation-name: grow;
  animation-name: grow;
}

.box-layer .mother {
	padding-left: 10%;
}