/*
Theme Name: Axios
Theme URI:
Author: Esteban Mauricio Sanhueza (Plasmable)
Version: 1.0
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --main-bg-color: #0D5A7B;
  --main-color-primary: #ec7d1c;
  --main-color-secondary: #5c5c5b;
  --height-mountain: 380px;
  --width-mountain: 380px;
  --height-img-mountain: 380px;
  --width-img-mountain: 380px;
}
body{
	padding: 0 !important;
	margin: 0px !important;
	font-family: "Montserrat", sans-serif;
}

h1{
	font-weight: 700;
}
p{
   margin:  0;
   padding: 0;
   font-size:14px;
   text-align: right !important;
}
ul li{
	color: #fff;
	list-style: none;
}
.preload{
	width: 100%;
	height: 100vh;
	background:url(https://axiosingenieria.com/wp-content/uploads/2025/04/main-background-axios.jpg);
	background-size: cover;
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	opacity: 1;
	transition: .3s;
	
}
.preload:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	background: #fff;
	animation: changeBackground 2s forwards;
	animation-delay: 1s;
	opacity: 1;
}
@keyframes changeBackground{

	0%{
		opacity: 1;
	}
	
	100%{
		opacity: 0;
	}
}

.oculta-preload{
	opacity: 0 ;
    z-index: -1;
    transition: opacity 0.3s ease-in-out, z-index 0s linear 2s;
    transition: 1s;
    transition-delay: 3.7s;
}

.content-preload{
	
}
.preload  img{
	width: 300px;
	position: absolute;
}

.preload  img:nth-child(1){
    animation: ocultalogo 2s forwards;
	animation-delay: 2s;
	z-index: 10;
}
@keyframes ocultalogo{
	0%{
			opacity: 1;
	}
	
	100%{
		
		opacity: 0;

	}
}

header{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	background: transparent;
	padding: 10px;
	top: 0;
	width: 15%;
	height: 100vh;
	z-index: 10;
	
}

header a{
	text-decoration: none;
	color: #565a7a;
}
.menu-service {
	position: fixed;
	bottom: -30px;
	right: 3%;
	z-index: 1;
	opacity: 0;
	animation: showMenuService 2s forwards;
	animation-delay: 2s;
	
}
@keyframes showMenuService{
	0%{
		opacity: 0;
	}
	50%{
		bottom: -10px;
	}
	100%{
		opacity: 1;
	}
}
.menu-service:hover .link-mountain{
	opacity:0;
	transition:  .5s ease-in-out;
}
.menu-service .link-mountain:hover {
  opacity: 1 !important;
}
.link-mountain{
	position: relative;
	padding: .2em;
	transition: .2s ease-in-out;
	bottom: -10px;
	transform: scale(.3);

}
.link-mountain:hover {
	    bottom: 5px;
}

	.link-mountain img{
		transform: scale(.7);
		
	}
	.link-mountain:nth-child(1):before{
	position: absolute;
	
	/*border-radius: 69% 31% 69% 31% / 40% 42% 58% 60%;
	background: #7c2c2c;*/
	color: #fff;
	padding: 1em;
	margin: auto;
	left: 50%;
	transform: translateX(-50%);	
	top: -160%;
	content: "Geotécnica";
	text-align: center;	
	width: auto;
	height: auto;
	transition: .2s ease-in-out;
	opacity: 0;
	z-index: 1;
		font-size: 12px;
}
	.link-mountain:nth-child(2):before{
	position: absolute;
font-size: 12px;
	/*border-radius: 69% 31% 69% 31% / 40% 42% 58% 60%;
	background: #64a474   ;*/
	color: #fff;
	padding: 1em;
	margin: auto;
	left: 50%;
		width: 200px;
		
	transform: translateX(-50%);	
	top: -160%;
	content: "Estudios Ambientales";
	text-align: center;

	height: auto;
	transition: .2s ease-in-out;
	opacity: 0;
	z-index: 1;
}
	.link-mountain:nth-child(3):before{
	position: absolute;
	font-size: 12px;
	/*border-radius: 69% 31% 69% 31% / 40% 42% 58% 60%;
	background: #345474 ;*/
	color: #fff;
	padding: 1em;
	margin: auto;
	left: 50%;
	transform: translateX(-50%);	
	top: -160%;
	content: "Hidrologia";
	text-align: center;
	width: auto;
	height: auto;
	transition: .2s ease-in-out;
	opacity: 0;
	z-index: 1;
}
	.link-mountain:nth-child(4):before{
	position: absolute;
	font-size: 12px;
	/*border-radius: 69% 31% 69% 31% / 40% 42% 58% 60%;
	background: #c0bcbc ;*/
	color: #fff;
	padding: 1em;
	margin: auto;
	left: 50%;
	transform: translateX(-50%);	
	top: -160%;
	content: "Diseño Obras";
	text-align: center;
	width: 200px;
	height: auto;
	transition: .2s ease-in-out;
	opacity: 0;
	z-index: 1;
	
}
	.link-mountain:nth-child(5):before{
	position: absolute;
	font-size: 12px;
	/*border-radius: 69% 31% 69% 31% / 40% 42% 58% 60%;
	background: #ccb484 ;*/
	color: #fff;
	padding: 1em;
	margin: auto;
	left: 50%;
	transform: translateX(-50%);	
	top: -160%;
	content: "Geología";
	text-align: center;
	width: auto;
	height: auto;
	transition: .2s ease-in-out;
	opacity: 0;
	z-index: 1;
}
.link-mountain:nth-child(1):hover:before{
	opacity: 1;
}
.link-mountain:nth-child(2):hover:before{
	opacity: 1;
}

.link-mountain:nth-child(3):hover:before{
	opacity: 1;
}

.link-mountain:nth-child(4):hover:before{
	opacity: 1;
}

.link-mountain:nth-child(5):hover:before{
	opacity: 1;
}

/* Cuando el contenedor es hovereado, todos los elementos bajan excepto el que tiene hover */

.menu{
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo{
	z-index: 1;
	position: fixed;
	width: 180px;
	left: 3%;
	top: 5%;
}
#check{
	display: none;
}
.check-btn{
	position: fixed;
	right: 10px;
	top: 80%;
	overflow: hidden;
	height: 50px;
	width: 50px;
	background: var(--main-color-secondary);
	cursor: pointer;
	z-index: 101;
	transition: .5s;
	visibility: hidden;
}

.check-btn .line-check{
	position: absolute;
	width: 35px;
	height: 2px;
	background: #fff;
	z-index: 102;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: .5s;
	transform-origin: left top;
	transition-timing-function: cubic-bezier(.29, 1.01, 0.5, 2);
}
.check-btn .line-check:nth-child(2){
   top: 65%;
}
.check-btn .line-check:nth-child(3){
   top: 35%;
}
#check:checked  ~ nav{
   	right: 0%; 
 }

#check:checked  ~ .check-btn .line-check:nth-child(1){
	left: -100%;

}
#check:checked  ~ .check-btn .line-check:nth-child(2){
   top: 50%;
    transform:rotate(45deg) translate(-50%,-50%);
}
#check:checked  ~ .check-btn .line-check:nth-child(3){
	top: 50%;
	transform:rotate(-45deg) translate(-50%,-50%);
}

nav{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
	height: 80%;
	position: sticky;
	z-index: 100;
	top: 0;
	
	transition:.5s;

	
}
nav ul{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-content: space-around;
	justify-content: space-around;
	right: 0px;
	top: 0;
	min-height:50%;
	position: relative;
	
	margin: 0;
	flex-wrap: wrap;

}
nav ul li{
	list-style: none;
	
}
nav ul li a{
	text-align: left;
	list-style: square;
	font-size: 16px;
	padding: 10px 10px;
	margin: 5px;	
	color: #d1d3d3;
	text-decoration: none;
	transition: .5s;
	position: relative;
	
	text-transform: uppercase;
}
nav ul li a:hover{
	color: #627985  ;
}


/*SWIPER*/

      .swiper {
        
        position: relative;
      	

      }
      
.swiper-wrapper{
	position: relative;
	
}
      .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: space-around;
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        position: relative;
		  
      }
 .contenedor-mascara {
     width: 50%;
     /*height: 625px;*/
	 height: 660px;
	 position: relative;
	

    }
.content-mask{
	  
  	position: absolute; 
    width: 100%;
    height: 95%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain; 
    mask-image: url('http://axiosingenieria.com/wp-content/uploads/2025/06/mask-mobile-black.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
	-webkit-mask-image: url('http://axiosingenieria.com/wp-content/uploads/2025/06/mask-mobile-black.svg');
    display: flex;
    align-items: center;
    justify-content: center;
	 transform: scale(.9);
	 top: 10%;
	  background-color: black; /* <-- IMPORTANTE */
    z-index: 10000;

  }
   		.swiper-slide img{
			width: 120%;
			height: 500px;
			object-fit: contain;
			left: 0%;
			top:0%;
			position: relative;
			transform: translateX(23%) scale(1.3);
		
			
			
		} 
		.swiper-slide-active img{
			/*transform:  scale(.75);*/
			transition: 4.5s;
			transform: translateX(-23%) scale(1.3);
			
		}
      
/*FIN SWIPER*/


/*BLOG*/
.category-blog{
	background: #f2f2f2;
	padding: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: column;
	min-height: 380px;
}
.category-blog img{
	width: 100%;
	height: 300px;
	object-fit: cover;
	padding-bottom: 1em;
}
.title-category-blog{
	color: var(--main-color-primary);
	font-weight: bold;
	font-size: 20px;
}
/*FIN BLOG*/
.main-home{
	width: 100%;
	min-height: 100vh;
	background: url(https://axiosingenieria.com/wp-content/uploads/2025/04/main-background-axios.jpg);
	background-size: cover;
	position: relative;
	color: #fff;
}

.content-main{

	position: absolute;
	right: 10%;
	top: 30%;
	padding: 1em;
	transform: translateY(-50%);
	width: 40%;
	text-align: right;
	text-transform: uppercase;
	
}
.content-main .title-main{
	font-size: 4em;
	color:#8D8F8F;
}
.content-main .title-main span{
	color: #D5BE91;
}
.links-home{

}
.links-home a{
	display: block;
	text-decoration: none;
	color: #6097C1;
}
.links-home a:hover{

	color: #8D8F8F;

}



.container-services{
	display: flex;
	flex-direction: row;
	width: 100%;
	min-height: 100vh;
	padding-left: 15%;
	position: relative;
}
.container-services-geotecnica{
	background: url(https://axiosingenieria.com/wp-content/uploads/2025/03/Recurso-5.png);
	background-size: cover;
}
.container-services-estudios-ambientales{
	background: url(https://axiosingenieria.com/wp-content/uploads/2025/03/background-estudios-ambientales.png);
	background-size: cover;
}
.container-services-hidrologia{
	background: url(https://axiosingenieria.com/wp-content/uploads/2025/03/background-hidrologia-2.png);
	background-size: cover;
}
.container-services-geologia{
	background: url(https://axiosingenieria.com/wp-content/uploads/2025/03/background-geologia.png);
	background-size: cover;
}
.container-services-pead{
	background: url(https://axiosingenieria.com/wp-content/uploads/2025/03/background-pead.png);
	background-size: cover;
}
 
    .imagen-slide {
      /* Reemplaza por una imagen más ancha */
      background-size: cover;
      object-fit: cover;
      width: 200%; /* importante: más ancho que el contenedor */
		
      height: 110%;
      animation: slideX 5s linear infinite;
    }

    @keyframes slideX {
      0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-220%);
      }
    }

.content-service-home{
	position: relative;
	top: 0;
	right: 7%;
	margin: auto;
	width: 50%;
	height: 100vh;
	display: flex;
    align-items: flex-end;
	flex-direction: column;
	padding:  2em 1em;
	margin: 2em;
    text-align: right;
  

}

.title-service-home{
	position: relative;
	left: 0;
	color: #8D8F8F;
	color: #d6d4d4;
	padding: .5em;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;


}
.title-service-home span{
	position: relative;
	color: #D5BE91;
	font-weight: 300;
	text-align: right;
}


.content-service-home p{
	color: #fff;
	width: 90%;
	position: relative;
	text-align: right;
}




.content-social{
	width: 5%;
	height: 40%;
	right: 3%;
	top: 30%;
	transform: translateY(-50%);
	position: fixed;

	padding: 1em;
	margin: 1em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	z-index: 10;
	
}
.content-social img{
	width: 20px;
}
.wsp{
	border-radius: 50%;
	animation: animate 2s linear infinite;
	
}

@keyframes animate {
	0%
	{
		box-shadow: 0 0 0 0 rgba(244, 244, 244,.7);
	}
	30%
	{
		box-shadow: 0 0 0 20px rgba(244, 244, 244,.0);
	}
	60%
	{
		box-shadow: 0 0 0 30px rgba(244, 244, 244,0);
	}
	100%
	{
		box-shadow: 0 0 0 0 rgba(244, 244, 244,0);
	}
}


/*PAGE NOSOTROS*/
.container-services-us{
	background: url(https://axiosingenieria.com/wp-content/uploads/2025/04/fondoNosotros-1.jpg);
	background-size: cover;
}
.link-team{
	text-decoration: none;
	border: 1px solid #f4f4f4;
	padding:.3em;
	color: #f4f4f4;
}
.link-team:hover{
	color: #f6f6f6;
}
/*FIN PAGE NOSOTROS*/
/*EQUIPO*/
.container-equipo-home{
	padding-left: 15%;
	width: 85%;
	display: flex;
	flex-wrap:wrap;
	position: relative;
}
.title-team{
	width: 100%;
	text-align: right;
}
.content-equip{
	width:33%;
	padding: 1em;
	color:#f4f4f4;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	
}

.content-equip img{
	width:80%;
	transition: .3s;

}
.content-equip:hover img{
	transform: scale(1.05);
}
.content-equip h3{
	text-align: left;
	font-size:24px;
}
.content-equip p{
	text-align: justify;
	font-size:13px;
}
/*FIN EQUIPO*/
/*PORTAFOLIO*/
.container-services-portafolio{
background: url(https://axiosingenieria.com/wp-content/uploads/2025/05/background-2-portafolio.jpg);
	background-size: cover;
	
}


.container-port{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em;
	padding-left:15%;
}
.container-port img{
	padding: 1em;
}
.content-port{
	
}
.content-list-portfolio{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 80%;
	position: relative;
	left: -10%;
	margin-top: 5em;
	
	padding: 0em;
}
.portafolio-content-link{
	width:25%;
}
.link-portfolio{
	color: #fff;
	text-decoration:none;
	display: flex;
	flex-direction: column;

}

.img-portafolio{
	width: 100%;
	height:100%;
	transform: scale(.8);
	object-fit:cover;
	transition: .3s;
	
}
.link-portfolio:hover .img-portafolio{
	transform: scale(.9);
}
.title-portfolio{
	transform: rotate(-18deg);
	text-transform:capitalize;
	color: #fff;
	text-decoration:none;
	font-size: 12px;
	top: -42px;
	position: relative;
}
.content-title{
	text-align: right;
	width:100%;
	top: 0%;
	

}
.title-page-portafolio{
	position: relative;
	color:#c8c7c7;
	font-weight:900;
	
}
/*FIN PORTADOLIO*/

/*CLIENTES*/
.text-clientes{
	color: #f4f4f4;
	text-align: right;
}
.container-logos{
	padding-left:10%;
	padding-right: 10%;
}
.container-logos div div img{
	max-width:70%;
	height:120px;
	object-fit: contain;
}
.content-logo{
	
	padding:1em;
	object-fit: contain;
}
.content-img-logo{
    border: 1px #2c5474 solid;
	text-align: center;
	padding: 1em;
	border-radius: 1em;
	width: 80%;
}
.content-img-logo img{
	width:90%;
}
/*FIN CLIENTES*/

/*ALIANZAS*/
.logo-alianza{
	border: 1px #2c5474 solid;
	padding: 1em;
	border-radius: 1em;
	width: 80%;
}
.img-logo-alianza{
	background: #fff;
	text-align: center;
	width: 100%;
}
.text-logo-alianza{
	width: 80%;
	padding-top: 1em;
	color: #cbb384;
}
/*FIN ALIANZAS*/
/*CONTACTO*/
.container-services-contact{
	background: url(https://axiosingenieria.com/wp-content/uploads/2025/04/Contacto-Axios-2-1.jpg);
	background-size: contain;
	padding-left: 15%;
	display: flex;
	flex-direction: row;
}

.content-form-contact{
	width: 50%;
	height: auto;
	padding: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.content-contact{
	position: relative;
	top: 0%;
	right: 6%;
	margin: auto;
	width: 40%;
	height: auto;
	display: flex;
    
	font-size: 16px;
	flex-direction: column;
	
    text-align: right;
  	color: #fff;
	

}
.content-contact span{
	padding: .5em;
}
label{
	color:#fff !important;
}
/*FIN CONTACTO*/
/*ENTRADA PORFATOLIO*/

.container-entrada{
	display: flex;
	width: 100%;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	
}
.container-slide-entrada{
	width: 30%;
	padding: 0;
}
.container-slide-entrada .swiper{
	width:100%;
} 
.container-slide-entrada .content-mask{
	 
  	position: absolute; 
    width: 95%;
    height: 80%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain; 
    mask-image: url('http://axiosingenieria.com/wp-content/uploads/2025/07/mask-portfolio-_1_.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
	-webkit-mask-image: url('http://axiosingenieria.com/wp-content/uploads/2025/07/mask-portfolio-_1_.svg');
    display: flex;
    align-items: center;
    justify-content: center;
	 transform: scale(.9);
	 top: 10%;
	  background-color: #fff; /* <-- IMPORTANTE */
    z-index: 10000;

  }
.container-slide-entrada .content-mask img{
	width:130%;
	height:160%;
	object-fit: contain;
}
.mask-geologia img{
	
}
.container-content-entrada{
	margin-top: 7em;
	width: 50%;
	min-height: 50vh;
	left: 0%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	color:#fff;
	text-align: right;
	position: relative;
}
.title-entrada{
	font-weight: 300;
	width:100%;
	padding: 0em;
	text-align: right;
}
.title-entrada span{
	font-weight: bold;
	
}
.type-location{
	padding:1em;
	display: flex;
	justify-content: space-between;
}
.location, .type{
	display: flex;
	flex-direction: column;
}
.title-location, .title-type{
	color: #e5b94e;
}
/*FIN ENTRADA PORTAFOLIO*/

@media only screen and (max-width: 650px) and (min-width: 250px)  {
	header{
	width: 0%;
	}
	.logo{
		width: 130px;
	}
	.check-btn{
		visibility: visible;
	}
	nav{
		right: 100%;
		height: 100%;
		position: fixed;
		overflow: scroll;
		background: url(https://axiosingenieria.com/wp-content/uploads/2025/04/main-background-axios.jpg);
		background-size: cover;
	
	}
	nav ul{
		flex-direction: column;
		top: -30px;
		justify-content: space-around;
		flex-wrap: wrap;
		height: 80%;
		width: 100%;		
	}
	nav ul li{
		flex-direction: column;
		left: 0%;
		align-content: flex-start;
		justify-content: space-around;	
	}

	nav ul li ul{
		background: #4f76b7;
		position: relative;
		width: auto;
		left: 0px;
		z-index: 10;
		padding: auto;
	}
	.menu-service{
		display: none;
	}
	.section{
		width:100%;
		left:0%;
		
	} 
	.container-services{
		width: 100%;
		display: flex;
		flex-direction: column;
		padding-left: 0%;
	}
	.content-main{
	right: 13.5%;
	top: 50%;
	width: 80%;	
}
	.content-main .title-main{
		font-size: 1.5em;
	}
	
	.contenedor-mascara {
      width: 100%;
      height: 330px;
      margin: 0em;
	  position: relative;
      left:0%;
	  padding: 2em;
      display: flex;
      justify-content: center;
      align-content: center;
      align-content: center;
    }
	.swiper-slide img{
			width: 120%;
			height: 100%;
			transform: translateX(23%) scale(1.3);
} 
   .swiper-slide-active img{
			transition: 4.5s;
			transform: translateX(-23%) scale(1.3);
		}
	.content-service-home{
		width: 100%;
		position: relative;
		top: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: auto;
		display: flex;
   		align-items: center;
		flex-direction: column;
		padding: 3.5em;
		margin: 0em;
    	text-align: right;
	}
	.content-social{
	width: 5%;
	padding: .1em;
	margin: .1em;
	z-index: 1;
	
}
	.menu-service {
	bottom: -30px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.link-mountain{
	position: relative;
	bottom: -10px;
	transform: scale(1);
	
}
.link-mountain:hover {
	    bottom: 5px;
}

	.link-mountain img{
		width: 70px;
	}
	.link-mountain:nth-child(1):before{
	top: -20%;
	font-size: 12px;
}
	.link-mountain:nth-child(2):before{

	font-size: 12px;
	top: -35%;

}
	.link-mountain:nth-child(3):before{
	font-size: 12px;
	top: -20%;
	
}
	.link-mountain:nth-child(4):before{
	font-size: 12px;	
	top: -35%;
	
	
}
	.link-mountain:nth-child(5):before{
	font-size: 12px;
	top: -20%;
}
	.content-equip{
		width:100%;	
	}
	.title-portfolio{
	font-size: 11px;
	top: -32px;
}
	.portafolio-content-link{
	width:50%;
}
	.container-entrada{
		margin-top: 6em;
	}
	.container-slide-entrada{
	width: 100%;
}
	.container-content-entrada{
	width: 70%;
	margin-top: 1em;
}
	.title-entrada{
		padding:0em;
	}
	.title-entrada span{
	padding:0em;
}
	.content-form-contact{
	width: 90%;
	height: auto;
}
	.content-contact{

	top: 0;
	right: 0%;
	width: 90%;
	height: 30vh;
	flex-direction: column;
	justify-content: center;
	padding:  1em 1em;
	margin: 1em;
}
	.title-page-alianza{
		padding-right: 15%;
	}
	
}




@media screen and (min-width: 650px) and (max-width: 930px) {
	body{
		overflow-x: hidden;
	}
	.check-btn{
		visibility: visible;
	}
	.logo{
	z-index: 1;
	position: fixed;
	width: 180px;
	left: 3%;
	top: 5%;
}
	nav{
		right: 100%;
		height: 100%;
		position: fixed;
		overflow: scroll;
		background: url(https://axiosingenieria.com/wp-content/uploads/2025/04/main-background-axios.jpg);
		background-size: cover;
	}
	nav ul{
		flex-direction: column;
		top: -30px;
		justify-content: space-around;
		flex-wrap: wrap;
		height: 80%;
		width: 100%;		
	}
	nav ul li{
		flex-direction: column;
		left: 0%;
		align-content: flex-start;
		justify-content: space-around;	
	}

	nav ul li ul{
		background: #4f76b7;
		position: relative;
		width: auto;
		left: 0px;
		z-index: 10;
		padding: auto;
	}
	
	.content-main{
		top:50%;
		width: 70%;
	}
	.content-main .title-main{
		font-size: 2em;
	}
	.container-services{
		padding-left:0px;
		justify-content: center;
		align-content: center;
		align-items: center;
	}
	.contenedor-mascara {
      width: 100%;
      height: 547px;
    }
  .content-mask{
  	left: 0;
  	position: relative;
  	width: 100%;
   	height: 100%;
    transform: scale(.7);
  }
	.swiper-slide img{
			width: 120%;
			height: 100%;
			transform: translateX(23%) scale(1.3);
} 
	.swiper-slide-active img{
			/*transform:  scale(.75);*/
			transition: 4.5s;
			transform: translateX(-23%) scale(1.3);
			
		}
	.content-service-home{
	position: relative;
	width: 50%;
	height: auto;
	padding:  1em .5em;
	margin: 1em;
 
  

}
.content-social{
	width: 4%;
	height: 40%;
	right: 0%;
	top: 30%;
	transform: translateY(-50%);
	position: fixed;
	padding: .25em;
	margin: .25em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	z-index: 10;
	
}
	.content-equip{
		width:50%;
	}
.portafolio-content-link{
	width:50%;
}
.title-page-portafolio{
	position: relative;
	top: 5%;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	color:#c8c7c7;
	font-weight:900;
}	
	.container-entrada{
	display: flex;
	justify-content: center;
	flex-direction: column;
		align-items: center;
	flex-wrap: wrap;
	
}
	.container-content-entrada{
	margin-top: 1em;
	width: 100%;
	padding: 2em;
	
}
	.container-slide-entrada{
	width: 80%;
	padding: 0;
}
	.title-page-alianza{
		padding-right: 15%;
	}
}

@media (min-width: 1000px) {
		
	.content-main .title-main{
	font-size: 2em;
}
	.check-btn{
		visibility: none;
	}
}
	@media (min-width: 1700px){
		.container-services{
		padding-left:15%;
		
	}
	.content-service-home{
	
	height: auto;
	padding:  1em .5em;
	margin: 1em;

}
		.swiper-slide img{
			width: 120%;
			height: 100%;
			transform: translateX(23%) scale(1.5);
} 
	.swiper-slide-active img{
			/*transform:  scale(.75);*/
			transition: 4.5s;
			transform: translateX(-23%) scale(1.5);
			
		}
		
	}