body {
	font-family: 'Raleway', sans-serif;
	
}

a {
	color:#FF4500;
}

	a:hover {
		text-decoration:none;
	}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', serif;
	font-weight:900;
	color:#FF4500;
}

i {
	margin-top:20px;
	color:#FF4500;
}

h3 {
	margin-bottom:40px;
}

h4 {
	text-align:center;
}

/* Estructura */

#banner {
	background-image:url("../img/banner2.jpg");
	background-repeat:no-repeat;
	background-size:cover;

	min-height:600px;
	
	text-align:center;

}

.top {
	background-image:url("../img/opacidad.png");
	padding-top:50px;
	padding-bottom:50px;
	color:#ffffff;
}

.auspicio {
	margin-top:20px;
	text-align:center;
}

#banner h1 {
	font-size:45px;
}

.slogan {
	font-size:25px;
}

.logos {
	vertical-align:middle;
	margin:5px;
}

/* Video */
.video {
	margin-top:30px;
}

/* Intro */
.intro {

	padding:30px 0px;
}

/* Info */


.info {
	background-color:#fafafa;
	padding:30px 0px;
	text-align:center;
}

	.info .row {
		padding:20px 0px;
	}


		.info i , .info h3 {
			
			
			font-size:40px;
		}

		.info h4, .info p {
			text-align:left;
		}
		
		.info h4 {
			margin:15px 0px;
			font-size:30px;
		}
	

/* Programa */

.programa {
	background-color:#FF4500;
	background-image:url("../img/bg-programa.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	color:#ffffff;
	padding:30px 0px;
	text-align:center;
}

	.programa i {
		font-size:40px;
		color:#ffffff;
	}

	.detalle-programa {
		margin:40px 0px;
		padding:0px;
	}
	
		.detalle-programa li {
			list-style-type:none;
			margin-bottom:20px;
			padding-bottom:20px;
			border-bottom:1px dotted #ffffff;
			font-size:14px;
			text-align: center;
		}


.programa h3 {
	color:#ffffff;
	text-align:center;
	font-size:40px;
}

	.detalle-programa h5 {
		font-family: 'Raleway', sans-serif;
		font-weight:800;
		color:#ffffff;
	}

/* Mentores */

.mentores  {
		text-align:center;
	}
	
	.mentores .row {
		padding:0px;
	}
	
	.mentores figure {
		margin-bottom:0px;
	}

	.mentores i {
			font-size:40px;
		
		}
		
	.mentores h3 {
		
		text-align:center;
		font-size:40px;
	}

	.mentores .img-fluid {
		width:100%;
	}
	
	.mentores a {
		color:#ffffff;
	}
	
	.mentores .grid i {
		font-size:20px;
		color:#ffffff;
	}



/* Inscripción */

.inscripcion  {
	background-color:#fafafa;
	/*background-image:url("../img/bg-inscripcion.jpg");*/
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	padding:30px 0px;
	text-align:center;


	}

	.inscripcion i {
			font-size:40px;
	
		
		}
		
	.inscripcion h3 {
	
		text-align:center;
		font-size:40px;
	}


	.inscripcion p {
		
	}
	
	
	.callto {
		background-color:#FF4500;
		display:inline-block;
		border-radius:100px;
		color:#ffffff;
		padding:20px;
		margin:10px auto;
		font-size:20px;
		font-weight:800;
		transition:all 0.3s;
	}
	
		.callto:hover {
			background-color:#00bf75;
			color:#ffffff;
		}


/* Trailers */

.trailers {
	text-align:center;
}

.trailer-video {
	display:inline-block;
	width:19%;
}

/* Footer */

footer {
	padding:40px 0px;
}
	




/* Modal */

.modal.left .modal-dialog {
	position:fixed;
	right: 0;
	margin: auto;
	width: 340px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.right .modal-body {
	padding: 15px 15px 80px;
}

	.modal-body  p {
		font-size:14px;
		text-align:left;
	}
	
	.modal-body  img {
		margin-bottom:20px;
	}
	
		.modal-body a {
			color:#FF4500;
		}
	
	
	.modal-header {
		text-align:right;
	}
	
	.modal-header i {
		font-size:20px;
		margin-top:0px;
	}
	
		.modal-header p {
			font-size:13px;
			margin:5px;
		}
	
		.pais {
			font-weight:400;
			color:#333333;
			font-size:16px;
		}

.modal.right.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
	right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom: 0px;
	padding:3px;
	height:60px;
}

	.modal-header i {
		color:#111111;
	}

.demo {
	padding-top: 60px;
	padding-bottom: 110px;
}

.btn-demo {
	margin: 0px;
	padding: 0px;
	border-radius: 0;
	font-size: 14px;
	
}
	

	.btn-secondary {
		background-color:transparent;
		border:0px;
		
	}
	
		.btn-secondary:hover {
		background-color:transparent;
		border:0px;
		}

.btn-demo:focus {
	outline: 0;
}


/* Efectos */

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	/*max-width: 1000px;*/
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;

	overflow: hidden;

	min-width: 100%;
	max-width: 100%;
	max-height: 100%;
	width: 100%;

	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	/*opacity: 0.8;*/
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	/*word-spacing: -0.15em;*/
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 400;
	font-size:15px;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}





/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(90,90,97,0) 0%, rgba(90,90,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(90,90,97,0) 0%, rgba(90,90,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}




figure.effect-sadie h2 {
		background-color:#111111;
	opacity:0.8;
	width:90%!important;
	padding:10px!important;
	font-size:20px;
	font-weight:800;
	
	
	position: absolute;
	
	top: 80%;
	left: 5%;
	width: 100%;
	color: #ffffff;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}



figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



/* Sticky Footer */
#stickyfooter {
	height:70px;
	padding:15px 0px;
	color:#ffffff;

  background-color: #000000; /* Black background color */
  position: fixed; /* Make it stick/fixed */
  bottom: 0; /* Stay on top */
  width: 100%; /* Full width */
  transition: all 0.3s; /* Transition effect when sliding down (and up) */
}



#stickyfooter  a {
		background-color:#FF4500;
		display:inline-block;
		border-radius:100px;
		color:#ffffff;
		padding:7px;
		margin:auto;
		width:400px;	
		font-size:17px;
		font-weight:800;
		transition:all 0.3s;

	}
	
		#stickyfooter  a:hover {
			text-decoration:none;
			background-color:#00bf75;
		}



.row.flexthis:after, .row.flexthis:before{
  display: none;
}	


.row:before, .row:after {display: none !important;}


	@media (orientation: landscape) and (min-width: 400px) and (max-width: 800px) 
		
		
{
	
	.mentores .offset-sm-2 {
	margin: 0px;
	width: 100%;
	}

	
}


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



#stickyfooter  {
	display:none;
}

.trailer-video {
	width:90%;
	display:block;
	padding:15px;
	margin:auto;
}
	
}