.spacer {
	text-align: center;
	min-height: 100px;
}
.spacer.s0 {min-height: 1px;}
.spacer.s1 {min-height: 100px;}
.spacer.s2 {min-height: 200px;}
.spacer.s3 {min-height: 300px;}
.spacer.s4 {min-height: 400px;}
.spacer.s5 {min-height: 500px;}
.spacer.s6 {min-height: 600px;}
.spacer.s7 {min-height: 700px;}
.spacer.s8 {min-height: 800px;}
.spacer.s9 {min-height: 900px;}
.spacer.s10 {min-height: 1000px;}
.spacer.s_viewport {min-height: 100%;}
/* Init Off */
.myaniinit *[data-banrep] {
	opacity: 0;
	transition: all 0.4s ease-in-out;
}
/* Init On */
.myani *[data-banrep] {
	opacity: 1;
	transition: all 0.6s ease-in-out;
}
/* Delay */
.myani [data-banrep="01"] {transition-delay: 0.1s;}
.myani [data-banrep="02"] {transition-delay: 0.2s;}
.myani [data-banrep="03"] {transition-delay: 0.3s;}
.myani [data-banrep="04"] {transition-delay: 0.4s;}
.myani [data-banrep="05"] {transition-delay: 0.5s;}
.myani [data-banrep="06"] {transition-delay: 0.6s;}
.myani [data-banrep="07"] {transition-delay: 0.7s;}
.myani [data-banrep="08"] {transition-delay: 0.8s;}
.myani [data-banrep="09"] {transition-delay: 0.9s;}
.myani [data-banrep="10"] {transition-delay: 1s;}
.myani [data-banrep="11"] {transition-delay: 1.1s;}
.myani [data-banrep="12"] {transition-delay: 1.2s;}
.myani [data-banrep="13"] {transition-delay: 1.3s;}
.myani [data-banrep="14"] {transition-delay: 1.4s;}
.myani [data-banrep="15"] {transition-delay: 1.5s;}
.myani [data-banrep="16"] {transition-delay: 1.6s;}
.myani [data-banrep="17"] {transition-delay: 1.7s;}
.myani [data-banrep="18"] {transition-delay: 1.8s;}
.myani [data-banrep="19"] {transition-delay: 1.9s;}
.myani [data-banrep="20"] {transition-delay: 2s;}
.myani [data-banrep="21"] {transition-delay: 2.1s;}
.myani [data-banrep="22"] {transition-delay: 2.2s;}
.myani [data-banrep="23"] {transition-delay: 2.3s;}
.myani [data-banrep="24"] {transition-delay: 2.4s;}
.myani [data-banrep="25"] {transition-delay: 2.5s;}
.myani [data-banrep="26"] {transition-delay: 2.6s;}
.myani [data-banrep="27"] {transition-delay: 2.7s;}
.myani [data-banrep="28"] {transition-delay: 2.8s;}
.myani [data-banrep="29"] {transition-delay: 2.9s;}
.myani [data-banrep="30"] {transition-delay: 3s;}
.myani [data-banrep="31"] {transition-delay: 3.1s;}
.myani [data-banrep="32"] {transition-delay: 3.2s;}
.myani [data-banrep="33"] {transition-delay: 3.3s;}
.myani [data-banrep="34"] {transition-delay: 3.4s;}
.myani [data-banrep="35"] {transition-delay: 3.5s;}
.myani [data-banrep="36"] {transition-delay: 3.6s;}
.myani [data-banrep="37"] {transition-delay: 3.7s;}
.myani [data-banrep="38"] {transition-delay: 3.8s;}
.myani [data-banrep="39"] {transition-delay: 3.9s;}
.myani [data-banrep="40"] {transition-delay: 4s;}
.myani [data-banrep="41"] {transition-delay: 4.1s;}
.myani [data-banrep="42"] {transition-delay: 4.2s;}
.myani [data-banrep="43"] {transition-delay: 4.3s;}
.myani [data-banrep="44"] {transition-delay: 4.4s;}
.myani [data-banrep="45"] {transition-delay: 4.5s;}
.myani [data-banrep="46"] {transition-delay: 4.6s;}
.myani [data-banrep="47"] {transition-delay: 4.7s;}
.myani [data-banrep="48"] {transition-delay: 4.8s;}
.myani [data-banrep="49"] {transition-delay: 4.9s;}
.myani [data-banrep="50"] {transition-delay: 5s;}
.myani [data-banrep="60"] {transition-delay: 6s;}
.myani [data-banrep="70"] {transition-delay: 7s;}
.myani [data-banrep="75"] {transition-delay: 7.5s;}
.myani [data-banrep="80"] {transition-delay: 8s;}
/* The typewriter cursor effect */
.myani .typewriter {
	overflow: hidden;
	width: 0;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	border-right: 2px solid #fff;
	position: relative;
	animation-duration: 1s, 0.5s;
	animation-timing-function: steps(8, end), steps(1, end);
	animation-iteration-count: 1, 10;
	animation-direction: normal, normal;
	animation-fill-mode: forwards, forwards;
}
.myani .typewriter.type-one {
	animation-name: typewriterone, blink-caret;
}
@keyframes typewriterone {
	0%, {width: 0;}
	100% {width: 5.5em;}
}
@keyframes blink-caret {
	from, to { border-color: transparent }
	50% { border-color: #fff; }
}
/* The typewriter cursor effect (LONG)*/
.myani .typewriter-two {
	overflow: hidden;
	width: 0;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	border-right: 2px solid #fff;
	position: relative;
	animation-duration: 2s, 0.5s;
	animation-timing-function: steps(26, end), steps(1, end);
	animation-iteration-count: 1, 10;
	animation-direction: normal, normal;
	animation-fill-mode: forwards, forwards;
}
.myani .typewriter-two.type-two {
	animation-name: typewritertwo, blink-caret;
}
@keyframes typewritertwo {
	0%, {width: 0;}
	/* 100% {width: 16.6em;} */
	100% {width: 17em;}
}
/* The typewriter cursor effect (LONG)*/
.myani .typewriter-tre {
	overflow: hidden;
	width: 0;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	border-right: 2px solid var(--orange);
	position: relative;
	animation-duration: 2s, 0.5s;
	animation-timing-function: steps(37, end), steps(1, end);
	animation-iteration-count: 1, 10;
	animation-direction: normal, normal;
	animation-fill-mode: forwards, forwards;
}
.myani .typewriter-tre.type-tre {
	animation-name: typewritertre, blink-caret-tre;
}
@keyframes typewritertre {
	0%, {width: 0;}
	100% {width: 24.5em;}
}
@keyframes blink-caret-tre {
	from, to { border-color: transparent }
	50% { border-color: var(--orange); }
}


/* The typewriter cursor effect (LONG)*/
.myani .typewriter-tre-res {
	overflow: hidden;
	width: 0;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	border-right: 2px solid var(--orange);
	position: relative;
	animation-duration: 2s, 0.5s;
	animation-timing-function: steps(37, end), steps(1, end);
	animation-iteration-count: 1, 10;
	animation-direction: normal, normal;
	animation-fill-mode: forwards, forwards;
}
.myani .typewriter-tre-res.type-tre {
	animation-name: typewritertreres, blink-caret-tre;
}
@keyframes typewritertreres {
    0%, {width: 0;}
    100% {width: 19.4em;}
}

/* The typewriter cursor effect (LONG)*/
.myani .typewriter-treo {
	overflow: hidden;
	width: 0;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	border-right: 2px solid var(--orange);
	position: relative;
	animation-duration: 2s, 0.5s;
	animation-timing-function: steps(28, end), steps(1, end);
	animation-iteration-count: 1, 10;
	animation-direction: normal, normal;
	animation-fill-mode: forwards, forwards;
}
.myani .typewriter-treo.type-treo {
	animation-name: typewritertreo, blink-caret-treo;
}
@keyframes typewritertreo {
	0%, {width: 0;}
	100% {width: 18.3em;}
}
@keyframes blink-caret-treo {
	from, to { border-color: transparent }
	50% { border-color: var(--orange); }
}
/* The typewriter cursor effect (LONG)*/
.myani .typewriter-last {
	overflow: hidden;
	width: 0;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	border-right: 2px solid var(--orange);
	position: relative;
	animation-duration: 2s, 0.5s;
	animation-timing-function: steps(37, end), steps(1, end);
	animation-iteration-count: 1, 10;
	animation-direction: normal, normal;
	animation-fill-mode: forwards, forwards;
}
.myani .typewriter-last.type-last {
	animation-name: typewriterlast, blink-caret-last;
}
@keyframes typewriterlast {
	0%, {width: 0;}
	100% {width: 20em;}
	/* 100% {width: 24em;} */
}
@keyframes blink-caret-last {
	from, to { border-color: transparent }
	50% { border-color: var(--orange); }
}


/* The typewriter cursor effect (LONG)*/
.myani .typewriter-last-large {
	overflow: hidden;
	width: 0;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	border-right: 2px solid var(--orange);
	position: relative;
	animation-duration: 2s, 0.5s;
	animation-timing-function: steps(37, end), steps(1, end);
	animation-iteration-count: 1, 10;
	animation-direction: normal, normal;
	animation-fill-mode: forwards, forwards;
}
.myani .typewriter-last-large.type-last-large {
	animation-name: typewriterlast-large, blink-caret-last-large;
}
@keyframes typewriterlast-large {
	0%, {width: 0;}
	100% {width: 24.5em;}
	/* 100% {width: 24em;} */
}
@keyframes blink-caret-last-large {
	from, to { border-color: transparent }
	50% { border-color: var(--orange); }
}


/* The typewriter cursor effect (LONG)*/
.myani .typewriter-olast {
	overflow: hidden;
	width: 0;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	border-right: 2px solid #fff;
	position: relative;
	animation-duration: 2s, 0.5s;
	animation-timing-function: steps(30, end), steps(1, end);
	animation-iteration-count: 1, 10;
	animation-direction: normal, normal;
	animation-fill-mode: forwards, forwards;
}
.myani .typewriter-olast.type-olast {
	animation-name: typewriterolast, blink-caret-olast;
}
@keyframes typewriterolast {
	0%, {width: 0;}
	100% {width: 19em;}
}
@keyframes blink-caret-olast {
	from, to { border-color: transparent }
	50% { border-color: #fff; }
}
/* Bounce
.myani .bounce > span {
animation-name: bounce;
animation-duration: 1s;
animation-fill-mode: both;
display: inline-block;
margin: 0 -7px;
min-width: 20px;
}
.myani .bounce > span:nth-child(1)  {animation-delay: 2s;}
.myani .bounce > span:nth-child(2)  {animation-delay: 2.1s;}
.myani .bounce > span:nth-child(3)  {animation-delay: 2.2s;}
.myani .bounce > span:nth-child(4)  {animation-delay: 2.3s;}
.myani .bounce > span:nth-child(5)  {animation-delay: 2.4s;}
.myani .bounce > span:nth-child(6)  {animation-delay: 2.5s;}
.myani .bounce > span:nth-child(7)  {animation-delay: 2.6s;}
.myani .bounce > span:nth-child(8)  {animation-delay: 2.7s;}
.myani .bounce > span:nth-child(9)  {animation-delay: 2.8s;}
.myani .bounce > span:nth-child(10) {animation-delay: 2.9s;}
.myani .bounce > span:nth-child(11) {animation-delay: 3s;}
.myani .bounce > span:nth-child(12) {animation-delay: 3.1s;}
.myani .bounce > span:nth-child(13) {animation-delay: 3.2s;}
.myani .bounce > span:nth-child(14) {animation-delay: 3.3s;}
.myani .bounce > span:nth-child(15) {animation-delay: 3.4s;}
.myani .bounce > span:nth-child(16) {animation-delay: 3.5s;}
.myani .bounce > span:nth-child(17) {animation-delay: 3.6s;}
.myani .bounce > span:nth-child(18) {animation-delay: 3.7s;}
.myani .bounce > span:nth-child(19) {animation-delay: 3.8s;}
.myani .bounce > span:nth-child(20) {animation-delay: 3.9s;}
.myani .bounce > span:nth-child(21) {animation-delay: 4s;}
.myani .bounce > span:nth-child(22) {animation-delay: 4.1s;}
.myani .bounce > span:nth-child(23) {animation-delay: 4.2s;}
.myani .bounce > span:nth-child(24) {animation-delay: 4.3s;}
@-webkit-keyframes bounce {
0% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* 50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
*/
/* Bounce */
.myani .barrido > span {
	animation-name: bounce;
	animation-duration: 1s;
	animation-fill-mode: both;
	display: inline-block;
	/* margin: 0 -7px; */
	min-width: 20px;
}
.myani .barrido:nth-child(1) > span:nth-child(1)  {animation-delay: 0.2s;}
.myani .barrido:nth-child(1) > span:nth-child(2)  {animation-delay: 0.4s;}
.myani .barrido:nth-child(1) > span:nth-child(3)  {animation-delay: 0.6s;}
.myani .barrido:nth-child(1) > span:nth-child(4)  {animation-delay: 0.8s;}
.myani .barrido:nth-child(1) > span:nth-child(5)  {animation-delay: 1s;}
.myani .barrido:nth-child(1) > span:nth-child(6)  {animation-delay: 1.2s;}
.myani .barrido:nth-child(1) > span:nth-child(7)  {animation-delay: 1.4s;}
.myani .barrido:nth-child(1) > span:nth-child(8)  {animation-delay: 1.6s;}
.myani .barrido:nth-child(1) > span:nth-child(9)  {animation-delay: 1.8s;}
.myani .barrido:nth-child(2) > span:nth-child(1)  {animation-delay: 2.2s;}
.myani .barrido:nth-child(2) > span:nth-child(2)  {animation-delay: 2.4s;}
.myani .barrido:nth-child(2) > span:nth-child(3)  {animation-delay: 2.6s;}
.myani .barrido:nth-child(2) > span:nth-child(4)  {animation-delay: 2.8s;}
.myani .barrido:nth-child(2) > span:nth-child(5)  {animation-delay: 3s;}
.myani .barrido:nth-child(2) > span:nth-child(6)  {animation-delay: 3.2s;}
.myani .barrido:nth-child(2) > span:nth-child(7)  {animation-delay: 3.3s;}
.myani .barrido:nth-child(2) > span:nth-child(8)  {animation-delay: 3.4s;}
.myani .barrido:nth-child(2) > span:nth-child(9)  {animation-delay: 3.8s;}
.myani .barrido:nth-child(2) > span:nth-child(10)  {animation-delay: 4s;}
.myani .barrido:nth-child(3) > span:nth-child(1)  {animation-delay: 4.2s;}
.myani .barrido:nth-child(3) > span:nth-child(2)  {animation-delay: 4.4s;}
.myani .barrido:nth-child(3) > span:nth-child(3)  {animation-delay: 4.5s;}
.myani .barrido:nth-child(3) > span:nth-child(4)  {animation-delay: 4.8s;}
.myani .barrido:nth-child(3) > span:nth-child(5)  {animation-delay: 5.0s;}
.myani .barrido:nth-child(3) > span:nth-child(6)  {animation-delay: 5.2s;}
.myani .barrido:nth-child(3) > span:nth-child(7)  {animation-delay: 5.4s;}
.myani .barrido:nth-child(3) > span:nth-child(8)  {animation-delay: 5.6s;}
.myani .barrido:nth-child(3) > span:nth-child(9)  {animation-delay: 5.8s;}
@-webkit-keyframes bounce {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	/* 50% {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
	} */
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
/* BounceInit
.myani .bounceInit > span {
animation-name: bounce;
animation-duration: 1s;
animation-fill-mode: both;
display: inline-block;
margin: 0 -7px;
min-width: 20px;
}
.myani .bounceInit > span:nth-child(1)  {animation-delay: 0.1s;}
.myani .bounceInit > span:nth-child(2)  {animation-delay: 0.2s;}
.myani .bounceInit > span:nth-child(3)  {animation-delay: 0.3s;}
.myani .bounceInit > span:nth-child(4)  {animation-delay: 0.4s;}
.myani .bounceInit > span:nth-child(5)  {animation-delay: 0.5s;}
.myani .bounceInit > span:nth-child(6)  {animation-delay: 0.6s;}
.myani .bounceInit > span:nth-child(7)  {animation-delay: 0.7s;}
.myani .bounceInit > span:nth-child(8)  {animation-delay: 0.8s;}
.myani .bounceInit > span:nth-child(9)  {animation-delay: 0.9s;}
.myani .bounceInit > span:nth-child(10) {animation-delay: 1s;}
.myani .bounceInit > span:nth-child(11) {animation-delay: 1.1s;}
.myani .bounceInit > span:nth-child(12) {animation-delay: 1.2s;}
.myani .bounceInit > span:nth-child(13) {animation-delay: 1.3s;}
.myani .bounceInit > span:nth-child(14) {animation-delay: 1.4s;}
.myani .bounceInit > span:nth-child(15) {animation-delay: 1.5s;}
.myani .bounceInit > span:nth-child(16) {animation-delay: 1.6s;}
.myani .bounceInit > span:nth-child(17) {animation-delay: 1.7s;}
.myani .bounceInit > span:nth-child(18) {animation-delay: 1.8s;}
.myani .bounceInit > span:nth-child(19) {animation-delay: 1.9s;}
.myani .bounceInit > span:nth-child(20) {animation-delay: 2s;}
.myani .bounceInit > span:nth-child(21) {animation-delay: 2.1s;}
.myani .bounceInit > span:nth-child(22) {animation-delay: 2.2s;}
.myani .bounceInit > span:nth-child(23) {animation-delay: 2.3s;}
.myani .bounceInit > span:nth-child(24) {animation-delay: 2.4s;}
.myani .bounceInit > span:nth-child(25) {animation-delay: 2.5s;}
@-webkit-keyframes bounce {
0% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* 50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}*/
/* Animation: fadeInLeft */
.myani .fadeInLeft {
	animation-name: fadeInLeft;
	animation-duration: 1s;
	animation-fill-mode: both;
	opacity: 1;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-200px,0,0);
		transform: translate3d(-200px,0,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
/* Animation: fadeInDown */
.myani .fadeInDown {
	animation-name: fadeInDown;
	animation-duration: 1s;
	animation-fill-mode: backwards;
	opacity: 1;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
/* Animation: fadeInDownBig */
.myani .fadeInDownBig {
	animation-name: fadeInDownBig;
	animation-duration: 1s;
	animation-fill-mode: backwards;
	opacity: 1;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-50px,0);
		transform: translate3d(0,-50px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
/* Animation: fadeInBottomLeft */
.myani .fadeInBottomLeft {
	animation-name: fadeInBottomLeft;
	animation-duration: 1s;
	animation-fill-mode: backwards;
	opacity: 1;
}
@-webkit-keyframes fadeInBottomLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50px,50px,0);
		transform: translate3d(-50px,50px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
/* Animation: fadeInBottomRight */
.myani .fadeInBottomRight {
	animation-name: fadeInBottomRight;
	animation-duration: 1s;
	animation-fill-mode: backwards;
	opacity: 1;
}
@-webkit-keyframes fadeInBottomRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(50px,50px,0);
		transform: translate3d(50px,50px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
/* Animation: Bg Fancybox */
.fancybox-bg:after {
	content: '';
	background: var(--lazul);
	height: 0;
	width: 50%;
	position: absolute;
	animation-name: bgright;
	animation-duration: 1s;
	animation-fill-mode: both;
	right: 0;
	opacity: 1;
}
@-webkit-keyframes bgright {
	0% {height: 0;}
	100% {height: 100%;}
}
.fancybox-bg:before {
	content: '';
	background: var(--orange);
	height: 0;
	width: 50%;
	bottom: 0;
	position: absolute;
	animation-name: bgleft;
	animation-duration: 1s;
	animation-fill-mode: both;
	left: 0;
	opacity: 1;
}
@-webkit-keyframes bgleft {
	0% {height: 0;}
	100% {height: 100%;}
}
.fancybox-bg {
	opacity: 1!important;
	background: transparent;
}
/*================= LINES ANIMATIONS ======================== */
/* Init Off */
.myaniinit .myline {
	transition: all 0.1s ease-in-out;
}
.myaniinit .myline.myline-left {
	position: absolute;
	right: 101.6%;
	top: 50%;
	background: var(--lorange);
	width: 0;
	height: 2px;
	transition: all 0.8s ease-in-out;
}
.myani .myline.myline-left {
	width: 30px;
	transition-delay: 3.8s;
}
.myaniinit .myline.myline-down {
	position: absolute;
	right: 107%;
	top: 50%;
	background: var(--lorange);
	height: 0;
	width: 2px;
	transition: all 1s ease-in-out;
}
.myani .myline.myline-down {
	height: 160px;
	transition-delay: 4.6s;
}
.myaniinit .myline.myline-left2 {
	position: absolute;
	left: -40px;
	top: 278px;
	background: var(--lorange);
	width: 0;
	height: 2px;
	transition: all 1.4s ease-in-out;
}
.myani .myline.myline-left2 {
	transition-delay: 5.6s;
}
.myaniinit .myline.myline-down2 {
	position: absolute;
	top: 278px;
	background: var(--lorange);
	height: 0;
	width: 2px;
	transition: all 1s ease-in-out;
}
.myani .myline.myline-down2 {
	height: 120px;
	transition-delay: 7.0s;
}
.myaniinit .myarrow.myarrow-down {
	width: 14px;
	height: 8px;
	position: absolute;
	bottom: -7px;
	left: -6px;
	border-top: 8px solid var(--lorange);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.myaniinit .myline.myline-down2:before {
	content: '';
	width: 14px;
	height: 8px;
	position: absolute;
	bottom: -7px;
	left: -6px;
	border-top: 8px solid var(--lorange);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}

.myani .myarrow.myarrow-down,
.myani .myline.myline-down2:before {
	opacity: 1;
	transition-delay: 2.0s;
}

.myani .myline.myline-down2.moredelay:before {
	opacity: 1;
	transition-delay: 8.0s;
}
/**/
.myaniinit .myline.myline2-left {
	position: absolute;
	left: 101.4%;
	top: 50%;
	background: var(--lorange);
	width: 0;
	height: 2px;
	transition: all 0.8s ease-in-out;
}
.myani .myline.myline2-left {
	width: 20px;
	transition-delay: 0.8s;
}
.myaniinit .myline.myline2-down {
	position: absolute;
	right: -4.6%;
	top: 50%;
	background: var(--lorange);
	height: 0;
	width: 2px;
	transition: all 1s ease-in-out;
}
.myani .myline.myline2-down {
	height: 273px;
	transition-delay: 1.6s;
}
.myaniinit .myline.myline2-left2 {
	position: absolute;
	right: -4.6%;
	bottom: -64%;
	background: var(--lorange);
	width: 0;
	height: 2px;
	transition: all 0.8s ease-in-out;
}
.myani .myline.myline2-left2 {
	transition-delay: 2.6s;
}
.myaniinit .myline.myline2-down3 {
	position: absolute;
	top: 164%;
	background: var(--lorange);
	height: 0;
	width: 2px;
	transition: all 1s ease-in-out;
}
.myani .myline.myline2-down3 {
	height: 130px;
	transition-delay: 3.4s;
}
.myaniinit .myarrow.myarrow-left {
	width: 8px;
	height: 14px;
	position: absolute;
	bottom: -294px;
	border-top: 8px solid var(--lorange);
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.myani .myarrow.myarrow-left {
	opacity: 1;
	transition-delay: 4.4s;
}
/**/
.myaniinit .myline.myline3-down {
	position: absolute;
	top: 112%;
	background: var(--lorange);
	height: 0;
	width: 2px;
	transition: all 1s ease-in-out;
}

.myani .myline.myline3-down {
	height: 220px;
	transition-delay: 3.6s;
}
.myaniinit .myarrow.myarrow3-down {
	width: 14px;
	height: 8px;
	position: absolute;
	bottom: -273px;
	right: 49%;
	/* right: 216px; */
	border-top: 8px solid var(--lorange);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.myaniinit .myline3-down:before {
	content: '';
	width: 14px;
	height: 8px;
	position: absolute;
	bottom: -8px;
	left: -6px;
	border-top: 8px solid var(--lorange);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
/* .myani .myarrow.myarrow3-down */
.myani .myline3-down:before {
	opacity: 1;
	transition-delay: 1.6s;
}
.myani .myline3-down.moredelay:before {
	opacity: 1;
	/* transition-delay: 2.6s; */
	transition-delay: 4.6s;
}
.glosario {
	/* background: var(--crema); */
	background: #EAF6F7;
	/* background: #fff; */
	position: fixed;
	bottom: 0;
	/* width: 0; */
	width: 90%;
	height: 0;
	right: 0;
	left: 0;
	margin: auto;
	/* border: 3px solid var(--azul); */
	border-radius: 4px 4px 0 0;
	z-index: 9;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
	opacity: 0;
}
.glosario p {
	color:#013157;
}
.glosario.reverse.showme {
	animation-name: glosario;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 1;
	z-index: 9999;
}
@-webkit-keyframes glosario {
	0% {
		height: 0;
		bottom: 0;
		/* width: 0; */
	}
	50% {
		bottom: 0;
	}
	100% {
		height: 400px;
		width: 90%;
		bottom: 20px;
	}
}
.glosario.reverse {
	animation-name: glosarioRev;
	animation-duration: 0.5s;
	animation-fill-mode: backwards;
	opacity: 0;
}
@-webkit-keyframes glosarioRev {
	0% {
		height: 400px;
		width: 90%;
		opacity: 1;
		bottom: 20px;
	}
	50% {
		bottom: 20px;
	}
	100% {
		height: 0;
		/* width: 0; */
		opacity: 0;
		bottom: 0;
	}
}
.animate__bounce-arrow {
	animation-name: bounce-arrow;
	transform-origin: center bottom;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}
@keyframes bounce-arrow {
	0%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	50% {
		-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-10px,0) scaleY(1.1);
		transform: translate3d(0,-10px,0) scaleY(1.1)
	}
}

.alt-bounce {
	animation-name: bounce-arrow-alt;
	transform-origin: center bottom;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}
@keyframes bounce-arrow-alt {
	0%,to {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: translateZ(0) rotate(90deg);
		transform: translateZ(0) rotate(90deg);
	}
	50% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: translate3d(-10px, 0, 0) rotate(90deg);
		transform: translate3d(-10px, 0, 0) rotate(90deg)
	}
}


.ani.in-view img {
	opacity: 1;
}
chicas img {
	opacity: 0;
	position: absolute;
	max-height: 100px;
	pointer-events: none;
}
chicas {
	display: block;
	position: relative;
	width: 100%;
	height: 100px;
	/* background: #fc0; */
	z-index: 9;
}
chicas img:nth-child(1) {
	top: 0;
	left: -80px;
	left: -9%;
	max-height: 170px;
	/* transition-delay: 1s; */
	transition-duration: 3s;
	transition-delay: 0.8s;
}
chicas img:nth-child(2) {
	top: 0px;
	left: 16px;
	left: 2%;
	max-height: 210px;
	/* transition-delay: 2s; */
	transition-duration: 3s;
	transition-delay: 1s;
}
chicas img:nth-child(3) {
	top: -28px;
	left: 180px;
	left: 21%;
	max-height: 120px;
	/* transition-delay: 3s; */
	transition-duration: 3s;
	transition-delay: 1.2s;
}
chicas img:nth-child(4) {
	top: -27px;
	left: 320px;
	left: 38%;
	max-height: 100px;
	/* transition-delay: 4s; */
	transition-duration: 3s;
	transition-delay: 1.4s;
}
chicas img:nth-child(5) {
	top: -80px;
	left: 430px;
	left: 50%;
	max-height: 80px;
	/* transition-delay: 5s; */
	transition-duration: 3s;
	transition-delay: 1.6s;
}
chicas img:nth-child(6) {
	top: 23px;
	left: 470px;
	left: 54%;
	max-height: 220px;
	/* transition-delay: 6s; */
	transition-duration: 3s;
	transition-delay: 1.8s;
	z-index: 2;
}
chicas img:nth-child(7) {
	top: 0px;
	/* right: 140px; */
	left: 70%;
	max-height: 140px;
	/* transition-delay: 7s; */
	transition-duration: 3s;
	transition-delay: 2s;
}
chicas img:nth-child(8) {
	top: -67px;
	/* right: 70px; */
	left: 83%;
	max-height: 90px;
	/* transition-delay: 7s; */
	transition-duration: 3s;
	transition-delay: 2s;
}
chicas img:nth-child(9) {
	top: -47px;
	/* right: -60px; */
	left: 96%;
	max-height: 120px;
	/* transition-delay: 7s; */
	transition-duration: 3s;
	transition-delay: 2s;
}
/**/
.ani .myline.last-down {
	position: absolute;
	right: 0;
	left: 0;
	top: -187px;
	margin: auto;
	background: var(--lorange);
	height: 0;
	width: 2px;
	transition: all 1s ease-in-out;
}
.ani.in-view .myline.last-down {
	height: 120px;
	transition-delay: 0.1s;
}
.in-view .myarrow.last-down {
	width: 14px;
	height: 8px;
	position: absolute;
	top: -70px;
	right: 0;
	margin: auto;
	left: 0;
	border-top: 8px solid var(--lorange);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.in-view .myarrow.last-down {
	opacity: 1;
	transition-delay: 1.1s;
}
/* .myaniinit .myline.last-down {
position: absolute;
right: 0;
left: 0;
top: -287px;
margin: auto;
background: var(--lorange);
height: 0;
width: 2px;
transition: all 1s ease-in-out;
}
.myani .myline.last-down {
height: 220px;
transition-delay: 0.1s;
}
.myani .myarrow.last-down {
width: 14px;
height: 8px;
position: absolute;
top: -70px;
right: 0;
margin: auto;
left: 0;
border-top: 8px solid var(--lorange);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.myani .myarrow.last-down {
opacity: 1;
transition-delay: 1.1s;
} */
.ani.opame {
	opacity: 0.4;
	transition: all 0.4s ease-in-out;
}
.ani.in-view.opame {
	opacity: 1;
}
.ani.in-view.opame:nth-child(1) {transition-delay: 1s;}
.ani.in-view.opame:nth-child(2) {transition-delay: 1.4s;}
.ani.in-view.opame:nth-child(3) {transition-delay: 1.8s;}
.ani.in-view.opame:nth-child(4) {transition-delay: 1.8s;}
.ani.in-view.opame:nth-child(5) {transition-delay: 2.2s;}
.ani.in-view.opame:nth-child(6) {transition-delay: 2.6s;}
.ani.in-view.opame:nth-child(7) {transition-delay: 3s;}
@media (min-width: 1200px) and (max-width: 1599px) {
	.myani .myline.myline-left2 {width: 587px;}
	.myaniinit .myline.myline-down2 {left: 547px;}
	.myaniinit .myarrow.myarrow-down {left: 541px;}
	.myani .myline.myline2-left2 {width: 420px;}
	.myaniinit .myline.myline2-down3 {right: 387px;}
	.myaniinit .myarrow.myarrow-left {right: 381px;}
	.myaniinit .myline.myline3-down {right: 251px;}
}
@media (min-width: 1600px) {
	.myani .myline.myline-left2 {width: 680px;}
	.myaniinit .myline.myline-down2 {left: 638px;}
	.myaniinit .myarrow.myarrow-down {left: 632px;}
	.myani .myline.myline2-left2 {width: 468px;}
	.myaniinit .myline.myline2-down3 {right: 437px;}
	.myaniinit .myarrow.myarrow-left {right: 431px;}
	.myaniinit .myline.myline3-down {right: 251px;}
}
.myaniinit .myline.myline-down2.alt2 {
	left: 210px;
	top: 0;
}