/*--------------------------------------------------------------
# Generales
--------------------------------------------------------------*/
body {background:#fff;color:#333333;font-family:'Branding'; font-weight:400; font-style:normal;}
.mitad{display:inline-block;margin:auto;width:49%;vertical-align:middle;text-align:justify;box-sizing:border-box;}
a {color:#2d2d2d;transition:0.5s;}
a:hover,a:active,a:focus {color:#0d73bd;outline:none;text-decoration:none;}
p {padding:0;margin:0 0 20px 0;letter-spacing:-0.025em;}
b, strong {font-weight:bold;font-family:'Branding';}
h1,h2,h3,h4,h5,h6 {font-family:'Branding'; font-weight:900; margin:0 auto 20px;padding:0;display:block;text-align:center;}
.row {margin-right:0;margin-left:0;}
.clear {clear:both;}
.vw-100 {width:100% !important;}
img{vertical-align:bottom;}
.legal{font-style: italic; font-size:90%;}
/* Back to top button */
.back-to-top {position:fixed;display:none;background:#607d8b;color:#fff;width:44px;height:44px;text-align:center;line-height:1;font-size:16px;border-radius:50%;right:15px;bottom:15px;transition:background 0.5s;z-index:11;}
.back-to-top i {padding-top:12px;color:#fff;}
.numero {
	width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    background-color: #ffc107;
    color: #054086;
    font-weight: 700;
    border-radius: 20px;
    font-size: 147%;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {transition:all 0.5s;z-index:997;transition:all 0.5s;background-color: #fff6; 	height:75px;padding:15px 0;position:fixed;left:0;top:0;right:0;transition:all 0.5s;z-index:900;}
#header .container{width:98%;margin:auto;max-width:1200px !important;}
#header.header-scrolled,
#header.header-pages {height:75px;padding:15px 0;background-color:#fff;box-shadow:0px 0px 30px rgba(127, 137, 161, 0.3);}
#header.header-scrolled #topbar,
#header.header-pages #topbar {display:none;}
#header .logo img {padding:0;margin:auto;max-height:50px;}
#logopartner {position: absolute; top: 0;}
#logopartner img {max-height:90px !important;}


.main-pages {margin-top:60px;}
#intro{
position:relative; width:100%; min-height:500px;background:url(images/header.jpg) no-repeat top left;       
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;   
}
#intro img {
  width:90%;
  max-width:550px;
  margin: 0;
  position: absolute;
  top: 58%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* Desktop Navigation */
.main-nav,
.main-nav * {margin:0;padding:0;list-style:none;}
.main-nav > ul > li {position:relative;white-space:nowrap;float:left;}
.main-nav a {display:block;position:relative;color:#333333;padding:10px 11px;transition:0.3s;font-size:14px;font-weight:800;text-transform:uppercase;}
.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {color:#0d73bd;text-decoration:none;background:-webkit-linear-gradient(left,#0d73bd,#054086);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
/* Mobile Navigation */
.mobile-nav {position:fixed;top:0;bottom:0;z-index:9998;overflow-y:auto;right:-260px;width:260px;padding-top:25px;background:white;transition:0.4s;}
.mobile-nav * {margin:0;padding:0;list-style:none;}
.mobile-nav a {display:block;position:relative;padding:10px 20px;font-weight:900;color:#054086;}
.mobile-nav a:hover,.mobile-nav .active > a,.mobile-nav li:hover > a {color:#0d73bd;text-decoration:none;}
.mobile-nav-toggle {position:fixed;right:0;top:0;z-index:9999;border:0;background:none;font-size:24px;transition:all 0.4s;outline:none !important;line-height:1;cursor:pointer;text-align:right;}
.mobile-nav-toggle i {margin:18px 18px 0 0;color:#2e2e2e;}
.mobile-nav-overly {width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background:rgba(219, 219, 223, 0.8);overflow:hidden;display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {right:0;}
.mobile-nav-active .mobile-nav-toggle i {color:#054086;}
.main-nav  span.resalta {background: linear-gradient(to left,#0d73bd,#054086); border-radius:20px; padding:3px 13px; color: white;}
.main-nav  a:hover span.resalta {background: linear-gradient(to right,#0d73bd,#054086); color: white; -webkit-text-fill-color: white;}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
#main{font-size:16px;}
.section-header h2{font-size:220%;line-height:100%;color:#054086;text-transform:uppercase;}
.section-header h2::after {content:'';display:block;margin:4px auto 30px;width:150px;max-width:25%;height:4px;background-image:linear-gradient(to right, #ff9200, #ffb900);-webkit-border-radius:10px; -moz-border-radius:10px;  border-radius:10px;}
h3{font-size:130%;color:#144890;text-decoration:none;background:-webkit-linear-gradient(left,#0d73bd,#144890);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.sub-header h3 {margin-bottom:5px;}
.sub-header p, .section-header p {text-align:center;margin:auto;font-size:103%;line-height:126%;padding-bottom:20px;}
h4 {clear:both; display:inline-block; padding:10px 25px; font-size:100%; line-height:100%; text-transform:uppercase;background:linear-gradient(#0d73bd,#144890); color:white; border-radius:30px; margin:30px 0 20px;}
.section-bg {background:#f9f9fb;}
.resalta{font-weight:700; color: #144890;}
#programa {padding:60px 0 60px;}
#programa h3 {margin-top:10px;}
.BtnRegistro {display:block;margin:20px auto 0;width:350px;height:60px; font-size:19px;line-height:165%; text-align:center;text-decoration:none;background:linear-gradient(#f1451f,#e13d10);color:white;border-radius:50px;box-shadow:0px 0px 16px #919597; }
.BtnRegistro span {display:block;font-size:138%;line-height:40%; font-weight:900; text-transform:uppercase;}
.BtnRegistro:hover, .BtnRegistro:active .BtnRegistro:focus{background:linear-gradient(#0d87cf,#144890); color:white;}
.boton{
	display:block; max-width:350px; margin:20px auto; font-size:19px; font-weight:600; line-height:165%; text-align:center;text-decoration:none;background:linear-gradient(#0d87cf,#144890);color:white;border-radius:50px;box-shadow:0px 0px 16px #919597; padding: 10px 20px;
}

.boton:hover, .boton:active .boton:focus {background:linear-gradient(#144890,#0d87cf);}

#charlamensaje {padding:60px 0 10px;background: url(images/bg-charla.png),linear-gradient(#0d87cf,#144890); color: white; margin-top:-10px;z-index:3; font-weight:500; box-shadow: inset 0px 15px 10px 0px #252e4e47;}
#charlamensaje h2, #charlamensaje h3 {color: white;-webkit-text-fill-color:white;}
#charlamensaje h2::after{background-image:none;}
#charlamensaje p {font-size:120%;}
#charlamensaje span {color: #ffe973;}
#charlamensaje a {display: block;
    margin: 29px auto 0;
    width: 98%;
    max-width: 270px;
    line-height: 48px;
    white-space: nowrap;
    border-radius: 30px;}


#requisitos {padding:60px 0 50px; text-align:center;}
#requisitos .requisito { position: relative; width:100%; max-width:900px; text-align:center;  margin: 15px auto 0;}
#requisitos img {position: relative; width: 100px;padding: 0px 10px;vertical-align:middle;}
#requisitos .requisito-info {position: relative;display: inline-block; width:40%; min-height:86px; padding: 5px;vertical-align:top;	margin-top: 5px;}
#requisitos .requisito-info:after {content: '';position: absolute; top: 50%; transform: translate(0%, -50%); width:4px; height: 100%; transition: 0.5s;}
#requisitos h5{font-size: 105%;color: #0d73bd;text-transform: uppercase;font-weight: 600;margin: 0;}
#requisitos .requisito-info p {display: block;padding-bottom: 0;font-size: 92%; font-weight: 500; margin-bottom:0;}
.req-intern, .req-intern h5, .req-intern p{text-align: right; padding-right:10px}
.req-trainee, .req-trainee h5, .req-trainee p {text-align: left;padding-left:10px;}
.req-intern:after {right:0;}
.req-trainee:after {left:0;}
.req1 div.requisito-info:after {background-color: #0c7fc2;}
.req2 div.requisito-info:after {background-color: #0267a9;}
.req3 div.requisito-info:after {background-color: #0d499a;}
.req4 div.requisito-info:after {background-color: #163f81;}



#empleadores {padding:60px 0; position:relative; text-align: center;}
#empleadores .sub-header p{	padding-bottom:15px;}/*fin empleador effect*/

#empleadores .box{position:relative; width:100%; display:block; margin-bottom:20px; height:auto; overflow:hidden;box-shadow: 5px 5px 6px 0px #4547499e; border:0px solid white;}
#empleadores .box:after {content:""; width:100%; height:100%; position:absolute; bottom:-100%; left:0; transition: all 0.3s ease-in 0s; background: linear-gradient(45deg, #0e3f82, transparent);}
#empleadores .box:hover:after {bottom:0;}
#empleadores .box img {width:100%; height:auto;}
#empleadores .box .box-content{width:100%; padding:10px; text-align:left;  position:absolute; bottom:0; left:0; z-index:1; opacity:1; transition: all 0.5s ease-in 0s; background: linear-gradient(45deg, #00000069, transparent);}
#empleadores .box:hover .box-content{ opacity: 1; }
#empleadores .box .title{ display:block; font-size:120%;  font-weight:700; color:#fff;  -webkit-text-fill-color:white; text-transform:uppercase; margin:0;padding:3px 0; line-height:110%;text-align:left;}
#empleadores .box .post{ display: block;  font-weight:600; color: #fff;line-height: 110%;}
#empleadores .box .social{padding:0; margin: 10px 0; position: absolute; top: 0; right: 0; z-index: 1; opacity:0;transition: all 0.5s ease-in 0s; text-align: center;}
#empleadores .box:hover .social{ opacity: 1; }
#empleadores .box .social i {display: block;width: 35px;height: 35px;line-height: 35px;border: 1px solid #fff;font-size: 18px;color: #fff;text-align: center;margin-right: 10px;transition: all 0.5s ease-in 0s;}
#empleadores .box .job-offer{padding:0; margin: 10px 0; position: absolute; top: 0; left: 0; z-index: 1; opacity:0;transition: all 0.5s ease-in 0s; text-align: center;font-weight:600; color: #fff;line-height: 110%;}
#empleadores .box:hover .job-offer{ opacity: 1; }
#empleadores .box .job-offer i {display: block;width: 35px;height: 35px;line-height: 35px;font-size: 18px;color: #fff;text-align: center;margin-right: 10px;transition: all 0.5s ease-in 0s;}
@media only screen and (max-width:990px){
    #empleadores .box{ margin-bottom: 30px; }
}
/*fin empleador effect*/






#position{	text-align:center;}
#position .mitad {width:100%;max-width:280px;margin:1% 5%; display:inline-block;}
#position h4{width:100%;margin:0;margin-top:-5px;}
#position ul{display:block;box-sizing:content-box;width:90%;min-height:213px;margin:0 auto;padding:10px 0 20px;border-radius:0 0 10px 10px;background-color:#f0efef;}
#position ul li{display:block;text-align:left;padding:6px 10px 6px 30px;margin:0;}
#position ul li:hover{cursor:default;}
#position ul li i{background:-webkit-linear-gradient(left,#0d73bd,#054086);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-right:6px;}

#inversion {padding:60px 0; position:relative; text-align: center;}
#inversion .sub-header p { padding-bottom: 6px;text-align:justify;}
#inversion .financiamiento_pc{display: block;margin: auto;width:100%; max-width:800px;}
#inversion .financiamiento_cel{display: none;}



#inversion .sub-header p span {
    display: inline-block;
    margin-top: -10px;
    margin-right: 5px;
    width: 22px;
    height: 22px;
    font-size: 17px;
    line-height: 22px;
    padding-left: 3px;
}
#proceso {position:relative; padding:70px 0 50px;}
@media (max-width:768px) {
	#proceso .line{position: relative;	}
	#proceso .line:before{content: ' '; position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%); width: 1px; height: 80%;background-color: #0d73bd;transition: 0.5s;	}
}
#proceso .card {border: 0; border-radius:0px; box-shadow: 1px 1px 10px 1px #68687052; transition: all .3s ease-in-out;
padding:0;  padding-bottom:10px; position:relative; margin-bottom:30px; font-size: 95%;}
#proceso .card:after {content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 5px; height: 0%; background-color: #0d73bd; transition: 0.5s;}
#proceso .card:hover { -webkit-transform: scale(1.05);transform: scale(1.05);box-shadow: 1px 2px 35px 0 #00000014;}
#proceso .card:hover:after {height: 100%;}
#proceso .card .card-header {background-color: white; border-bottom: 0px; -moz-text-align-last: center; text-align-last: center;}
#proceso h3 { margin-bottom: 16px;font-size: 100%; text-align: left; margin-bottom:5px;}
#proceso h3 span{display: block; position:absolute; top:-11px; left:-12px; width:30px; height:30px; text-align:center;
	vertical-align: middle; background-color:#ffc107; color:#054086; font-weight:700; -webkit-text-fill-color:#054086;
	border-radius: 20px;  line-height:30px;  font-size:147%; z-index:10; padding-left:3px;}
#proceso p { margin-bottom:1px; line-height: 120%; text-align: left;}
#proceso .card-block {
  padding: 15px 12px 4px 15px;
  text-align: center;
  min-height:90px;
}
@media (max-width:768px) {
	#proceso .card-block {  min-height:40px;}
}
#proceso .card .time{
 color: #0d73bd;
 font-weight:700;
 text-align: right;
 font-size:90%;
}
#proceso .card .time i{
 font-size:110%; 
}

#promociones {padding:100px 0 100px;}
#promociones ul{display:block;box-sizing:content-box;width:90%;min-height:90px; margin:0 auto 20px;padding:10px 0 10px;border-radius:10px;background: #ffffff57;}
#promociones ul li{display:block;text-align:left;padding:6px 10px 6px 30px;margin:0;}
#promociones ul li:hover{cursor:default;}
#promociones ul li i{background:-webkit-linear-gradient(left,#0d73bd,#054086);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-right:6px;}



#participa {padding:60px 0 60px;background:linear-gradient(#0d87cf,#144890); color: white; font-size:120%;    }
#participa img {vertical-align: top; width: 100%; margin:5px auto; border-radius: 10px; border: 1px solid #0e81c9;border-style: dotted;}
#participa .pasos{position: relative; line-height: 100%;vertical-align: top; margin-bottom: 20px;}
#participa .pasos span.resalta{color:#ffc107; font-weight: 900; font-size:110%;line-height: 103%;}
#participa .paso {position:relative;margin-top:25px; text-align: left; padding-left:45px;font-size:90%; line-height:125%;}
#participa .paso span {display: block;position: absolute; top:0; left: 0; width: 30px; height: 30px; line-height: 30px; text-align: center;
	vertical-align: middle; background-color: #ffc107; color: #054086; font-weight: 700; border-radius: 20px; font-size: 147%; z-index: 10;}
#participa .paso a {color:#efe9da;}
#participa .paso a:hover {color:#ffc107;}
#footer {padding:60px 0;font-size:75%;line-height:120%;background:#545454;color:#fafafa;}
.whatsapp {position:fixed; height:100px; width:100px; z-index:21; bottom:5px;background:url(images/btn-whatsapp-green.png) no-repeat 0 0 transparent;background-position:-4px -92px;background-size:88px;text-decoration:none;}
.whatsapp:hover{background-position:-3px -6px;}
.cel{display:none;}

/*
login
*/

#login_{
	position: relative;
	float: left;
	width: 294px;
	height: 73px;
	overflow: hidden;
	background: url(images/login.png) no-repeat left bottom;
	margin: 0 15px;
	padding: 0px 10px;
	}
	
	p.head_ti{
	position: relative;
	width: 100%;
	text-transform: uppercase;
	line-height: 30px;
	}
	
	p.inputs{
	position: relative;
	width: 100%;
	line-height: 20px;
	font-size: 10px;
	}
	
	p.inputs span {
		display: block;
		position: relative;
		width: 25px;
	   
		height: 25px;
		background-size: contain;
		float: left;
	}
	
	span.username{ background: url('img/ico_login_login.png'); }
	span.password{background: url('img/ico_login_pw.png');}
	
	p.inputs input[type="text"]{
	
		display: block;
		position: relative;
		float: left;
		border: none;
		width: 66px;
		line-height: 16px;
		margin-right: 5px;
		color: #064386;
		font-size: 9px;
		padding: 4px 3px;
		background: #dee9f3fa;
		border-radius: 2px;
	}
	
	p.inputs input[type="password"]{
		display: block;
		position: relative;
		float: left;
		border: none;
		width: 66px;
		line-height: 16px;
		margin-right: 5px;
		color: #064386;
		font-size: 9px;
		padding: 4px 3px;
		background: #dee9f3fa;
		border-radius: 2px;
	}
	
	p.inputs input[type="submit"] {
		display: block;
		position: relative;
		float: left;
		/* font-family: 'helvetica_cebold'; */
		color: #fff;
		font-size: 10px;
		margin-left: 2px;
		text-decoration: none;
		line-height: 16px;
		text-transform: uppercase;
		border: none;
		background: #042a53ab;
		padding: 5px 17px;
		cursor: pointer;
		border-radius: 6px;
		margin-top: -1px;
	}
	
	span.forget a {
		color: #f2eeb3;
	}
	span.forget {
		text-decoration: underline;
		float: right !important;
		font-size: 9px;
		margin-top: -3px;
		width: auto !important;
		margin-right: -4px;
	}


/*
acordion
*/
#faq {padding:0; margin:0; overflow:hidden; }
#faq h4  {display:inline-block; color:#333333; font-weight:600; letter-spacing:0.01em; text-transform:capitalize; background:none; margin: 0; padding:8px 15px;}
#faq #faq-list {padding:0; margin:0;  list-style:none; background: #ffffff57; text-align: left;}
#faq #faq-list>li {border-bottom:2px solid #ffffff; }
#faq #faq-list a {padding:2px 0;display: block;position: relative; background-color: #f9f9fb; line-height: 1;font-weight: 400;padding-right: 20px;}
#faq #faq-list i {font-size: 20px;position: absolute;right:0; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#faq #faq-list p {margin-bottom: 20px;}
#faq #faq-list a.collapse {color: #0d73bd;}
#faq #faq-list a.collapsed {color: #054086;}
#faq #faq-list a.collapsed i::before {content: "\f067" !important;}
#faq .content {padding:5px 15px; font-size:90%;}
#faq .content ul, #faq .content ol{padding-left: 15px;}
#faq .content ul {list-style: square;}
#faq .faqcollapse{ background: #ffffff57; display:block; width: 98%; margin: 0 auto;}
#faq #faq-list.faqinversion a {	background-color:#e8ebef !important;}

/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

@media (max-width:1024px) {
		#call-to-action .cta-btn-container {
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:end;
		-webkit-justify-content:flex-end;
		-ms-flex-pack:end;
		justify-content:flex-end;
		}
}

@media (min-width:991px) {
	#testimonials .testimonial-item p {width:80%;}
	#topbar {display:none;}
	#header {height:70px;padding:15px 0;}
	#header .logo h1 {font-size:28px;padding:8px 0;}
	#why-us .why-us-content {padding-top:30px;}
	#pricing {padding-bottom:30px;}
	#pricing .card {margin-bottom:50px;}
}
@media (max-width:800px) {
		#intro {height:50vh; min-height:380px; font-size:95%;
		}
}

@media (max-width:767px) {
		#logopartner {left:42%; -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);  width:80%;}
		.back-to-top {bottom:70px;}		
		.mitad {width:95%; margin:auto;display:block;}
		#faq #faq-list a {font-size:18px;}
		#faq #faq-list i {top:13px;}	
		.section-header h2 {font-size:190%;}
		#charlamensaje {padding:30px 0 10px;}
		#charlamensaje p {font-size:100%;}
		#faq h4 {font-size:90%;}
		#programa{padding-top:40px;}
		.section-header p, .sub-header p {width:100%;}
		.PC{display:none;}
		.cel{display:block;}
		.botoncel {display:block; position:fixed;width:100%;bottom:-10px; padding:13px 0 37px; background:url(/20/pe/tudecides/images/arrow.gif) no-repeat center top, white; 
		background-size:40px; background-position:center 5px;z-index:20;}
		.emp1 {float:none;margin:0 auto;width:100%;}
		.emp2, .emp3 {width:50%;}
		#opciones .opcion2{margin-top:0;}
		#opciones .opcion2>div{margin-top:20px;margin-left:auto;}
		#requisitos img {width:110px; margin:0;position:absolute; top: 0;left: 50%;-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
		#requisitos .requisito-info {margin-top: 120px;min-height:70px;}
		.req-intern:after {display: none;}
		.req-intern, .req-intern h5, .req-intern p {padding-right:0px;}
		#participa{padding-bottom: 120px;}
}

@media (max-width:574px) {
	#footer .footer-top .social-links a {margin-bottom:25px;}
	.BtnRegistro {width:85%; max-width:292px; margin-left:79px;}
	.whatsapp {height:88px;}
	.empleador,	.emp1, .emp2, .emp3 {float:none;margin:0 auto;width:100%;}
		#inversion .financiamiento_cel{display: block;margin: auto;width:100%; max-width:400px;}
		#inversion .financiamiento_pc{display: none;}
}