/* Breaks at 1053 */


html, body {
	background:#0a0c0f;
	font-family:"museo-sans","Roboto","Helvetica Neue","Helvetica","Arial";
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-ms-font-smoothing:antialiased;
	font-smoothing:antialiased;
}


a {
	text-decoration:none !important;
	cursor:pointer;
	background:none !important;
	outline:none !important;
}


#main-content {
	-webkit-transition:margin .5s;
	padding-bottom:300px;
}


#bio {
	border-radius:999px;
	width:60px;
	height:60px;
	margin:0 auto 15px;	
	display:block;
	box-shadow: 0 0 3px black;
}

#wrapper {
	margin:auto;
	width:auto;
	max-width:1310px;
}


.slides {
	margin-left:205px;
	margin-right:50px;
	min-width:800px;
	min-height:600px;
	max-width:1100px;
	border:1px solid #222;
	color:white;
	background:#111;
	margin-top:15px;
	margin-bottom:15px;
	border-radius:3px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top-center;
	text-align:center;
	clear:both;
}

.slides .clear {
	clear:both;
	height:1px;
}

.slides-inner {
	top:0;
	bottom:0;
	padding:50px;
	clear:both;
}

.slides hgroup {
	text-align:center;
	margin:auto;
}

.slides hgroup * {
	text-align:center;
}

.slides p.detail {
	text-align:center;
	color:#999;
	color:rgba(255,255,255,.7);
	width:auto;
	font-weight:400;
	text-shadow:none;
	font-size:16px;
	line-height:1.25;
	text-align:center;
	max-width:600px;
	margin:25px auto;
}

.slides#Home {
	background-image:url('../img/canopy.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position:bottom;
	opacity:1;
	max-height:100% !important;
	padding-top:0;
	padding-bottom:0;
}

.slides#Microsoft {
	background:#CECDBA url('../img/ms.png');
	z-index:999;
}

.slides#Microsoft hgroup {
	margin-top:350px;
}

.slides#Microsoft .subtitle {
	color:#815521 !important;
}

.slides#MITRE {
	background:rgba(255,255,255,.05) url(../img/sa2.png);
	background-size:auto 420px;
	background-position:center top;
	background-repeat:no-repeat;
}

.slides#MITRE hgroup {
	margin-top:400px;
}

.slides#IVPR {
	background:#eee;
}

.slides#IVPR * {
	color:#111;
}

.slides#Web {
	opacity:1;
	background: #305c9a url(../img/web.png);
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}

.slides#Web hgroup {
	margin-top:40px;
}

.slides#UML {
	background:#1c3963;
}

.slides#UML .header {
	margin-bottom:45px;
}

.slides#UML .subtitle {
	color:#B2D123 !important;
}


.slides.small#HAP {
	background:#132949 url('../img/honors.png');
	background-size:contain !important;
	float:right;
}

.slides.small#ACM {
	background:#132949 url('../img/acm.png');
	background-size:contain !important;
}

.slides#Chrome {
	background:#eee url(../img/google.png);
	background-position:right 000px;
	background-size:contain;
	background-repeat:no-repeat;
}

.slides#Chrome .subtitle {
	color:#173F6C !important;
}

.slides#Udacity {
	background-image: #24343f;
background-image: -webkit-radial-gradient(50% 1%, circle farthest-side, #283a46 0%, #1f2d37 100%);
background-image: -moz-radial-gradient(50% 1%, circle farthest-side, #283a46 0%, #1f2d37 100%);
background-image: -o-radial-gradient(50% 1%, circle farthest-side, #283a46 0%, #1f2d37 100%);
background-image: -ms-radial-gradient(50% 1%, circle farthest-side, #283a46 0%, #1f2d37 100%);
background-image: radial-gradient(50% 1%, circle farthest-side, #283a46 0%, #1f2d37 100%);
background-image: -webkit-gradient(radial, 50% 1%, 0, 50% 1%, 100%, color-stop(0, #283a46), color-stop(1, #1f2d37));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#283a46", endColorstr="#1f2d37",GradientType=0);
}

.slides#Udacity .subtitle {
	color:#E76025 !important;
}

.slides#Udacity .b {
	background:#E76025 !important;
	color:white;
}

.slides#Vedi {
	background: #0A202B url(../img/vedi2.png);
	background-size:auto 380px;
	background-position:center 20px;
	background-repeat:no-repeat;
}

.slides#Vedi hgroup {
	margin-top:390px;
}

.slides#Aprenda {
	background: #8c3434 url(../img/aprenda.png);
	background-size:auto 420px;
	background-position:center 20px;
	background-repeat:no-repeat;
}

.slides#Aprenda hgroup {
	margin-top:400px;
}


.slides.light .title {
	color:#333;
}

.slides.light .subtitle {
	color:#7B344C;
}

.slides.light hgroup {
	margin-top:280px;
}

.slides.light .slides-year {
	color:#555;
}

.slides.light p.detail {
	color:#333;
	max-width:;
}

.slides.small {
	min-height:530px;
	padding:0;
	width:49%;
	border:none;
	float:left;
	margin:0;
	border-radius:2px;
	background-size:contain !important;
	background-position:top center;
	background-repeat:no-repeat !important;
	min-width:0 !important;
	clear:none;
}

.slides.small .slides-inner {
	padding:25px;
}

.slides.small hgroup {
	margin-top:170px !important;
	border-radius:2px;
	position:relative;
}

.slides.small .title,
.slides.small .subtitle {
	font-size:27px !important;
}

.slides.small .detail {
	text-align:left !important;
	font-size:14px;
	padding:0 35px;
	max-width:none !important;
}








/* NAVIGATION */

#navigation {
	z-index:999;
	width:200px;
	position:fixed;

}

#navigation .navigation {
	margin-top:25px;	
	padding:30px 40px 30px;
}

#navigation .brand {
	font-family:"museo","museo-sans","Roboto";
	text-transform:;
	font-weight:600 !important;
	font-size:17px !important;
	opacity:1;
	color:white !important;
	font-style:normal;
	text-shadow:none !important;
	margin-bottom:10px;
	margin-right:30px;
	margin-top:0px;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-transition:.3s;
}

#navigation .brand:hover {
	opacity:1;
	color:#08c !important;
}

#navigation .navigation li {	
	padding:none;
	background:none !important;
}

#navigation .navigation li a {
	color:#666;
	background-color:none !important;
	font-style:normal;
	font-weight:600;
	padding:1px 0px 1px 0px;
	text-align:left !important;
	font-size:13px;
	text-shadow:none;
	text-transform:uppercase;
	letter-spacing: 1px;
	display:block;
	font-family:"myriad-pro","museo-sans","Roboto";
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-transition:.3s;
}

#navigation .navigation li.active a {
	background:none !important;
	font-weight:600;
	color:white;
}

#navigation .navigation li:hover a {
	color:white;
	background:none;
}








#home-banner {
	background-color:rgba(0,0,0,.765) !important;
	border-radius:2px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:600px;
	height:350px;
	margin-top:-175px;
	margin-left:-200px;
	z-index:0;
	text-align:center;
}

#home-banner .inner {
	padding:100px 50px;
}


h1 {
	font-family:"Museo","myriad-pro","museo-sans","Roboto";
	font-weight:;
	text-transform:;
	font-size:50px;
	color:white;
	text-align:center;
	line-height:0.8;
	text-shadow:none;
	text-transform:none;
	font-weight:600;
	letter-spacing:-1px;
}


#Home, #Home * {
	opacity:0;
	-webkit-transition:.5s;
}


#social {
	text-align:center;
	margin:0;
	padding:0;
	left:0;
	font-family:"museo-sans","Roboto";
	font-weight:400;
	bottom:0;
	margin-top:100px;
}


#social li  {
	float:left;
}


#social li a {
	float:left;
	margin-right:5px;
	opacity:.6 !important;
	-webkit-transition:.2s;
	color:white;
	padding-top:;
	font-style:normal;
}


#social li a:hover {
	color:white;
	text-decoration:none;
	opacity:1 !important;
}


.txt {
	padding-top:9px;
	display:inline-block;
	padding-left:15px;
	font-weight:300;
	font-size:17px;
}


.op {
	opacity:.4 !important;
}


.flat-white {
	color:white;
	text-shadow:none;
	font-family:"myriad-pro","museo-sans";
	font-weight:normal;
	line-height:1;
	margin:0;
	text-align:left;
	padding:0;
}


h6.slides-year {
	color:rgba(255,255,255,.75);
	text-transform:uppercase;
	font-size:20px;
	font-weight:300;
}


h2.title {
	margin-top:5px;
	font-weight:600;
	font-size:40px;
	font-family:"";
	text-transform:none;
	letter-spacing:-1px;
}


h2.subtitle {
	font-size:35px !important;
	font-weight:300;
	text-transform: none;
	letter-spacing:-1px;

}


.lig {
	font-weight:100;
	font-size:38px;

}


.blue {
	color:#08c !important;
}


.orange {
	color:orange;
}








.round {
	border-radius:999px;
	height:30px;
	margin-top:-12px;
	margin-right:5px;
	margin-bottom:-7px;
}


.s {
	font-weight:normal !important;
	font-size:11px !important;
}

.l {
	font-weight:400 !important;
	text-transform:none !important;
	color:#666 !important;
}

.l:hover {
	color:#fff !important;
}

h5 {
	border-top:1px solid #222;
	margin:20px -40px 0;
	padding:5px;
	color:;
	font-size:11px;
}

#to-top	{
	color:#888;
	display:block;
	position:fixed;
	text-transform: uppercase;
	letter-spacing: 1px;
	bottom:10px;
	right:10px;
	border-radius:999px;
	padding:8px 18px 7px;
	box-shadow:inset 0 0px 2px rgba(255,255,255,.15), inset 0 0px 1px black;
	font-weight:bold;
	-webkit-transition:.2s;
	font-size:11px;
	font-style:normal;
	background-imagef: #151515;
	background-image: -webkit-linear-gradient(bottom, rgba(17,17,17,0.78) 0%, rgba(25,25,25,0.78) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(17,17,17,0.78) 0%, rgba(25,25,25,0.78) 100%);
	background-image: -o-linear-gradient(bottom, rgba(17,17,17,0.78) 0%, rgba(25,25,25,0.78) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(17,17,17,0.78) 0%, rgba(25,25,25,0.78) 100%);
	background-image: linear-gradient(bottom, rgba(17,17,17,0.78) 0%, rgba(25,25,25,0.78) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(17,17,17,0.78)), color-stop(1, rgba(25,25,25,0.78)));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#191919", endColorstr="#111111",GradientType=0);
	opacity:.9;
}


#to-top:hover {
	opacity:1;
	color:white;
}


p {
	margin:20px auto 20px 0;
	font-size:12px;
}








.b {
	border-radius:999px !important;
	font-style:normal;
	font-size:13px;
	padding:6px 20px;
	display:inline-block;
	margin-top:10px;
	opacity:.6 !important;
	width:auto;
	text-shadow:none;
	text-transform:;
	-webkit-transition:.1s;
}


.b:hover {
	opacity:.7 !important;
}


.b-chrome {
	background:none;
	box-shadow:none;
	color:white !important;
	background:#173F6C !important;
}


.b-ms {
	background:none;
	box-shadow:none;
	color:white !important;
	background:#815521 !important;
}


.b-mitre {
	background:none;
	box-shadow:none;
	color:white !important;
	background:#08c !important;
}


.b-white {
	background:none;
	box-shadow:none;
	background:white !important;
	color:#08c !important;
}










.pic-left {
	margin-top:-10px;
	box-shadow: 0 0 2px rgba(0,0,0,.1);
	position:absolute;
	width:500px;
	overflow:hidden;
	margin-left:-99px;
}


.pagetitle {
	text-align:center;
	padding:45px 25px 10px;
	color:#555;
	margin-left:205px;
	font-family:"Museo";
	font-weight:400;
}


.modal h3 {
	font-family:"Museo";
	font-size:20px;
}

.modal p {
	text-shadow:none;
	max-width:none !important;
	text-align:left;
	color:#333;
	margin:15px;
	font-family:"Museo-sans";
	font-size:15px;
	font-weight:400;
}

.modal .btn {
	font-size:12px;
	text-transform:uppercase;
	font-style:normal;
	letter-spacing:1px;
	font-family:"Myriad-pro";
	text-shadow:none;
	font-weight:600;
}

.carousel {
	margin:auto;
	width:700px !important;
	border-radius:2px;
	box-shadow:0 0 15px rgba(0,0,0,.5);
	margin-top:-30px;
	padding-top:20px;
	z-index:999;
	min-width:700px;
}


.carousel-indicators {
	top:35px;
}

.carousel-inner {
	width:700px;
}

.carousel img {
	width:700px;
	height:auto;
	border-radius:2px;
}

.carousel-control {
	top:50%;
	font-family:"Helvetica Neue","Arial";
}

.carousel a {
	font-style:normal;
}

.course-list li {
	font-weight:300;
	font-size:16px;
	margin-bottom:5px;
}

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

	#navigation {
		display:none;
	}

	.slides {
		margin-left:20px;
		margin-right:20px;
	}

	#home-banner {
		width:100%;
		margin:0;
		top:50%;
		margin-top:-175px;
		left:0;
	}

}

.li {
	font-weight:300;
}

.lnk {
	color:#222;
	font-style:normal;
}

.lnk:hover {
	color:#000 !important;
}