@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'OwenPro-SemiBold';
    src: url("../fonts/Owen Pro/OwenPro-SemiBold.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OwenPro-Medium';
    src: url("../fonts/Owen Pro/OwenPro-Medium.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OwenPro-Regular';
    src: url("../fonts/Owen Pro/OwenPro-Regular.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OwenPro-Light';
    src: url("../fonts/Owen Pro/OwenPro-Light.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica-Narrow';
    src: url("../fonts/Helvetica/Helvetica CE Narrow.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}
:root {
    --aqua: #00A0AF; 
	--verde: #8DBB00;
	--negro: #000000;
	--gris: #1F242D;
	--gris-claro: #9DA8BA;
	--gris-Extraclaro: #646972;
	--owenPro-600: 'OwenPro-SemiBold';
	--owenPro-500: 'OwenPro-Medium';
	--owenPro-400: 'OwenPro-Regular';
	--owenPro-300: 'OwenPro-Light';
	--Helvetica-CE: 'Helvetica';
	--primaryBoxShadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
    --secondaryBoxShadow: 0px -10px 15px rgba(0, 0, 0, 0.1);
}

.mySwiper-galeria{
	height: 84vh;
}
.swiper-slide{
	display: grid!important;
}
.parent_galery {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    grid-template-rows: repeat(2, 42vh); 
    grid-column-gap: 0px; 
    grid-row-gap: 10px; 
    height: 100%; 
	align-content: center;
}

#slider_1 .img_1 {
    grid-area: 1 / 1 / 2 / 3; 
	width: 97%;
	object-fit: cover;
	object-position: bottom;
	height: 100%;
	max-height: 100%;
	justify-self: right;
}

#slider_1 .img_2 {
    grid-area: 2 / 1 / 3 / 3; 
	width: 97%;
	object-fit: cover;
    height: 100%;
	justify-self: right;
}

#slider_1 .img_3 {
    grid-area: 1 / 3 / 3 / 4; 
	object-fit: cover;
	object-position: center;
	height: 100%;
	max-height: 100%;
	width: 94%;
	justify-self: center;
}

#slider_1 .img_4 {
    grid-area: 1 / 4 / 3 / 5; 
	object-fit: cover;
	object-position: center;
	height: 100%;
	max-height: 100%;
	width: 94%;
	justify-self: left;
}

#slider_1 .img_1 img{
	width: 100%;
}
/*-----------------SLIDER 2-----------------*/
#slider_2 .img_5 {
    grid-area: 1 / 1 / 3 / 3;
    width: 98%;
    object-fit: cover;
    object-position: top;
    max-height: 100%;
    justify-self: center;
    margin-left: 5%;
}

#slider_2 .img_6 {
    grid-area: 1 / 3 / 2 / 5; 
	object-fit: cover;
	object-position: bottom;
	max-height: 100%;
	width: 94%;
	justify-self: center;
}

#slider_2 .img_7 {
    grid-area: 2 / 3 / 3 / 5; 
	object-fit: cover;
	object-position: bottom;
	max-height: 100%;
	width: 94%;
	justify-self: center;
}

#slider_2 .img_1 img{
	width: 100%;
}
/*-----------------SLIDER 3-----------------*/
#slider_3 .img_8 {
    grid-area: 1 / 1 / 3 / 2;
	width: 94%;
	object-fit: cover;
	object-position: center;
	max-height: 100%;
	justify-self: right;
}

#slider_3 .img_9 {
    grid-area: 1 / 2 / 2 / 4; 
	object-fit: cover;
	object-position: center;
	max-height: 100%;
	width: 97%;
	justify-self: center;
}

#slider_3 .img_10 {
    grid-area: 2 / 2 / 3 / 4;
	object-fit: cover;
	object-position: bottom;
	max-height: 100%;
	width: 97%;
	justify-self: center;
}
#slider_3 .img_11 {
    grid-area: 1 / 4 / 2 / 5; 
	object-fit: cover;
	object-position: bottom;
	max-height: 100%;
	width: 94%;
	justify-self: left;
}
#slider_3 .img_12 {
    grid-area: 2 / 4 / 3 / 5; 
	object-fit: cover;
	object-position: bottom;
	max-height: 100%;
	width: 94%;
	justify-self: left;
}
/*-----------------SLIDER 4-----------------*/
#slider_4 .img_13 {
    grid-area: 1 / 1 / 2 / 3;
    width: 95%;
    object-fit: cover;
    object-position: top;
    max-height: 100%;
    justify-self: center;
    margin-left: 2%;
}
#slider_4 .img_14 {
    grid-area: 2 / 1 / 3 / 3;
    width: 95%;
    object-fit: cover;
    object-position: top;
    max-height: 100%;
    justify-self: center;
    margin-left: 2%;
}
#slider_4 .img_15 {
    grid-area: 1 / 3 / 3 / 5;
	object-fit: cover;
	object-position: top;
	max-height: 100%;
	width: 97%;
	justify-self: left;
}
/*-----------------SLIDER 5-----------------*/
#slider_5 .img_16 {
    grid-area: 1 / 1 / 3 / 3;
    width: 95%;
    object-fit: cover;
    object-position: center;
    max-height: 100%;
    justify-self: center;
    margin-left: 2%;
}
#slider_5 .img_17 {
    grid-area: 1 / 3 / 2 / 5; 
	object-fit: cover;
	object-position: bottom;
	max-height: 100%;
	width: 97%;
	justify-self: left;
}
#slider_5 .img_18 {
    grid-area: 2 / 3 / 3 / 5; 
	object-fit: cover;
	object-position: top;
	max-height: 100%;
	width: 97%;
	justify-self: left;
}
/*-----------------SLIDER 6-----------------*/
#slider_6 .img_19 {
    grid-area: 1 / 1 / 3 / 3;
    width: 95%;
    object-fit: cover;
    object-position: top;
    max-height: 100%;
    justify-self: center;
	margin-left: 2%;
}
#slider_6 .img_20 {
    grid-area: 1 / 3 / 3 / 5; 
	object-fit: cover;
	object-position: top;
	max-height: 100%;
	width: 97%;
	justify-self: left;
}
/*-----------------SLIDER 7-----------------*/
#slider_7 .img_21 {
    grid-area: 1 / 1 / 2 / 3;
    width: 95%;
    object-fit: cover;
    object-position: center;
    max-height: 100%;
    justify-self: center;
    margin-left: 2%;
}
#slider_7 .img_22 {
    grid-area: 2 / 1 / 3 / 3;
    width: 95%;
    object-fit: cover;
    object-position: center;
    max-height: 100%;
    justify-self: center;
    margin-left: 2%;
}
#slider_7 .img_23 {
    grid-area: 1 / 3 / 3 / 5;
	object-fit: cover;
	object-position: top;
	max-height: 100%;
	width: 97%;
	justify-self: left;
}
/*-----------------SLIDER 8-----------------*/
#slider_8 .img_24 {
    grid-area: 1 / 1 / 3 / 2;
	width: 93%;
    object-fit: cover;
    object-position: center;
    max-height: 100%;
    justify-self: center;
    margin-left: 8%;
}
#slider_8 .img_25 {
    grid-area: 1 / 2 / 3 / 3;
    width: 93%;
    object-fit: cover;
    object-position: center;
    max-height: 100%;
    justify-self: center;
}
#slider_8 .img_26 {
    grid-area: 1 / 3 / 2 / 5;
	object-fit: cover;
	object-position: top;
	max-height: 100%;
	width: 97%;
	justify-self: left;
}
#slider_8 .img_27 {
    grid-area: 2 / 3 / 3 / 4; 
    width: 97%;
    object-fit: cover;
    object-position: center;
    max-height: 100%;
    justify-self: left;
}
#slider_8 .img_28 {
    grid-area: 2 / 4 / 3 / 5;
	object-fit: cover;
	object-position: top;
	max-height: 100%;
	width: 94%;
	justify-self: left;
}
/*-----------------SLIDER 9-----------------*/
#slider_9 .img_29 {
    grid-area: 1 / 1 / 3 / 3;
    width: 95%;
    object-fit: cover;
    object-position: top;
    max-height: 100%;
    justify-self: center;
    margin-left: 2%;
}
#slider_9 .img_30 {
    grid-area: 1 / 3 / 2 / 5; 
	object-fit: cover;
	object-position: bottom;
	max-height: 100%;
	width: 97%;
	justify-self: left;
}
#slider_9 .img_31 {
    grid-area: 2 / 3 / 3 / 5; 
	object-fit: cover;
	object-position: top;
	max-height: 100%;
	width: 97%;
	justify-self: left;
}
/*-----------------SLIDER 10-----------------*/
#slider_10 .img_32 {
    grid-area: 1 / 1 / 3 / 2;
    width: 90%;
    object-fit: cover;
    object-position: bottom;
    max-height: 100%;
    justify-self: center;
    margin-left: 5%;
}
#slider_10 .img_33 {
    grid-area: 1 / 2 / 2 / 4; 
	object-fit: cover;
    object-position: center;
    max-height: 100%;
    width: 97%;
    justify-self: left;
}
#slider_10 .img_34 {
    grid-area: 2 / 2 / 3 / 4; 
	object-fit: cover;
	object-position: top;
	max-height: 100%;
	width: 97%;
	justify-self: left;
}
#slider_10 .img_35 {
    grid-area: 1 / 4 / 3 / 5; 
	object-fit: cover;
    object-position: center;
    max-height: 100%;
    width: 97%;
    justify-self: left;
    margin-left: -3%;
}
/*-----------------SLIDER 11-----------------*/
#slider_11 .img_36 {
    grid-area: 1 / 1 / 3 / 3;
    width: 95%;
    object-fit: cover;
    object-position: bottom;
    max-height: 100%;
    justify-self: left;
    margin-left: 4%;
}
#slider_11 .img_37 {
    grid-area: 1 / 3 / 2 / 5;  
	object-fit: cover;
    object-position: center;
    max-height: 100%;
    width: 97%;
    justify-self: left;
}
#slider_11 .img_38 {
    grid-area: 2 / 3 / 3 / 5;
	object-fit: cover;
	object-position: top;
	max-height: 100%;
	width: 97%;
	justify-self: left;
}
.mobile{
	display: none!important;
}
@media only screen and (max-width: 1597px){
	.parent_galery img{
		height: 100%;
	}
}
@media only screen and (max-width: 1193px){
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 17px)!important;
}
}
@media only screen and (max-width: 600px){
.desktop__galery{
	display: none!important;
	}
.mobile{
	display: inherit!important;
}
.swiper-button-next, .swiper-button-prev{
	display: block!important;
	color:#00A0AF!important; 
}	
.swiper-slide {
    display: block!important;
	height: 85vh!important;
}
.swiper img{
	width: 100%;
    height: 100%;
    margin: auto;
	}
}