@import url('https://fonts.googleapis.com/css?family=Khand:300,400,500,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: 19px; 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;

}

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

}

.nav > li > a.No_Scroll {

	visibility: visible; opacity: 1;

	padding: 0; width: 100%; margin-top: .7em;

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

}

.logo {

	margin: 0 1.6em;

}

.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-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: 10px 0 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: 14%; top: 70px;

}

#section1 {

	padding-top: 62px; margin-top: 52px;

	color: #fff; 

	background-image: url(../img/Section1.jpg);

	background-repeat: no-repeat;

	background-position: right -55%;

	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: 20% !important; margin-top: 1.5em;		

}

p.World {

	position: absolute; bottom: 20px; left: 70px; 

	text-align: center; font-size: 46px;  font-family: 'Khand', sans-serif;

	background-color: #fcbc00; padding: .4em .4em .2em; color: #3e3c3c;

}

#section1 .absolute {

	position: absolute; left:5%; top: 50%;

}

#section1 .absolute h2{

	font-size: 51px; font-family: 'Khand', sans-serif; font-weight: 600;

}





#section2 {

	height: 70vh; min-height: 600px;

	color: #fff; border-color: #FFF;

	background-image: url(../img/Section2.jpg);

	background-color: #0048a9;

	-webkit-background-size: cover;

			background-size: cover;

	-ms-background-position-y: 60%;

		background-position-y: 60%;

}

.Vision-Mision {

	max-width: 962px;

}

.bottom {

	position: absolute; bottom: 45px;

}

p.Nosotros {

	font-size: 17px; line-height: 26px; margin-bottom: 1.5em;

}





#section3 {

	padding-top: 50px; height: 100%;

	color: #fff; 

	background-image: url(../img/Section3.jpg);

	background-position: right;

	-webkit-background-size: cover;

			background-size: cover;

	border-color: #000;

}

#section3 .Title{

	color: rgba(178, 210, 52, 0.81);

}

#section3 p{

	font-size: 19px; line-height: 24px; margin-bottom: 1.5em;

}







#section4 {

	padding-top: 50px; padding-bottom: 0; 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-bottom: .7em;

}

#section4 .Title span {

	color: white;

}

#section4 .Subtitle {

	font-size: 30px;

}

#section4 p{

	margin-bottom: 1.5em;

}

#section4 .Metodologias .col-md-6{

	margin: .7em 0;

}







#section5 {

	padding-top: 50px; padding-bottom: 320px; height: 100%;

	color: #fff; background-color: #000; border-color: #3b153e;

	background-image: url(../img/Section5.jpg);

	background-position: top; 

	-webkit-background-size: cover, contain;

			background-size: cover, contain;

}

#section5 .Title {

	margin-bottom: .4em;

	color: #FFF;

}

#section5 .Title span{

	color: #fcbc00;

}

#section5 ul.Ecudrado_amarillo{

	list-style-image: url(../img/B_amarillo.png);

}

#section5 ul li p{

	color: #FFF; font-size: 16px;

}

#section5 p{

	color: #fcbc00; font-size: 18px;

}





#section6 {

	padding-top: 110px; max-height: inherit;

	color: #fff; 

	background-image: url(../img/Section6.jpg);

	background-position: top;

	-webkit-background-size: cover;

			background-size: cover;

	background-color: #a74b1f;

}

#section6 .Title {

	margin-bottom: .4em; color: #FFF;

}

#section6 .Title span{

	color: #fcbc00;

}

#section6 .Subtitle {

	font-size: 34px; color: #FFF; margin-bottom: 1em;

}

#section6 .Subtitle span{

	color: #03b8cc; font-weight: 400;

}

#section6 .subtitle {

	font-size: 28px;

}

#section6 .subtitle span{

	color: #fcbc00;

}

#section6 .sesion{

	padding: .3em;

	background-color: #FFF;

	-webkit-background-clip: content-box;

	   -moz-background-clip: content-box;

			background-clip: content-box;

}

#section6 .sesion .Title_session{

	color: #000; font-weight: 400; text-align: center; font-size: 24px;

	margin: 0; padding: .3em;

}

#section6 .sesion h5.Section{

	font-size: 18px; text-align: center; margin: 0; margin: .3em 0;

}

#section6 .sesion p{

	color: #000; text-align: center; padding: 0em .5em;

}

#section6 .sesion1 .Title_session{

	background-color: #03b8cc;

}

#section6 .sesion1 h5.Section{

	color: #03b8cc ;

}

#section6 .sesion2 .Title_session{

	background-color: #f7b533;

}

#section6 .sesion2 h5.Section{

	color: #f7b533;

}

#section6 .sesion3 .Title_session{

	background-color: #eb4a3d;

}

#section6 .sesion3 h5.Section{

	color: #eb4a3d;

}

#section6 h4.Title_color{

	text-align: center; margin: 1em 0 .5em; font-size: 38px;

	color: #fcbc00;

}

#section6 h4.Title_color span{

	color: #FFF;

}

#section6 h4.Title_color span.Diag{

	text-align: right; display: block;

	margin-right: 1.1em; margin-top: 0em; 

	font-size: 24px;

}

#section6 .margin-top{

	margin-top: 2em;

}

#section6 p.Texto{

	font-size: 19px; line-height: 23px;

}

#section6 .Sikuani{

	padding: 2.5em 0; background-color: rgba(255, 141, 0, 0.28); width: 90%;

	margin-top: 2em;

}

.Btn{

	text-align: center; display: block;

	margin: 0 auto; width: 40%; 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%;

    }

}







#section7 {

	padding-top: 50px; padding-bottom: 360px; max-height: inherit;

	color: #505050; border-color: #000;

}

#section7:before{

	content: '';

	position: absolute; left: 0; top: 0;

	background-image: url(../img/Section7-1.jpg);

	-webkit-background-size: cover;

			background-size: cover;

	width: 100%; height: 100%;

	-ms-background-position-x: right;

		background-position-x: right;

	-ms-background-position-y: bottom;

		background-position-y: bottom;	

}

#section7 .Title {

	color: #FFF; margin-bottom: .3em; position: relative; z-index: 3;

}

#section7 .Title span{

	color: #fcbc00;

}

#section7 img{

	display: block; margin: auto

}

#section7 .Bullets {

	margin: 1em 0 0;

}

#section7 .Bullets h4{

	font-size: 30px; color: #ea4a3d;

}

#section7 p{

	color: #313131;

}

#section7 .Bullets .Bienestar_Ul{

	list-style-image: url(../img/B_rojo.png);

	margin-left: 1.3em;

}







#section8 {

	padding-top: 50px; padding-bottom: 50px; height: 100%;

	color: #fff; 

	background-image: url(../img/Section8.jpg);

	background-position: right;

	-webkit-background-size: cover;

			background-size: cover;

}

#section8 .Title {

	color: #fcbc00; margin-bottom: .3em;

}

#section8 .Title span{

	color: #FFF; 

}

#section8 h3.Disenos{

	text-align: center; padding: .5em 0; width: 60%; margin: .5em auto;

	font-size: 29px; font-weight: 600; color: #000;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcbc00+1,fbb92d+100 */

	background: rgb(252,188,0); /* Old browsers */

	background: linear-gradient(to right, rgb(252,188,0) 1%,rgb(251,185,45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	background: -moz-linear-gradient(left, rgb(252,188,0) 1%, rgb(251,185,45) 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(left, rgb(252,188,0) 1%,rgb(251,185,45) 100%); /* Chrome10-25,Safari5.1-6 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbc00', endColorstr='#fbb92d',GradientType=1 ); /* IE6-9 */

}

#section8 .coaching-div{

	overflow: hidden; margin: 1.7em 0 .7em;

}

#section8 h3.Coaching{

	font-size: 32px; margin: 0;

}

#section8 h3.coaching{

	color: #03b8cc;

}

#section8 h3.Coaching span{

	font-size: 35px; color: #fcbc00;

}

#section8 .col-md-9.col-md-offset-1 .Bienestar_Ul {

	margin: 1em 0;

}

#section8  .Bienestar_Ul {

	list-style-image: url(../img/B_amarillo.png);

}

#section8  .Bienestar2_Ul {

	list-style-image: url(../img/B_azul.png);

}





#section9 {

	padding-top: 50px; padding-bottom: 50px; 

	color: #fff; background-color: #7aa7ad;

	background-image: url(../img/Section9.jpg);

	-webkit-background-size: cover;

			background-size: cover;

	background-position: right;

	border-width: 0;

}

#section9 .Titles{

	font-size: 34px; color: #006e54; font-weight: 600;

}

#section9 .Titles span{

	color: #000;

}

#section9 p {

	color: #000;

}







#section10 {

	padding-top: 0; padding-bottom: 0;

	overflow: hidden;

	color: #000; max-height: 940px;

}

#section10 .Title {

	color: #000; font-weight: 400;

}

#section10 .Title span{

	color: #03b8cc;

} 

#section10 .Contacto{

	font-size: 19px; text-align: center; line-height: 28px;

}

#section10 .Contacto span{

	display: block; margin-top: .4em; font-size: 30px;

}

#section10 .Contacto i{

	font-size: 70px; 

	color: #fff; position: relative;

}

#section10 .Contacto i:before{

	z-index: 3; position: relative;

}

#section10 .Contacto i:after{

	content: '';

	background-color: #25d366; height: 83%; width: 100%;

	position: absolute; left: 0; top: 5px; border-radius: 50%;

}

#section10 .section_inner  {

	background-repeat: no-repeat;

	-webkit-background-size: cover;

			background-size: cover;

	background-position: right;

}

#section10 .section_inner h2.Title{

	margin-top: 0; margin-bottom: .5em; font-size: 50px; text-align: center;

}

#section10 .section1_inner  {

	padding-top: 50px;

}

#section10 .section2_inner  {

	background-image: url(../img/Section10.jpg);

	padding-bottom: 50px;

}

#section10 .section2_inner h2.Title {

	margin-top: 50px;

}

#section10 .section_Footer {

	position: absolute; bottom: 0; right: 0;

	background-color: #b5b3b3;

	height: 100px; width: 190px;

	-webkit-transform: rotate(-50deg) translateY(100%) translateX(20%);

		-ms-transform: rotate(-50deg) translateY(100%) translateX(20%);

		 -o-transform: rotate(-50deg) translateY(100%) translateX(20%);

			transform: rotate(-50deg) translateY(100%) translateX(20%);

}



input[type="submit"] {

	background-color: #fff;

	-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 #9c9b9b;

			box-shadow: 0px 0px 4px 0px #9c9b9b;

	-webkit-transition: all .6s;

		 -o-transition: all .6s;

			transition: all .6s;

}

.modal input[type="submit"] {

	background-color: #4576a3;

}

input[type="submit"]:hover{

	background-color: #4576a3;

	-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 #9c9b9b;

			box-shadow: 0px 3px 13px 0px #9c9b9b;

	color: #FFF; font-weight: 600;

}

.modal input[type="submit"]:hover {

	background-color: #81afda;

}



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

}