/* FUNCTIONALITY */


/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    /*text-align:left;*/
    /* inline-block space fix */
    margin-right:-4px;
}

/*FONTS */

body {
  font-family: 'ProximaNovaRegular',Arial,sans-serif;
  font-weight: 300;
}

strong {
  font-family: 'ProximaNovaBold',Arial,sans-serif;
  font-weight: 300;
}

i {
  font-family: 'ProximaNovaItalic',Arial,sans-serif;
  font-weight: 300;
}

h1 {
  font-family: 'ProximaNovaBold',Arial,sans-serif;
  font-weight: 300;
}

h2,h3 {
  font-family: 'ProximaNovaSemiBold',Arial,sans-serif;
  font-weight: 300;
}

/* NAVIGATION */

.navbar {
  background-color: #eee;
}

.icon-bar {
  background-color: #000;
}

.dropdown#menuLogin {
  border-radius: 4px;
  background-color: #bababa;
}

#main-nav .navbar-brand img {
  width: 180px;
}

.navbar-brand {
  padding: 10px 15px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: 360px;
}

.navbar-form .form-control {
  margin-bottom: 10px;
}

.dropdown-forgot {
  font-size: 0.8em;
}

.navbar-text {
  margin: 10px 0px 10px 15px
}

.navbar-text img {
  width: 33px;
}

li.dropdown img.user-thumb {
  width: 33px;
  float: left;
  margin: -7px 5px 0 0;
}


/*.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}



.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.double-menu div {
  width: 600px;
  color: #fff;
  line-height: 1.7;
  margin: 0px 5px 0px 10px;
}

.double-menu a {
  color: #fff;
}


.dropdown-submenu.active>.dropdown-menu {
display: block;
}

.dropdown-submenu.active>a:after {
border-left-color: #fff;
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  background-color: #e7e7e7;
  color: #000;
}
*/

/* COMMON ELEMENTS */




.chalkboard {
  background: url(../images/background.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 /* min-height: 680px;*/
  color: #fff;
  padding-bottom: 0px;
}


.chalkbody {
  color: #fff;
  background: url(../images/background-large.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.chalkbody .dropdown {
  color: #000;
}


.main-content {
  margin-top: 50px;
}


div.main-content {
  background: #fff;
  color: #000;
}

div.main-content h1 {
  font-size: 1.8em;
}

div.main-content h3 {
  font-size: 1.2em;
}

.thumbnail {
  border: none;
  font-weight: 500;
}

a.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

.btn-top {
  padding: 1px 5px;
  font-size: .7em;
}



/* HOME PAGE */


.blackbar {
  background: #000;
  color: #fff;
  min-height: 30px;
  padding: 15px 0px 15px 0px;
}

.jumbotron.blackbar p , .jumbotron.greybar p {
  margin-bottom: 0px;
  font-size: 1.3em;
}

.greybar {
  background: #393a3b;
  min-height: 30px;
  padding: 15px 0px 15px 0px;
  color: #fff;
}


.whitebar {
  background: #fff;
}


.jumbotron {
  margin-bottom: 0px;
}

.jumbotron img {
  max-width: 100%;
}

.jumbotron h1 {
  font-size: 3em;
}

.jumbotron p {
  font-size: 1em;
}


.jumbotron#section1main {
  background: url(../images/home-page/section1bg.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 600px;
  color: #fff;
  padding-top: 10%;
}


.jumbotron#section1logobar img {
  max-height: 35px;
  margin: 0 25px;
}

.section2cta {
  margin-top: 20%;
}

#section2callouts img {
  margin: 20px 0;
  max-width: 100%;
}


#section2callouts .row-centered {
  margin-bottom: 30px;
}


.jumbotron#section4callout {
  background-color: #2996e9;
  color: #fff;

}

.jumbotron#section4callout img{
  margin: 0 20px 30px 0;
  max-height: 40px;
  max-width: 40px;


}

.jumbotron#section4callout p{
  font-size: 1em;

}

.jumbotron#section4callout h2{
  margin-bottom: 40px;

}


#section3main {
  background: url(../images/home-page/office-girl-fade.jpg) no-repeat 60% center;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/
  background-size: auto 100%;
  min-height: 400px;
}


#section3main p{
max-width: 100%;
}


@media (min-width: 550px) {

  #section3main {
  background: url(../images/home-page/office-girl.jpg) no-repeat 60% center;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/
  background-size: auto 100%;
}

#section3main p{
max-width: 70%;
}


}


#section3main ul{
  padding-left: 25px;
}


#section3testimonials img {
  max-width: 100%;
}

div.home-testimonial {
  min-height: 275px;
}

.home-testimonial p {
  max-width: 250px;
}


.jumbotron#section4main {
  background: url(../images/home-page/section4bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 620px;
  color: #fff;
  padding-top: 10%;
}

#section5main img{
  bottom: 0px;
}


/*YouTube Player*/

.modal-content {
  background-color: #000;
}

.modal-header {
  border-bottom: none;
  color: #fff;
}

.modal-header .close {
  color: #fff;
}

a.youtube img{
  margin-bottom: 10px;
}


/* COURSE COVER */

body.course-cover div.main-content {
  margin-top: 75px;
  margin-bottom: 30px;
  border-radius: 4px;
}


body.course-cover div.main-content a {
  color: #fff;
}


/*_________*/

body.course-cover .status a.list-group-item{
  background-color: transparent;
  border: none;
  color: #fff;
  border-radius: 4px;
}

body.course-cover .status a.list-group-item span{
  float:right;
}


body.course-cover .status a.list-group-item.active{
  background-color: #fff;
  border: none;

}

body.course-cover .fa {
  margin-right: 10px;
}

/*_________*/

body.course-cover .content-list a.list-group-item{
  background-color: #fff;
  border-color: #dbdbdb;
  color: #111;
  min-height: 120px;
}


.content-list {
  margin-top: 23px;

  
}


body.course-cover .content-list a.list-group-item img{
  float: left;
  width: 120px;
  margin: 0px 15px 10px 0px;
}

body.course-cover .content-list a.list-group-item h4{
  margin: 0 0 5px 0;
  font-size: 1em;
}

body.course-cover .content-list a.list-group-item p{
  margin: 0;
  font-size: 0.9em;
}

body.course-cover .content-list a.list-group-item input{
  /*float: right;*/
}


body.course-cover .content-list a.list-group-item.active{
  background-color: #efefef;
  border-color: #dbdbdb;
  color: #111;
}


/*_________*/


/* COURSE LESSON */


body.course-lesson a.list-group-item input{
  float: right;
}

body.course-lesson .content-list {
  margin: 10px 0 0 0;
}

body.course-lesson .content-list a.list-group-item.active{
  background-color: #efefef;
  border-color: #ddd;
  color: #111;
}

body.course-lesson .content-list a.list-group-item.disabled{
  background-color: inherit;
  color: #dbdbdb;
}

body.course-lesson .content-list a.list-group-item.disabled:hover{
  background-color: inherit;
  color: #dbdbdb;
}


body.course-lesson .content-list a.list-group-item:hover {
  background-color: #efefef;
}

div.text-lesson-content div.thumbnail {
  float: right;
  margin: 0 0 0 15px;

}

body.course-lesson .course-index {
  margin: 10px 0 0 0;
}

body.course-lesson .nav-tabs li.active a {
  border-bottom-color: #dbdbdb;
  border:none;
  background-color: #dbdbdb;
  color: #000;
}

body.course-lesson .nav-tabs li a {
  border-bottom-color: #dbdbdb;
  color: #979797;
}

body.course-lesson .nav-tabs li a:hover {
  background-color: #dbdbdb;
  
}

/* TILES */

.tile {
  color: #fff;
  margin: 10px 0 20px 0;
  padding: 15px 0 4px 0;
}



.tile .caption {
  color: #fff;
}


/* PRICING */

body.pricing .main-content {
  background: none;
}



body.pricing .price-top {
  padding-bottom: 5px;
  margin-bottom: 20px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

body.pricing .single .fa {
  color: #428bca;
}


body.pricing .single .price-top {
  background: #428bca;
}


body.pricing .multiple .fa {
  color: #5cb85c;
}

body.pricing .multiple .price-top {
  background: #5cb85c;
}

.price-option {
  margin-top: 40px;
  margin-bottom: 20px;
  height: 340px;
  background: #fff;
  border-radius: 8px;
}

.price-option h3 {
  padding-top: 30px;
}

.price-option h2 {
  color: #fff;
  font-size: 3.2em;
  margin-bottom: 0px;
  margin-top: 5px;
}

.price-option p.fine {
  color: #fff;
  font-size: .7em;
  margin-top: -5px;

}

.price-option .checklist p {
  margin: 0 0 5px 25px;
}

body.pricing .jumbotron {
  color: #000;
  padding: 15px 0px 15px 0px;
}

body.pricing .jumbotron.moneyback img{
  max-height: 50px;
}

body.pricing .jumbotron.icons{
  padding: 15px 0px 15px 0px;
  background: #e7eef5;
}

body.pricing .jumbotron.icons img {
  margin: 10px;
}

/* SETTINGS */

div.user-photo {
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 110px;
}

div.user-photo img {
  width: 100px;
  float: left;
  margin: 5px;

}

div.setting-head h1{
  border-bottom:1px solid #ddd;
  margin: 10px 0 20px 0px;
  padding: 10px 0 20px 15px;
}

div.setting-body {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 20px;
  padding-bottom: 20px;

}

div.setting-content {
  padding: 0 45px;
}

div.setting-content p {
  margin: 25px 0 15px 0;
}

div.setting-content div.form-group {
  margin: 25px 0 15px 0;
}

div.setting-content div.input-group-addon {
  background-color: #fff;
}


body.settings .content-list {
  margin: 10px 0 0 0;
}

body.settings .content-list a.list-group-item.active{
  background-color: #efefef;
  border-color: #ddd;
  color: #111;
}

body.settings .content-list a.list-group-item.disabled{
  background-color: inherit;
  color: #dbdbdb;
}

body.settings .content-list a.list-group-item.disabled:hover{
  background-color: inherit;
  color: #dbdbdb;
}


body.settings .content-list a.list-group-item:hover {
  background-color: #efefef;
}

/*SIGN UP PAGES*/

.welcome-splash {
  height: 661px;
  background: url(../images/account-setup-pages/welcome-background.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
  line-height: 2.2;
  font-size: 1.1em;
}

.welcome-splash .start-buttons p{
  color: #fff;
  margin-top: 5px;
  font-size: 0.8em;
}


/*Sharing Page*/

body.share-page div.share-text {
  min-height: 60px;
}


/*Footer */

footer {
  font-size: .9em;
  line-height: 1;
  background-color: #fff;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #fff;
  color: #000;
}

.footer hr {
  margin-top: 0px;
}

html {
  position: relative;
  min-height: 80%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

/*Social*/

.fa-facebook-square {
  color: #3B5998;
}

.fa-twitter-square {
  color: #55ACEE;
}

.fa-youtube-play {
  color: #b31217;
}

.btn-facebook {
  background-color: #3B5998;
  color: #fff;
}

.btn-facebook:hover {
  color: #fff;
  background-color: #6E87BB;
}

.btn-twitter {
  background-color: #55ACEE;
  color: #fff;
}

.btn-twitter:hover {
  background-color: #9DC5E4;
  color: #fff;
}

.btn-youtube {
  background-color: #b31217;
  color: #fff;
}

.btn-youtube:hover {
  color: #fff;
  background-color: #e52d27;
}


.btn-indigogo {
  background-color: #fa1681;
  color: #fff;
}

.btn-indigogo:hover {
  color: #fff;
  background-color: #EC599E;
}


/* MODULE COLOURS*/


/* ---------- Mod1 ----------*/
.module1 div.tile {
  background-color: #2590c6;
}

.dropdown-submenu ul.mod1, ul.mod1 {
  background-color: #2590c6  !important;
}

body.mod1.course-cover div.main-content{
  background: #2590c6;
  color: #fff;
}

body.course-cover.mod1 .status a.list-group-item.active{
  color: #2590c6;
}

/*.dropdown-menu>li>a.mod1 {
  background-color: #2590c6;
}*/


/* ---------- Mod2 ----------*/

.module2 div.tile {
  background-color: #dd4747;
}

.dropdown-submenu ul.mod2, ul.mod2 {
  background-color: #dd4747 !important;
}

body.mod2.course-cover div.main-content{
  background: #dd4747;
  color: #fff;
}

body.course-cover.mod2 .status a.list-group-item.active{
  color: #dd4747;
}

/*.dropdown-menu>li>a.mod2 {
  background-color: #dd4747;
}*/


/* ---------- Mod3 ----------*/

.module3 div.tile {
  background-color: #e67e22;
}

.dropdown-submenu ul.mod3, ul.mod3 {
  background-color: #e67e22 !important;
}

body.mod3.course-cover div.main-content{
  background: #e67e22;
  color: #fff;
}

body.course-cover.mod3 .status a.list-group-item.active{
  color: #e67e22;
}

/*.dropdown-menu>li>a.mod3 {
  background-color: #e67e22;
}*/

/* ---------- Mod4 ----------*/

.module4 div.tile {
  background-color: #27ae60;
}

.dropdown-submenu ul.mod4, ul.mod4 {
  background-color: #27ae60 !important;
}

body.mod4.course-cover div.main-content{
  background: #27ae60;
  color: #fff;
}

body.course-cover.mod4 .status a.list-group-item.active{
  color: #27ae60;
}

/*.dropdown-menu>li>a.mod4 {
  background-color: #27ae60;
}*/

/* ---------- Mod5 ----------*/

.module5 div.tile {
  background-color: #1abc9c;
}

.dropdown-submenu ul.mod5, ul.mod5 {
  background-color: #1abc9c !important;
}

body.mod5.course-cover div.main-content{
  background: #1abc9c;
  color: #fff;
}

body.course-cover.mod5 .status a.list-group-item.active{
  color: #1abc9c;
}

/*.dropdown-menu>li>a.mod5 {
  background-color: #1abc9c;
}*/

/* ---------- Mod6 ----------*/

.module6 div.tile {
  background-color: #9b59b6;
}

.dropdown-submenu ul.mod6, ul.mod6 {
  background-color: #9b59b6 !important;
}

body.mod6.course-cover div.main-content{
  background: #9b59b6;
  color: #fff;
}

body.course-cover.mod6 .status a.list-group-item.active{
  color: #9b59b6;
}

/*.dropdown-menu>li>a.mod6 {
  background-color: #9b59b6;
}*/

/* ---------- Mod7 ----------*/

.module7 div.tile {
  background-color: #f39c12;
}

.dropdown-submenu ul.mod7, ul.mod7 {
  background-color: #f39c12 !important;
}

body.mod7.course-cover div.main-content{
  background: #f39c12;
  color: #fff;
}

body.course-cover.mod7 .status a.list-group-item.active{
  color: #f39c12;
}

/*.dropdown-menu>li>a.mod7 {
  background-color: #f39c12;
}*/

/* ---------- Mod8 ----------*/

.module8 div.tile {
  background-color: #34495e;
}

.dropdown-submenu ul.mod8, ul.mod8 {
  background-color: #34495e !important;
}

body.mod8.course-cover div.main-content{
  background: #34495e;
  color: #fff;
}

body.course-cover.mod8 .status a.list-group-item.active{
  color: #34495e;
}

/*.dropdown-menu>li>a.mod8 {
  background-color: #34495e;
}*/

/* ---------- Mod9 ----------*/

.module9 div.tile {
  background-color: #7f8c8d;
}

.dropdown-submenu ul.mod9, ul.mod9 {
  background-color: #7f8c8d !important;
}

body.mod9.course-cover div.main-content{
  background: #7f8c8d;
  color: #fff;
}

body.course-cover.mod9 .status a.list-group-item.active{
  color: #7f8c8d;
}

/*.dropdown-menu>li>a.mod9 {
  background-color: #7f8c8d;
}*/