/*Efecto sroll Horizontal*/
.scroll-slider{
	position:relative;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0;
	height:100vh;
	width:auto;
}
.scroll-wrapper{
	position: relative;
	height: 100%;
	width:auto;
	display: -webkit-box;
	box-sizing:border-box;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.scroll-slide.item{
	height:100%;
	width:50vw;
	padding-top:100px;
	padding-left:3vw;
	padding-right:3vw;
	float:left;
}
@media (min-width: 992px) {
	.encabezado-fases{
		margin-bottom:0;
	}
	.scroll-slide.item.scroll-slide-01{
		width:45vw;
	}
	.scroll-slide-01 .fondo-gris{
		margin-right:12%;
	}
	.scroll-slide-fase .row{
		margin-right:12%;
	}
	.ciclo .numero{
		text-align:right;
		margin-right:1rem;
	}
}
@media (max-width: 991px){
	.encabezado-fases{
		margin-bottom:-3rem;
	}
	.scroll-slide.item {
		width:100vw;
	}
	.scroll-slide-fase .row{
		margin-right:5%;
	}
	.ciclo .numero{
		text-align:right;
		margin-right:1rem;
	}
}

.scroll-slide.item{
	position:relative;
}
.scroll-slide.item .flecha{
	position:absolute;
	right:-1rem;
	top:7rem;
	width:5vw;
}
@media (max-width: 991px){
	.scroll-slide.item .flecha{
		width:3rem;
		right:0;
	}
}