/***** Responsive ***/

.sidenav {

    height: 100%; width: 0;

    position: fixed; top: 0; left: 0;

    z-index: 9;

    background-color: rgba(251, 251, 251, 0.9294117647058824);

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 60px;

}

.sidenav.active{

	width: 250px;

	-webkit-transition: all .5s;

		 -o-transition: all .5s;

			transition: all .5s;

}

.sidenav a {

    padding: 15px 8px 15px 32px;

    text-decoration: none;

    font-size: 25px; color: #d94f5c;

    display: block;

    transition: 0.3s;

}

.sidenav a:hover {

    color: #f1f1f1;

}

.sidenav .closebtn {

    position: absolute; top: 0; right: 25px;

    font-size: 36px;

    margin-left: 50px;

}

.main {

    -webkit-transition: margin-left .5s;

    	 -o-transition: margin-left .5s;

    		transition: margin-left .5s;

}

.menu-icon {

  	cursor: pointer;

  	margin-top: .5em; margin-right: 0; margin-left: 85%;

  	position: relative;

  	width: 40px; height: 40px;

}

.menu-global {

  	-webkit-backface-visibility: hidden;

  	        backface-visibility: hidden;

  	position: absolute; left: 0;

  	border-top: 3px solid black;

  	width: 100%;

  	-webkit-transition: 0.55s;

  		 -o-transition: 0.55s;

  			transition: 0.55s;

}



.menu-top {

  	top: 0;

}



.menu-middle {

  	top: 15px;

}



.menu-bottom {

  	top: 29px;

}



.menu-top-click {

  	-webkit-backface-visibility: hidden;

  	        backface-visibility: hidden;

  	top: 15px;

  	-webkit-transform: rotate(50deg);

  	        transform: rotate(50deg);

  	-webkit-transition: .55s 0.5s;

  		 -o-transition: .55s 0.5s;

  			transition: .55s 0.5s;

}



.menu-middle-click {

  	opacity: 0;

}



.menu-bottom-click {

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  top: 15px;

  -webkit-transform: rotate(-410deg);

          transform: rotate(-410deg);

  transition: 0.55s 0.5s;

}

.menu__responsive img {

	float: left; margin-top: -.4em; width: 45px;

}

@media screen and (max-height: 450px) {

  .sidenav {padding-top: 15px;}

  .sidenav a {font-size: 18px;}

}



@media screen and (min-width: 1800px){

	#section1 {

		-webkit-background-size: contain;

			 	background-size: contain;

		background-attachment: inherit;

	}

	#section7:before{

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

			background-position-y: 90%;

	}

}

@media screen and (max-width: 1199px){

	body {

		width: 100%; height: 100%;

		overflow-x: hidden;

	}

	.menu .menu__link {

		font-size: 19px;

	}

}

@media screen and (max-width: 991px){

	section {

		max-height: initial; overflow-x: hidden;

	}

	#section1 {

		margin-top: 0em; min-height: 584px;

	}

	.menu_responsive {

		position: fixed; width: 100%; padding: 0 1em;

		background-color: #fff; z-index: 9; 

	}

	#section1 .absolute{

		position: relative; left: 0; top: 0;

	}

	#section1 .absolute h2{

		font-size: 35px;

	}

}

@media screen and (max-width: 768px){

	img {

		max-width: 100%;

	}

	section.section1 img {

		top: 0; left: 0; right: 0; position: relative;

		margin: auto; display: block;

	}

	#section1 .text {

		font-size: 35px; position: relative; top: 30px;

	}

	p.World {

		width: 100%; position: relative; top: 50px; left: 0; font-size: 27px;

	}

	a.arrow {

		bottom: 0px; left: 0; right: 0;

		padding-top: 0;

	}

	#section1.Gracias .Gracias{

		font-size: 26px;	

	}

	

	#section2 {

		height: auto; padding-left: .5em; padding-right: .5em;

	}

	.bottom {

		position: relative; bottom: 0; 

	}

	.Mision, .Vision{

		padding: 0; margin-bottom: 2em;

	}

	

	#section3 {

		background-position: left; padding-left: .5em; padding-right: .5em;

	}

	

	.Title {

		font-size: 41px;

	}

	.b_responsive {

		display: block;

	}

	

	#section4 {

		padding-bottom: 50px;

	}

	.Metodologias .col-md-6{

		padding: 0;

	}

	

	#section5 {

		padding-right: 1em; padding-left: 1em; padding-bottom: 50px;

	}

	#section5 .b_responsive .col-md-8 {

		padding: 0;

	}

	#section5 p {

		text-align: left;

	}

	

	#section6 .col-md-8{

		padding: 0;

	}

	#section6 h4.Title_color {

		font-size: 33px;

	}

	#section6 h4.Title_color span.Diag {

		text-align: center; margin-right: 0;

	}

	#section6 .Subtitle {	

		margin-bottom: .4em;

	}

	#section6 .margin-top {

		margin-top: 1em;

	}

	

	#section7 {

		padding-bottom: 50px;

	}

	#section7:after {

		content: '';

		height: 0;

	}



	

	#section8 .Bienestar_Ul {

		margin-left: .8em;

	}

	#section8 h3.Disenos {

		width: 100%; font-size: 21px;

	}

	#section8 .coaching-div {

		margin-top: 0;

	}

	#section8 h3.Coaching {

		margin: .5em 0;

	}

	#section8 h3.Coaching span, #section8 h3.Coaching {

		font-size: 25px;

	}

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

		margin-left: 1em;

	}

	

	#section9 {

		background-position: left;

	}

	

	

	#section10 .b_responsive .col-md-6 {

		padding: 0;

	}

	

	.Btn {

		width: 50%;

	}

	#section1.Gracias .Btn {

		width: 70% !important;

	}

    .wpp {

        bottom: 20px; right: 0;

    }

}