/*--------------------------------------------------------------
# Generales
--------------------------------------------------------------*/
body {background:#fff;color:#545454;font-family:"Gotham_Book",verdana;}
.mitad{display:inline-block;margin:auto;width:49%;vertical-align:middle;text-align:justify;box-sizing:border-box;}
a {color:#1a549b;transition:0.5s;}
a:hover,a:active,a:focus {color:#2575d8;outline:none;text-decoration:none;}
p {padding:0;margin:0 0 20px 0;letter-spacing:-0.025em;}
b, strong {font-weight:bolder;font-family:"Gotham_Bold",verdana;}
h1,h2,h3,h4,h5,h6 {font-family:"Gotham_Black",verdana;margin:0 auto 20px;padding:0;display:block;text-align:center;}
.row {display:block;-ms-flex-wrap:wrap;flex-wrap:unset;margin-right:0;margin-left:0;}
.clear {clear:both;}
.vw-100 {width:100% !important;}
img{vertical-align:bottom;}
/* Back to top button */
.back-to-top {position:fixed;display:none;background:#1a549b;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;}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {transition:all 0.5s;z-index:997;transition:all 0.5s;height:110px;padding:20px 0;position:fixed;left:0;top:0;right:0;transition:all 0.5s;z-index:997;}
#header .container{width:98%;margin:auto;max-width:1200px !important;}
#header.header-scrolled,
#header.header-pages {height:70px;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 h1 {font-size:36px;margin:0;padding:0;line-height:1;font-weight:400;letter-spacing:3px;text-transform:uppercase;}
#header .logo h1 a,
#header .logo h1 a:hover {color:#333333;text-decoration:none;}
#header .logo img {padding:0;margin:-20px 0 0;max-height:85px;}
.main-pages {margin-top:60px;}
/* #intro {position:relative;height:auto;overflow:hidden;background:url(/20/pe/wat/images/loading.gif) no-repeat center; background-size:300px} */
/* #intro video{width:100%;height:auto;} */
/* #introimagen{display: none;} */
#intro{
	position:relative; width:100%; min-height:500px;background:url(/22/pe/mar23/images/header-landing-charla-presencial.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: 45%;
	  left: 45%;
	  -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-family:"Gotham_Medium",verdana;text-transform:uppercase;font-weight:600;}
.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {color:#2575d8;text-decoration:none;background:-webkit-linear-gradient(left,#2575d8,#364891);-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-family:"Gotham_Black",verdana;color:#545454;}
.mobile-nav a:hover,.mobile-nav .active > a,.mobile-nav li:hover > a {color:#1a549b;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:#2e3031;}
.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:#1a549b;}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
#main{font-size:15px;}
.section-header h2{font-size:220%;line-height:100%;color:#3f3f3f;text-transform:uppercase;}
.section-header h2::after {content:'';display:block;margin:4px auto 30px;width:213px;max-width:25%;height:4px;background-image:linear-gradient(to right, #ffc107, #ffa707);}
h3{font-size:150%;color:#1a549b;}
.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:30px;width:60%;}
h4 {clear:both; display:inline-block; padding:10px 25px; font-size:100%; line-height:100%; text-transform:uppercase;background:linear-gradient(#2575d8,#1a549b); color:white; font-family:'Gotham_Black',Verdana; border-radius:30px; margin:30px 0 20px;}
.section-bg {background:#edf3f9;background-image:linear-gradient(45deg, #f3eee8, #f6f5f5);}
#wat {padding:30px 0 60px;}
#wat h3 {margin-top:10px;}
.BtnRegistro {display:block;margin:20px auto 0;width:350px;height:60px; font-size:22px;line-height:260%; font-family:'Gotham_Book',Verdana; text-align:center;text-decoration:none;background:linear-gradient(#d4261a,#ff2222);color:white;border-radius:50px;letter-spacing:-0.01em;box-shadow:0px 0px 16px #919597; text-transform:uppercase;}
.BtnRegistro span {display:block;font-size:25px;line-height:31%; font-family:'Gotham_Ultra',Verdana; text-transform:uppercase;}
.BtnRegistro:hover, .BtnRegistro:active .BtnRegistro:focus{background:linear-gradient(#ff2222,#d4261a); color:white;}
#charlamensaje {padding:60px 0 30px;background: url(/21/pe/aspen/images/bg-snowboard.png) no-repeat left bottom,linear-gradient(90deg,#2575D7,#054486);
    background-size: 800px,100%; color: white; margin-top:-10px;z-index: 3;}
#charlamensaje.section-header h2, #charlamensaje h3 {color: white;}
#charlamensaje .section-header h2::after{background-image:none; background-color: white;}
#charlamensaje p{font-size:120%;}
#charlamensaje span{	color: #ffd700;}
#charlamensaje a{display: block; margin-top: 6px;}

#requisitos {padding:60px 0 80px;color:#1b4d97;}
#requisitos h3 {margin-bottom:0px;}
#requisitos p {display:block; text-align:center;}
#requisitos ul {padding:0;margin:auto;list-style:none;text-align:center;}  
#requisitos li {width:45%;max-width:160px;padding-top:120px;background:url(../images/btn-requisito-estudios.gif) no-repeat center top;
background-size:110px; font-family:'Gotham_Medium',Verdana;text-align:center;display:inline-block;margin:5px;font-size:90%;line-height:100%;vertical-align:top;}
#requisitos .estudios {background-image:url(/20/pe/tudecides/images/btn-requisito-estudios.png) !important;}
#requisitos .edad	{background-image:url(/20/pe/tudecides/images/btn-requisito-edad.png) !important;}
#requisitos .periodo {background-image:url(/20/pe/tudecides/images/btn-requisito-disponibilidad.png) !important;}
#requisitos .ingles {background-image:url(/20/pe/tudecides/images/btn-requisito-ingles.png) !important;}
#lugares {padding:60px 0;}
#lugares .sub-header p{	padding-bottom:0;}
#lugares ul{padding:0;margin:10px 0 0;list-style:none;text-align:center;}
#lugares li {cursor:pointer;margin:0 15px 0 0;display:inline-block;padding:12px 10px;font-family:"Gotham_Medium",verdana;
font-size:90%;line-height:100%;color:#545454;margin-bottom:5px;transition:all 0.3s ease-in-out;}
#lugares li:hover, #lugares li.filter-active {font-family:"Gotham_Black",verdana;}
#lugares li.filter-active::after {content:'';display:block;margin:2px auto 0;width:100%;height:2px;background-image:linear-gradient(to right, #e52c22, #f8b900);}
#lugares li:last-child {margin-right:0;}
#lugares .empleadores{max-width:900px;margin:auto;text-align:left;}
#lugares div.left,#lugares div.right{overflow:hidden;}
#lugares div.left .empleador{float:left;padding-left:0.5%;}
#lugares div.right .empleador{float:right;padding-right:0.5%;}
#lugares img {padding-bottom:0.5%;width:100%;}
.emp1{width:66%;} 
.emp2{width:33%;} 
.emp3{width:49.5%;}
#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,#1a549b,#2575d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-right:6px;}
#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,#1a549b,#2575d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-right:6px;}
#participa {padding:70px 0 60px;text-align:center;font-size:120%;}
#participa .mitad{max-width:300px;vertical-align:middle;}
#participa h5 span{font-family:"Gotham_Book",verdana;font-weight:normal;font-size:110%;}
#participa .texto{max-width:380px;margin:0 1%; text-align:center;}
#participa p {font-size:95%; line-height: 120%;}
#participa ol {font-size:86%; line-height:120%; text-align: left; list-style: none;     margin: 0;     padding: 0;}
#participa ol li {letter-spacing: -0.03em;
    font-size: 90%;
    padding: 18px 16px; margin:7px; background: #edf3f9; border-radius:50px;}
#participa ol li a{white-space: nowrap;}
#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:0;background:url(/20/pe/images/whatsapp.png) no-repeat 0 0 transparent;background-position:-4px -95px;background-size:88px;text-decoration:none;}
.whatsapp:hover{background-position:-3px 2px;}
.cel{display:none;}


/*--------------------------------------------------------------
# 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 {display:none !important;}
		#introimagen {display: block !important;}*/
}

@media (max-width:767px) {
		.back-to-top {bottom:15px;}		
		.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%;}
		#wat{padding-top:10px;}
		.section-header p, .sub-header p {width:100%;}
		.PC{display:none;}
		.cel{display:block;}
		.botoncel {display:block; position:fixed;width:100%;bottom:-10px; padding:20px 0 37px; background:url(/20/pe/tudecides/images/arrow.gif) no-repeat center top, white; 
		background-size:40px; background-position:center 10px;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;}
}

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