@media screen and (min-width: 993px) {
 
 #mainNav.transparente {
	top: 0px;
	transition: all 0.2s ease-in;
	background-color: rgba(255,255,255,0);
	position: absolute;
	z-index: 15;
	left: 0px;
	width: 100%;
}

#mainNav.transparente .logo a {
	height: 58px;
	width: 192px;
	display: block;
	background-image: url(../img/logo-diamond-white.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
 
#mainNav.transparente .navbar a {
	font-family: 'Poppins', sans-serif;
	font-size: calc(0.7em + 0.4vw);
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: 300!important;
	line-height: calc(0.7em + 0.4vw);
}

#mainNav.transparente .navbar a:hover {
	font-family: 'Poppins', sans-serif;
	font-size: calc(0.7em + 0.4vw);
 	text-decoration: none;
	text-align: center;
	font-weight: 300!important;
	line-height: calc(0.7em + 0.4vw);
	color: #00caf9;
}

 

/**/
#mainNav.blanca {
	margin-top: 0px;
	top: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 99999 !important;
	transition: all 0.2s ease-in;
	background-color: rgba(255,255,255,1);
	padding: 0px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
 }

#mainNav.blanca .logo a {
	height: 58px;
	width: 192px;
	display: block;
	background-image: url(../img/logo-diamond.png);
	background-position: center center;
	background-size: contain;
}
 #mainNav.blanca .navbar a {
	font-family: 'Poppins', sans-serif;
	font-size: calc(0.7em + 0.4vw);
	color: #0f2f69;
	text-decoration: none;
	text-align: center;
	font-weight: 300!important;
	line-height: calc(0.7em + 0.4vw);
}

#mainNav.blanca .navbar a:hover {
	font-family: 'Poppins', sans-serif;
	font-size: calc(0.7em + 0.4vw);
 	text-decoration: none;
	text-align: center;
	font-weight: 300!important;
	line-height: calc(0.7em + 0.4vw);
	color: #00caf9;
}
	.videoHolder {
	height: 100%;
	width: 100%;
	z-index: 0;
	left: 0px;
	top: 0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	}
 
.videoHolder .video {
	height: 100%;
	z-index: 0;
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #303440;
 }
.videoHolder .video video{
 
	z-index: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
 }
 
	h1 {
		font-size: 64px;
	}
	h2 {
		font-size: 48px;
	}
	/*
	#menu {
	position: absolute;
	left: 10%;
	top: 0px;
	height: 60px;
	width: 80%;
	z-index: 10;
 
	}

	  #menu .der {
	width: calc(100% -  234px);
	float: right;
	text-align: right;
	background-color: rgba(0,0,0,1);
	 }
	#menu  a {
	font-family: 'Poppins', sans-serif;
	font-size: calc(0.7em + 0.4vw);
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: 300!important;
	line-height: calc(0.7em + 0.4vw);
	}
	
		#menu  a.m1 {
	width: 8vw;
	display: inline-block;
	margin-top: 20px;
	background-color: rgba(255,204,51,1);
	}

		#menu  a.m2 {
	width: calc(4em + 1.1vw);
	display: inline-block;
	margin-top: 20px;
	margin-left: 2vw;
	}
			#menu  a.m3 {
	display: inline-block;
	margin-top: -10px;
	background-color: rgba(204,204,0,1);
 	}
				#menu  a.m4 {
	display: inline-block;
	margin-top: 20px;
	margin-left: 2vw;
	}
	#menu a:hover {
	color: #00caf9!important;
	}
 
	#menu .logo {
	height: 96px;
	width: 220px;
	margin-top: 0px;
	display: block;
	background-color: rgba(0,255,255,1);
	float: left;
	}
 
 	#menu .logo a {
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	}
*/
#home {
	background-color: #174598;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 50%;
	display: block;
	position: relative;
 	}
	#home .carousel-item .botones .b1{
  margin-right: 20px;
	}

	#home .carousel-indicators {
	position: absolute;
	bottom: 10vh;
		}
#home .carousel-caption h5{
		font-size: 3.2vw !important;
		line-height: 3.2vw;
 		font-family: 'Poppins', sans-serif;
		font-weight: 700;
		text-shadow: 1px 2px 0px rgba(0,0,0,0.6);
	}
#home .carousel-caption  .btn {
	 		font-family: 'Poppins', sans-serif;

	font-size: 1.3vw !important;
	line-height: 2.3vw; 
	}
#home .carousel-caption  p {
		font-size: 1.8vw !important;
		line-height: 2.2vw;
 		font-weight: 300;
		text-shadow: 1px 2px 0px rgba(0,0,0,0.6);
	}
#home .carousel-caption.caption-1 {
 	position: absolute;
	left: 5%;
	top: calc(50% - 25vh);
	width: 40%;
	text-align: right;
}
#home .carousel-caption.caption-2 {
	position: absolute;
	left: 55%;
	top: calc(50% - 25vh);
	width: 40%;
	text-align: left;
 }
#home .carousel-caption.caption-3 {
 	position: absolute;
	left: 5%;
	top: calc(50% - 25vh);
	width: 40%;
	text-align: right;
}
#home .carousel-control-prev {
	height: 4vw;
	width: 2vw;
	top: 50%;
	margin-top: -3vw;
	margin-left: 0px;
	opacity:1;
	background-image: url(../img/left0.svg)!important;
	display: block;
 	background-position: center center;
}
#home .carousel-control-prev:hover {
	background-image: url(../img/left1.svg)!important;
		opacity:1;

 }
#home .carousel-control-next {
	height: 4vw;
	width: 2vw;
	top: 50%;
	margin-top: -3vw;
	margin-right: 0px;
	opacity:1;
	background-image: url(../img/right0.svg)!important;
	display: block;
 	background-position: center center;
}
#home .carousel-control-next:hover {
	background-image: url(../img/right1.svg)!important;
		opacity:1;

 }
	#menu-mobile {
		background-color: #2b004c;
		position: fixed;
		z-index: 101;
		left: 0px;
		top: 0px;
		height: 40px;
		width: 100%;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
	}

	#menu-mobile .navbar {
		height: 40px;
		width: calc(100% - 40px);
		margin-right: auto;
		margin-left: auto;
		padding: 0px !important;
	}

	#menu-mobile ul {
		padding: 0px !important;
	}

	#menu-mobile li {
		padding: 0px !important;
		margin-right: 0px;
		margin-left: 0px;
	}


	#menu-mobile .navbar .logo {
		height: 28px;
		width: 100px;
		margin-top: -12px;
	}
	

	#asesoria .decoration {
	width: 30vw;
	position: absolute;
	left: 35vw;
	top: 0px;
 	height: 7vw;
	background-image: url(../img/deco.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -4vw;
	background-size:contain;
		}
	
	#asesoria .icon {
	width: 15%;
	float: left;
	height: 100%;
	background-image: url(../img/dots.png);
	background-repeat: repeat-y;
	background-position: center center;
		}
		
			#asesoria .icon img {
	background-color: rgba(255,255,255,1);
	padding-bottom: 5px;
		}
			#asesoria .texto {
	width: 85%;
	float: left;
		}
	#asesoria ul {
	list-style-type: none;
 	padding: 0px;
}
	
	#asesoria ul li {
	font-size: 16px;
	color: #174598;
	display: block;
 	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
 	margin: 4px;
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius:  0px;
}

#asesoria .call {
	color: rgba(255,255,255,1);
	background-color: #999999;
	padding-top: 40px;
	padding-bottom: 120px;
	-webkit-border-top-left-radius: 60px;
	-webkit-border-top-right-radius: 60px;
	-moz-border-radius-topleft: 60px;
	-moz-border-radius-topright: 60px;
	border-top-left-radius: 60px;
	border-top-right-radius: 60px;
	}
 
	#beneficios .beneficio {
	background-color: #f1f5f8;
	height: 100%;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 30px;
	padding-left: 25px;
		}
		
 
		
	 #beneficios .beneficio.active {
	background-color: #184799;
	color: rgba(255,255,255,1)!important; 
		}
			 #beneficios .beneficio.active .numero, #beneficios .beneficio.active .titulo {
 	color: rgba(255,255,255,1)!important; 
		}
			#beneficios .beneficio .numero {
	font-size: 56px;
	font-weight: bold;
	color: #184799;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	text-align: right;
		}
					#beneficios .beneficio .titulo {
	font-size: 24px;
	font-weight: bold;
	color: #184799;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	line-height: 26px;
	margin-top: 8px;
	margin-bottom: 8px;
 		}
							#beneficios .beneficio .texto {
	font-size: 18px;
	font-weight: 300;
	line-height: 17px;
  		}
 #beneficios .foto  {
  
				}
 
 #beneficios .foto .f-beneficio{
	height: 100%;
	background-size: cover;
	-webkit-border-radius: 2.5vw;
	-moz-border-radius: 2.5vw;
	border-radius: 2.5vw;
	background-position: center center;
		  transition: 0.2s;
 }
 
 #beneficios .foto .f-beneficio.fb1{
background-image: url(../fotos/foto1.jpg);
 		  transition: 0.2s;
 }
 #beneficios .foto .f-beneficio.fb2{
background-image: url(../fotos/foto2.jpg);
		  transition: 0.2s;
   }
  #beneficios .foto .f-beneficio.fb3{
background-image: url(../fotos/foto3.jpg);
		  transition: 0.2s;
  }
  #beneficios .foto .f-beneficio.fb4{
background-image: url(../fotos/foto4.jpg);
		  transition: 0.2s;
   } 	

#beneficios .bene1 {
	-webkit-border-radius: 2.5vw;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 2.5vw;
-moz-border-radius-bottomright: 0;
border-radius: 2.5vw;
border-bottom-right-radius: 0;
	}	
	
	#beneficios .bene2 {
	-webkit-border-radius: 2.5vw;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 2.5vw;
-moz-border-radius-topleft: 0;
border-radius: 2.5vw;
border-top-left-radius: 0;
	}	
	


	#beneficios .bene3 {
-webkit-border-radius: 2.5vw;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 2.5vw;
-moz-border-radius-bottomright: 0;
border-radius: 2.5vw;
border-bottom-right-radius: 0;
	}	

	#beneficios .bene4 {
-webkit-border-top-left-radius: 2.5vw;;
-webkit-border-bottom-right-radius: 2.5vw;
-moz-border-radius-topleft: 2.5vw;
-moz-border-radius-bottomright: 2.5vw;
border-top-left-radius: 2.5vw;;
border-bottom-right-radius: 2.5vw;
	}	
#a-quien-se-dirige {
	background-color: #f1f5f8;
	padding-top: 25vh;
	padding-bottom: 25vh;
	}
	
	#a-quien-se-dirige #carouselQuienControls .carousel-item img {
	 -webkit-border-radius: 50%!important;
-moz-border-radius: 50%!important;
border-radius: 50%!important;

	}
	#trayectoria {
	background-color: #ffffff;
	padding-top: 25vh;
	padding-bottom: 25vh;
	}
	
	#trayectoria #carouselQuienControls .carousel-item img {
	 -webkit-border-radius: 50%!important;
-moz-border-radius: 50%!important;
border-radius: 50%!important;
	}
	
	#contacto .enviar {
		text-align: right;
		}
 #footer {
	 -webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
	background-color: #002a54;
	padding-top: 60px;
	color: rgba(255, 255, 255, 1);
 }

 #footer  .logo {
	text-align: left;
	margin-top: -20px;
 }

 #footer  .logo img {
 	max-width: 220px;
 }

 #footer  .sites {
 	text-align: center;
 }

 #footer h4 {
 	color: #FFFFFF;
 }
  #bottom-bar {
	background-color: #00152a;
	height: 66px;
	width: 100%;
	font-size: 12px;
	line-height: 40px;
	color: rgba(255, 255, 255, 1);
 }

 #bottom-bar .copy {
	display: inline-block;
	float: left;
	line-height: 66px;
	font-size: 16px;
 }
 #bottom-bar .copy strong {
	color: #00caf9; 
 }
 #bottom-bar .koma {
	float: right;
	height: 16px;
	width: 132px;
	margin-top: 14px;
 }
}