/* Column Classes
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */
.five-sixths,.four-sixths,.one-fourth,.one-half,.one-sixth,.one-third,.three-fourths,.three-sixths,.two-fourths,.two-sixths,.two-thirds {
float:left;
margin-left:2.5641025641026%
}

.one-half,.three-sixths,.two-fourths {
width:48.717948717949%
}

.one-third,.two-sixths {
width:31.623931623932%
}

.four-sixths,.two-thirds {
width:65.811965811966%
}

.one-fourth {
width:23.076923076923%
}

.three-fourths {
width:74.358974358974%
}

.one-sixth {
width:14.529914529915%
}

.five-sixths {
width:82.905982905983%
}

.first {
clear:both;
margin-left:0
}

.dashicons {
color:#DD3333;
font-size:30px;
height:30px;
width:30px
}

.lesson-nav {
margin-top:30px
}

.lesson-nav .prev {
text-align:left
}

.lesson-nav .prev .dashicons {
float:left
}

.lesson-nav .next {
text-align:right
}

.lesson-nav .main {
text-align:center
}

.main a {
background-color:#DD3333;
color:#fff!important;
padding:5px 10px
}

#countdown-holder {
background:#a52b16;
color:#fff;
margin-bottom:22px;
padding:10px;
text-align:center
}

.slide-out-div {
padding:20px;
width:250px;
background:#ccc;
border:1px solid #29216d
}

@media only screen and (max-width: 800px) {
.five-sixths,.four-sixths,.one-fourth,.one-half,.one-sixth,.one-third,.three-fourths,.three-sixths,.two-fourths,.two-sixths,.two-thirds {
margin:0;
width:100%
}
}

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:35px;
height:0;
overflow:hidden
}

.video-container iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}