/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
.mayusculas{
  text-transform: uppercase;
}
/*button*/
#btn-contactanos{
/*	width: 100%;*/
    height: 50px;
    line-height: 0px;
    padding: 0px 15%;
    font-size: 1.3em;
    border-radius: 10px;
    text-align: center;
}

.iti { width: 100%; }

@media(max-width: 768px){
	#btn-contactanos{
		width: 100%!important;
	}

}

#btn-contactanos i{
	font-size: 1.5em;
	margin-right: 25px;	
	margin-top: 10px;

}

#btn-aviso{
	color: white!important;
	background-color:#00538b;
	border-radius: 10px
}

/*HERO IMAGE*/

#hero-talentos-index{
	margin: inherit!important;
    position: absolute;
	right: 0!important;
    top: 0!important;
}
#slider img{
	width: 40%;
	margin: auto;
    right: 5%;
    position: absolute;
    bottom: 0;
    left: auto;
    top: 0;
}

@media(max-width: 991px){
	#slider img{
		display: none;

	}
}
#hero-title {
	height: 100%;
	padding: 0px 7%;
	z-index:100;
}

#hero-title div div:last-child h2  {
	margin-top: 13%
}

#slider img#hero-home{
	right: 0;
	width: 100%;
    position: absolute;
    height: 100%;
    bottom: 0;

}

#hero-title {
  animation-delay: 1s;
}

#hero-title h2,#hero-title h1{
	font-weight: 900;
    font-size: 3.5vw;
	color: #000;
	line-height: 1.1;
}


#hero-title p{
    font-size: 1.3vw;
	margin-right: 25px;	
	margin-top:10%;
}

#hero-title h5{
    color: #01538b!important;
    font-weight: 900;
    font-size: 3.5vw;
}

#hero-home{
	padding: 10% 0%;
	margin-right:0  ;
	margin-left:0 ;
}



#hero-home img{
	position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}

@media (max-width: 992px) {

	#slider img#hero-home {
    	bottom: -26%;
    	height: 75%;
    }
	#slider{
		margin-top:50px
	}
	#hero-title h2,h5,#hero-title h1{
    	font-size: 5vw!important;
        line-height: 1.2!important;
	}

	img#generacion-de-demanda{
    	right: 0%!important;
    	bottom: -25%!important;
	}

	#hero-title p{
    	font-size: 2.5vw;
	}
	#container-talentos{
		margin:10% 0%;
	}

	#slider img{
    	height: 75%;
    	margin:auto;
    	top: 0;
    	right: 5%;
    	bottom: 0px;
	}
	#hero-title div div:last-child h2 {
    	margin-top: 17%;
	}

	.slottt-machine-recipe__mask {
		margin-top: 0%;
    	margin-bottom: -15%!important;
	}
}
@media (max-width: 768px) {
	#slider{
		margin-top:58px
	}

	#hero-home {
	    margin-top: 58px;
	    padding: 5% 0% ;
	}

	#hero-home img{
		display: none;
	}

	#container-talentos {
    	margin: 10%;
	}
	#hero-title p#tituloDescripcion{
    	font-size: 3.5vw;
	}
	#hero-contactanos{
		padding: 20% 5%;
	}
	.hero-servicios{
		padding: 10%!important
	}
}
@media (max-width: 576px) {
	#slider{
		margin-top:60px
	}
	#hero-title {
		padding:10%
	}

	#hero-title h2, h5,#hero-title h1{
    	font-size: 8vw!important;
        line-height: 1.7!important;
	}

	#hero-title p#tituloDescripcion{
    	font-size: 5vw;
	}

	#hero-title div div:last-child h2 {
    	margin-top: 18%;
	}
	.slottt-machine-recipe__mask {
		margin-top: 0%;
	}
	
	#hero-title p{
    	font-size: 5vw;
	}



}


/*digital-360*/
#digital-360{
	background-color: #01538b;
}

#digital-360 .contenedor {
	padding: 8% 5%;
}



#digital-360 h2{
	font-size: 3.5vw;
	font-weight: 900;
	color: #fff
}

#digital-360 h3{
	font-size: 2vw;
	font-weight: 900;
	color: #fff
}

#digital-360 p{
	font-size: 1.3vw;
	font-weight: 500;
	color: #fff
}

#digital-360  .feature-box {
    position: relative;
    margin-top: 20px;
    padding: 0 0 0 60px;
}
#digital-360 .feature-box .fbox-icon {
    display: block;
    position: absolute;
    width: 0;
    height: 64px;
    top: -7px;
    left: 15px;
}

#img-360{
	position: absolute; 
	bottom: 0;
}

#digital-360 a.left-icon{
	color: #fff;
}

#digital-360 iframe.youtube{
	width: 100%;
	height: 500px
}




@media (max-width: 1300px) {
	#digital-360 .contenedor {
		padding: 2% 5%;
	}
}
@media (max-width: 992px) {
	#digital-360 iframe.youtube{
		height: 350px
	}
}

@media (max-width: 768px) {
	#digital-360 iframe.youtube{
		height: 250px
	}

	#img-360{
		position: relative;
		max-width: 75%;
	}
	#digital-360 h2{
		font-size: 5.5vw;
	}
	#digital-360 h3{
		font-size: 4.5vw;
	}
	#digital-360 p{
		font-size: 3.5vw;
	}

	#digital-360 .contenedor {
		padding: 8% 5%;
	}

}

@media (max-width: 576px) {
	#img-360{
		max-width: 100%;
	}
	#digital-360 h2{
		font-size: 8.5vw;
		line-height: 1.5
	}
	#digital-360 h3{
		font-size: 6.5vw;
	}
	#digital-360 p{
		font-size: 5.5vw;
	}
}


/*soluciones-criticas*/

#soluciones-criticas{
	background-color: #f7e948;
}

#soluciones-criticas h2{
	font-size: 3.5vw;
	font-weight: 900;
	color: #01538b
}

#soluciones-criticas h4{
	font-size: 1.7vw;
	font-weight: 900;
	color: #01538b
}

#soluciones-criticas p{
	font-size: 1.3vw;
	font-weight: 500;
	color: #000
}
#soluciones-criticas img{
   max-width: 80%;
}

@media (max-width: 768px) {

	#soluciones-criticas.col-padding{
		padding: 15% 5%

	}

	#soluciones-criticas h2{
		font-size: 5.5vw;
	}
	#soluciones-criticas h4{
		font-size: 4.5vw;
	}
	#soluciones-criticas p{
		font-size: 3.5vw;
	}

}

@media (max-width: 576px) {
	#img-360{
		max-width: 100%;
	}
	#soluciones-criticas h2{
		font-size: 8.5vw;
	}
	#soluciones-criticas h4{
		font-size: 7vw;
	}
	#soluciones-criticas p{
		font-size: 5.5vw;
	}
}


/*index-servicio*/

#index-servicio{
	background-color: #01538b;
}

#index-servicio h2{
	font-size: 3.5vw;
	font-weight: 900;
	color: #f7e948
}

#index-servicio h4{
	font-size: 1.7vw;
	font-weight: 900;
	color: #fff
}

#index-servicio p{
	font-size: 1.3vw;
	font-weight: 500;
	color: #fff
}
#index-servicio img{
   max-width: 80%;
}

@media (max-width: 768px) {
	#index-servicio h2{
		font-size: 5.5vw;
	}
	#index-servicio h4{
		font-size: 4.5vw;
	}
	#index-servicio p{
		font-size: 3.5vw;
	}

}

@media (max-width: 576px) {
	#index-servicio h2{
		font-size: 8.5vw;
	}
	#index-servicio h4{
		font-size: 7vw;
	}
	#index-servicio p{
		font-size: 5.5vw;
	}
}

/*index-talentos*/

#index-talentos{
	background-color: #01538b;
}

#index-talentos h2{
	font-size: 3.5vw;
	font-weight: 900;
	color: #f7e948
}

h2.title-talento{
	color: #ffffff4a!important
}

#index-talentos h3{
	font-size: 2.5vw;
	font-weight: 900;
	color: #fff
}



#index-talentos p{
	font-size: 1.3vw;
	font-weight: 500;
	color: #fff
}

@media (max-width: 768px) {
	#index-talentos h2{
		font-size: 5.5vw;
	}
	
	#index-talentos h3{
	font-size: 4.5vw;
	}

	#index-talentos p{
		font-size: 3.5vw;
	}

}

@media (max-width: 576px) {
	#index-talentos h2{
		font-size: 8.5vw;
	}

	#index-talentos h2.title-talento{
		font-size: 10.5vw!important;
	}

	#index-talentos h3{
		font-size: 7.0vw;
	}	


	#index-servicio p{
		font-size: 5.5vw;
	}
}


/*numeros-resultados*/

#numeros-resultados{
	background-color: #f1f1f1;
}
#numeros-resultados h2{
	font-size: 3.5vw;
	font-weight: 900;
	color: #707271
}

#numeros-resultados h3{
	font-size: 2vw;
	font-weight: 700;
	color: #707271
}

@media (max-width: 768px) {
	#numeros-resultados.col-padding{
		padding: 15% 5%

	}
	#numeros-resultados h2{
		font-size: 5.5vw;
	}
	#numeros-resultados h3{
		font-size: 4.5vw;
	}

}

@media (max-width: 576px) {
	#numeros-resultados h2{
		font-size: 8.5vw;
	}
	#numeros-resultados h3{
		font-size: 5.5vw;
	}

}




/*CASOS-EXITO*/
#casos-exito{
	background-color: #01538b;
}

#casos-exito h2{
	font-size: 3.5vw;
	font-weight: 900;
	color: #f7e948
}

#casos-exito h3{
	font-size: 3.0vw;
	font-weight: 900;
	color: #fff
}

#casos-exito p{
	font-size: 1.3vw;
	font-weight: 500;
	color: #fff
}

#casos-exito a{
	font-size: 1.3vw;
	font-weight: 500;
	color: #f7e948

}

#casos-exito a:focus{
	color: #fff	
}

.casos-exito-left:before {
	float: left;
	content: '';
    display: block;
    width: 40%;
    margin-top: 8%;
    margin-left: 20%;
    border-top: 3px solid #9cbed5;
}

.casos-exito-left:after {
    content: '';
    display: block;
    width: 70%;
    margin-top: 17%;
    margin-left: 45%;
    border-top: 3px solid #9cbed5;
}


.casos-exito-right:before {
	float: right;
    content: '';
    display: block;
    width: 70%;
    margin-top: 8%;
    border-top: 3px solid #9cbed5;
}

.casos-exito-right:after {
    content: '';
    display: block;
    width: 40%;
    margin-top: 17%;
    margin-left: 0%;
    border-top: 3px solid #9cbed5;
}

#casos-exito .carousel-indicators{
	    bottom: 0%;
}

@media (max-width: 768px) {

	#casos-exito.col-padding-v{
		padding: 15% 0%

	}
	#casos-exito h2{
		font-size: 5.5vw;
	}

	#casos-exito h3{
		font-size: 4.5vw;
	}

	#casos-exito p{
		font-size: 3.5vw;
	}

	#casos-exito a{
		font-size: 3.5vw;
	}
	.display-none-mobile{
		display: none;
	}

	#casos-exito .carousel-control-prev, #casos-exito  .carousel-control-next {
  		top: 20%;
   		bottom: auto; 
	}

	#casos-exito .carousel-control-prev-icon, #casos-exito  .carousel-control-next-icon {
    	width: 36px;
    	height: 36px;
	}


}

@media (max-width: 576px) {
	#casos-exito h2{
		font-size: 8.5vw;
	}

	#casos-exito h3{
		font-size: 6.5vw;
	}

	#casos-exito p{
		font-size: 5.5vw;
	}

	#casos-exito a{
		font-size: 5.5vw;
	}

}



/*FIN CASOS-EXITO*/


/*DAR PASO*/

#dar-paso{
	background-color: #f7e948;
}

#dar-paso div:first-child {
	z-index: 100;
	margin: 3%;
} 


#dar-paso h2{
	font-size: 3.5vw;
	font-weight: 900;
	color: #000
}

#dar-paso p{
	font-size: 1.3vw;
	font-weight: 500;
	color: #000
}

#dar-paso a{
	padding: 0 5vw;
	border-radius: 10px;
}

#btn-si{
	background-color: #f42736;
	transition: 1s all ease;
	text-align: center
}

#btn-no{
	background-color: #01538b;
	text-align: center
}

#dar-paso a:hover {
    background-color: #444;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


#dar-paso a img {
    margin-left: -15px;
    margin-right: 15px;
    max-width: 30px;
}

#kraken{
	top: 0px;
	right: 0px;
	position: absolute;
}



@media (min-width: 768px) {

	#kraken img{
		max-width: 90%;
		float: right;
	}

	#kraken-desktop{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		height: 126%;
	}
	#kraken-mobile{
		display: none;
	}
}

@media (max-width: 768px) {
	
	#dar-paso a{
		width: 100%;
	} 

	#kraken{
		display: none;
    	position: relative; 
		height: auto;
 	}
	
	#dar-paso h2{
		font-size: 5.5vw;
	}

	#dar-paso p{
		font-size: 3.5vw;
	}

	#kraken-desktop{
		display: none;
	}
	#kraken-mobile{
		display: none;
    	width: 250px;
    	position: absolute;
    	right: 0px;
	}


}
@media (max-width: 576px) {
	#dar-paso h2{
		font-size: 10.5vw;
	}

	#dar-paso p{
		font-size: 5.5vw;
	}

	#kraken {
    height: auto;
	}


}


#img-blog{
	max-width: 60%;
	position: absolute!important;
    height: auto!important;
    right: 2%!important;
    bottom: 0px!important;
}

#blog-title{
	color:#00538b;
}

#container-blog-single p{
	font-size: 1.3rem;
}

/*CONTACTANOS*/


#img-contactanos{
	width: 100%!important;
	right: 0px!important;
	height: 100%!important;
}
#contactanos{
	background-color: #01538b;
}

#contactanos h2{
	font-size: 5vw;
    font-weight: 900;
    color: #ffffff4a;
    margin-bottom: 0px
}

#contactanos  p{
    font-size: 1.3vw;
    font-weight: 500;
    color: #fff;
}


#contactanos  a{
    font-size: 1.3vw;
    font-weight: 500;
    color: #fff;
}

#contactanos  a:hover{
    color: #f7e948;
}

#form-contactanos label{
    font-size: 1.3vw;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
}

#form-contactanos .rounded-form{
    border-radius: 25px
}

#btn-enviar{
	font-size: 1.3em;
	text-align: center;
	border-radius: 10px;
    font-weight: 700!important;
    padding: 0 5.5vw;
    height: 45px;
    line-height: 45px;
}


#btn-enviar:hover{
	background-color: #444;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    color: #fff!important;
}

@media (max-width: 768px) {

	#form-contactanos label{
    font-size: 4.5vw;
	}

	#btn-enviar{
    	width: 100%
	}

	/* #contactanos span{
		display: none;	
	} */


	#contactanos > div:first-child div{
		margin-top: 30px!important
	}

	#contactanos > div:last-child{
		margin-top: 50px!important
	}
	#contactanos h2{
		font-size: 6.5vw;
	}

	#contactanos  p{
	    font-size: 3.5vw;

	}

	#contactanos  a{
	    font-size: 3.5vw;

	}


}
@media (max-width: 576px) {
	#contactanos h2{
		font-size: 8.5vw;
	}

	#contactanos  p{
	    font-size: 5.0vw;
	}
	#contactanos  a{
	    font-size: 5.0vw;
	}
}

/*FIN CONTACTANOS*/



/*TESTIMONIAL*/
#testimonial  p{
    font-size: 1.3vw;
    font-weight: 500;
    color: #fff;
}
#testimonial .fa-2x {
	color: gray
}

#testimonial a {
    font-size: 1.3vw;
    font-weight: 500;
    color: #f7e948;
}

#testimonial .carousel-indicators{	
    bottom: 5%!important;
    left: auto!important;
    right: -7%!important;
}

#testimonial .carousel-indicators .active {
    background-color: #00538b;
}


#testimonial .carousel-control-prev {
    left: -5%;
}

#testimonial .carousel-control-next {
    right: -5%;
}

#carnet{
	top: 0;
	position: absolute; 
	right:5%; 
	text-align: center;
}

#carnet img{
	max-width: 25vw
}


@media (max-width: 768px) {
	#container-ipad{
		margin: 0;
	    height: 850px;

	}

	#testimonial .fa-2x {
	    color: #f7e948!important;
	}
	#carnet{
		right:0;
		left: 0;
		margin: auto; 
	}

	#container-ipad >div.col-6{
		display: none;
	}
	#carnet img {
    	max-width: 50vw;
	}

	#testimonial  p{
    	font-size: 3.5vw;	    
	}

	#testimonial  a{
	    font-size: 3.5vw;

	}

	#testimonial .carousel-control-prev, #testimonial .carousel-control-next {
  		top: 20%;
   		bottom: auto; 
	}

	#testimonial .carousel-control-prev-icon, #testimonial .carousel-control-next-icon {
    	width: 36px;
    	height: 36px;
	}

}

@media (max-width: 576px) {
	#container-ipad{
		max-height: 700px
	}

	#carnet img {
    	max-width: 70vw;
	}

	#testimonial  p{
    	font-size: 5.5vw;	    
	}

	#testimonial  a{
	    font-size: 5.0vw;
	}
}
/*FIN TESTIMONIAL*/






/*GENERACION DE DEMANDA*/
		/*CONSULTANOS*/

		#consultanos{
			background-color: #01538b;
		}

		#consultanos > div:first-child {
		   border-right: 2px solid #f7e948;
		} 

		#consultanos h2{
			font-size: 6vw;
		    font-weight: 900;
		    color: #f7e948;
		}

		#consultanos h3{
			font-size: 3vw;
		    font-weight: 700;
		    color: #f7e948;
		}


		#consultanos p{
			line-height: 30px;
		    font-size: 1.3vw;
		    font-weight: 500;
		    color: #fff;
		}

		#consultanos h6#areyou{
			font-style: italic;
			color: #f5e947!important;
			font-size: 2.5vw;
			font-weight: 400;
		}

		@media(max-width: 992px){

				#consultanos > div:first-child {
			   		border-right: 0px;
			   		padding-bottom: 50px
				} 

			#consultanos h2{
				font-size: 6.5vw;
			}

			#consultanos h3{
				font-size: 4.5vw;
			}

			#consultanos p{
			    font-size: 2.5vw;
			}
			
			#consultanos h6#areyou{
				font-size: 3vw;
			}
		}

		@media(max-width: 768px){
			#consultanos h2{
				font-size: 8.5vw;
			}

			#consultanos h3{
				font-size: 6.5vw;
			}

			#consultanos p{
			    font-size: 4.5vw;
			    line-height: 1.2;
			}

			#consultanos h6#areyou {
				font-size:5.5vw;
			}

		}
		/*FIN CONSULTANOS*/



		/*VERTICAL CAROUSEL*/


		#vertical-carousel h2{
			font-size: 5vw;
    		font-weight: 900;
    		color: #00538b;
		}


		#vertical-carousel h3{
		    font-size: 3vw;
		    font-weight: 700;
		    color: #00538b  ;
		}


		#vertical-carousel p{
		    font-size: 1.3vw;
		    font-weight: 500;
		    color: #000;
		}



		#vertical-carousel div#vertical{
		    padding: 5% 0%
		}
		    .vert .carousel-item-next.carousel-item-left,
		}
		.vert .carousel-item-prev.carousel-item-right {
		    -webkit-transform: translate3d(0, 0, 0);
		            transform: translate3d(0, 0, 0);
		}

		.vert .carousel-item-next,
		.vert .active.carousel-item-right {
		    -webkit-transform: translate3d(0, 100%, 0);
		            transform: translate3d(0, 100% 0);
		}

		.vert .carousel-item-prev,
		.vert .active.carousel-item-left {
				-webkit-transform: translate3d(0,-100%, 0);
		        transform: translate3d(0,-100%, 0);
		}
 

		#vertical-carousel .carousel-control-prev {
			right: auto;
			left: -25px;
			top: 0;
			bottom: 0;
			 margin: auto;
			color: gray;
			}

		#vertical-carousel .carousel-control-next {
			right: -25px;
			left: auto;
			top: 0;
			bottom: 0;
			margin: auto;
			color: gray;
		} 


		@media(min-width: 768px){

			#vertical-carousel .carousel-control-prev {
			    right: auto;
			    left: 12%;
			    top: auto;
			    bottom: 0;
			    margin: auto;
			}
			#vertical-carousel .carousel-control-next {
			    right: auto;
			    left: 12%;
			    top: 0;
			    bottom: auto;
			    margin: auto;

			}

		}

		@media(max-width: 768px){
			#vertical-carousel h2{
				font-size: 6.5vw;
			}

			.img-vertical{
				max-width: 70%
			}
			.step-container{
				margin-top: 75px;
			}
			.descripcion-vertical{
				margin-top: 100px
			}

			#vertical-carousel h3 {
    			font-size: 4.5vw;
			}

			#vertical-carousel p {
    			font-size: 2.5vw;

			}
			.caso-exito-logo{
				min-height: 35vw;
			}

		}

		@media(max-width: 576px){
			
			#vertical-carousel div#vertical{
		    	min-height: 600px
			}

			.descripcion-vertical {
    			min-height: 300px;
			}
			#vertical-carousel h2{
				font-size: 8.5vw;
			}
			#vertical-carousel h3 {
    			font-size: 6.5vw;
			}

			#vertical-carousel p {
    			font-size: 4.5vw;

			}
			.caso-exito-logo{
				position: relative;
				min-height: 30vw;
			}
			.img-vertical{
				position: absolute;
    			top: 0;
    			bottom: 0;
    			left: 0;
    			right: 0;
    			margin: auto;
			}

		}

		/*FIN VERTICAL CAROUSEL*/

		/*SERVICIOS INCLUIDOS*/
		#servicios-incluidos{
			background-color: #f7e948;
		}



		#servicios-incluidos h2{
			font-size: 5vw;
    		font-weight: 900;
    		color: #00538b;
		}

		#servicios-incluidos h3{
			font-size: 2.5vw;
    		font-weight: 700;
    		color: #00538b;
		}

		.servicios-incluidos {
		    width: 36px !important;
		    height: 36px !important;
		}

		.servicios{
			height: 83px;
    		padding: 15px 0px;
		}

		#servicios-incluidos .i-bordered {
			z-index: 100;	
			border: 2px solid #fff;
			line-height: 50px !important;
			background-color: #f7e948;
			color: #fff;
			text-shadow: none;
		}


		ul#generador-demanda li.servicios:first-child a{
		    width: 50px !important;
		    height: 50px !important;
		    margin-top: -3px;
		    z-index: 100;
		    background-color: #00538b
		}

		ul#generador-demanda li.servicios:last-child a{
		    width: 50px !important;
		    height: 50px !important;
		    margin-top: -3px;
		    z-index: 100;
		    background-color: #f7e948
		}


		ul#generador-demanda li.active-left:before{
			border-top: 5px solid #00538b;
		}

		ul#generador-demanda li.active-right:after{
			border-top: 5px solid #00538b;
		}



		.process-steps li.servicios:before, .process-steps li.servicios:after {
		    content: '';
		    position: absolute;
		    top: 170px;
		    left: 0;
		    margin-right: -35px;
		    width: 65%;
		    border-top: 5px solid #ffffff;
		}

		.process-steps li.servicios:after {
		    left: auto;
		    right: 0;
		    margin: 0px -35px 0 0;
		}

		.img-step{
			position: absolute;
    		top: 40px;
    		margin: auto;
    		left: 0;
    		right: 0;
    		cursor: pointer;
		}

		.img-step-azul{
			display: none;
		}
		
		@media(max-width: 768px){
			#servicios-incluidos{
				display: none;
			}

		}
		/*FIN SERVICIOS INCLUIDOS*/

		/*SERVICIOS-INCLUIDOS-MOBILE*/
		@media(min-width: 768px){
			#servicios-incluidos-mobile{
				display: none;
			}

		}
		#servicios-incluidos-mobile{
			background-color: #f7e948;
		}

		#servicios-incluidos-mobile .carousel-indicators{
			    bottom: -5%;
		}

		@media (max-width: 768px) {
			#servicios-incluidos-mobile h2{
				font-size: 5.5vw;
				color: #01538b;
				font-weight: 900
			}

			#servicios-incluidos-mobile h3{
				font-size: 4.5vw;
				color: #01538b;
				font-weight: 900
			}

			#servicios-incluidos-mobile p{
				font-size: 2.5vw;
			}

		}

		@media (max-width: 576px) {
			#generador-mobile .carousel-inner{
				min-height: 460px
			}

			#servicios-incluidos-mobile h2{
				font-size: 8.5vw;
			}

			#servicios-incluidos-mobile h3{
				font-size: 6.5vw;
			}

			#servicios-incluidos-mobile p{
				font-size: 4.5vw;
				color: #00538b
			}


		}



		/*FIN SERVICIOS-INCLUIDOS-MOBILE*/

/*GENERACION DE DEMANDA*/


/*CALCULADORA*/

.rrss{
	width: 18%;
	float:right;
	margin-right: 5%;
}
.rrss i.fa{
	line-height: 1.80;
	font-size:5vh;

}
.logos{
	width: 20%;

}
#calculadora{
	padding: 5%;
}
#calculadora h2{
	font-weight: 900;
	font-size: 3.5vw;
	line-height: 1.4;
	margin: 0px
}

#calculadora h2 b{
	color:#00538b;
}

#calculadora p{
	font-weight: 700;
	font-size: 1.1vw;
}
#calculadora h4{
	font-weight: 700;
	font-size: 1.3vw;
	line-height: 1.1;
}


#calculadora label{
	color: #000;
	font-weight: 700;
	font-size: 1.3vw
}

#calculadora a#link:hover{
	color:#f42736;
}
#calculadora .button{
	font-weight: 700;
	font-size: 1.5vw;
	color:#FFF;
	width:100%;
	padding:0;
}

#calculadora .button{
	font-weight: 700;
	font-size: 1.5vw;
	color:#FFF;
	height: 50px;
   	line-height: 50px;
	width:80%;
	padding:0;
	border-radius: 10px
}

#calculadora span#aprobar{
	color:#00538b;
}

#calculadora span#ajustes{
	color:#f42736;
}

.btn-input{
	background-color: #fff;
}
	/*PAGO-INICIAL*/

	#pago-inicial p.t-700  {
	 	margin-bottom: 15px;
	 } 
	#pago-inicial .fa-cc-visa{
		color: #0157a2;
	    font-size: 3.5vw;
	    text-align: center;
	    position: absolute;
	    bottom: -5px;
	    right: 15px;
	}

	#pago-inicial h3{
		color: #00538b

	}

	#billing-info:before{
	    content: '';
	    display: block;
	    width: 100%;
	    height: 80%;
	    border-right: 3px solid #fff;
	    position: absolute;
	    right: 0;
	    bottom: 0;
	}

	/*PLAN-REDES*/
	#plan-redes h3,h4{
		color:#00538b;
		margin: 0%
	}

	#plan-redes .item{
		margin-bottom:  5%;
		border-bottom: 2px solid black
	}

	#plan-redes .selector{
		margin-top: -7%!important;
	}

	/*PLAN-REDES*/

	/*COMPLETA-DATOS*/
	#completa-datos p{
		margin: 5% 0% 2% 0%

	}

	/*COMPLETA-DATOS*/





/*FIN CALCULADORA*/


/*rating-funnel*/


#rating-funnel{
	padding: 5%;
}
#rating-funnel h2{
	font-weight: 900;
	font-size: 3.5vw;
	line-height: 1.4;
}

#rating-funnel h2 b{
	color:#00538b;
}
#rating-funnel h4{
	font-weight: 700;
	font-size: 1.3vw;
	line-height: 1.1;
}


#rating-funnel label{
	color: #000;
	font-weight: 700;
	font-size: 1.3vw
}

#rating-funnel a#link:hover{
	color:#f42736;
}
#rating-funnel .button{
	font-weight: 700;
	font-size: 1.5vw;
	color:#FFF;
	width:100%;
	padding:0;
}

#rating-funnel .button{
	font-weight: 600;
    font-size: 1.0vw;
    color: #FFF;
    height: 3.5rem;
    line-height: 3.5rem;
    width: 80%;
    padding: 0;
    border-radius: 10px;
}

#rating-funnel span#aprobar{
	color:#00538b;
}

#rating-funnel span#ajustes{
	color:#f42736;
}

	/*RATINGFUNNEL1*/
	#ratingFunnel1{
		background-size: cover;
		height: 100%;
	}


	#ratingFunnel1 a{
		font-weight: 700;
		font-size: 2.5vw;
		color:#00538b;
	}



	/*FIN RATINGFUNNEL1*/

	/*RATINGFUNNEL4*/
	#rating-funnel i.fa{
		padding: 1vw 2vw;
	}

	#ratingFunnel4 a.active i.fa{
		color: #f42736!important
	}

	#ratingFunnel4 .fa-4x{
		font-size: 4vw;
	}

	/*FIN RATINGFUNNEL4*/

	/*RATINGFUNNEL1*/
	#ratingFunnel6{
		background-size: cover;
		height: 100%;
	}

	#ratingFunnel6 p{
		font-weight: 700;
		font-size: 1.3vw;
		color:#444;
	}

	#ratingFunnel6 a#link{
		font-weight: 700;
		font-size: 1.3vw;
		color:#00538b;
	}

	#ratingFunnel6 a#link:hover{
		font-weight: 700;
		font-size: 1.3vw;
		color:#f42736;
	}

	#ratingFunnel6 span{
		color:#00538b;
	}



	/*FIN RATINGFUNNEL1*/

	/*RATINGFUNNEL-TEXT*/


	
	/*FIN RATINGFUNNEL-TEXT*/
/*FIN rating-funnel*/


/*TALENTOS*/

#btn-aplica {
	text-align: center;
    height: 50px;
    line-height: 3px;
    padding: 23px 15%;
    font-size: 1.3em;
    border-radius: 10px;
}
@media(max-width: 768px){
	#btn-aplica {
		width:100%;
	}

}

/*IMAGENES PERSONALIZADAS TALENTOS*/

/*FIN IMAGENES PERSONALIZADAS TALENTOS*/
img#ventas-ejecutivas{
	height: 100%!important
}

img#disenador,img#media-leader,img#project-manager{
	right: 0px!important; 
	left: auto!important;
}

img#project-manager{
	bottom: -2%!important;
	right: -1%!important; 
	left: auto!important;
}

img#especialista-campana-medios,img#copywriter,img#especialista-seo{
	bottom: 0px!important; 
	top: auto!important;
}






	/*SECTION RESPONSABILIDADES*/
	#responsabilidades{
		background-color: #00538b
	} 

	#responsabilidades h2{
		font-size: 3.5vw;
		font-weight: 900;
		color: #fff
	}
	#responsabilidades p{
		font-size: 1.3vw;
		font-weight: 500;
		color: #fff
	}

	@media (max-width: 768px) {

		#responsabilidades{
			padding: 50px 0px
		}

		#responsabilidades >div > div:first-child{
			display: none;
		}

		#responsabilidades div.contenedor{
			margin-top: 50px
		}

		#responsabilidades h2{
			font-size: 5.5vw;
		}

		#responsabilidades p{
			font-size: 3.5vw;
		}
	}

	@media (max-width: 576px) {


		#responsabilidades h2{
			font-size: 8.5vw;
			line-height: 1.5
		}

		#responsabilidades p{
			font-size: 5.5vw;
		}
	}
	/*FIN SECTION */

	/*SECTION QUE-HACE*/
	#que-hace h3{
		font-size: 2.5vw;
		font-weight: 900;
		color: #777;
		margin-bottom: 0px;

	}
	#que-hace i{
  

	}
	
	#que-hace ul{
		list-style: none!important;
		display: inline-block;
	}
	
	#que-hace p{
		font-size: 1.3vw;
		font-weight: 700;
		margin-left: 20px;
		color: #777;
	}

	#que-hace i{
		top: 5px;
    	bottom: 0%;
		color: #00538b;
		padding-right: 10px;
		font-size: 12px
	}

	@media (max-width: 768px) {
		#que-hace{
			padding: 50px 0px
		}

		#que-hace h3{
			font-size: 4.5vw;
		}

		#que-hace p{
			font-size: 3.5vw;
		}
	}

	@media (max-width: 576px) {


		#que-hace h3{
			font-size: 8.5vw;
		}

		#que-hace p{
			font-size: 5.5vw;

		}
	}


	/*FIN SECTION */

	/*SECTION PERFIL*/
	#perfil	{
		background-color: #f7e948;
	}
	#perfil h2{
		font-size: 3.5vw;
		font-weight: 900;
		color: #00538b;
	}

	#perfil h3{
		font-size: 2.5vw;
		font-weight: 700;
		color: #00538b;

	}
	#perfil p{
		font-size: 1.3vw;
		font-weight: 500;
		color: #000

	}

	#perfil ul{
		list-style: none!important;
	}

	#perfil i{
		top: 5px;
		color: #fff;
		padding-right: 30px;
		font-size: 18px
	}

	@media (max-width: 768px) {


		#perfil h2{
			font-size: 5.5vw;
		}

		#perfil h3{
			font-size: 4.5vw;
		}

		#perfil p{
			font-size: 3.5vw;
		}
	}

	@media (max-width: 576px) {

		#perfil h2{
			font-size: 8.5vw;
			line-height: 1.5
		}

		#perfil h3{
			font-size: 7.0vw;
		}

		#perfil p{
			font-size: 5.5vw;
		}
	}

	/*FIN SECTION */
	/*OTRAS-PUESTOS*/
	#otros-puestos > div:first-child {
		background-color: #00538b;
		padding: 5% 0%
	}
	#otros-puestos > div:first-child > div:first-child{
		padding: 0% 15%
	}

	#otros-puestos div:nth-child(2){
    	border-right:  15px solid #00538b;
    }

	#otros-puestos h2{
		font-size: 3.5vw;
		font-weight:900;
		color: #f7e948

	}

	#otros-puestos h3{
		font-size: 2.0vw;
		font-weight:900;
		color: #fff

	}

	#otros-puestos p{
		font-size: 1.3vw;
		font-weight:500;
		color: #fff

	}

	.otros-puestos-down:after {
		content: '';
	    display: block;
	    width: 47%;
	    margin-top: 10%;
	    margin-left: 15%;
	    border-top: 3px solid #9cbed5;
	}

	.otros-puestos-down:before {
	    content: '';
	    display: block;
	    width: 25%;
	    margin-top: 10%;
	    border-top: 3px solid #9cbed5;
	}

	@media (max-width: 768px) {
    	#otros-puestos div:nth-child(2){
    		border-bottom: 15px solid #00538b;
    		border-right:  0px;
    	}



		#otros-puestos >div:first-child{
			padding: 60px 0px;
		}

		.otros-puestos-down{
			display: none;
		}
		

		#otros-puestos h2{
			font-size: 5.5vw;
		}



		#otros-puestos h3{
			font-size: 4.5vw;
		}

		#otros-puestos p{
			font-size: 3.5vw;
		}
	}

	@media (max-width: 576px) {

		#otros-puestos h2{
			text-align: center;
			font-size: 8.5vw;
			line-height: 1.5
		}

		#otros-puestos h3{
			font-size: 7.0vw;
		}

		#otros-puestos p{
			font-size: 5.0vw;
		}
	}

	/*FIN OTRAS PUESTOS*/

	/*SECTION PODEMOS-AYUDARTE*/
	#podemos-ayudarte{
		background-color: #f7e948
	} 

	#podemos-ayudarte h2{
		font-size: 3.5vw;
		font-weight: 900;
		color: #00538b
	}
	#podemos-ayudarte p{
		font-size: 1.3vw;
		font-weight: 500;
		color: #000
	}

	@media (max-width: 768px) {
		#podemos-ayudarte{
			padding: 75px 0px;
		} 

		#podemos-ayudarte > div> div:last-child{
			display: none;
		}

		#podemos-ayudarte h2{
			font-size: 5.5vw;
		}

		#podemos-ayudarte p{
			font-size: 3.5vw;
		}
	}

	@media (max-width: 576px) {

		#podemos-ayudarte h2{
			font-size: 8.5vw;
			line-height: 1.5
		}

		#podemos-ayudarte p{
			font-size: 5.5vw;
		}
	}
	/*FIN SECTION */

/*FIN TALENTOS*/


/*parametros*/
#parametros{
	background-color: #dddddd
}

#parametros h2{
	font-size: 3.5vw;
	font-weight: 900;
	color: #727272
}

#parametros h3{
	font-size: 2.5vw;
	font-weight: 900;
	color: #727272
}
#parametros p{
	font-size: 1.3vw;
	font-weight: 500;
	color: #727272
}

#parametros a{
	color: #00538b
}

#parametros p span{
	font-size: 1.3vw;
	font-weight: 500;
	color: #00538b
}

#generador-desktop p{
	color: #00538b;
	font-size: 1.5vw;
}

	@media (max-width: 768px) {
		#parametros h2{
			font-size: 5.5vw;
		}

		#parametros p{
			font-size: 3.5vw;
		}

		#parametros p span{
			font-size: 3.5vw;
		}

	}

	@media (max-width: 576px) {

		#parametros h2{
			font-size: 8.5vw;
			line-height: 1.5
		}

		#parametros p{
			font-size: 5.5vw;
		}
		
		#parametros p span{
			font-size: 5.5vw;
		}
	}

/*brief-container*/

#brief-container{
	background-color: #00538b ;
}

#brief-container label{
	color: #fff ;
	font-size: 1.3vw
}

#brief-container label.checkbox{
	font-weight: 100
}

#brief-container p{
	color: #fff ;
	font-size: 1.3vw
}
#brief-container h2{
	font-size: 3vw;
	color: #ed2a3b
}

    @media(max-width: 768px){

    	#brief-container h2{
			font-size: 6vw;
			color: #ed2a3b

		}


        #brief-container p{
      font-size: 4vw!important
        }

        #brief-container label{
            font-size: 4vw!important
        }
    }


/*fin brief-container*/


/*FOOTER*/
#footer-wizerlink{
	z-index: 100;
	margin: 5%
}

#footer-wizerlink div.container-footer{
	border-bottom: 2px solid #d7d7d7;
	padding: 2% 0%
}

#footer-wizerlink a ,#footer-wizerlinkp{
	font-size: 1.3vw;
	font-weight: 300;
	color: #000;
}

@media (max-width: 768px){
	#footer-wizerlink a,#footer-wizerlinkp {
	    font-size: 3.5vw;
	}
	#footer-wizerlink div.col-md-4{
		margin-bottom: 20px
	}

}
@media (max-width: 576px){

	#footer-wizerlink a,#footer-wizerlinkp {
	    font-size: 5.5vw;
	}
}


/*FIN FOOTER*/



/*Checkboxes styles*/
input[type="checkbox"] { opacity: 0 }

input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 50px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type="checkbox"] + label:last-child { margin-bottom: 0; }

input[type="checkbox"] + label:before {
    border-radius: 100px;
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    border: 3px solid #fff;
    position: absolute;
    left: 0;
    top: 3px;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked + label:before {
  width: 12px;
  top: 0px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: #f7e948;
  border-right-color: #f7e948;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type="radio"] { opacity: 0 }

input[type="radio"] + label {
  display: block;
  position: relative;
  padding-left: 50px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type="radio"] + label:last-child { margin-bottom: 0; }

input[type="radio"] + label:before {
    border-radius: 100px;
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    border: 3px solid #fff;
    position: absolute;
    left: 0;
    top: 3px;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

input[type="radio"]:checked + label:before {
  width: 12px;
  top: 0px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: #f7e948;
  border-right-color: #f7e948;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}






















/*MODAL MENU*/
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal-full {
    min-width: 100%!important;
    margin: 0;
}


.modal.right .modal-content {
	background-color: #01538b;
    height: 100%;
    overflow-y: auto;
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
    margin-left: 15%;
    color: white
}

.modal-body h2{
	font-weight: 900;
	font-size: 3.5vw;
    color: white
}

.modal.right.fade .modal-dialog {
    right: -100%;
    -webkit-transition: opacity 0.5s linear, right 0.5s ease-out;
    -moz-transition: opacity 0.5s linear, right 0.5s ease-out;
    -o-transition: opacity 0.5s linear, right 0.5s ease-out;
    transition: opacity 0.5s linear, right 0.5s ease-out;
}

.modal.right.fade.show .modal-dialog {
	height: 100%;
    right: 0;
    width: 100%;
}

#close-menu-btn{
	z-index: 1500;
	position: absolute;
	right: 15%;
	top: 20px;
	color: #f5e947;
    background-color: #01538b;
    border-color: #01538b;
}

#prev-menu-btn{
	z-index: 1500;
	position: absolute;
	left: 15%;
	top: 20px;
	color: #f5e947;
    background-color: #01538b;
    border-color: #01538b;
}
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #eeeeee;
    background-color: #ffffff;
}
#link-bot a{
	color: #f5e947;
	font-size: 4vw;
}

#link-bot a{
	color: #f5e947;
	font-size: 2vw;
	font-weight: 100;
	font-style: italic;
}

@media(max-width: 768px){
	#image-vendedora{
		display: none!important;
	}
	.modal-body h2 {
    	font-size: 10.5vw;
    }

    .modal-body {
    	padding-top: 15%!important ;
	}
	#link-bot a{
		font-size: 4vw;
	}

}
/*FIN MODAL MENU*/



.loader {
    border: 8px solid #f2b840;
    border-radius: 50%;
    border-top: 8px solid #003865;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 0.5s linear infinite;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#container-btn-redes{
    bottom: 0px;
    position: fixed;
    left: 20px;
    z-index: 100;
    transition: 1s
}

#container-btn-redes:hover .btn-fixed.hide{
  transition: 1s;
  position: relative;
  display: block;
}


.btn-fixed{
  margin-bottom: 15px;
  transition: 1s;
}

.btn-fixed.hide{
  position: absolute;
  display: none;
  transition: 1s;
}
.btn-fixed .details{
  border-radius: 100px;
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #f42736;
  cursor: pointer;
}

.btn-fixed i{
  text-align: center;
  top: 10px;
  font-size: 27px;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
}

.btn-fixed img{
    position: absolute;
    width: 25px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    right: 0;
}