.foc-main {
	/* height: 100vh;*/
	overflow-y: hidden;
	overflow-x: hidden;
	position:relative;
	background:#333;
}
.block-side{
	position: relative;
}
.nav-slides{
	position:absolute;
	left:99px;
}

.nav-slides .nav-custom{
	list-style:disc!important;
}
.nav-slides .nav-custom li{
	position:relative;
}
.nav-slides .nav-custom li:before{
	content:"\2022";
	position:absolute;
	left:0;
	top:0;
	line-height: 12px;
	color:#999;
}

.nav-slides .nav-custom li a{
	padding-left:20px;
	width: 100%;
	display: block;
}
.nav-slides .nav-custom .slick-slide{
	opacity:1!important;
	transform: translateX(0px);
	overflow-x: inherit;
	margin:4px 0px;

	width:100%!important;
}
.nav-slides .nav-custom .slick-track, 
.nav-slides .nav-custom .slick-list{
	height:auto!important;
}
.nav-slides .nav-custom .slick-list{
	padding:0px!important;
}
.nav-slides .nav-custom .slick-track{
	transform: translate3d(0px, 0px, 0px)!important;
	transition:none!important;
}
.nav-slides a:hover h4,
.nav-slides a:active h4{
	color:#A8DBEA;
}
.nav-custom .slick-current a h4, 
.nav-custom .slick-current:before{
	color:#A8DBEA!important;
}


.nav-slides a h4, .slider-nav a h4{
	color: #999;
	font-family: Josefin Sans;
	font-size: 9px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	transition:all 0.3s ease-in;
	text-transform:uppercase;
}
.slider-nav .slick-track{
	height: 85px;
}
.slider-nav, .slider-nav .slick-list{
	height: auto;
	margin: auto;
}
.container-slide {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position:relative;
}
.block-side{
	width:100%!important;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 80px;
	padding-left: 80px;
}
.block-side .block-side-inner{
	max-width:660px;
	margin:auto;
}
.block-side-inner{
	position: absolute;
	top: 16%;
}
.block-img{
	position: relative;
}
.modal_position {
	position: absolute;
	right: 7%;
	top: 44%;
}
.block-img img{
	height: 100vh!important;
	object-fit: cover;
}

.block-side h4{
	font-weight:400;
	text-transform:uppercase;
}
@media only screen and (min-width:1024px){
	.block-side h4{
		font-size:39px;
	}
}
.block-side .info-number{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.block-side .info-number .info_number_index{
	margin-right: 10px;
	color: #A8DBEA;
}
.block-side .info-number .info_number_line{
	background: #A8DBEA;
	height: 1px;
	width: 160px;
	padding-left: 20px;
}
.slick-track, .slick-list {
	height: 100vh;
}
.slick-dotted.slick-slider {
	margin: 0;
}
.slides {
	width: 100%;

	overflow: hidden;
}
.slides .overlay{

}
.slides .slide {
	overflow-y:hidden;

	width: 100%;
	display: flex;
	justify-content: center;
	/*align-items: center;*/
}
.slick-dots {
	position: absolute;
	bottom: 20px;
	left: 20px;
	text-align: left;
}
.block-img{

}
.slick-dots li {
	display: block;
}
.nav-mobile{
	display:none;
}
.slick-arrow{
	position: absolute;
	bottom: auto;
	z-index: 100;
	top:45%;
	cursor:pointer;
}
.slick-arrow svg{
	width:35px;
}
.arrow-next{
	display: none!important;
	right:50px;
	opacity 1;
	transition:opacity 1s linear;
}
.arrow-prev{
	left:10px;
	display:none!important;
}
@media only screen and (min-width:1025px){
	.arrow-next.slick-disabled{
		opacity:0;
		transition:opacity 1s linear;
		display: none!important;
	}
}
/* Slide right */
.slides .slick-slide {
	transition: all 0.2s linear; 
	opacity: 0;
	transition-duration: 0.5s;
	transform: translateX(2000px);
	overflow-x: hidden;
	background:#333;
}

.slick-slide.effect{
	transform: translateX(0);
	opacity: 1;
}

@keyframes effect {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	80% { transform: translateX(10px); }
	100% { transform: translateX(0); }
}
@media (max-width: 1440px){
	.modal_position {
		position: absolute;
		right: -30%;
		top: 44%;
	}
}
@media only screen and (max-width:1440px){
	.block-img{
		width: 40%;
	}
}
@media only screen and (min-width:1440px){
	.block-side{
		width:75%;
	}
	.block-img img{
		margin-left:auto;
	}
	.block-side .block-side-inner{
		max-width: 800px;
		margin: 0;
	}
}
@media only screen and (min-width:1900px){
	.block-img img{
		max-width:950px!important;

	}
}
@media (max-width:1024px){
	.block-side{
		margin-top:100px!important;
	}
	.block-img img {
		max-width: 100%!important;
		height:75vh!important;
	}
	.nav-slides{
		left:0px;
	}
	.foc-main{
		padding-bottom:50px!important;
	}

	.block-side{
		padding:20px;

	}
	.slides .slide, .nav-mobile {
		display:block;
	}
	.nav-mobile{
		position:relative;
	}
	.nav-desktop{
		display:none;
	}
	.slick-arrow{
		top: auto;
		bottom: -80px;
	}
	.arrow-next{
		display: none!important;
		right:60px;
	}
	.arrow-prev{
		left:60px;
		display:block!important
	}
	.block-side .block-side-inner{
		width: 70%;
		margin: 0 0 0 70px;
	}
	.modal_position {
		position: absolute;
		right: 5%;
		top: 44%;
	}
}
@media only screen and (max-height:800px){
	.block-side{
		/*margin-top:-150px!important;*/
	}
	.nav-desktop{
		bottom:60px!important;
	}
}
@media only screen and (max-width:768px){
	.block-side .block-side-inner{
		width: 90%;
		margin: 0 auto;
	}
	.modal_position {
		position: absolute;
		right: 46%;
		bottom: 0%;
		top: auto;
	}
}
@media only screen and (max-height:600px){
	.nav-slides{
		bottom:10px!important;
	}

}

@media only screen and (max-width:600px){
	.block-img img {
		object-fit: cover;
	}
	.slick-arrow{
		top: auto;
		bottom: -80px;
	}
	.nav-slides a h4{
		font-size:14px;
		line-height: 20px;
	}
	.block-side p,
	.block-side .description{
		font-size:15px;
	}
}
#modal-1 {
	display: none;
}
#modal-1.is-open {
	display: block;
}
#modal-2 {
	display: none;
}
#modal-2.is-open {
	display: block;
}
#modal-3 {
	display: none;
}
#modal-3.is-open {
	display: block;
}
#modal-4 {
	display: none;
}
#modal-4.is-open {
	display: block;
}
#modal-5 {
	display: none;
}
#modal-5.is-open {
	display: block;
}
#modal-6 {
	display: none;
}
#modal-6.is-open {
	display: block;
}
#modal-7 {
	display: none;
}
#modal-7.is-open {
	display: block;
}
#modal-8 {
	display: none;
}
#modal-8.is-open {
	display: block;
}
#modal-9 {
	display: none;
}
#modal-9.is-open {
	display: block;
}
#modal-1 {
	display: none;
}
#modal-10.is-open {
	display: block;
}
.modal-open {
	overflow: hidden; /* Bloquea el desplazamiento en todas las direcciones */
	overflow-y: scroll; /* Agrega el desplazamiento vertical */
}
.modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: rgba(0,0,0,0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}
.modal__container {
	background-color: #fff;
	padding: 0px;
	width: 100%;
	border-radius: 4px;
	overflow-y: auto;
	box-sizing: border-box;
	animation: slideInRight 0.5s forwards;
}
.modal__close {
	width: 55px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	text-align: center;
	padding: 0;
	z-index: 999;
	background: transparent;
	color: #fff;
	border-radius: 50px;
}
.modal__close:hover {
	width: 55px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	text-align: center;
	padding: 0;

	background: transparent;
	color: #fff;
	border-radius: 50px;
}
.modal__close:focus {
	width: 55px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	text-align: center;
	padding: 0;

	background: transparent;
	color: #fff;
	border-radius: 50px;
}
.modal__close svg{
	fill: #fff;
	width: 70px;
}
.modal__btn, .simple-link {
	align-items: center;
	background: #fff;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	padding: 14px;
	position: absolute;
	width: 300px;
	z-index: 4;
	color: #333;
	font-family: Josefin Sans;
	font-size: 14px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 400!important;
	letter-spacing: 5.5px;
}
.modal__btn span{
	margin-bottom:-5px;
}
.simple-link:hover{
	color: #333;
}
@keyframes slideInRight {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0);
	}
}
.discover_section_block_title{
	padding-top: 100px;
	padding-left: 60px;
	position: relative;
	z-index: 2;
}
.subtitle{
	font-family: Josefin Sans!important;
	color: #A8DBEA;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.subtitle_line{
	height: 1px;
	width: 300px;
	background: #A8DBEA;
	margin-left: 10px;
}
.discover_section_block{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 75vh;
	position: relative;
}
.discover_overlay{
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7217480742296919) 85%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.title_block h2{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 5.5px;
}
.block-side{
	position: relative;
}
.slick-track{
	display: flex!important;
	justify-content: center;
	align-items: center;
}
.slick-slide{
	height: 75vh!important;
}
.slick-track, .slick-list{
	height: 75vh!important;
}
@media (max-width: 768px){
	.slick-track, .slick-list{
		height:100vh!important;
	}
	.discover_section_block{
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		min-height: 75vh;
		padding: 30px 0 0;
		position: relative;
	}
	.discover_section_block_title{
		padding-top: 30px;
		padding-left: 10px;
	}
	.modal_position {
		position: absolute;
		right: 15%;
		top: 10%;
	}
	.arrow-next {
		display: none!important;
		top: 41%!important;
		bottom: auto!important;
		right: 2%!important;
		z-index: 9999;
	}
	.arrow-next.slick-disabled{
		opacity:0;
		transition:opacity 1s linear;
		display: none!important;
	}
	.modal__close {
		width: 55px;
		height: 55px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #fff;
		text-align: center;
		padding: 0;
		background: transparent;
		color: #fff;
		border-radius: 50px;
	}
	.modal__close:hover {
		width: 55px;
		height: 55px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #fff;
		text-align: center;
		padding: 0;
		background: transparent;
		color: #fff;
		border-radius: 50px;
	}
	.inner_title{
		margin-bottom: 15px;
	}
	/*new changes*/
	.block-side {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 0px !important;
		height: 100vh;
		overflow:scroll;
	}
	.block-img {
		width: 55%;
		height: 30%;
	}
	.modal_position {
		position: absolute;
		right: 45%;
		bottom: -20%;
		top: auto;
	}
	.nav-custom{
		display: none;
	}
	.block-img{
		display: none;	
	}
	.slick-slide{
	height: 100vh!important;
}
}