.main {
    overflow-y: auto;
}
.main,
body,
html,
.off-canvas-wrap, 
.off-canvas-wrap .inner-wrap{
    height: 100%;
    width: 100%;
}

body,h1,h2,h3,button,.button{
	font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

footer,label,li,p,h1,h2,h3,.course-info span,td span{
	font-weight:300;
}

h2,h3{
	margin-top:3rem;
	margin-bottom:1.5rem;
}

h1 {
	margin-bottom:2rem;
}

.container-gray h1{
	margin-bottom:0;
}

h2:first-child,h3:first-child {
	margin-top:0;
}

hr{
	margin-bottom:2rem;
}

button.small, .button.small {
	padding:0.7rem 1.75rem;
}

.container {
	padding:1.5rem 0;
}

/*
.container-gray {
	padding:1rem 0;
	background:#e8e8e8;
}
*/
header{
	padding:1rem 0;
}

.header-margin{
	margin-top:0.8rem;
}

header a{
	color:#666;
}

.alert-box p{
	margin:0;
}

td img{
	border-radius:5px;
}

.course{
	margin-bottom:2rem;
}

.area{
	margin-bottom:1rem;
}

.course-image{
	height:147px;
	overflow:hidden;
	border-radius:5px 5px 0 0;
	border:solid #ccc 1px;
	border-bottom:0;
}

.course-image img, .area-image img{
	width:100%;
	opacity:0.8;
}

.course-info, .area-info{
	padding:1rem;
	border-radius:5px;
	color:#333;
	position:relative;
	border:solid #e8e8e8 1px;
}

.area-info{
	padding:0.5rem 1rem;
	font-weight:300;
	font-size:0.85rem;
}

.area-info .count{
	float:right;
	color:#999;
}

.course-info{
	border:solid #ccc 1px;
	background:#f0f0f0;
	border-radius:0 0 5px 5px;
	border-top:0;	
}

a:hover .course-info {
	background:#fff;
}

a:hover .area-info {
	background:#0099CB;
	color:#fff;
}

a:hover .area-info .count{
	color:#fff;
}

a:hover .course-image img, a:hover .area-image img {
	opacity:1;
}

.course-info strong, .course-info span{
	display:block;
	line-height:1.3;
}

.course-info span {
	margin-top:1rem;
	font-size:0.8rem;
}

.course-info span.course-price{
	font-size:0.9rem;
}

.course-info span.course-price del{
	font-size:0.8rem;
	color:#666;
	font-weight:bold;
}

.course-info span.course-price b{
	font-size:1rem;
}

.course-price {
	color:green;
}

.bg-course-price{
	background:green;
}

.course-price-light{
	color:#777;
}

.numbers{
	font-weight:300;
	font-size:1rem;
}

.numbers big{
	font-size:1.2rem;
}

.img-circle {
	border-radius:250px;
}

.img-rounded{
	border-radius:5px;
}

.row.course-tech{
	font-size:0.8rem;
	line-height:1.2;
	font-weight:300;
	color:#888;
	margin-bottom:1rem;
}

.course-tech img{
	max-height:50px;
	margin-bottom:0.5rem;
}

.course-features {
	margin:0;
	margin-bottom:1.5rem;
	padding:0;
}

.course-features li{
	list-style:none;
	margin:0;
	padding:0;
	color:#777;
	margin-bottom:0.5rem;
}

footer {
	margin-top:2rem;
	padding:2rem 0;
	color:#999;
}

footer p{
	font-size:0.8rem;
}

footer img{
	margin-left:1rem;
}

label {
	line-height:2;
}

.breadcrumbs {
	border:none;
	background:none;
	padding:0;
}

p.lead{
	color:#999;
	font-size:1rem;
	margin-bottom:2rem;
}

.slider li{
	height:450px;
}

.slider img{
	width:100%;
}

.slider .caption{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:4rem;
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.8), rgba(0,0,0,0));
    background: -o-linear-gradient(right, rgba(0,0,0,0.8), rgba(0,0,0,0));
    background: -moz-linear-gradient(right, rgba(0,0,0,0.8), rgba(0,0,0,0));
    background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0));
}

.slider .caption h2{
	font-size:2.8rem;
	line-height:1.2;
}

.slider .caption p{
	font-size:1.2rem;
	margin-bottom:2rem;
}

.slider .caption h2, .slider .caption p{
	color:#fff;
	text-shadow:1px 1px 5px #000;
}

.featured{
	margin-top:2rem;
	background:#0099CB;
	padding:2rem 0;
	color:#fff;
	font-weight:300;
}

.featured h1, .featured h2, .featured p{
	color:#fff;
}

.featured h2{
	margin:0;
}

.featured .icon{
	font-size:3rem;
	line-height:1;
}

.featured .icon-left{
	font-size:1.6rem;
	display:inline-block;
	margin-right:0.5rem;
}

.featured .number{
	font-size:1.2rem;
	display:inline-block;
	line-height:0;
}


@media (min-width: 700px) {
	h1 {
		font-size:2.4rem;
	}
	h2{
		font-size:1.8rem;
	}
	h3{
		font-size:1.5rem;
	}
	.container{
		padding:3rem 0;
	}
	/*
	.container-gray {
		padding:3rem 0;
	}
	*/
	.course-info{
		min-height:280px;
	}
	.course-info span.course-caption, .course-info span.course-price, .course-info span.course-score {
		position:absolute;
	}
	.course-info span.course-price {
		bottom:70px;
	}
	.course-info span.course-caption, .course-info span.course-score {
		bottom:1rem;
	}
	.course-info span.course-caption {
		width:130px;
		right:1rem;
	}
	.course-info span.course-score {
		width:110px;
		left:1rem;
	}
	.numbers{
		font-size:1.2rem;
	}
	.numbers big{
		font-size:2.6rem;
	}
	.area-image{
		height:65px;
	}
	.featured .icon{
		font-size:5rem;
	}
	.featured .icon-left,.featured .number{
		font-size:2rem;
	}
}


.smartbanner-show{margin-top:80px}.smartbanner-show .smartbanner{display:block;border-bottom:solid #fff 1px;margin-top:-80px}.smartbanner{position:absolute;left:0;top:0;display:none;width:100%;height:80px;line-height:80px;font-family:'Helvetica Neue',sans-serif;background:#f4f4f4;z-index:9998;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-text-size-adjust:none}.smartbanner-container{margin:0 auto;white-space:nowrap}.smartbanner-close{display:inline-block;vertical-align:middle;margin:0 5px 0 5px;font-family:'ArialRoundedMTBold',Arial;font-size:20px;text-align:center;color:#888;text-decoration:none;border:0;border-radius:14px;-webkit-font-smoothing:subpixel-antialiased}.smartbanner-close:active,.smartbanner-close:hover{color:#aaa}.smartbanner-icon{display:inline-block;vertical-align:middle;width:57px;height:57px;margin-right:12px;background-size:cover;border-radius:10px}.smartbanner-info{display:inline-block;vertical-align:middle;width:44%;font-size:11px;line-height:1.2em;font-weight:700}.smartbanner-title{font-size:13px;line-height:18px}.smartbanner-button{position:absolute;right:20px;top:0;bottom:0;margin:auto 0;height:24px;font-size:14px;line-height:24px;text-align:center;font-weight:700;color:#6a6a6a;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.8)}.smartbanner-button:active,.smartbanner-button:hover{color:#aaa}.smartbanner-ios{background:#f4f4f4;background:linear-gradient(to bottom,#f4f4f4,#cdcdcd);box-shadow:0 1px 2px rgba(0,0,0,.5);line-height:80px}.smartbanner-ios .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;color:#888;text-shadow:0 1px 0 white}.smartbanner-ios .smartbanner-close:active,.smartbanner-ios .smartbanner-close:hover{color:#aaa}.smartbanner-ios .smartbanner-icon{background:rgba(0,0,0,.6);background-size:cover;box-shadow:0 1px 3px rgba(0,0,0,.3)}.smartbanner-ios .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 rgba(255,255,255,.8)}.smartbanner-ios .smartbanner-title{color:#4d4d4d;font-weight:700}.smartbanner-ios .smartbanner-button{padding:0 10px;min-width:10%;color:#6a6a6a;background:#efefef;background:linear-gradient(to bottom,#efefef,#dcdcdc);border-radius:3px;box-shadow:inset 0 0 0 1px #bfbfbf,0 1px 0 rgba(255,255,255,.6),0 2px 0 rgba(255,255,255,.7) inset}.smartbanner-ios .smartbanner-button:active,.smartbanner-ios .smartbanner-button:hover{background:#dcdcdc;background:linear-gradient(to bottom,#dcdcdc,#efefef)}.smartbanner-android{background:#3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);box-shadow:inset 0 4px 0 #88b131;line-height:82px}.smartbanner-android .smartbanner-close{border:0;width:17px;height:17px;line-height:17px;margin-right:7px;color:#b1b1b3;background:#1c1e21;text-shadow:0 1px 1px #000;box-shadow:0 1px 2px rgba(0,0,0,.8) inset,0 1px 1px rgba(255,255,255,.3)}.smartbanner-android .smartbanner-close:active,.smartbanner-android .smartbanner-close:hover{color:#eee}.smartbanner-android .smartbanner-icon{background-color:transparent;box-shadow:none}.smartbanner-android .smartbanner-info{color:#ccc;text-shadow:0 1px 2px #000}.smartbanner-android .smartbanner-title{color:#fff;font-weight:700}.smartbanner-android .smartbanner-button{min-width:12%;color:#d1d1d1;padding:0;background:none;border-radius:0;box-shadow:0 0 0 1px #333,0 0 0 2px #dddcdc}.smartbanner-android .smartbanner-button:active,.smartbanner-android .smartbanner-button:hover{background:none}.smartbanner-android .smartbanner-button-text{text-align:center;display:block;padding:0 10px;background:#42b6c9;background:linear-gradient(to bottom,#42b6c9,#39a9bb);text-transform:none;text-shadow:none;box-shadow:none}.smartbanner-android .smartbanner-button-text:active,.smartbanner-android .smartbanner-button-text:hover{background:#2ac7e1}.smartbanner-windows{background:#f4f4f4;background:linear-gradient(to bottom,#f4f4f4,#cdcdcd);box-shadow:0 1px 2px rgba(0,0,0,.5);line-height:80px}.smartbanner-windows .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;color:#888;text-shadow:0 1px 0 white}.smartbanner-windows .smartbanner-close:active,.smartbanner-windows .smartbanner-close:hover{color:#aaa}.smartbanner-windows .smartbanner-icon{background:rgba(0,0,0,.6);background-size:cover;box-shadow:0 1px 3px rgba(0,0,0,.3)}.smartbanner-windows .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 rgba(255,255,255,.8)}.smartbanner-windows .smartbanner-title{color:#4d4d4d;font-weight:700}.smartbanner-windows .smartbanner-button{padding:0 10px;min-width:10%;color:#6a6a6a;background:#efefef;background:linear-gradient(to bottom,#efefef,#dcdcdc);border-radius:3px;box-shadow:inset 0 0 0 1px #bfbfbf,0 1px 0 rgba(255,255,255,.6),0 2px 0 rgba(255,255,255,.7) inset}.smartbanner-windows .smartbanner-button:active,.smartbanner-windows .smartbanner-button:hover{background:#dcdcdc;background:linear-gradient(to bottom,#dcdcdc,#efefef)}