@font-face {
	font-family:'aliyahregular';
	src:url("../assets/fonts/aliyah-webfont.woff2") format("woff2"),url("../assets/fonts/aliyah-webfont.woff") format("woff");
	font-weight:normal;
	font-style:normal;
	font-display:swap
}
.historia {
	position:relative;
	background:#ededed;
	padding:150px 0px 0px;
	color:#0a2f89;
	overflow:hidden
}
.historia::before {
	content:"";
	position:absolute;
	top:250px;
	left:0;
	width:716px;
	height:100%;
	background:url("/assets/img/historia/bg-1.jpg") center top/contain no-repeat
}
.historia__bg {
	overflow:hidden;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.historia__bg img {
	min-width:768px
}
@media all and (max-width:1400px) {
	.historia::before {
		top:490px;
		left:0;
		width:546px
	}
}
@media all and (max-width:1024px) {
	.historia::before {
		display:none
	}
}
@media all and (max-width:768px) {
	.historia__bg {
		-ms-flex-pack:center;
		justify-content:center
	}
}
.header {
	position:relative;
	max-width:682px;
	padding:0 20px;
	margin:0 auto;
	text-align:center;
	font-size:13px;
	line-height:1.54;
	z-index:2
}
.header__title {
	position:relative;
	margin-bottom:20px;
	font-family:"zabritzkyes_personal_useRg";
	font-size:62px;
	line-height:1.54;
	text-transform:capitalize;
	transform:scale(0.95);
	transition:transform 1.5s cubic-bezier(0.645,0.045,0.355,1)
}
.header__title::before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:130%;
	background:#ededed;
	transform-origin:right;
	transform:scaleX(1) translateY(-50%);
	transition:transform 1.5s cubic-bezier(0.645,0.045,0.355,1)
}
.header__title.go {
	transform:scale(1)
}
.header__title.go::before {
	transform:scaleX(0) translateY(-50%)
}
.header__subtitle {
	margin-top:15px;
	font-family:"Agan_extrabold",sans-serif;
	font-size:20px;
	font-style:italic;
	color:#0032a0;
	line-height:1.1
}
.timeline {
	position:relative;
	width:100%;
	max-width:1032px;
	padding:0 20px;
	margin:-3px auto 0;
	z-index:2
}
.timeline::before {
	content:"";
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:8px;
	height:100%;
	background:#E3263E
}
.timeline__item,.timeline__item--right {
	position:relative;
	width:50%;
	padding-right:4px;
	text-align:right
}
.timeline__item--right {
	margin-left:auto;
	padding-right:0;
	padding-left:4px;
	text-align:left
}
.timeline__item--right .timeline__text,.timeline__item--right .timeline__image {
	text-align:left;
	transform-origin:left
}
.timeline__item--right .timeline__image-mask img {
	transform-origin:left
}
.timeline__item--right .timeline__anio {
	transform-origin:left;
	margin-left:0;
	background:url("/assets/img/historia/year-label-right.png") center/cover no-repeat
}
.timeline__item--right.with-point::before {
	left:-22px;
	transform:translate(50%,50%)
}
.timeline__item--right .with-point::before {
	left:-22px;
	transform:translate(50%,50%)
}
.timeline__item.animated .timeline__anio,.animated.timeline__item--right .timeline__anio {
	transform:scaleX(0);
	transition:transform 0.6s cubic-bezier(0.215,0.61,0.355,1)
}
.timeline__item.animated .timeline__anio span,.animated.timeline__item--right .timeline__anio span {
	opacity:0;
	transition:opacity 0.3s 0.3s ease-in
}
.timeline__item.animated .timeline__text,.animated.timeline__item--right .timeline__text {
	transform:scaleX(0);
	transition:transform 0.6s 0.2s cubic-bezier(0.215,0.61,0.355,1)
}
.timeline__item.animated .timeline__text p,.animated.timeline__item--right .timeline__text p {
	opacity:0;
	transition:opacity 0.3s 0.5s ease-in
}
.timeline__item.animated .timeline__text-deco,.animated.timeline__item--right .timeline__text-deco {
	opacity:0;
	transition:opacity 0.8s 0.6s
}
.timeline__item.go .timeline__anio,.go.timeline__item--right .timeline__anio {
	transform:scaleX(1)
}
.timeline__item.go .timeline__anio span,.go.timeline__item--right .timeline__anio span {
	opacity:1
}
.timeline__item.go .timeline__text,.go.timeline__item--right .timeline__text {
	transform:scaleX(1)
}
.timeline__item.go .timeline__text p,.go.timeline__item--right .timeline__text p {
	opacity:1
}
.timeline__item.go .timeline__text-deco,.go.timeline__item--right .timeline__text-deco {
	opacity:1
}
.timeline__item.year,.year.timeline__item--right {
	z-index:2
}
.timeline__anio {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	width:158px;
	height:57px;
	background:url("/assets/img/historia/year-label-left.png") center/cover no-repeat;
	margin-left:auto;
	font-family:"Agan_extrabold",sans-serif;
	font-size:25px;
	color:#FFF;
	transform-origin:right;
	z-index:2
}
.timeline__text {
	position:relative;
	display:inline-block;
	background:#FFF;
	padding:40px;
	margin-top:-10px;
	text-align:right;
	font-size:13px;
	line-height:1.54;
	box-shadow:0px 2px 0 0 rgba(1,1,1,0.06);
	transform-origin:right
}
.timeline__text span {
	font-size:18px
}
.timeline__text-deco {
	position:absolute;
	z-index:2
}
@media all and (max-width:1024px) {
	.timeline__text-deco {
		display:none
	}
}
.timeline__title {
	font-family:"Agan_extrabold",sans-serif;
	font-size:16px;
	font-style:italic;
	line-height:1.38
}
.timeline__image {
	position:relative;
	text-align:right;
	display:inline-block;
	overflow:visible
}
.timeline__image.go .timeline__image-mask {
	animation:mask-playzero 1.25s steps(29) 1 forwards
}
.timeline__image.go .timeline__image-mask img {
	opacity:1;
	transform:scale(1)
}
.timeline__image.go .timeline__image-mask.mask-1--reverse {
	-webkit-mask:url("/assets/img/historia/mask-1-reverse.png");
	mask:url("/assets/img/historia/mask-1-reverse.png");
	-webkit-mask-size:3000% 100%;
	mask-size:3000% 100%;
	animation:mask-playzero-reverse 1.25s steps(29) 1 forwards
}
.timeline__image.go .timeline__image-mask.mask-1--reverse.fast {
	animation:mask-playzero-reverse 0.95s steps(29) 1 forwards
}
.timeline__image.go .timeline__image-mask.mask-2--reverse {
	animation:mask-playzero-reverse 1.25s steps(29) 1 backwards
}
.timeline__image.go .timeline__image-mask.mask-2--reverse.fast {
	animation:mask-playzero-reverse 0.95s steps(29) 1 backwards
}
.timeline__image>img {
	opacity:0;
	pointer-events:none
}
.timeline__image-mask {
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	-webkit-mask:url("/assets/img/historia/mask-1.png");
	mask:url("/assets/img/historia/mask-1.png");
	-webkit-mask-size:3000% 100%;
	mask-size:3000% 100%;
	overflow:visible
}
.timeline__image-mask img {
	opacity:0;
	transform:scale(0.95);
	transition:transform 1.35s,opacity 0.75s ease;
	pointer-events:none
}
.timeline__image .mask-1 {
	-webkit-mask:url("/assets/img/historia/mask-1.png");
	mask:url("/assets/img/historia/mask-1.png");
	-webkit-mask-size:3000% 100%;
	mask-size:3000% 100%
}
.timeline__image .mask-1--reverse {
	-webkit-mask:url("/assets/img/historia/mask-1-reverse.png");
	mask:url("/assets/img/historia/mask-1-reverse.png");
	-webkit-mask-size:3000% 100%;
	mask-size:3000% 100%
}
.timeline__image .mask-2 {
	-webkit-mask:url("/assets/img/historia/mask-2.png");
	mask:url("/assets/img/historia/mask-2.png");
	-webkit-mask-size:3000% 100%;
	mask-size:3000% 100%
}
.timeline__image .mask-2--reverse {
	-webkit-mask:url("/assets/img/historia/mask-2-reverse.png");
	mask:url("/assets/img/historia/mask-2-reverse.png");
	-webkit-mask-size:3000% 100%;
	mask-size:3000% 100%
}
@keyframes fade {
	0% {
		transform:translateY(-50%) translateX(-2%)
	}
	100% {
		transform:translateY(-50%) translateX(-98%)
	}
}
@keyframes mask-playzero {
	from {
		-webkit-mask-position:0 0;
		-ms-mask-position:0 0;
		-moz-mask-position:0 0;
		-o-mask-position:0 0;
		mask-position:0 0
	}
	to {
		-webkit-mask-position:100% 0;
		-ms-mask-position:100% 0;
		-moz-mask-position:100% 0;
		-o-mask-position:100% 0;
		mask-position:100% 0
	}
}
@keyframes mask-playzero-reverse {
	from {
		-webkit-mask-position:100% 0;
		-ms-mask-position:100% 0;
		-moz-mask-position:100% 0;
		-o-mask-position:100% 0;
		mask-position:100% 0
	}
	to {
		-webkit-mask-position:0 0;
		-ms-mask-position:0 0;
		-moz-mask-position:0 0;
		-o-mask-position:0 0;
		mask-position:0 0
	}
}
.with-point::before {
	content:"";
	position:absolute;
	bottom:0;
	right:-22px;
	width:22px;
	height:22px;
	border-radius:50%;
	border:3px solid #0032a0;
	background-color:#FFF;
	transform:translate(-50%,50%);
	z-index:2
}
.a-62 {
	padding-top:8.9948523435%
}
.a-62-1 {
	padding-right:5%;
	margin-top:-27.960444%
}
.a-69 {
	margin-top:15px
}
.a-69-1 {
	margin-top:-20%
}
.a-83 {
	margin-top:11%
}
.a-83-1 {
	margin-top:-28%;
	padding-right:6%
}
.a-89 {
	margin-top:20%
}
.a-89-1 {
	padding-left:6%;
	margin-top:-21.4%
}
.a-89-deco {
	left:-15%;
	bottom:-35%
}
.a-90 {
	margin-top:14%
}
.a-90-1 {
	margin-top:-20.6%
}
.a-90-deco {
	top:-89%;
	right:-11%
}
.a-94 {
	margin-top:2.5%
}
.a-94-1 {
	margin-top:-22%
}
.a-94-2 {
	margin-top:4.9%;
	padding-right:16%
}
.a-94-deco {
	left:-24%;
	bottom:-29%
}
@media all and (max-width:1366px) {
	.a-94-deco {
		left:-12%
	}
}
.a-02 {
	margin-top:10%
}
.a-02-1 {
	margin-top:-28%
}
.a-19 {
	margin-top:3%
}
.a-19-1 {
	margin-top:-11%;
	padding-left:5%
}
@media all and (max-width:1400px) {
	.header__title {
		font-size:49px
	}
	.intro__img {
		max-width:140px
	}
}
@media all and (max-width:1024px) {
	.header__title {
		font-size:40px
	}
	.header__subtitle {
		font-size:18px
	}
	.intro__img {
		max-width:110px
	}
}
@media all and (max-width:768px) {
	.historia {
		padding:130px 0px 0px
	}
	.header__title {
		margin-bottom:10px;
		font-size:44px
	}
	.header__subtitle {
		margin-top:40px;
		font-size:16px
	}
	.timeline__anio,.timeline__text {
		transform-origin:left
	}
	.timeline__item--right.with-point::before,.timeline__item--right .with-point::before {
		left:-22px
	}
	.with-point::before {
		right:-22px
	}
}
@media all and (max-width:640px) {
	.intro {
		display:none
	}
	.timeline {
		margin-top:65px;
		padding-left:5.1282051282%
	}
	.timeline::before {
		left:5.1282051282%
	}
	.timeline .timeline__item,.timeline .timeline__item--right {
		margin-top:60px
	}
	.timeline__item,.timeline__item--right {
		width:100%;
		padding-right:0;
		margin-left:4px;
		padding-left:0 !important;
		text-align:left
	}
	.timeline__anio {
		background:url("/assets/img/historia/year-label-right.png") center/cover no-repeat;
		margin-left:0;
		font-size:21px
	}
	.timeline__text {
		padding:40px 25px;
		text-align:left
	}
	.with-point::before {
		left:-4px !important;
		right:initial !important;
		transform:translate(-50%,50%) !important
	}
	.a-62 {
		padding-top:0
	}
	.a-83-1,.a-90-1 {
		text-align:left !important;
		padding-left:5% !important
	}
	.a-90-1 {
		-ms-flex-align:start;
		align-items:flex-start
	}
	.a-94-2 {
		display:none
	}
}
@media all and (max-width:480px) {
	.header br {
		display:none
	}
	.header__title {
		font-size: 37px
	}
}