@import url('https://fonts.googleapis.com/css?family=Khand:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,300i,400,400i,600,700');

*, *:after, *:before {
	padding: 0; margin: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	 	    box-sizing: border-box;
}
html {	
	scroll-behavior: smooth;
}
body {
	height: 100%; margin: 0; position: relative; 
	overflow-x: hidden; color: #FFF;
	font-family: 'Titillium Web', sans-serif; font-weight: 300; font-size: 18px; line-height: 23px;
	-webkit-font-smoothing: antialiased 
}
.menu {
	position: fixed; left: 0; top: 0; z-index: 9;
	width: 100%;
	background-color: #fff; border-bottom: 1px solid grey;
}
::-moz-selection { 
	color: white;  background: #fcbc00; 
}
::selection { 
	color: white;  background: #fcbc00; 
} 
.relative {
	position: relative;
}
.clearfix {
	clear: both;
}
.sin-padding {
	padding: 0;
}
.padding-left {
	padding-left: 0;
}
.padding-right {
	padding-right: 0;
}
.menu__list {
	height: 52px;
}
.menu .active .menu__link, .menu .active .menu__link:hover, .menu .active .menu__link:focus{
	color: #d84116;
}
.menu .menu__link:after {
	background-color: #d84116;
}
.overlay{
	position: absolute; left: 0; top: 0;
	background-color: rgba(4, 4, 4, 0.29);
	width: 100%; height: 100%;
}
.z-index {
	position: relative; z-index: 3;
}
.Btn{
	text-align: center; display: block;
	margin: 0 auto; width: 234px; border: 1px solid #ffcb0c;
	color: #ffcb0c; padding: .4em; position: relative; overflow: hidden;
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		 -o-transform: translateY(0);
		    transform: translateY(0);
	-webkit-transition: all .5s;
		 -o-transition: all .5s;
		 	transition: all .5s;
}
.Btn:before{
    content: '';
	position: absolute; top: 0; left: -85%;
    z-index: 2;
    display: block;
    width: 50%; height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    		transform: skewX(-25deg);
}
.Btn:hover{
	background-color: #ffcb0c; color: #3e3c3c; text-decoration: none;
	-webkit-transform: translateY(5%);
		-ms-transform: translateY(5%);
		 -o-transform: translateY(5%);
		    transform: translateY(5%);
}
.Btn:hover:before{
	-webkit-animation: shine .75s;
    	 	animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}
.nav > li > a.No_Scroll {
	visibility: visible; opacity: 1;
	padding: 0; width: 100%; margin-top: 0em;
	-webkit-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}
.nav > li > a.Scroll {
	visibility: hidden; opacity: 0;
	padding: 0; width: 100%;
	position: absolute; top: 0; left: 0;
	-webkit-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent;
}
.logo {
	margin: 0 .9em;
}
.nav > li > a.Scroll img{
	display: block; margin: auto;
}
.nav > li > a.No_scroll img{
	position: absolute; left: 0; top: 0;
}
.Flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
		align-items: center;
	justify-content: center;
	
}
.Title  {
	font-family: 'Khand', sans-serif; font-size: 62px; font-weight: 600;
	margin: .3em 0 0; color: #fcbc00;
}
.SubTitle  {
	font-size: 44px; font-family: 'Josefin Sans', sans-serif;
}
.Subtitle  {
	font-family: 'Khand', sans-serif; font-size: 26px; font-weight: 400;
	margin: .3em 0; color: #fcbc00;
}
section {
	max-height: 880px; width: 100%; position: relative; padding-top: 50px; padding-bottom: 50px;
	border-width: 0; border-style: solid;
}

section.section1 {
	height: 85vh; border-width: 0;
  	font-weight: 900; color: #353535;
}
section.section1 .container, section.section1 .row{
	height: 100%;
}
section.section1 img{
	position: absolute; left: 0%; top: 80px;
}
#section1 {
	padding-top: 62px; margin-top: 52px;
	color: #fff; 
	background-image: url(../img/Section1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #050304;
	background-attachment: fixed;
	-webkit-background-size: cover;
			background-size: cover;
	-ms-background-position-y: top;
		background-position-y: top;
}
#section1.Gracias{
	height: 100vh; margin-top: 0;
}
#section1.Gracias .Gracias{
	 text-align: center; font-size: 48px;
}
#section1.Gracias .Btn{
	width: 234px !important; margin-top: 1.5em;		
}
#section1 .absolute {
	position: absolute; left: 0%; bottom: 10px;
}
#section1 .absolute h2{
	font-size: 51px; font-family: 'Khand', sans-serif; font-weight: 600;
}


#section2 {
	height: 70vh;
	color: #fff; border: 0;
	background-image: url(../img/Section2.jpg);
	-webkit-background-size: cover;
			background-size: cover;
	background-position: right top;
}
#section2 p{
	color: #3c1f00; font-size: 25px; line-height: 29px; font-weight: 400;
}


#section3 {
	padding-top: 50px; padding-bottom: 80px; max-height: inherit;
	color: #fff; background-color: rgba(0, 126, 255, 0.8313725490196079);
	background-image: url(../img/Section3.png);
	border-color: #000; background-position: right;
	-webkit-background-size: cover;
			background-size: cover;
}
#section3 .sikuani {
	background-color: rgba(255, 237, 229, 0.35);
	padding: 0;
}
#section3 .Title{
	color: #23447d; font-weight: 400;
	margin-bottom: .5em;
}
#section3 .Title span{
	display: block; margin-right: 1em; margin-top: -.3em; color: #fbe600;
}
#section3 .SubTitle {
	margin-top: .7em;
}
#section3 p{
	font-size: 18px; line-height: 26px; padding-right: 3em;
}
#section3 .SubTitle span, #section3 p span{
	color: #fbe600; 
}
#section3 p a span{
	text-decoration: underline;
	-webkit-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}
#section3 p a:hover, #section3 p a:hover span{
	text-decoration: none;	color: #23447d;
}


#section4 {
	padding-top: 210px; padding-bottom: 70px; max-height: 100%;
	color: #fff; background-color: #00bcd4;
	background-image: url(../img/Section4.jpg);
	background-repeat: right; 
	-webkit-background-size: cover;
			background-size: cover;
}
#section4 .Title {
	margin-right: 1.3em;
}
#section4 .Title span, #section4 .SubTitle span {
	color: #008945;
}
#section4 .Title, #section4 .SubTitle {
	color: #e63b23;
}
#section4 .SubTitle {
	font-size: 48px;
}
#section4 .Pitch  {
	margin-right: 3em;
}
#section4 .Hacemos__camp  {
	width: 44%; float: right;
}
#section4 .Hacemos_camp {
	font-size: 20px; color: #000;
}
#section4 p{
	color: #000;
}
#section4 p.Hacemos{
	margin-bottom: 2em;
}
#section4 p.Hacemos span{
	color: #e63b23;
}
#section4 .areas img {
	margin: 0 0.398em;
}



#section5 {
	padding-top: 50px; padding-bottom: 90px; height: 100%;
	color: #fff; background-color: #000; border-color: #3b153e;
	background-image: url(../img/Section5.jpg);
	-webkit-background-size: cover;
		 	background-size: cover;
}
#section5 .Title {
	margin-bottom: .4em;
	color: #ffd900;
}
#section5 .Title span{
	color: #fcbc00;
}
#section5 .SubTitle{
	margin-top: -.7em;
}
#section5 .Subtitle{
	color: #ffd900; font-size: 40px; margin-bottom: 0em; margin-top: .8em;
}
#section5 p{
	color: #FFF;
}


#section6 {
	padding-top: 50px;  padding-bottom: 50px; max-height: inherit;
	color: #fff; 
	background-image: url(../img/Section6.jpg);
	background-position: right;
	-webkit-background-size: cover;
			background-size: cover;
}
#section6 .Title {
	margin-bottom: 1em; color: #FFF; font-size: 50px;
}
#section6 .Title span{
	color: #f7b533;
}
#section6 .programas_sikuani {
	list-style-image: url(../img/Bullets/bullet_programas.png);
}
#section6 .programas_sikuani li p{
	font-size: 18px;
}



#section7 {
	padding-top: 50px; padding-bottom: 50px; max-height: inherit;
	color: #505050; border-color: #000; background-color: #bbb;
	background-image: url(../img/Section7.jpg);
	-webkit-background-size: cover;
		    background-size: cover;
}
#section7 .Title {
	color: #d9e7cf; margin-bottom: .3em; position: relative; z-index: 3;
}
#section7 .Title span{
	color: #79caf2;
}
#section7 img{
	margin: 0 .2em
}
#section7 .Bullets {
	margin: 1em 0 0;
}
#section7 .SubTitle {
	color: #79caf2;
}
#section7 .SubTitle span{
	color: #d9e7cf;
}
#section7 .SubTitle span.dos{
	color: #FFF; margin-right: .5em; margin-top: -.7em;
	display: block; font-size: 24px;
}
#section7 .Campos_bullets{
	list-style-image: url(../img/Bullets/Campos_bullets.png);
}
#section7 .Day_bullets{
	list-style-image: url(../img/Bullets/Day_bullets.png);
}
#section7 p{
	color: #FFF;
}



#section8 {
	padding-top: 50px; padding-bottom: 50px; height: 100%; max-height: inherit;
	color: #fff; 
	background-image: url(../img/Section8.jpg);
	-webkit-background-size: cover;
			background-size: cover;
	background-position: left;
}
#section8 .Title {
	color: #FFF;  margin-bottom: .3em; font-size: 49px;
}
#section8 .Title span{
	color: #ffed00; font-size: 62px;
}
#section8 .SubTitle {
	text-align: right; color: #fff;
}
#section8 .SubTitle span{
	color: #ffed00; display: block; margin-top: -.2em;
}
#section8 .Colegios_bullets{
	list-style-image: url(../img/Bullets/Colegios_bullets.png);
}
#section8 .Aprendizaje_bullet{
	list-style-image: url(../img/Bullets/Aprendizaje_bullet.png);
}


#section9 {
	padding-top: 50px; padding-bottom: 300px; max-height: inherit;
	color: #fff; background-color: #313e40;
	background-image: url(../img/Section9.jpg);
	-webkit-background-size: cover;
			background-size: cover;
	background-position: center;
	border-width: 0;
}
#section9 .Title{
	color: #fff; margin-bottom: .6em; 
}
#section9 .Title span, .Estudiantes{
	color: #5eb7e8;
}
#section9 p {
	color: #FFF;
}
.Estudiantes {
	font-weight: 600; font-size: 27px;
}
ul.Estudiantes_bullets{
	margin-bottom: 1em;
}
ul.Estudiantes_bullets, ul.Desarrollan_bullets {
	list-style-image: url(../img/Bullets/Desarrollan_bullets.png);
}


#section10 {
	padding-top: 50px; padding-bottom: 510px; max-height: inherit;
	overflow: hidden; color: #000; 
	background-image: url(../img/Section10.jpg);
	background-position: bottom;
	-webkit-background-size: cover;
			background-size: cover;
}
#section10 .Title {
	color: #514650; font-weight: 400;
}
#section10 .Title span{
	color: #FFF; font-size: 46px; display: block;
	margin-top: -.2em; margin-bottom: .3em;
} 
#section10 ul.Comemos_bullets{
	color: #FFF; font-weight: 600;
	list-style-image: url(../img/Bullets/Comemos_bullets.png);
}
.Seguridad_bullets {
	font-weight: 600;
	list-style-image: url(../img/Bullets/Seguridad_bullets.png);
}


#section11 {
	padding-top: 240px; padding-bottom: 50px; max-height: inherit;
	overflow: hidden; color: #FFF; background-color: #3f3f48; border-color: #FFF;
	background-image: url(../img/Section11.jpg);
	-webkit-background-size: cover;
			background-size: cover;
	background-position: center;
}
#section11 .Title {
	color: #ffed00; margin-top: 0;
}
#section11 .Title span{
	color: #FFF; display: block; margin-top: -.2em; margin-bottom: .3em;
}
#section11 ul.Programas_bullets{
	margin-top: 1.2em;
	width: 45%;	margin-right: 2em; padding-right: 0;
	list-style-image: url(../img/Bullets/Programas_bullets.png);
}


#section12 {
	padding-top: 50px;  padding-bottom: 130px; max-height: inherit;
	overflow: hidden; color: #FFF; background-color: #7676a5;
	background-image: url(../img/Section12.jpg);
	-webkit-background-size: cover;
			background-size: cover;
	background-position: bottom;
}
#section12 .Title{
	color: #FFF;
}
#section12 .Title span{
	color: #ffed00;
}
#section12 p{
	padding-right: 11em;
}
#section12 b{
	color: #ffed00;
}
section.section13 {
	padding-top: 50px; padding-bottom: 100px; max-height: inherit;
	overflow: hidden; color: #FFF; border-color: #FFF; background-color: #755c5c;
	background-image: url(../img/Section12_1.jpg);
	-webkit-background-size: cover;
			background-size: cover;
	background-position: center;
}
section.section13 .Title {
	color: #FFF; line-height: 53px; margin-bottom: .6em; 
}
section.section13 .Title span{
	color: #ffed00; 
}
section.section13 .black_box {
	background-color: rgba(0, 0, 0, 0.42); padding: 1em; padding-left: 2.5em; width: 50%;
}
section.section13 .black_box h4{
	font-size: 34px;
}
section.section13 .Ciclo_bullets{
	list-style-image: url(../img/Bullets/Ciclo_bullets.png);
}

#section13 {
	padding-top: 50px; padding-bottom: 100px; overflow: hidden; 
	color: #FFF; border-color: #000; max-height: inherit;
	background-color: #73682e;  background-image: url(../img/Section13.jpg);
	background-position: top;
	-webkit-background-size: cover;
			background-size: cover;
} 
#section13 .Title{
	color: #3c1f00; margin-bottom: .3em;
}
#section13 .Rutas {
	position: relative; margin: .6em 0;
}
#section13 .title_Rutas, #section13 .title_rutas {
	margin: 0; padding: .3em;  text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2a12a+1,a95c26+100 */
	background: rgb(210,161,42); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(210,161,42) 1%, rgb(169,92,38) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(210,161,42) 1%,rgb(169,92,38) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(210,161,42) 1%,rgb(169,92,38) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2a12a', endColorstr='#a95c26',GradientType=0 ); /* IE6-9 */
	border-radius: 6px;
}
#section13 .Rutas img{
	position: absolute; right: 10px; top: -20px; 
}
#section13 .Rutas .box{
	padding: .4em 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,fffac2+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(255,255,255) 1%, rgb(255,250,194) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(255,255,255) 1%,rgb(255,250,194) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(255,255,255) 1%,rgb(255,250,194) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffac2',GradientType=0 ); /* IE6-9 */
}
#section13 .Rutas ol {
	margin-left: 2em; color: #000;
}
#section13 .Rutas ol p{
	font-size: 14px; margin-bottom: 0; margin-left: .4em; color: #000; font-weight: 400;
}


#section14 {
	overflow: hidden;
	background-image: url(../img/Footer.jpg);
	background-position: center;
}
#section14 .Title{
	color: #3c1f00;
}
#section14 .Contacto{
	font-size: 19px; text-align: center; line-height: 28px;
}
#section14 .Contacto span{
	display: block; margin-top: .4em; font-size: 30px; color: #3c1f00;
}
#section14 .Contacto i{
	font-size: 70px; 
	color: #fff; position: relative;
}
#section14 .Contacto i:before{
	z-index: 3; position: relative;
}
#section14 .Contacto i:after{
	content: '';
	background-color: #25d366; height: 83%; width: 92%;
	position: absolute; left: 1px; top: 5px; border-radius: 50%;
}
input[type="text"], textarea{
	background-color: rgba(255, 255, 255, 0.85);
}

input[type="submit"] {
	background-color: #fbe600; color: #d95500;	
	font-weight: 600;
	-webkit-transform: scale(1,1) translateY(0);
		-ms-transform: scale(1,1) translateY(0);
		 -o-transform: scale(1,1) translateY(0);
			transform: scale(1,1) translateY(0);
	-webkit-box-shadow: 0px 0px 4px 0px #fbe600;
			box-shadow: 0px 0px 4px 0px #fbe600;
	-webkit-transition: all .6s;
		 -o-transition: all .6s;
			transition: all .6s;
}
.modal input[type="submit"] {
	background-color: #fbe600; color: #d95500;	
}
input[type="submit"]:hover{
	color: #fbe600; background-color: #d95500;	
	-webkit-transform: translateY(-20%) scale(1.03,1.03);
		-ms-transform: translateY(-20%) scale(1.03,1.03);
		 -o-transform: translateY(-20%) scale(1.03,1.03);
			transform: translateY(-20%) scale(1.03,1.03);
	-webkit-box-shadow: 0px 3px 13px 0px #4e4a4a;
			box-shadow: 0px 3px 13px 0px #4e4a4a;
	font-weight: 600;
}
.modal input[type="submit"]:hover {
	background-color: #d95500;	
}


.modal-header {
	background-color: #d95600;
}
.modal-box {
	-webkit-box-shadow: -50px 0 200px -50px rgba(251, 230, 0, 0.6509803921568628), 50px 0 200px -50px rgba(217, 86, 0, 0.68);
			box-shadow: -50px 0 200px -50px rgba(251, 230, 0, 0.6509803921568628), 50px 0 200px -50px rgba(217, 86, 0, 0.68);
}
#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}
.wpp {
    position: fixed; bottom: 0px; right: 20px; 
    width: 50px; height: 70px; 
    z-index: 9;
}

.wpp img {
    width: 100%;
}