body {
	color: #12192b;
	font-size :15px;
	font-family: "Circular Std", "Roboto" ; 


}
p {
	color: #12192b;
	font-family: 'Circular Std Book';
	
}
p .somos{
	color: #12192b;
	font-weight: bold;


}


#backgroundwhite {
	background-image: url(../imagenes/backgroundlienas.jpg);

}


.titulo h1 {
	color: #00c9dc;
	text-align: left;
	margin-top: 150px ;
	font-size: 82px;
	line-height: 70px;
	margin-left: 150px;
	
	
}


.transparencia {
	color: #030303;
	opacity: 20%;
	text-align: left;
	margin-top: -250px ;
	font-size: 82px;
	line-height: 70px;
	margin-left: 100px;
	transition-property: transform;
	
}
.transparencia :hover {
	

	
	transform: translate3d(5px,0,0);


	

	}
.subtitulo {
	color: #ffffff;
	font-size: 10px;
	font-family: 'Circular Std Book';
	text-align: right;
	margin-right: 100px;
	margin-top: 10px;
	
}


.lineblackbanner{

	background-color: #00c9dc;
    height: 1px;
    width: 150px;
  
	
	
}

.navbar {
    width: 100%;
   

    
}
.bg-light {
    background-color: transparent !important;
}

.dropdown-menu {
    
    background-color:#12192b !important;
   
}

.container-fluid img {
    
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
   

    
}

.container-fluid  {
    
    padding-bottom: 0px;
	width: 100%;
    

    
}

.container-fluid .navbar-toggler {
    background-color: #FFFFFF
 
}

#navbarNavDropdown ul li a {
    color: #FFFFFF;
	

   
}

#navbarNavDropdown {
  margin-left: 500px;
   
}

.dropdown-menu .dropdown-item  {
    background-color: #12192b;
    margin-bottom: 0px;
   
}


.bannerprincipal {
	
	background-image: url(../imagenes/fondo.png);
	box-shadow: 0px 4px 50px rgb(0 0 0 / 45%);
	background-size: 100%;
	padding-top: 0px;
	padding-bottom: 60px; 
	background-repeat: no-repeat;
	height: 600px;
	width: 100%;
	margin-bottom: 35px ;
	


}

.lineblack {
	background-color: rgb(22, 22, 22);
    height: 1px;
    width: 40px;
    position: absolute;
	margin-top: 30px;

}


main #servicios {
	margin-left: 40px;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	

	}


#texto {
		text-align: left;
		margin-left: 300px;
		margin-right: 200px;
		margin-top: 0px;
		margin-bottom: 50px;
		line-height: 1.5;
		font-size: 25px;
		
	
	}


#servicios .servicio1 {
	background: #FFFFFF;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
    border-radius: 15px;
    width: calc(400px - 72px);
    padding: 40px 36px;
    color: var(--charcoal-grey);
    margin: 30px 20px 20px 0px;
	
    }

.textmuted {
	
	text-decoration-line: inherit;
	color: #12192b;

}

  #servicios .servicio2 {
	background: #FFFFFF;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
    border-radius: 15px;
    width: calc(400px - 72px);
    padding: 40px 36px;
    color: var(--charcoal-grey);
    margin: 30px 20px 20px 0px;

    }

   #servicios .servicio3 {
	background: #FFFFFF;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
    border-radius: 15px;
    width: calc(400px - 72px);
    padding: 40px 36px;
    color: var(--charcoal-grey);
    margin: 30px 20px 20px 0px;

    }


#servicios .servicio4 {
		background: #FFFFFF;
		box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
		border-radius: 15px;
		width: calc(400px - 72px);
		padding: 40px 36px;
		color: var(--charcoal-grey);
		margin: 30px 20px 20px 0px;
	
		}

	#servicios  {
		transform: scale(1);
		
		transition-property: transform;
	
		
	
		}
	
	#servicios :hover {
		transform:scale(1.1);
		transform: translate3d(0,10px,0);
		
	
		
	
		}


#nuestroequipo h2 {
	font-size: 30px;
	text-align: left;
	margin-left: 50px;

	}

#nuestroequipo p {
	font-size: 16px;
	margin-top: 20px;
	padding: 0px;
	display: inline-block;
	width: 200px;


	}

#nuestroequipo .founder1 {

	width: 200px;
	margin-right: 30px;
	margin-left: 30px;
	
	

	}

#nuestroequipo .nombre {

		font-size: 18px;
		
		}
	
#nuestroequipo .info {

	font-size: 12px;
	margin-top: 0px;
			
	}

	.nuestroequipo li{
		display: inline-block;
		margin: 0 5px;
		width: 40px;
		height: 50px;
		text-align: center;
	}
	
	.nuestroequipo li a{
		
		display: block;
		padding: 0 10px;
		
		color: #12192b;
		line-height: 40px;
		font-size: 18px;
		
		transition: .2s;
	}

	.nuestroequipo li .linkedin:hover{
		background-color: #00c9dc;
	}
		


#nuestroequipo .founder2 {
	width: 200px;
	margin-right: 30px;
	margin-left: 30px;
	

	}


.founder1 img {
	transform: scale(1);
	transition: transform 0.2s ease-in-out;

	

	}

.founder1 img:hover {
	

	transform:scale(1.1);

	

	}
.founder2 img {
	transform: scale(1);
	transition: transform 0.2s ease-in-out;

	

	}

.founder2 img:hover {
	

	transform:scale(1.1);

	

	}





.grilla {
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
	


	}



main #nuestroequipo h3{

	text-align: center;
	padding-top: 20px;

}

main #nuestroquipo {
	text-align: center;

	}

h2  {
	
	display: block;
    
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: 50px;
	margin-top: 10px;
    padding-bottom: 16px;

	text-align: left;


	}

main #sobrenosotros .intro {

	text-align: left;
	margin-left: 300px;
	margin-right: 200px;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 1.5;
	font-size: 25px;


	}

main .valores {
	text-align: left;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-bottom: 30px;
	font-size: 18px;
	margin-bottom: 35px;


	}
.valores .line{
	background-color: rgb(22, 22, 22);
    height: 1px;
    width: 40px;
    position: right;
	margin-bottom: 20px;

}

.valores .valor2 {
		background: #FFFFFF;
		box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
		border-radius: 15px;
		width: calc(400px - 72px);
		padding: 40px 36px;
		color: var(--charcoal-grey);
		margin: 30px 20px 20px 0px;
	
	

    }

 .valores .valor1 {
		background: #FFFFFF;
		box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
		border-radius: 15px;
		width: calc(400px - 72px);
		padding: 40px 36px;
		color: var(--charcoal-grey);
		margin: 30px 20px 20px 0px;

    }

.valores .valor3 {
		background: #FFFFFF;
		box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
		border-radius: 15px;
		width: calc(400px - 72px);
		padding: 40px 36px;
		color: var(--charcoal-grey);
		margin: 30px 20px 20px 0px;
    }


.valores {
	transition-property: transform;
}

.valores :hover {
	transform: translate3d(0px,10px,0);
}


.nuestrosvalores {
	background-color: #12192b;
	color: #12192b;
	font-size: 50px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 50px;
	padding-top: 32px;
    padding-bottom: 32px;


	}


.nuestrosvalores a {
	
	color:#ffffff;
	text-decoration: none;
	transition-property: transform;

	}

   
.nuestrosvalores a:hover {
	color: #00c9dc;
	transform: translate3d(5px,0,0);
	
	

	}

.nuestrosvalores__titulo {
	opacity: 20%;
	font-size: 50px;
	transform: rotate(-90deg) translateY(15rem);


}

h1  {
	text-align: left;
	

	}




h1 :hover {
	transform: scale(1);
	transition: transform 0.2s ease-in-out;

	

	}

.valor1 img:hover {
	

	transform:scale(1.5);

	

	}

.valor2 img {
	transform: scale(1);
	transition: transform 0.2s ease-in-out;

	

	}

.valor2 img:hover {
	

	transform:scale(1.5);

	

	}

.valor3 img {
	transform: scale(1);
	transition: transform 0.2s ease-in-out;

	

	}

.valor3 img:hover {
	

	transform:scale(1.5);

	

	}


	@font-face {
		font-family: 'Circular Std Book';
		src: url('CircularStd-Book.eot');
		src: url('CircularStd-Book.eot?#iefix') format('embedded-opentype'),
			url('CircularStd-Book.woff2') format('woff2'),
			url('CircularStd-Book.woff') format('woff'),
			url('CircularStd-Book.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
		font-display: swap;
	}
	
	@font-face {
		font-family: 'Circular Std';
		src: url('CircularStd-Bold.eot');
		src: url('CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
			url('CircularStd-Bold.woff2') format('woff2'),
			url('CircularStd-Bold.woff') format('woff'),
			url('CircularStd-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
		font-display: swap;
	}
	
	@font-face {
		font-family: 'Circular Std';
		src: url('CircularStd-Medium.eot');
		src: url('CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
			url('CircularStd-Medium.woff2') format('woff2'),
			url('CircularStd-Medium.woff') format('woff'),
			url('CircularStd-Medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
		font-display: swap;
	}



#todofooter {
	align-content: center;
	margin-bottom: 20px;
	
}



.contactcontainer ul li{
	display: inline-block;
	margin: 5px 5px;
	text-align: center;
	}

.contactcontainer ul li a{
		color: #12192b;
		text-decoration-line: none;
		}

		

.contactcontainer .contact {
	color: #12192b;
}


.contactcontainer .contact :hover{
		color: #00c9dc;
}


.redes-container{
	margin-left: 80px;
	position: absolute;
	align-items: center;
	justify-content: center;
		
}
	
	.redes-container ul li{
		display: inline-block;
		margin: 0 5px;
		width: 40px;
		height: 50px;
		text-align: center;
	}
	
	.redes-container ul li a{
		
		display: block;
		padding: 0 0px;
		background-color: #333;
		color: white;
		line-height: 40px;
		font-size: 18px;
		box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 2);
		transition: .2s;
	}



	
	.redes-container ul:hover a{
		filter:blur(1px);
	}
	
	.redes-container ul li a:hover{
		transform: translate(-3px) scale(1.05);
		box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 4);
		filter: none;
	}
	
	.redes-container ul li .facebook:hover{
		background-color: #00c9dc;
	}
	
	.redes-container ul li .instagram:hover{
		background-color: #00c9dc;
	}
	
	.redes-container ul li .linkedin:hover{
		background-color: #00c9dc;
	}
	.redes-container ul li .mail:hover{
		background-color: #00c9dc;
	}