@font-face {
  font-family: 'FontAwesome';
  font-display: auto;
  src: local('FontAwesome'), url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
}

body{
	font-family: 'Raleway', sans-serif;
}

#boddy{
   overflow-y: hidden;
}


.iti { width: 100%; }

.nomargin{
	margin: 0!important
}

.nopadding{
	padding: 0!important
}

.noRightPadding{
  padding-right: 0
}

.noLeftPadding{
  padding-left: 0
}

.topmargin-sm{
	margin-top: 20px!important;
}
.topmargin {
    margin-top: 50px!important;
}

.topmargin-lg {
    margin-top: 80px!important;
}

.bottommargin-sm {
    margin-bottom: 30px!important;
}

a:hover{
  text-decoration: none;
}
.bottommargin {
    margin-bottom: 50px!important;
}

.bottommargin-lg {
    margin-bottom: 80px!important;
}

.col-padding {
    padding: 9% 6%;
}

.col-padding-h {
    padding: 0 5%;
}


#btn-contactanos {
    height: 50px;
    line-height: 50px;
    padding: 0px 30%;
    font-size: 1.2em;
    border-radius: 10px;
    text-align: center;
}
#btn-contactanos i{
    font-size: 1.5rem;
    margin-right: 15px;
}

.azul{
  color: #00538b!important;
}

.amarillo{
  color: #f7e948!important;
}

.blanco{
  color: #fff!important;
}

.bg-azul{
  color: #00538b!important;
}

.mayusculas{
  text-transform: uppercase;
}

@media(min-width: 1500px){}
  .margin-1400{
    max-width: 1500px;
    margin:auto;
  }

img{
	width: 100%
}




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


#form-contactanos .check-list-form{
    padding: 15px 10px;
    border-radius: 10px;
}
#form-contactanos label {
    font-size: 1.3vw;
    display: inline-block;
    font-weight: 100!important;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
}


.bg-azul{
 background-color: #00538b!important;
}

#boddy{

}
ul#menu{
	margin-right: 0!important;
	margin-left: auto!important;
}


header{
	width: 100%;
	background-color: #fff;
	width: 100%;
	position: fixed;
    width: 100%;
    z-index: 100;
    background-color: transparent;
}

nav#header{
	width: 100%;
	background-color: #fff;
}
#header-custom{
	width: 100%;
	transition: opacity 0.5s; 
}

#header-custom .navbar-brand{
	width: 275px;
    margin-bottom: -51px;
}
.button-red-contacto i{
  margin-right: 20px;
  font-size: 20px;
}

.container-btn-languaje{
  position: absolute;
  right: 25%;
}

@media(max-width: 991px){
  .container-btn-languaje .dropdown-menu {
    min-width: 0;
    padding:0;

  }

  .container-btn-languaje .dropdown-menu a {
    padding: 10px;
  }


}

@media(max-width: 768px){

  #header-custom .navbar-brand {
      width: 150px;
      margin-bottom: -34px;
  }

}

@media(max-width: 565px){

  .nav-link i{
    font-size: 1.5em
  }
  .button-red-contacto i{
    margin-right: 15px;
    font-size: 15px;
  }
	#header-custom .navbar-brand {
	    width: 150px;
	    margin-bottom: -34px;
	}
	#header .button-red-contacto{
	    padding: .5rem .5rem!important;
	}
}

@media(min-width: 300px){
	#btn-mobile-contacto{
		position: absolute;
	    right: 6rem;
	}
  .container-btn-languaje{
    right: 8rem;
  }
}

@media(min-width: 600px){
  #btn-mobile-contacto{
    position: absolute;
      right: 7rem;
  }
  .container-btn-languaje{
    right: 25%;
  }
}

@media(min-width: 767px){
	#btn-mobile-contacto{
		position: absolute;
	    right: 15%;
	}
}

@media(min-width: 992px){
  .container-btn-languaje{
    display: none;
  }
	#btn-mobile-contacto{
		display: none;	
	}
}

#header-custom .navbar-expand-lg{
	padding: 0 2vw;
}

#menu .nav-item{
	padding: 20px 1.5vw;
}

@media(max-width: 1100px){
	#btn-text-contacto{
		display: none!important;
	}
	.button-red-contacto i{
		margin-right: 0!important
	}
}

#header .button-red-contacto{
	border-radius: 5px;
	color: #f42736!important;
    border:2px solid #f42736;
    transition: 0.3s all;
    padding: .5rem 1.5rem;
	display: flex

}

#header .button-red-contacto:hover{
	background-color: #f42736!important;
	color: #fff!important;
}


#menu .dropdown-menu{
	margin-top: -10px;
	border-radius: 10px;
    box-shadow: 0 13px 42px 11px rgba(0,0,0,.1);
    z-index: 199;
    border: 0
}

.dropdown-menu a{
	padding: 10px 20px;
 	font-weight: 100!important;
 	color: #00538b;
 	transition: 0.2s all ;

}

.dropdown-menu a:hover{
 	margin-left: -5px;
 	color: #f42736!important;
}


li.servicios:hover > div.menu-servicios,li.talentos:hover > div.menu-talentos{
	display: block!important;
}


div.menu-servicios:hover,
div.menu-talentos:hover{
	display: block!important;
}

ul#menu a {
    line-height: 22px;
    font-weight: 700;
    color: #00538b;
    font-size: 16px;
    letter-spacing: 1px;
    background-color: transparent;

}

ul#menu a.dropdown-item {
    color: #666!important;
}

ul#menu a:hover {
	color:#f42736;
}

ul#menu a.dropdown-item:hover {
    color: #f42736!important;
    font-weight: 700!important;

}




/*formulario*/

#formulario{
	padding: 8% 5%;	
	background-color: #01538b;
}

#formulario>div>div:last-child{
    border-left: 2px solid #f7e948;
}

@media(max-width: 991px){	
	#formulario>div>div:last-child {
	    border: 0px;
	    margin-top: 50px
	}


}

#formulario h2{
	font-size: 2.5vw;
    font-weight: 900;
    color: #f7e948;
}

#formulario h3{
	font-size: 2vw;
    font-weight: 700;
    color: #F7E94A;
}


#formulario h4{
  font-size: 1.2vw;
    font-weight: 700;
    color: #f7e948;
}

#formulario span{
  font-size: 1.5vw;
    font-weight: 700;
    color: #f7e948;
}

#formulario p{
	   line-height: 2.4rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: #fff;
}

@media(min-width: 1700px){
	#formulario{
		padding: 75px 10%;	
	}
}
@media(max-width: 991px){
	#formulario h2 {
	    font-size: 5.5vw;
	}
	#formulario h3 {
	    font-size: 4.5vw;
	}


#formulario.fastCampaing h4{
  font-size: 1.5rem;
  font-weight: 700;
  color: #f7e948;
}

#formulario p,#form-contactanos label{
  font-size: 2.5vw;
}

  #formulario.fastCampaing h2 {
      font-size: 2rem;
  }
  #formulario.fastCampaing h3 {
      font-size: 2rem;
      margin-bottom:20px!important;
  }
  #formulario.fastCampaing p,#form-contactanos label{
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  #formulario.fastCampaing span {
    font-size: 1.2rem;
    font-weight: 700;
    color: #f7e948;
  }
	#btn-enviar {
    	width: 100%;
	}

}

@media(max-width: 575px){
	#formulario h2 {
	    font-size: 7.5vw;
	}
	#formulario h3 {
	    font-size: 6vw;
	}
	#formulario p,#form-contactanos label{
    	font-size: 4vw;
	}
}


/*fin formulario*/

/*IDEA*/

#idea{
	padding: 50px 10%;	
	background-color: #01538b;
}


#idea .con-img{
	padding: 0 4.5vw;
	margin: 4rem 0;
  transition: all 0.5s
}

#idea .con-img:hover{
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2);
}
#idea h2{
	color: #f7e948;
	font-weight: 900;
    font-size: 3.5vw;
}

#idea h3{
	margin-top: 15px;
	color: #fff;
	font-size: 1.8vw;
	font-weight: 500;
}

.idea-left:before {
	float: left;
    content: '';
    display: block;
    width: 80%;
    margin-top: 11%;
    margin-left: 0%;
    border-top: 3px solid #9cbed5;
}




.idea-right:before {
	float: right;
    content: '';
    display: block;
    width: 80%;
    margin-top: 11%;
    margin-left: 0%;
    border-top: 3px solid #9cbed5;
}

@media (max-width: 991px) {
	.display-none-mobile{
		display: none;
	}
}

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

	#idea h3{
		font-size: 2.8vw;
	}
}

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

	#idea h3{
		font-size: 6vw;
	}
}


/*FIN IDEA*/

/*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-wizerlink p{
	text-decoration: none;
	font-size: 1.3vw;
	font-weight: 400;
	color: #000;
}

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

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

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


/*FIN FOOTER*/




/*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.2s linear, right 0.2s ease-out;
    -moz-transition: opacity 0.2s linear, right 0.2s ease-out;
    -o-transition: opacity 0.2s linear, right 0.2s ease-out;
    transition: opacity 0.2s 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: #fafafa;
}
#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: 767px){
	#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*/



/*HERO-CONVERSION*/

#text-check-list h1{
  font-weight: 900;
  color: #00538b;
  font-size: 2.8rem;
}

#text-check-list p{
  font-weight: 700;
  font-size: 1.5rem;
}

#text-hero{
	padding: 0 9%
}

#text-hero h2 {
    font-weight: 900;
    font-size: 3.5vw;
    color: #000;
}

#text-hero h5, #text-hero a{
	color: #f42736!important;
	text-decoration: none;
} 

h2#final,h2#final2{
    color: #00538b;
    display: none;
}

#container-check,#container-check2{
	display: none;
}

#inicio{
  min-height: 700px
}


@media(max-width:  767px){
  #text-check-list{
    margin-top: 100px;
  }

	#hero-image{
		display: none;
	}
	#text-hero{
		padding: 75px 00
	}

	#text-hero h2 {
    	font-size: 7vw;
	}
}

@media(max-width:  575px){
	#hero-image{
		display: none!important;
	}
	#text-hero{
		padding: 100px 0;
		min-height: 470px;
	}

	#text-hero h2 {
    	font-size: 10vw;
	}

  #text-check-list h1{
    font-weight: 900;
    color: #00538b;
    font-size: 1.8rem;
  }
  #text-check-list p{
    font-weight: 700;
    font-size: 1.3rem;
  } 
}


@media(min-width: 1700px){

  #text-hero2{
  	padding: 14vw 9%
  }
}

@media(min-width: 767px){

  #text-hero2{
    padding: 12vw 9%
  }
}



#text-hero2 h2 {
    font-weight: 900;
    font-size: 3.5vw;
    color: #000;
}

#text-hero2 h5, #text-hero2 a{
	color: #f42736!important;
	text-decoration: none;
}

@media(max-width:  767px){
	#hero-image2{
		display: none!important;
	}
	#text-hero2{
		padding: 75px 00
	}

	#text-hero2 h2 {
    	font-size: 7vw;
	}
}

@media(max-width:  575px){
	#hero-image2{
		display: none!important;
	}
	#text-hero2{
		padding: 100px 0;
		min-height: 410px;
	}

	#text-hero2 h2 {
    	font-size: 10vw;
	}
}
/*FIN HERO-CONVERSION*/



/*HERO-CONVERSION*/


#text-hero-fCampaing{
  padding: 7vw 7%
}
#text-hero-servicio{
  padding: 0 9%
}

#text-hero-servicio h2 {
    font-weight: 900;
    font-size: 5rem;
    color: #000;
}

#text-hero-servicio p {
    font-size: 2rem;
    color: #000;
}


#text-hero-servicio h5,{
  color: #f42736!important;
  text-decoration: none;
} 


#text-hero-fCampaing h1 {
    font-weight: 900;
    font-size: 4vw;
    color: #000;
}

#text-hero-fCampaing p {
    font-size: 1.5vw;
    color: #000;
}


#text-hero-fCampaing h5,{
  color: #f42736!important;
  text-decoration: none;
} 


#text-hero-fCampaing .fa-paper-plane{
  font-size: 1.5em
}
/*button*/
#btn-contactanos-fCampaing{
    font-size: 1.3rem;
    text-align: center;
    border-radius: 10px;
    font-weight: 700!important;
    height: 60px;
    line-height: 60px;
}

@media(max-width: 1500px){
  #btn-contactanos-fCampaing{
    font-size: 1.0rem;
  }
}

#btn-contactanos-exito{
    padding: 0 2vw;
    font-size: 1.0rem;
    text-align: center;
    border-radius: 10px;
    font-weight: 700!important;
    height: 50px;
    line-height: 50px;
}



img.hero-servicio{
    position: absolute;
    bottom: -32px;
}

img.mkt-automation{
  bottom: 0;
  top: 0;
  left:0;
  right: 0;
  margin: auto;
}

img.hero-servicio.agencia-marketing-digital{
    right: -16%;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 120%
}

@media(max-width: 767px){
  #btn-contactanos-exito{
    width: 100%
  }
  img.hero-servicio{
    position: relative!important;
    bottom: -31px;
  }
  img.mkt-automation{
  margin-top: 50px
  }

  img.hero-servicio.agencia-marketing-digital{
    right: 0%;
    width: 100%
  }
}

@media(max-width: 767px){
  #btn-contactanos-fCampaing{
    width: 100%!important;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 10px;
    font-weight: 700!important;
    padding: 0 5.5vw;
    height: 55px;
    line-height: 55px;
  }

  #text-hero-fCampaing .fa-paper-plane {
    font-size: 1.2em;
  }

  #text-hero-fCampaing h1 {
    font-weight: 900;
    font-size: 11vw;
    color: #000;
  }
  
  #text-hero-fCampaing p {
    font-size: 4.5vw;
    color: #000;
  }
  #formulario .numerales{
    margin-bottom: 25px
  } 

}



@media(max-width:  767px){
  #hero-image{
    display: none;
  }

  #hero-image.fastCampaing{
    display: block!important;
    padding: 0 10%;
  }
  #text-hero-servicio{
    padding: 75px 00
  }

  #text-hero-servicio h2 {
      font-size: 7vw;
  }
}

@media(max-width:  575px){
  #hero-image{
    display: none;
  }
  #text-hero-servicio{
    padding: 100px 0;
    min-height: 470px;
  }

  #text-hero-servicio h2 {
      font-size: 10vw;
  }
}






/*FIN HERO-CONVERSION*/


/*ENCABEZADO*/
.encabezado h2, .encabezado h1{
    font-weight: 900;
    font-size: 5rem;
}

.encabezado p{
    font-weight: 600;
    font-size: 1.5rem;
}

.encabezado label{
    font-weight: 700;
    padding-top: 5px;
    padding-right: 20px

}

.select-value{
  background-color: #fff;
  /*width: 80px;
  -webkit-appearance: none;*/
  font-size: 1rem;
  padding: 5px 20px 5px 5px;
  border-radius: 10px;
  font-weight: 700;
  margin-left: 37px;
  border:0

}

#encabezado-mobile .fa-chevron-down{
  position: absolute;
  top: 10px;
  right: 35px;
}
@media(max-width: 767px){
    .select-value {
      margin-left: 0px;
      padding: 5px 30px 5px 5px;
    }
    #encabezado-mobile .fa-chevron-down{
      right: 5%;
  }
}

@media(max-width: 1500px){
  .encabezado h2, .encabezado h1{
    font-weight: 900;
    font-size: 5vw;
  }

  .encabezado p{
    font-weight: 600;
    font-size: 1.2rem;
  }

}

@media(max-width: 767px){
  .encabezado h2, .encabezado h1{
    font-weight: 900;
    font-size: 9vw;
  }

  .encabezado p{
    font-weight: 600;
    font-size: 1.2rem;
  }

}

/*MODAL*/
.modal-calculadora{
     margin: 10% auto;
}

.modal-text h2{ 
  font-weight: 900;
  font-size: 3vw
}

.modal-text p{ 
  font-weight: 500;
  font-size: 1vw;
  color:#929292;
}



@media(max-width: 767px){
  .modal-calculadora{
    margin: 10%;
  }
  .modal-text h2 {
    font-weight: 900;
    font-size: 9vw;
  }
  .modal-text p {
    font-weight: 500;
    font-size: 5vw;
    color: #929292;
  }
}
/*FIN MODAL*/
.toggle{
	transform: rotate(90deg);
}
.toggle.lg input[type="checkbox"] + .button-indecator:before {
  font-size: 30px;
}

.toggle input[type="checkbox"] {
  display: none;
}

.toggle input[type="checkbox"] + .button-indecator {
	color: #f42736;
  	cursor: pointer;
  	display: block;
  	-webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.toggle input[type="checkbox"] + .button-indecator:before {
  content: "";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 25px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-right: 5px;
  vertical-align: -2px;
}

.toggle input[type="checkbox"]:checked + .button-indecator:before {
  content: "";
  color: #00497b;
  -webkit-animation: toggleBtn 0.3s ease-in-out;
          animation: toggleBtn 0.3s ease-in-out;
}

.toggle input[type="checkbox"]:disabled + .button-indecator {
  cursor: not-allowed !important;
}

.toggle input[type="checkbox"]:disabled + .button-indecator:before {
  color: #ccc;
}

.toggle-flip input[type="checkbox"] {
  display: none;
}

.toggle-flip input[type="checkbox"] + .flip-indecator {
  position: relative;
  width: 60px;
  height: 30px;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-perspective: 90px;
          perspective: 90px;
}

.toggle-flip input[type="checkbox"] + .flip-indecator:before, .toggle-flip input[type="checkbox"] + .flip-indecator:after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  line-height: 30px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-align: center;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.toggle-flip input[type="checkbox"] + .flip-indecator:before {
  content: attr(data-toggle-off);
  background-color: #ddd;
}

.toggle-flip input[type="checkbox"] + .flip-indecator:after {
  content: attr(data-toggle-on);
  background-color: #00497b;
  color: #fff;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.toggle-flip input[type="checkbox"]:checked + .flip-indecator:before {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.toggle-flip input[type="checkbox"]:checked + .flip-indecator:after {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.toggle-flip input[type="checkbox"]:disabled + .flip-indecator {
  cursor: not-allowed !important;
  color: #ccc;
}

@-webkit-keyframes toggleBtn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes toggleBtn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}




/*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);
}













.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: 0;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}



body:not(.device-touch) .button {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.button-red {
    background-color: #f42736!important;
    color: #fff!important
}

.button-green {
  border-radius: 10px;
  background-color:#24a53e
}

.blue{
  color: #00538b
}

.button-blue {
    background-color: #00538b!important;
    color: #fff!important
}

.button-gray{
  background-color: #dbdbdb!important;
  color: #737373!important
}

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








/*llegar hasta*/
@media(min-width: 767px){

  #interesar{
    min-height: 19vw
  }
}

/*fin llegar hasta*/

/*salto*/

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

@media(max-width: 767px){
  img#img-optOut{
    position: relative;
    bottom: 0
  }

}

#dar-paso {
  z-index: 0

}

#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: 767px) {

	#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: 767px) {
	
	#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;
	}


}


/*fin salto*/



		/*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 .carousel-item{
      padding-top: 120px
    }


		#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;
		} 

    #vertical-carousel .pasos-container{
      min-height: 250px
    }


    @media(min-width: 2000px){
      #vertical-carousel .pasos-container{
        min-height: 350px
      }
    }

		@media(min-width: 767px){

			#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: 767px){

      #vertical-carousel .carousel-item{
        padding-top: 80px
      }
			#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*/



/* ----------------------------------------------------------------
	Process Steps
-----------------------------------------------------------------*/

.process-steps {
	margin: 0 0 40px;
	list-style: none;
	font-weight: 700;
}

.process-steps li {
	float: left;
	position: relative;
	width: 33%;
	text-align: center;
	overflow: hidden;
}

.process-steps.process-2 li { width: 50%; }
.process-steps.process-3 li { width: 33.33%; }
.process-steps.process-5 li { 
	height: 100%;
	padding-top: 150px;
	width: 20%; }

.process-steps li .i-circled { margin-bottom: 0 !important; }

.process-steps li .i-bordered { background-color: #FFF; }

.process-steps li h5 {
	margin: 15px 0 0 0;
	font-size: 16px;
	font-weight: 300;
}

.process-steps li.active h5,
.process-steps li.ui-tabs-active h5 {
	font-weight: 600;
	color: #1ABC9C;
}

.process-steps li.active a,
.process-steps li.ui-tabs-active a {
	z-index: 100;
	background-color: #00538b  !important;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-color: #00538b  !important;
}




.process-steps .first:after {
	z-index: -1;
    content: '';
    position: absolute;
    top: 36px;
    left: 0;
    /* margin-left: -26px; */
    width: 100%;
    border-top: 5px solid #707271;
}

.process-steps .medium:after {
	 z-index: -1;
    content: '';
    position: absolute;
    top: 36px;
    left: 0;
    /* margin-left: -26px; */
    width: 100%;
    border-top: 5px solid #707271;
}




@media(max-width: 767px){

	.process-steps .medium:after {
		z-index: -1;
	    content: '';
	    position: absolute;
	    top: 25px;
	    left: 0;
	    width: 100%;
	    border-top: 5px solid #707271;
	}

	.process-steps .first:after {
		z-index: -1;
	    content: '';
	    position: absolute;
	    top: 25px;
	    left: 0;
	    width:0;
	    border-top: 5px solid #707271;
	}
}


/* ----------------------------------------------------------------
	Styled Icons
-----------------------------------------------------------------*/


.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {
	display: block;
	float: left;
	margin: 4px 11px 7px 0;
	text-align: center !important;
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
	font-style: normal;
}

body:not(.device-touch) .i-rounded,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.i-rounded,
.i-circled,
.i-bordered {
	width: 70px !important;
	height: 70px !important;
	line-height: 64px !important;
	background-color: #707271;
	border-radius: 3px;
}

	@media(max-width: 767px){
		.i-rounded,
		.i-circled,
		.i-bordered {
			width: 50px !important;
		    height: 50px !important;
		    line-height: 44px !important;
		}

	}

.i-bordered {
	border: 1px solid #555;
	line-height: 50px !important;
	color: #444;
	text-shadow: none;
}

.i-plain {
	width: 36px !important;
	height: 36px !important;
	font-size: 28px;
	line-height: 36px !important;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
}

.i-plain:hover { color: #777; }

.i-circled { border-radius: 50%; }

.i-light {
	background-color: #F5F5F5;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}

.i-alt {
/*	background-image: url('images/icons/iconalt.svg'); */
	background-position: center center;
	background-size: 100% 100%;
}


.i-rounded:hover,
.i-circled:hover {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.i-bordered:hover {
	z-index: 100;
	background-color: #00538b !important;
	color: #FFF;
	border-color: #444;
}


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

  Add all your Custom Styled CSS here for New Styles or
  Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


/*button*/
#btn-contactanos{
/*  width: 100%;*/
    height: 50px;
    line-height: 0px;
    padding: 0px 15%;
    font-size: 1.3em;
    border-radius: 10px;
    text-align: center;
}

@media(max-width: 767px){
  #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*/

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

  }
}

#slider img{
  right: 5%;
    position: absolute;
    height: 100%;
    bottom: 0;
}

#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{
  font-weight: 900;
    font-size: 3.5vw;
    color: #000
}


#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:90px
  }
  #hero-title h2,h5{
      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: 767px) {

  #hero-home {
      margin-top: 75px;
      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{
      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: 767px) {
  #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: 767px) {

  #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: 767px) {
  #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: 767px) {
  #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: 767px) {
  #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: 767px) {

  #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: 767px) {

  #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: 767px) {
  
  #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{
  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.3rem;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
}

#form-contactanos.check-list label{
    font-size: 1.3rem;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 10px;
    cursor: pointer;
}

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

#btn-enviar,#btn-volver{
  font-size: 1.3em;
  text-align: center;
  border-radius: 10px;
  font-weight: 700!important;
  height: 60px;
  line-height: 60px;
}


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

@media (max-width: 767px) {

  #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: 767px) {
  #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: 767px){
      #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: 4vw;
        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;
    }

    .btn-contactanos-exito-mobile{
      display: none;
    }

    #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: 13%;
        top: auto;
        bottom: 12%;
        margin: auto;
      }
      #vertical-carousel .carousel-control-next {
        right: auto;
        left: 13%;
        top: 18%;
        bottom: auto;
        margin: auto;

      }

    }

    @media(max-width: 767px){

      .btn-caso-exito{
        display: none;
      }

      .btn-contactanos-exito-mobile{
        display: block;
        border-radius: 10px
      }
      #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: 350px!important;
      }
      #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{
        width: auto;
        position: absolute;
        top: 40px;
        margin: auto;
        left: 0;
        right: 0;
        cursor: pointer;
    }

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

    }
    /*FIN SERVICIOS INCLUIDOS*/

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

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

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

    @media (max-width: 767px) {
      #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*/


.calculadora-desktok, .btn-modal-desktop{
  display: block;
}
.calculadora-mobile, .btn-modal-mobile{
  display: none;
}


@media(max-width: 767px){
.calculadora-desktok, .btn-modal-desktop{
  display: none;
}
.calculadora-mobile, .btn-modal-mobile{
  display: block;
}

}
.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: 767px){
  #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: 767px) {

    #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: 767px) {
    #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: 767px) {


    #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: 767px) {
      #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: 767px) {
    #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: 767px) {
    #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: 767px){

      #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: 767px){
  #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;
    top: 13px;
    position: absolute; }

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: -5px;
    top: 3px;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}


form.check-list input[type="checkbox"] + label:before {
    border-radius: 5px!important;
    border: 3px solid gray;
}

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);
}

form.check-list 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);
}


/* ----------------------------------------------------------------
  Cuadro Azul Contacto
-----------------------------------------------------------------*/
.c-azul-contacto{
  padding: 5rem 0;
}
.c-azul-contacto h2{
  font-size: 3rem;
  font-weight: 600;
  color: #f7e948;
}
.c-azul-contacto h3{
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
}

@media(max-width:  767px){
  .c-azul-contacto h2 {
    font-size: 9.5vw;
    font-weight: 600;
    color: #f7e948;
  }
  .c-azul-contacto h3{
    margin-top: 20px;
    font-size: 5vw;
    font-weight: 600;
    color: #fff;
  }
}





/*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: #fafafa;
}
#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: 767px){
  #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*/

/*PLANES PRECIOS*/

#container-title-planes  h1,#container-title-planes  h2{
  font-weight: 800;
  color: #00538b;
  font-size: 2.5rem;
  text-transform: uppercase;
}

#container-planes .table td, .table th {
  vertical-align: middle;
}

#container-title-planes  h3{
  text-transform: uppercase;
  font-size: 4rem;
  font-weight: 800;
  color:#000;
}

#container-title-planes  p, #container-title-planes label{
  font-size: 1.5rem;
  font-weight: 600;
  color:#000;

}



#container-planes.sales-manago table.table-borderless th:first-child{
  width: 55%
}


#container-planes.sales-manago table.table-borderless td:first-child{
  width: 55%
}


#container-planes .table thead th{
  vertical-align: middle;
}


.select-plan {
    background-color: #fff;
    width: 100%;
    -webkit-appearance: none;
    font-size: 1rem;
    padding: 5px 20px 5px 5px;
    border-radius: 10px;
    font-weight: 700;
    margin-left: 37px;
    border: 0;
}


#container-planes table tbody tr td:first-child{
  text-align: left;
}
#container-planes  p{
  font-size: 1.5rem;
  font-weight: 600;
  color:#000;
  margin: 0!important
}


#container-planes .fa-check{
  color: #39b92b
}

#container-planes .fa-times{
  color: #f32937;
}
#container-planes th span{
  font-weight: 400
}


#container-planes table thead  tr th:first-child{
  text-align: left;
  border-right: 2px solid white;
}
#container-planes table tbody tr td:first-child{
  text-align: left;
  border-right: 2px solid gray;
}



#container-planes table  tr th p{
  padding: 20px 50px;
  text-align: left;
}
#container-planes table tbody tr td p{
  padding: 10px 50px;
}



.plan-sales{
  display: none;
}

.plan-sales.active{
  display: block;
}


#form-planes-servicios h2{
  font-size: 4rem;
  color: #f7e948!important;
  font-weight:700;

}

#form-planes-servicios p{
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    margin: 0!important;
  }
  #container-title-planes .fa-chevron-down{
    z-index: 10;
    position: absolute;
    top: 10px;
    right: 3%;
    color: #00538b;
  }

@media(max-width: 1500px){
  #container-title-planes h3 {
      font-size: 3rem;
  }
  #container-title-planes h1, #container-title-planes h2 {
      font-size: 2rem;
  }
  #container-title-planes p, #container-title-planes label {
      font-size: 1.3rem;
  }
  #container-planes p {
      font-size: 1.3rem;
  }
  .c-azul-contacto h2 {
    font-size: 2rem;
  }
  .c-azul-contacto h3 {
    font-size: 1.3rem;
  }

}  

@media(max-width: 1200px){
  #container-title-planes h3 {
      font-size: 3rem;
  }
  #container-title-planes h1, #container-title-planes h2 {
      font-size: 2rem;
  }
  #container-title-planes p, #container-title-planes label {
      font-size: 1.3rem;
  }
  #container-planes p {
      font-size: 1.3rem;
  }
  .c-azul-contacto h2 {
    font-size: 2rem;
  }
  .c-azul-contacto h3 {
    font-size: 1.3rem;
  }

} 

@media(max-width: 991px){


  #container-title-planes h3 {
      font-size: 2rem;
  }
  #container-title-planes h1, #container-title-planes h2 {
      font-size: 1.5rem;
  }
  #container-title-planes p, #container-title-planes label {
      font-size: 0.9rem;
  }
  #container-planes p {
      font-size: 0.9rem;
  }
  .c-azul-contacto h2 {
    font-size: 1.5rem;
  }
  .c-azul-contacto h3 {
    font-size: 0.9rem;
  }

}
@media(max-width: 767px){
  th.celda-25{
    width: 25%
  }
  #container-planes table thead tr th {
    padding: 10px 5px;
  }
  #container-planes table tbody tr td {
    padding: 10px 0

  }
  #container-planes table tr th p {
    padding: 10px 0px;
    text-align: left;
  }
  #container-planes table tbody tr td p {
    padding: 10px 3px;
  }

  #container-title-planes h3 {
      font-size: 2rem;
  }
  #container-title-planes h1, #container-title-planes h2 {
      font-size: 1.7rem;
  }
  #container-title-planes p, #container-title-planes label {
      font-size: 1rem;
  }
  #container-planes p {
      font-size: 0.7rem;
  }
  #container-planes p i {
      font-size:1rem;
  }
  .c-azul-contacto h2 {
    font-size: 1.5rem;
  }
  .c-azul-contacto h3 {
    font-size: 1rem;
  }
  .btn-tablas {
    font-size: 0.7rem!important;
    height: 40px!important;
    line-height: 40px!important;
  } 
  .d-none-mobile{
    display: none;
  }
  .select-plan {
    margin-left: 0px;
    font-size: 1.2rem;
  }
  #container-title-planes .fa-chevron-down{
    z-index: 10;
    position: absolute;
    top: 50px;
    right: 19%;
    color: #00538b;
  }
  
}


.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); }
}

/* ----------------------------------------------------------------
  CALCULADORA
-----------------------------------------------------------------*/
@media(min-width: 1200px){
  .margin-1200{
    max-width: 1200px;
    margin:auto;
  }
}
@media(min-width: 1600px){
  .margin-1600{
    max-width: 1600px;
    margin:auto;
  }
  .margin-1800{
    max-width: 1800px;
    margin:auto;
  }

}
.calculadora button, .calculadora a.btn{
  font-weight: 600;
  border-radius: 10px;
}
/* ----------------------------------------------------------------
  Cuadro resultados
-----------------------------------------------------------------*/
.calculo-cuadro p{
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom:10px;
}
.container-slider{
  margin: 2vw 0 3vw;
}
.resultados h2{
  color: #00538b;
  font-weight:900;
  font-size: 4rem

}

#cuadro-2 h5{
  font-size: 1.2rem!important;
  font-weight: 600;
}

.resultados p{
  color: #000;
  font-weight:500;
  font-size: 1.9rem;
}

.icon-pregunta{
  width: 20px;
  margin-left:10px;
}
.rerult-1{
  padding: 6% 6%;
  background-color: #fff;
}
.rerult-2{
  padding: 6% 6%;
  background-color: #ffffffb8;
}
.rerult-3{
  padding: 6% 6%;
  background-color: #fff6;
}



@media(max-width: 1500px){
.calculo-cuadro p{
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom:10px;
}
.resultados h2{
  color: #00538b;
  font-weight:900;
  font-size: 3rem

}

#cuadro-2 h5{
  font-size: 1.4rem!important;
  font-weight: 600;
}

.resultados p{
  color: #000;
  font-weight:500;
  font-size: 1.3rem;
}

}
/*mobile*/

.calculo-cuadro.mobile{
  display: none;
}


/* ----------------------------------------------------------------
  Cuadro Informativo
-----------------------------------------------------------------*/
.informativo-mobile-1{
  display: none;
}

#cuadro-cps-mobile{ 
display: none; }

/* ----------------------------------------------------------------
  Cuadro Azul Contacto
-----------------------------------------------------------------*/
.calculadora-desktok .cuadro-informativo .shadow{
  padding: 3%
}
.cuadro-informativo h2{
  font-weight: 900;
  font-size:3rem;
}

.cuadro-informativo h3{
  font-weight: 600;
  font-size:2.5rem;
  line-height: 3rem;
}

.cuadro-informativo  h4{
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
}

@media(max-width: 767px){
  .cuadro-informativo h3{
    font-weight: 600;
    font-size: 8vw;
    line-height: 10vw;
  }
  .cuadro-informativo h2{
    font-weight: 900;
    font-size:10vw;
  }
  
  .cuadro-informativo  h4{
    font-size: 4.5vw;
    font-weight: 600;
    color: #000;
  }
  #cuadro-formulario{
    display: none;
  }
}

/* ----------------------------------------------------------------
  Slider
-----------------------------------------------------------------*/
.div-point-ui{
    width: 8px;
    background-color: #aaa;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50px;
}

.container-number{
  border-radius: 30px
}

/* Chrome, Safari, Edge, Opera */
input.calculo-input::-webkit-outer-spin-button,
input.calculo-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.calculo-input[type=number] {
  -moz-appearance:textfield;
}

.calculo-input{
  text-align: right;
  height: auto;
  padding: 0.15rem .75rem;
  border-color: #fff;
  border-bottom-right-radius:0;
  border-top-right-radius:0;
  border-bottom-left-radius:30px ;
  border-top-left-radius:30px ;
}
.resultado-input{
  text-align: right;
  height: auto;
  padding: 0.15rem .75rem;
  border-color: #fff;
  border-radius: 10px;
}


.total-input{
  text-align: right;
  height: auto;
  padding: 0.15rem 0rem;
  border-color: #fff;
  border-radius: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5;
  color: #00538b;
}

.total-input:focus{
  color: #00538b;
  background-color: #fff;
  border-color: #ffffff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(255, 255, 255);
}


.total-input:disabled, .total-input[readonly] {
    background-color: #fff;
    opacity: 1;
}

.btn-calculo{
  padding: .2rem .75rem;
  background-color: #e9e9e9;
  border-bottom-left-radius:0!important;
  border-top-left-radius:0!important;
  border-bottom-right-radius:30px !important;
  border-top-right-radius:30px !important;
}




/* ----------------------------------------------------------------
  carousel-clientes
-----------------------------------------------------------------*/
  #carousel-clientes.yellow{
    background-color: #ffd500;
  }
  #carousel-clientes .owl-prev{
    position: absolute;
    left: -20px;
    top: -10px;
  }

  #carousel-clientes .owl-next{
    position: absolute;
    right: -20px;
    top: -10px;
  }


#carousel-clientes h2{
  color: #ffffff;
  font-size:4vw;
  font-weight: 800;

}

#carousel-clientes.yellow h2{
    color: #022b4b;
  }

@media(max-width: 767px){
  #carousel-clientes span{
    font-size: 2.5rem;
    font-weight: 600;
     color: #ffffff;
  }
  #carousel-clientes h2{
  color: #ffffff;
  font-size:8.5vw;
  font-weight: 800;

  }
}

/* ----------------------------------------------------------------
  servicio-incluidos
-----------------------------------------------------------------*/
#servicio-incluidos{
  background-color:#f7e948;
  position: relative;
}

#servicio-incluidos.agencia-publicidad-online{
  padding-bottom: 25%
}
#servicio-incluidos.marketing-digital-pymes{
    padding-bottom: 30%
}


#servicio-incluidos h2{
  color:#00538b ;
  font-size: 4rem;
  font-weight: 800;
#servicio-incluidos
}

#servicio-incluidos h3{
  color:#00538b ;
  font-size: 2.5rem;
  font-weight: 800;
}

#servicio-incluidos p{
    font-size: 1.4rem;
}

#servicio-incluidos .check{
    background-color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100px;
    color: #f7e948;
    margin-right: 10px
}


.cohete2{
    width: 100em;
    position: absolute;
    bottom: 0;
}

.cohete1{
    left: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
}


@media(max-width: 1200px){

  #servicio-incluidos.agencia-publicidad-online{
    padding-bottom:25%;
  }

  #servicio-incluidos.marketing-digital-pymes{
    padding-bottom:25%;
  }

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

  #servicio-incluidos.agencia-publicidad-online{
    padding-bottom:25em;
  }

  #servicio-incluidos.marketing-digital-pymes{
    padding-bottom:35em;
  }


  #servicio-incluidos .mix-auto{
    padding:0;
  }

  #servicio-incluidos p {
    font-size: 1.2rem;
  }
  
  #servicio-incluidos .check {
    background-color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100px;
    color: #f7e948;
    margin-right: 0;
    margin-top: 2px;
  }
  .cohete1 {
    left: -50%;
    width: 150%;
    position: absolute;
    bottom: 0;

}

@media(max-width: 767px){

  #servicio-incluidos.agencia-publicidad-online{
    padding-bottom:20em;
  }

  #servicio-incluidos.marketing-digital-pymes{
    padding-bottom:20em;
  }

}

@media(max-width: 600px){

  #servicio-incluidos.agencia-publicidad-online{
    padding-bottom:8em;
  }

  #servicio-incluidos.marketing-digital-pymes{
    padding-bottom:10em;
  }

/* ----------------------------------------------------------------
  Process Steps
-----------------------------------------------------------------*/
.divcenterservicios {
  position: relative !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.process-steps {
  margin: 0 0 40px;
  list-style: none;
  font-weight: 700;
}

.process-steps li {
  float: left;
  position: relative;
  width: 33%;
  text-align: center;
  overflow: hidden;
}

.process-steps.process-2 li { width: 50%; }
.process-steps.process-3 li { width: 33.33%; }
.process-steps.process-5 li { 
  z-index: 0;
  height: 100%;
  padding-top: 150px;
  width: 20%; }

.process-steps li .i-circled { margin-bottom: 0 !important; }

.process-steps li .i-bordered { background-color: #FFF; }

.process-steps li h5 {
  margin: 15px 0 0 0;
  font-size: 16px;
  font-weight: 300;
}

.process-steps li.active h5,
.process-steps li.ui-tabs-active h5 {
  font-weight: 600;
  color: #1ABC9C;
}

.process-steps li.active a,
.process-steps li.ui-tabs-active a {
  z-index: 100;
  background-color: #00538b  !important;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  border-color: #00538b  !important;
}

.process-steps li:before,
.process-steps li:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 36px;
  left: 0;
  margin-left: -26px;
  width: 0%;
  border-top: 5px solid #707271;
}

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

.process-steps li:first-child:before,
.process-steps li:last-child:after { display: none; }

@media(max-width: 767px){

.pasos:before,
.pasos:after {
    z-index: -1;
    content: '';
    position: absolute;
    top: 26px;
    left: 19%;
    margin-left: -26px;
    width: 66%;
    border-top: 5px solid #707271;
}

.pasos:after {
  right: 0;
  margin: 0 -35px 0 0;
}

.pasos:first-child:before,
.pasos:last-child:after { display: none; }
}

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