@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: local('Titillium WebThin'), local('TitilliumWeb-Thin'), url(../fonts/TitilliumWeb-Thin.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(../fonts/TitilliumWeb-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: local('Titillium WebThin Italic'), local('TitilliumWeb-ThinItalic'), url(../fonts/TitilliumWeb-ThinItalic.woff) format('woff');
}

.container-website {
	width:1400px;
	margin:0 auto;
}
@media (max-width: 1500px) {
	.container-website {
		width:auto;
		margin-left:80px;
		margin-right:80px;
	}
}
@media (max-width: 1280px) {
	.container-website {
		width:auto;
		margin-left:30px;
		margin-right:30px;
	}
}

#intro-text {
	display:table-cell;
	vertical-align:middle;
	padding-left:185px;
}

#intro-text h1 {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 200;
	font-size:60px;
	color:#666;
	text-transform:uppercase;
}

#intro-text p {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 200; 
	text-transform:uppercase;
	font-size:30px;
	color:#666;
	line-height:27px;
}

#partner-logos {
	background:white;
	border-bottom:1px solid #ececec;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

#partner-logos a {
	margin-left:25px;
	margin-right:25px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity:0.4;
}

#partner-logos a:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity:1;
}

.header-signin {
	width:370px;
	margin-top:10px;
}

.header-signin input {
	width:100px;
	margin:0px;
	color:white;
	padding:5px;
	background: #264570;
	border-right:1px solid #6f94ca;
	border-bottom:1px solid #6f94ca;
	border-left: 1px solid #263d59;
	border-top: 1px solid #263d59;
}
.header-signin button {
	margin:0px;
}
.header-signin .tiny {
	margin-top:4px;
	margin-bottom:-5px;
	color:white;
	font-style:normal;
}
.header-signin .tiny a {
	color:white;
}
.header-signin .tiny a:hover {
	color:#ffdd00;
}

.border-box {
	padding:5px;
	border:1px solid #ececec;
	background:white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#compatible-with {
	position:absolute;
	margin-left:0px;
	margin-top:10px;
	font-style:italic;
	color:#bbbbbb;
}
@media (max-width: 1180px) {
	#compatible-with  {
		margin-top:-15px;
	}
}

#jumbo {
	position:relative;
	background:url(../img/layout/header_bg.jpg);
	height:315px;
	border-bottom:5px solid #505050;
}

#header-small {
	position:relative;
	background:url(../img/layout/header_bg.jpg);
	height:150px;
	border-bottom:5px solid #505050;
	z-index:2;
}
#join-now {
	display:table-cell;
	vertical-align:middle;
	width:250px; 
	height:295px;
	/*background:rgba(255,255,255,0.4);*/
	padding:10px 70px 10px 70px;
}
#join-now img {
	-webkit-filter: grayscale(15%);
	-moz-filter: grayscale(15%);
	filter: grayscale(15%);
}
#join-now img:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}


#page-content {
	background:rgba(255,255,255,0.75);
	padding-top:50px;
	padding-bottom:50px;
}

.fp-title {
	border-bottom: 2px solid #71a2df;
	position:relative;
	margin-bottom:15px;
}

.fp-title h3,
.info-columns h3,
.fp {
	display:block;
	text-transform:uppercase;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size:30px;
	line-height:12px;
	color:#666;
	margin-bottom:12px;
}

.fp-products {
	text-align:center;
	padding:25px;
	line-height:30px;
	margin:0px;
	color:#aaa;
}

.fp-title .pull-right {
	margin-top:11px;
	margin-bottom:-11px;
}

.info-columns h3 {
	margin-bottom:20px;
}

.info-columns {
	margin-bottom:60px;
}

.info-columns i.fa {
	position:absolute;
}

.info-column-text {
	padding-left:70px;
	line-height:24px;
}

.more-link {
	display:block;
	background: #71a2df url(../img/layout/arrows.png) right 10px top 10px no-repeat;
	padding:5px 40px 5px 10px;
	color:white;
	text-transform:uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.more-link:hover {
	color:white;
	background-color:#ee9900;
}

.fp-title .more-link {
	position:absolute;
	bottom:-2px;
	right:0px;
}

.info-columns .more-link {
	width:90px;
	margin-top:15px;
}

.border-box .border-box-title {
	text-align:center;
	padding:6px;
	height:18px;
	overflow:hidden;
}
.border-box-list .border-box {
	position:relative;
	cursor:pointer;
	margin-bottom:20px;
}

.border-box-list .border-box:nth-child(4n+1) {
	margin-left:0px;
}

.border-box-list .border-box img {
	width:100%;
	z-index:1;
}

.hover-overlay {
	width:50px;
	height:50px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	background:#ee9900 url(../img/layout/arrows.png) center center no-repeat;
	border:2px solid rgba(255,255,255,0.7);
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	margin:-25px;
	margin-top:-40px;
	visibility:hidden;
	transition:visibility 0s linear 0.2s,opacity 0.2s linear;
	opacity:0;
}
.border-box-list .border-box:hover .border-box-title {
	color:#ee9900;
}
.border-box-list .border-box:hover .hover-overlay  {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
}

/* VERTICAl list */
.border-box-list-vertical  .border-box{
	position:relative;
	margin-bottom:10px;
}

.border-box-list-vertical  .course-wrapper {
	display:table;
}
.border-box-list-vertical  .course-wrapper div:first-child {
	display:table-cell;
	width:180px;
	vertical-align:top;
}
.border-box-list-vertical  .course-wrapper div:last-child {
	display:table-cell;
	vertical-align:middle;
	padding:12px;
	padding-right:120px;
}

.border-box-list-vertical .title {
	font-size:17px;
}

.border-box-list-vertical .more-link {
	position:absolute;
	top:12px;
	right:-4px;
}
@media (max-width: 1024px) {
	.border-box-list-vertical .more-link {
		display:none;
	}
	.border-box-list-vertical  .course-wrapper div:last-child {
		padding-right:12px;
	}
}

.border-box-list-vertical .label {
	background:#c5c5c5;
}
.border-box-list-vertical a.label:hover {
	background:#ee9900;
}

/* dividers*/
.divider {
	background:#505050;
	height:30px;
	border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin:0 auto;
}

.divider-wrapper {
	margin-top:-5px;
	position:absolute;
	z-index:1;
	width:100%;
}

.divider-top {
	background:#505050;
	height:10px;
	border-radius:0px 0px 10px 10px;
	margin:0 auto;
}

.divider-bottom {
	background:#2b2b2b;
	height:10px;
	border-radius:10px 10px 0px 0px;
	margin:0 auto;
}

/* footer */


#footer-website h4 {
	color:#ddd;
	font-size:15px;
}

#footer-website {
	background:#3c3c3c url(../img/layout/footer_bg.jpg);
	border-top:5px solid #2b2b2b;
	min-height:300px;
	color:#bbb;
	line-height:180%;
}

/* sidebar */
#website-sidebar {
	display:table-cell;
	background:white;
	width:300px;
	height:100%;
	border:1px solid #ececec;
	padding:30px;
	padding-bottom:100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:top;
}

#website-rightside {
	padding:35px 0px 50px 30px;
	display:table-cell;
	vertical-align:top;
}

#website-rightside .fp-title {
	margin-bottom:25px;
}


@media (max-width: 1400px) {
	#website-sidebar {
		background:white;
		width:240px;
	}
}

#website-sidebar .nav-list li,
#website-sidebar .nav-list label  {
	font-weight:bold;
	padding:2px 0px 2px 0px;
}
#website-sidebar .nav-list li a.title {
	text-transform:uppercase;
	margin-top:10px;
}

#website-sidebar .nav-list li .nav-list li {
	font-weight:normal;
}
#website-sidebar hr {
	border-top:1px solid #ececec;
	margin:20px 0px 20px 0px;
}

/* Contacts */
.contact-box {
	padding-left:25px;
	position:relative;
}
.contact-box i.fa {
	position:absolute;
	left:0px;
	font-size:20px;
}
.contact-box h4 {
	margin-top:1px;
	font-size:17px;
}
.contact-box img {
	vertical-align:0%;
}

#contact-form input,
#contact-form select {
	width:100%;
	height:30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#contact-form  textarea {
	width:100%;
	height:150px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#contact-form  .control-group {
	padding-right:20px;
	margin-bottom:0px;
}
#contact-form  .input-prepend {
	width:100%;
}

/* Product list */
.product-list {
	margin-top:10px;
}

.product-list .fp {
	line-height:20px;
	margin-top:5px;
}

.product-list .border-box {
	margin-bottom:10px;
	padding:15px;
}	

.product-list img {
	width:150px;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.product-list .product-description {
	min-height:80px;
}

.product-list .more-link {
	float:none;
	clear:both;
}

.product-list .more-link {
	margin-top:15px;
}



.news-body {
	padding: 0px 20px 40px 20px;
}

#website-sidebar .divided-list hr {
	margin:10px 0px 10px 0px;
}

hr.blue {
	border-bottom:2px solid #71a2df;
	border-top:0px;
}

.product-promo {
	margin-bottom:20px;
	padding:30px;
}

.product-promo img {
	width:100%;
	border:1px solid #ccc;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.product-promo .row-fluid {
	margin:15px 0px 15px 0px;
}

.product-promo .span4 {
	
}

@media (max-width: 1200px) {
	.product-promo .span4 {
		width:100%;
	}
	.product-promo .span8 {
		width:100%;
		margin-left:0px;
		margin-top:20px;
	}
}


.product-promo h3 {
	line-height:23px;
	margin-top:0px;
}

.btn-try {
	width:100%;
	margin-top:10px;
	height:50px;
}

/* Login and register */

.login-register {
	width:450px;
	margin:0 auto;
	padding-top:20px;
}

.login-register .control-group {
	margin:0px;
}

.login-register .control-label {
	text-align:left;
	font-size:15px;
	padding:10px;
}

.login-register input {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:8px;
	height:36px;
	font-size:15px;
	width:100%;
}

.login-register .omb_hrOr {
	float:left;
	width:45%;
	margin:0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.login-register  .omb_spanOr {
	margin:-10px 0px 0px 0px;
	display: block;
	float:left;
	text-align: center;
	width:10%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.btn-facebook {
	position:relative;
}
.btn-facebook i {
	color:white;
	position:absolute;
	left:0px;
	top:0px;
	background:rgba(255,255,255,0.1);
	padding:8px 12px;
	border-radius:4px;
}

/* Checkbox fix */
.icheckbox_flat-blue + a,
.iradio_flat-blue + a,
.icheckbox_flat-blue + span,
.iradio_flat-blue + span {
	position:absolute;
	top:2px;
	left:27px;
	font-size:15px;
}

/* UPDATED */
.btn-info {
  /*color: #36567f;*/
  color: #fff;
  text-shadow: 1px 1px 0 #79a2d4;
  background-color: #537fc0;
  *background-color: #537fc0;
  background-image: -moz-linear-gradient(top, #6c9cd9, #537fc0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6c9cd9), to(#537fc0));
  background-image: -webkit-linear-gradient(top, #6c9cd9, #537fc0);
  background-image: -o-linear-gradient(top, #6c9cd9, #537fc0);
  background-image: linear-gradient(to bottom, #6c9cd9, #537fc0);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6c9cd9', endColorstr='#ff537fc0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.rating-c .br-widget a.br-active,
.rating-c .br-widget a.br-selected {
    background-color: #59a6d6;
    color: white;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  /*color: #36567f;*/
  background-color: #537fc0;
  *background-color: #537fc0;
}

/* Bootstrap ovwerride */
.modal-header {
	background-color: #4d81c7;
	background-image: -moz-linear-gradient(top, #659cdf, #3466af);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#659cdf), to(#3466af));
	background-image: -webkit-linear-gradient(top, #659cdf, #3466af);
	background-image: -o-linear-gradient(top, #659cdf, #3466af);
	background-image: linear-gradient(to bottom, #659cdf, #3466af);
	background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff659cdf', endColorstr='#ff3466af', GradientType=0);
   border-bottom:1px solid #c1c0be;
   -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	color:white;
	text-transform:uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.modal-header h3 {
	color:white;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
}

/* Modules */
.module-wrapper {
	position:relative;
	margin-bottom:20px;
}

.module-wrapper > .module-inner {
	min-height:230px;
	background:#e3e3e3 url(../img/transgrad.png) bottom center repeat-x;
	text-align:center;
	padding-bottom:40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.module-wrapper > .module-inner > .fa {
	margin:40px 0px 20px 0px;
	font-size:60px;
	color:rgba(255,255,255,0.3);
}

.module-wrapper h3 {
	color:white;
	line-height:20px;
	margin-bottom:4px;
}

.module-wrapper span {
	color:white;
	font-size:14px;
}

.module-wrapper .module-bottom {
	position:absolute;
	bottom:10px;
	left:10px;
	right:10px;
	height:30px;
	background:white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.module-wrapper .module-bottom span {
	display:block;
	padding:5px;
	text-align:center;
	color:#5ab637;
	text-transform:uppercase;
}

.module-wrapper.inactive  > .module-inner {
	background:#e3e3e3!important;
	box-shadow:inset 0px 0px 15px rgba(0,0,0,0.08);
}

.module-wrapper.inactive > .module-inner > .fa {
	color: rgba(0,0,0,0.08);
}

.module-wrapper.inactive h3,
.module-wrapper.inactive span {
	color:#898989;
}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 5px;
    text-decoration: none;
    color: #FFFFFF;
    background-color: rgba(99, 154, 221, 0.70);
    font-size: 20px;
    padding: 1em;
    display: none;
    border-radius: 5px;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}

.striped {
	border-top: 1px solid #dddddd;
}

.striped > div,
.striped > a {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #dddddd;
}

.striped > div:nth-child(odd),
.striped > a:nth-child(odd) {
  background-color: #f9f9f9;
}

.pm-index > a {
	display:block;
	padding:10px;
	line-height:14px;
}

.pm-index > a:hover {
	cursor:pointer;
	background-color: #fffdf7;
}

.pm-index > a.active {
	background:#fef5da;
	border-bottom: #FFFFFF;
	border-top: 0px solid #dddddd;
	border-left:1px solid #dddddd;
}

.pm-index > .unread {
	font-weight:bold;
}

.pm-search {
	width:100%;
	box-sizing: border-box;
	margin-bottom:20px;
	padding:0px 10px;
}

.pm-search input {
	width:82%;
	height:31px;
	box-sizing: border-box;
}

.pm-search button {
	width:18%;
	box-sizing: border-box;
}

.row-fluid [class*=span].pm-left-col {
	margin-top:20px;
	padding-right:10px;
	border-right:1px solid #eeeeee;
	margin-right:10px;
}

.row-fluid  [class*=span].pm-right-col {
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
	padding-bottom:20px;
	margin-left:0px;
	
}

.exam-timer-notif {
	width: 300px;
	position: fixed;
	z-index: 100;
	left: 50%;
}

.student-int-dropdown {
	max-height: 500px;
	overflow-y: scroll;
}

.my-corner-pane {
	padding: 40px;
}
.no-files-links {
	padding: 20px;
}