@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300|Open+Sans:300,700,800);

.navbar-default .navbar-nav>li>a{color:#fff;}
.navbar-default{background-color:transparent;border-color:transparent;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:#f00;}
html,body{background:#000 url(images/site-bg.jpg) top center no-repeat;font-family:'Roboto', sans-serif;font-size:1em;margin:0;padding:0;height:100%;}
h1,h2{letter-spacing:-1px; font-family:'Open Sans', sans-serif;}

#wrapper{margin:0 auto;}
#contact{float:right;margin-top:-177px;margin-right:-35px;}
#page{margin-top:20px;background:#fff;border-radius:10px;padding:40px;min-height:750px;}
#logo{float:left;}
#logo a img{border:0;height:129px;}
#navStrip{clear:both;background:url(images/navStrip-bg.jpg) top left repeat-x;color:#fff;padding-top:6px;}
#footer{padding:20px;}
#cookieNotification{ display: none; width: 100%;  background-color: rgba(0,0,0,0.8); color: #fff; position: fixed;  bottom: 0px;   text-align: center;   padding: 25px;}

.navLink{font-weight:bold;text-decoration:none;color:#fff;padding-left:5px;}
.navLink:hover{color:#000;}
.footLink{color:#fff;}
.footLink:hover{color:#f00; text-decoration: none;}
.footerCredits{clear:both;font-size:.8em;text-align:center;color:#5f5f5f;}
.footerCredits a{color:#5f5f5f;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #fff;  background-color: #ff0000;}
.resp-img{max-width:100%;}
.course-detail{padding-bottom: 15px;border: 1px solid #ddd;}
.course-detail:hover{background-color: #ddd;}
.course-title{font-size: 12px; text-align: center;min-height: 55px; margin-top: 20px;}
.course-image{text-align: center;}
.cookie-inner{  max-width: 1100px;  margin: 0 auto;  padding: 10px; overflow: hidden; padding-left: 5%;}
a.moreBtn{color: #fff; font-size: 12px;}
a.moreBtn:hover{color: #ff0;}


@media (max-width:992px){
	#navStrip{background:inherit;background-color:#b22222;}
	.footer{position:inherit;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){}
@media (max-width:767px){
	#page{padding: 20px;}
	#navStrip{background:inherit;background-color:#b22222;}
	.navbar-default .navbar-brand{color:#fff;}
	ul ol {padding-left: 0;text-align: center;}
	.footLink{text-align: center;}
}