/* CSS Document */

/* -----------------------------------------
   Shared Styles
----------------------------------------- */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	
	
background: url('../img/bg.jpg') repeat-x top, #64707e; /* Old browsers */
background: url('../img/bg.jpg') repeat-x top, -moz-linear-gradient(top,  #64707e 0%, #000000 100%); /* FF3.6+ */
background: url('../img/bg.jpg') repeat-x top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64707e), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: url('../img/bg.jpg') repeat-x top, -webkit-linear-gradient(top,  #64707e 0%,#000000 100%) url('../img/bg.jpg'); /* Chrome10+,Safari5.1+ */
background: url('../img/bg.jpg') repeat-x top, -o-linear-gradient(top,  #64707e 0%,#000000 100%); /* Opera 11.10+ */
background:url('../img/bg.jpg') repeat-x top, -ms-linear-gradient(top,  #64707e 0%,#000000 100%); /* IE10+ */
background: url('../img/bg.jpg') repeat-x top, linear-gradient(to bottom,  #64707e 0%,#000000 100%) ; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64707e', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#header .button {
	font-weight: bold !important;
	}

button, .button {
background-color: #338dc1;
  border-color: #266082;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #266082; }
  
button:hover, button:focus, .button:hover, .button:focus {
    color: white; }

button.secondary, .button.secondary {
  background-color: #d4202b;
  border-color: #aa1a22;
  color: white; }
   
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #266082; }

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: white; }
	  
.button-group.radius > * > button, .button-group.radius > * .button {
	border-right: 1px solid;
	border-color: rgba(255, 255, 255, 0.3);
  }

.has-tip:hover, .has-tip:focus {

color: #3078a2;
}
	 
a {
  color: #338dc1;
   }
   
a:hover, a:focus {
    color: #266082; 
	}
	
#header .inline-list a {
  color: #e5e5e5;
  font-size: 13px;
  }
  
#header .inline-list a:hover, a:focus {
    color: #fff; 
	}

#header {
	 background: rgba(21,24,32,.7);
	}

#header #logo {
	display: block;
	margin-top: -4px;
	}

h1, h2 {
	font-family: "bebas_neueregular";
	}
	
h1 {
	color: #fff;
	}
	
#promo h2 {
	font-size: 27px;
	margin-bottom: 27px;
	}

h1 {
	font-size: 37px;
	margin-bottom: 37px;
	margin-top: 0;
	border-bottom: 8px solid #9ea4b2;
	display: inline-block;
	line-height: 1;
	}

#footer  {
	background: #000;
	padding: 37px 0;
	color: #bbb;
	}
	
#footer a {
	color: #bbb;
	}
	
#footer a:hover {
	color: #fff;
	}

footer i {
	font-size: 37px;
	}	

	
#about #promo {
	padding: 23px 0;
	}

#content {
	background: #e7e8ed;
	padding: 37px 0;
	}
	
.th {
	border: none;
	}
	
.panel {
	background: rgba(21,24,32,.7);
	}

/* -----------------------------------------
   Home Page
----------------------------------------- */
.orbit-container .orbit-prev > span {
	border-right-color: rgba(255,255,255,.5);
	}

.orbit-container .orbit-next > span {
	border-left-color: rgba(255,255,255,.5);
	}


.orbit-container #promos li {
	background: rgba(21,24,32,.8);
	}
	
 #promos li h2 {
	color: #e6e6e6;
	margin-top: 27px;
	}
	
 #promos li h2 span {
	display:block; 
	font-size: 21px;
	margin: 17px 0;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}
	
#promos li h2 span + span {
	font-size: 17px;
	}
	
#promos li h2 span a {
	margin-top: 37px 0;
	}
	
#home #best_sellers h3 {
	color: #000;
	font-size: 27px;
	margin: 0 0 23px 0;
	font-family: "bebas_neueregular";
	border-bottom: 6px solid #9ea4b2;
	display: inline-block;
	line-height: 1;
	}
	
#home #best_sellers  {
	background: #e7e8ed;
	padding: 37px 0;	
	}
	
#home #best_sellers h4 {
	padding-left: 20px;
	}
	
#home #best_sellers h4 a {
	color: #424b5f;
	}
	
#home #best_sellers h4 i {
	font-size: 14px;
	padding-right: 4px;
	
	color: #d4202b;
	}
	
#home #alt_promos {
	background: #151820;
	color: #fff;
	padding: 44px 0;
	}
	
#home #alt_promos h5 {
	color: #fff;
	margin: 0 0 17px 0;
	line-height: inherit;
	}
	
#home #alt_promos a.button {
	margin: 0;
	}
	
#home #alt_promos p {
	margin-bottom: 37px;
	}
	
#home #alt_promos p {
	margin-bottom: 37px;
	}
		
/* -----------------------------------------
   Course Lists
----------------------------------------- */

#promo p {
	color: #fff;
	font-size: 17px;
	}
	
#promo p a, #promo #best_sellers p a {
	color: #ff3d49;
	font-size: 14px;
	}
	
#promo p a, #promo #best_sellers p a i {
	color: #ff3d49;
	}

.items hr {
	margin-bottom: 37px;	
	}

.item h2 {
	font-size: 23px;
	margin-top: 0;
	}
	
.course_list #promo  {
	background: rgba(21,24,32,.8);
	padding: 44px 0;
	}
		
.course_list .panel {
	background: rgba(21,24,32,.1);
	border: none;
	margin-bottom: 0;
	}

.course_list #promo .panel {
	background: rgba(21,24,32,.8);
	}
	
.course_list .orbit-container .orbit-timer {
	top: 0;
	}
	
.course_list .orbit-container #best_sellers li {
	background: none;
	margin-top: 23px;
	}

.course_list #best_sellers li img {
	float: left;
	padding: 0 20px 14px 0;
	}
	
.course_list #best_sellers li span {
	padding: 14px 0;
	}
		
.course_list #best_sellers div {
	margin-top: 14px;
	}
	
.course_list h3 {
	margin-bottom: 23px;
	font-family: "bebas_neueregular";
	color: #fff;
	}

.course_list #promo .panel h3 {
	margin-bottom: 0;
	}	
	
.course_list .panel a {
	color: #151820;
	}
	
.course_list .panel a:hover {
	color: #000;
	}
	
.course_list .panel h3 {
	color: #5f5f5f;
	}
	
.course_list #promo .panel h3 {
	color: #fff;
	}	

.course_list ul.basic {
	margin-left: 0;
	}
		
.course_list ul.basic li {
	margin-bottom: 7px;
	list-style-type: none;
	padding-left: 20px; /* icon font indent */
	padding-bottom: 7px;
	border-bottom: 1px dotted #999;
	font-size: 13px;
	}
	
.course_list ul.basic li i {
	font-size: 12px;
	padding-right: 6px;
	color: #999;
	}
	
.course_list .panel p a i {
	color: #d4202b;
	}
	

.course_list .item p {
	margin-bottom: 7px;
	}
	
.course_list .item p a {
	font-size: 12px;
	}

	
.course_list h2 {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	line-height: 1;
	}
	
.course_list h2 a {
	color: #000;
	font-size: 17px;
	font-weight: bold;
	}

		
.course_list #best_sellers h3 {
	margin-top: 0;
	}
	
.course_list #best_sellers a {
	color: #666;
	}
	
.course_list #best_sellers h4 {
	font-size: 17px;
	}
	
	
#home #best_sellers [class^="icon-"]:before,
.course_list ul.basic [class^="icon-"]:before,
.course_list ul.basic [class*=" icon-"]:before {
	margin-left: -20px;
	}
/* -----------------------------------------
   About 
----------------------------------------- */


#about #content, #contact #content {
	background: #fff;
	}

#about h1, #content h1 {
	color: #000;
	}
	
/* Define mobile styles */	

@media only screen { 

#header {
	padding-top: 23px;
	
	}
	
#header #logo {
	display: block; 
	margin-bottom: 23px;
	}
	
.orbit-container #promos li {
	padding: 0px 30px;
	}

#promo1 h1 {
	font-size: 27px;
	}
	
#promo1 h2 {
	font-size: 23px;
	margin-bottom: 27px;
	}
	
 #promos li h2 {
	width: 100%;
	}
	
#home #best_sellers h4 {
	margin-top: 23px;
	margin-bottom: 23px;
	font-weight: normal;
	font-size: 17px;
	}
	
#home .alt_promo {
	border-left: none;
	margin-bottom: 37px;
	}
	
.course_list  .item h2 {
	margin-top: 14px;
	}
	
.course_list  #promo .panel {
	padding-bottom: 14px;
	}

} 



/* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) { 



#header {
	padding-top: 23px;
	
	}
#home #header {
	margin-bottom: 44px;
	}
	
#header .button-group {
	}
	
#promos li h2 {
	float: left;
	width: 45%;
	}	

.orbit-container #promos li, .orbit-container #best_sellers li {
	padding: 0 50px;
	}
	
#home .alt_promo {
	border-left: 2px solid #3078a2;
	padding-left: 24px;
	}
	
.course_list .item h2 {
	margin-top: 0;
	}
.course_list #promo .panel {
	padding-bottom: 0px;
	}

}