/*
Theme Name:     Be Academy
Theme URI:      http://hoconline.thietkewebsieutoc.net
Author:         Binh Dang
Author URI:     http://dangngocbinh.com
Description:    WPLMS Theme
Template:       betheme
Version:        1.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */
.noidung-baihoc.no-video{
background: #f9f9f9;
color: #000;
}

.noidung-baihoc.no-video .course-nav{
border-top: 1px solid #ececec;
margin: 10px 0;
padding-top: 10px;
}
.noidung-baihoc.no-video .lession-title{

color: #000;
}  

.list-lessoncard-right-icontext .list-icontext-text {
    font-size: 11px;
}

.ds-baihoc ul.accordion li{

 -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}

.ds-baihoc ul.accordion .child{
display: none;
}


.ds-baihoc ul.accordion li.hasChild:after{
content: " ";
    margin-right: 10px;
    width: 24px;
    height: 24px;
    background: #5ea5d7 url(images/icons/toggle_icons.png) 7px 6px no-repeat;
    cursor: pointer;
float:right;

}


.ds-baihoc ul.accordion li.expand.hasChild:after{

background-position: 7px -21px;
}

li.mp_users_subscriptions_list_alt {
    background: none;
    border-top: 1px solid #ffffff30;
}

.navCourseInfo .sub-menu {
    display: flex;    
    height: 48px;
    padding: unset;
    border-radius: 0 0 3px 3px;
    align-items: center;
    background-color: #fff;
    justify-content: space-around;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
}

 .navCourseInfo.sticky{
     position: sticky;
     
}

.navCourseInfo .sub-menu a {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -.1px;
    text-align: center;
    color: #464646;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}

.navCourseInfo .sub-menu a:hover, .navCourseInfo .sub-menu a.active {
    color: #464646;
}

 .navCourseInfo .sub-menu a.active:after,
.navCourseInfo .sub-menu a:hover:after {
    content: '';
    height: 4px;
    background-color: #df322f;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.navCourseInfo{

z-index: 99;
}

 
 .curriculum-overview {
    display: flex;    
    margin-top: 24px;
    margin-bottom: 24px;
padding-left: 10px;
}

.curriculum-overview .curriculum-lessons {
    display: flex;
}

.curriculum-overview .curriculum-lessons-number {
    display: flex;
    align-items: center;
    margin-right: 27px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
}

.curriculum-overview .curriculum-time {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
}

.course-lessions {
    background: #ffffff;
    border-radius:  3px;
}

.single-course .section-post-comments{
    clear: both;
    background: #fff;
    box-sizing: border-box;
    margin: 0 1% 30px 1%;
    padding: 20px 20px;
    border-radius: 3px;
}
.single-course .popup .popup-text{
background: #2478dc;
}

.single-course  #respond {
border-top: none !important;
    background: #ffffff;
    padding: 5px 5px 5px 5px;
}

.ld-progress-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ld-progress-stats .ld-progress-percentage {
    text-transform: uppercase;
    font-weight: 800;
    color: #019e7c;
    margin-right: 1.5em;
}

.course-progress-wrapper{
padding: 10px 10px;
text-align: center;
}

.course-progress-wrapper .course-progress{
margin-bottom: 0;
}


.course-description ol{
list-style: decimal inside;
}

.course-description ul{
    list-style: initial;
    padding-left: 16px;
}

.ds-baihoc li:after{
font-family: "mfn-icons";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: none!important;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
}

.ds-baihoc li.completed:after{
content: '\e841';
}

.cview{
position: absolute;
bottom: 5px;
left: 5px;
color: #fff;
font-size: 13px;
text-shadow: 1px 1px 1px #545454;
}
.cvideos{
color: #fff;
    float: right;
    font-size: 13px;
    padding-right: 5px;
    text-shadow: 1px 1px 1px #545454;}

#mynav{
    overflow-y: scroll;
}

.course-meta {
    clear: both;
}

.cid{
    color: #fff;
    float: left;
    font-size: 13px;
    text-shadow: 1px 1px 1px #545454;
}

#login-mobi {
    
    font-size: 19px;
    line-height: 39px;
    padding: 3px 2px;
}


.lessview {
    font-size: 12px;
    display: inline;
    margin-left: 10px;
}

.sidebar{
font-size: 16px;
}


.dropdown-menu2 .sidenav{
     margin: 0 0;
}
.drp-comment {
    display: none;
    top: 0px;
    left: auto;
    right: 0;
    background: #fff;
    z-index: 999;
    position: fixed;
    height: 100%;
    width: 320px;
    min-width: 176px;
    box-shadow: 0px 8px 16px 0px #00000033;
}


.bgdesk {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 5;
   top: 0;
   left: 0;
   background: rgba(0,0,0,0.5);
   overflow-x: hidden;
}
.admin-bar .sidenav {
    top: 32px;
}

 .sidenav{
     height: 100%;
     width: 0;
     position: fixed;
     z-index: 99999;
     top: 0;
     left: 0;
     background-color:#fff;
     float:left;
     overflow-x: hidden;
     box-shadow: 0 0 15px rgba(0,0,0,0.15);
}

.labelmenu{
   cursor: pointer;
   font-size: 17px;
   color: #e61c25;
   top: 0px;
   width: 100%;
   background: #fff;
   z-index: 9999;
   box-shadow: 0 0 5px rgba(0,0,0,0.15);
   padding: 5px;
   text-align: left;
   font-weight: bold;
   box-sizing: border-box;
}
.labelmenu span{
   padding: 5px;
   margin-left: 20px;
   color: #777;
}
.sidenav li{
   min-height: 0.05em;
   line-height: 1.3em;
   vertical-align: middle;
   position: relative;
   margin: 0 0 !important;
   display: block;
}
.sidenav ul ul{
   visibility: hidden;
   position: absolute;
   top: 0;
   left: 100%;
   z-index: 520;
   width: 21em;
   z-index: 1;
   background-color: #f5f5f5;
   padding-top: 0px;
   margin-top: 0 !important;
}
.sidenav li:hover>ul {
   visibility: visible;
}
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15.5px;
    color: #3c3c3c;
    display: block;
    border-bottom: 1px solid #fdc79b54;
    text-align: left;
}
.sidenav ul{
   margin: 0 0 !important;
}
.sidenav li.menu-item-has-children > a:after{
   content: '»';
   position: absolute;
   right: 1em;
}
.sidenav a:hover {
   background: #e4e4e4;
}
.sidenav .closebtn {
   position: absolute;
   top: -2px;
   right: 5px;
   font-size: 29px;
   margin-left: 50px;
   text-decoration: none;
   border: none;
}
.sidenav .closebtn:hover{
   background: none;
}

#Top_bar .account .sub-wrap .title:hover{
color: blue;
}
.mepr-nav-item.mepr-home{
display: none;
}

img{
max-width: 100%;
height: auto;
}

.account .dropdown-menu:before {
     left: 12px !important;
}
 .k-header-info .account li.inner li{
     width: 100%;
}
 .k-header-info .account.nav-item {
     float: right;
     height: 50px;
margin-top: 10px;
}
 .k-header-info .account img {
     border-radius: 50%;
     width: 37px;
     height: 37px;
     float: left;
     margin-right: 10px;
     display: inline-block;
}
 .k-header-info .account .sub-wrap .text {
     float: right;
     position: relative;
     top: -4px;
}
 .k-header-info .account .sub-wrap .user {
    display: inline-block;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 20px;
    width: 100%;
    text-align: left;
}
 .k-header-info .account .sub-wrap .title {
     display: block;
     color: #212121;
     font-size: 12px;
     padding-right: 15px;
     line-height: 1;
}
 .k-header-info .account .dropdown-user {
     display: none;
     min-width: 250px !important;
     padding: 10px 0 !important;
}

.ds-baihoc .ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: #50ad4e;
color: #fff;
}


 #Top_bar a#header_cart span{
     background: gray !important;
     position: absolute;
     top: -10px;
     right: -10px;
}
 #Top_bar li.cart{
     border: 2px solid #50ad4e;
     line-height: 34px;
     position: relative;
}
 .bgdesk {
     height: 100%;
     width: 0;
     position: fixed;
     z-index: 5;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.5);
     overflow-x: hidden;
}
 .labelmenu{
     cursor: pointer;
     font-size: 17px;
     color: #e61c25;
     top: 0px;
     width: 100%;
     background: #fff;
     z-index: 9999;
     box-shadow: 0 0 5px rgba(0,0,0,0.15);
     padding: 5px;
     text-align: left;
     font-weight: bold;
     box-sizing: border-box;
}
 .labelmenu span{
     padding: 5px;
     margin-left: 20px;
     color: #3ab54a;
         font-size: 14px;
}
 .sidenav li{
     min-height: 0.05em;
     line-height: 1.3em;
     vertical-align: middle;
     position: relative;
     margin: 0 0 !important;
     display: block;
}
 .sidenav ul ul{
     visibility: hidden;
     position: absolute;
     top: 0;
     left: 100%;
     z-index: 520;
     width: 21em;
     z-index: 1;
     background-color: #f5f5f5;
     padding-top: 0px;
     margin-top: 0 !important;
}
 .sidenav li:hover>ul {
     visibility: visible;
}

.course-middle {

    opacity: 0.9;
    background: #464646;
    color: white;
    text-align: center;
    padding: 2px;
float:left;
width: 100%;
box-sizing: border-box;
}

.btnnotifylesson{
    float: left;
}
/* The navigation menu links */
 .sidenav a {
     padding: 8px 8px 8px 32px;
     text-decoration: none;
     font-size: 15.5px;
     display: block;
     border-bottom: 1px solid #b5b5b5;
     text-align: left;
}
 .sidenav ul{
     margin: 0 0 !important;
}
 .sidenav li.menu-item-has-children > a:after{
     content: '»';
     position: absolute;
     right: 1em;
}
 .sidenav a:hover {
     background: #e4e4e4;
}
 .sidenav .closebtn {
     position: absolute;
     top: -2px;
     right: 5px;
     font-size: 29px;
     margin-left: 50px;
     text-decoration: none;
     border: none;
}
 .sidenav .closebtn:hover{
     background: none;
}
 #mymenu-menu>ul#menu-main-menu>li>a{
     font-weight: bold;
}
 #mymenu-menu>ul#menu-main-menu>li{
     float:left;
     padding-right: 25px;
}
 .ds-baihoc .ui-tabs .ui-tabs-nav li.ui-state-active a {
     background: #eee;
}
 .course-nav form, .course-nav .element-button{
     float:right;
     margin-right: 10px;
}
 .ds-baihoc .ui-tabs .ui-tabs-panel{
     padding: 10px 0;
}
 .ds-baihoc .styled-list{
     margin-left: 0;
     padding-bottom: 50px;
}
 .ds-baihoc .tailieu{
     padding: 10px 20px;
}
 .ds-baihoc .ui-tabs .ui-tabs-nav li {
     width: 50%;
     box-sizing: border-box;
}
 .course-nav .lession-title{
     float:left;
     font-size: 16px;
     color: #fff;
     line-height: 35px;
}
 .course-nav{
     width: 100%;
     float: right;
}
 .main-lesson .header-lesson {
     float: right;
     padding: 0;
     box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
 .header-lesson .courses {
     padding: 0;
     line-height: 38px;
     font-weight: bold;
     float: left;
}
 .header-lesson .courses .back-mycourse {
     color: white;
     position: relative;
     display: block;
     width: 60px;
     height: 60px;
     font-size: 30px;
     text-align: center;
}
 .header-lesson .courses i:before{
     position: relative;
     top: 10px;
}
 .header-lesson .logo {
     z-index: 1;
     position: relative;
     margin-left: 30px;
     display: block;
     float:left;
     padding-top:4px;
}
 .navbar-brand>img {
     display: block;
     max-height: 50px;     
    
}
 .ds-baihoc .ui-tabs .ui-tabs-nav li{
     border: none;
}
.lessons-listing .lesson-item.lesson-child .lesson-title{
border-left: 12px solid transparent;
}

.lessons-listing .lesson-item.lesson-child.grandchild .lesson-title{
border-left: 32px solid transparent;
}


.ds-baihoc li.grandchild{
padding-left: 50px;

}
 .lessons-listing .lesson-child .lesson-title.placeholder{
     background:none;
}
 .course-share{
     margin-top: 20px;
}
 .header-lesson .courses.title-course {
     text-align: center;
     top: 14px;
     margin: 14px 10px 0 30px;
}
 .header-lesson .courses {
     padding: 0;
     line-height: 38px;
     font-weight: bold;
     float: left;
}
 .header-lesson .courses.title-course h4 {
     margin: 0;
     display: inline-block;
     font-weight: bold;
     font-size: 16px;
}
 .single-lession-wrap{
     width: 100%;
     float:left;
}
#lesson-hambeger {
    float: right;
    font-size: 15px;
    margin-top: 19px;
    display: none;
    margin-right: 10px;
}
 .admin-bar.single-lesson{
     padding-top: 60px;
}
 .single-lesson{
     padding-top: 60px;
}

.header-lesson #Action_bar .container{
max-width: 100%;
}

 .admin-bar .header-lesson{
     top: 32px;
}
 .header-lesson{
     position: fixed;
     top: 0;
     background: #ffffff;
     left: 0;
     right: 0;
     z-index: 9999;
     height: 60px;
}

.threeline {
    cursor: pointer;
}
 #lesson-hambeger:hover{
     cursor: pointer;
}

 @media(max-width: 1000px){
     .courses.title-course{
         display: none;
    }
}
 @media(max-width: 960px){
     .header-lesson #Top_bar{
         display: none;
    }
     #lesson-hambeger{
         display: block;
    }
     .single-lession-wrap .three-fourth{
         width: 100%;
    }
     .admin-bar .single-lession-wrap .one-fourth.ds-baihoc{
         top: 98px;
    }
     .single-lession-wrap .one-fourth.ds-baihoc{
         position: fixed;
         top: 60px;
         right: 0;
         width: 0;
         height: 100%;
         overflow-x: hidden;
         transition: 0.25s;
    }
     .single-lession-wrap .one-fourth.ds-baihoc.side{
         width: 320px;
    }
}
 .videojs-hls-player-wrapper{
     margin: 0 auto;
}
 .videoWrapper {
     position: relative;
     padding-bottom: 56.25%;
    /* 16:9 */
     padding-top: 25px;
     height: 0;
}
 .videoWrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .ds-baihoc{
     border-top: 1px solid #ecebeb;
     background: #fff;
}
 .ds-baihoc li a{
     color: #46525e;
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
}
 .ds-baihoc .lesson-child {
     padding-left: 30px;
     font-size: 12px;
     
}

.k-header-info {
    position: absolute;
    right: 10px;
    padding-top: 3px;
}

 .ds-baihoc .child a{
    font-weight: normal;
 }
 .ds-baihoc .ui-tabs .ui-tabs-nav {
     padding-bottom: 7px;
}
 .ds-baihoc .lession-parent {
     padding-left: 10px;
}
 .ds-baihoc li{
     cursor: pointer;
     
     position: relative;
     padding-right: 40px;
     padding-top: 5px;
     padding-bottom: 5px;
     margin-bottom: 0 !important;
     top: 6px;
     border-bottom: 1px solid rgba(0,0,0,0.1);
}

.lessons-listing  .lesson-child.superchild .lesson-title{
padding-left: 40px;
border-left: 60px solid transparent;
}

.ds-baihoc li.superchild {
    padding-left: 80px;
}

 .ds-baihoc li:hover{
     background: #45a5f5;
}

#Side_slide .social {
    text-align: center;
    margin: 0 20px 13px;
    display: none;
}

 .ds-baihoc li .lession-inline-time{
     position: absolute;
     top: 0;
     right: 10px;
     width: 30px;
     height: 20px;
     font-size: 11px;
}
 .lesson-item.lession-parent{
     background: #ccc;
}
 .lesson-item.lession-parent a:hover{
     cursor: default;
     text-decoration: none;
}
 .lession-time {
     display: inline-block;
     padding: 0 5px;
     border: 1px solid rgba(0,0,0,0.1);
     border-radius: 3px;
     color: #737373;
     font-size: 11px;
     background: white;
     float: right;
}
 .course-banner1 {
     border-bottom: 1px dotted #d6d6d6;
}
.user-courses-listing .course-banner1 img{
width: 130px;
}


 .user-courses-listing {
     margin-bottom: 50px;
}
 .ajax-form .message{
     display: block;
     background: #fff;
    border: none;
}
 .ajax-form .message > *{
     border: 1px dashed orange;
     padding: 10px 10px;
     margin-bottom: 15px;
     margin-right: 5px;
}
 .ajax-form input[type="text"]{
     width: 100%;
     min-width: 200px;
}
 .row-menu-bar-mobile .icon-search{
     font-size: 28px;
     display: none;
}
 .message-btns a {
     background: #fff;
     display: block;
     margin-bottom: 10px;
     border-radius: 8px;
     padding: 5px 10px;
     font-size: 22px;
     line-height: 35px;
     color: #000;
     text-decoration: none;
}
 .message-btns a img {
     width: 32px;
     margin-right: 10px;
     position: relative;
     top: 4px;
}
 .courses-nav .nav-link span span{
     top: 0;
}
 .account.dropdown li a{
     padding: 5px 0px;
}
 #mobi-access-icon{
     display: none;
}
 header#Header {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
 .account .dropdown-menu:before {
     left: 12px !important;
}
 #Top_bar .account li.inner li{
     width: 100%;
}
 #Top_bar .account.nav-item {
     float: right;
     height: 50px;
}
 #Top_bar .account img {
     border-radius: 50%;
     width: 37px;
     height: 37px;
     float: left;
     margin-right: 10px;
     display: inline-block;
}
 #Top_bar .account .sub-wrap .text {
     float: right;
     position: relative;
     top: -4px;
}
 #Top_bar .account .sub-wrap .user {
    display: inline-block;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 20px;
    width: 100%;
    text-align: left;
}
 #Top_bar .account .sub-wrap .title {
     display: block;
     color: #212121;
     font-size: 12px;
     padding-right: 15px;
     line-height: 1;
}
 #Top_bar .account .dropdown-user {
     display: none;
     min-width: 250px !important;
     padding: 10px 0 !important;
}
#topsearchform{
float:left;
position: relative;
margin-top: 5px;
margin-right: 5px;
}

#topsearchform input.field{
width: 150px;
display: inline;
line-height: 20px;
margin: 0 0;
padding: 5px 10px;
border: 1px solid #d8d8d8;
border-radius: 18px 18px;
}

#topsearchform input[type="submit"]{

width: 40px;
height: 30px;
padding: 0 0;
position: absolute;
top: 1px;
right: 1px;
}


 #Top_bar.one-third.column{
     width: 39%;
     font-size: 13px;
     text-align: right;
}
 #Top_bar .login-signup a.button-register {
     line-height: 36px;
     position: relative;
     background: #50ad4e;
     color: #fff;
     border-bottom: 2px solid #408a3e;
     margin-left: 5px;
     float:left;
     display: block;
     text-align: center;
     padding: 0 13px;
}


 #Top_bar li{
     box-sizing: border-box;
}
 #Top_bar .logo #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
     padding: 2px 0;
}
 #Top_bar .logo {
     float: left;
     margin: 0 0;
}

 .login-signup a.button-login {
     background: #fff;
     color: #50ad4e;
     line-height: 34px;
     border: 2px solid #50ad4e;
     display: block;
     padding: 0 6px;
     float: left;
}
 .k-header-wrap #Top_bar li {
     display: inline-block;
     margin-right: 15px;
}
 #Top_bar .button-cod {
     display: inline-block;
     line-height: 34px;
     position: relative;
    top: -16px;
}
 #Top_bar .login-signup {
     margin-left: 7px;
     margin-right: 0;
     position: relative;     
}
 #Top_bar #Top_bar .button-cod .btn-cod-active {
     padding: 0 6px;
     line-height: 34px;
     border: 2px solid #ff7818;
     color: #ff7818;
     background-color: transparent;
}
 #Top_bar li {
     display: inline-block;
     margin-right: 10px;
}
 #searchform input.field {
     border-radius: 0px;
     background: #fff;
     box-shadow: none;
     font-size: 14px;
     padding-right: 0;
     height: 40px;
     border-right: 1px solid;
     border-color: #a9b2bd;
     border-width: 1px;
}
 #searchform button {
     height: 40px;
     border-left: none;
     background: white;
     color: #ccd1d9;
     border: 1px solid #a9b2bd;
     border-left: none;
     border-radius: 0px;
}
 .input-group-btn > .btn {
     position: relative;
}
 #Top_bar .btn {
     display: inline-block;
     font-weight: normal;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     cursor: pointer;
     user-select: none;
     border: 1px solid transparent;
     padding: 0.375rem 1rem;
     font-size: 1em;
     line-height: 1.71429;
     border-radius: 3px;
}
 #Top_bar .k-header-search form .input-group button {
     height: 40px;
     border-left: none;
     background: white;
     color: #ccd1d9;
     border: 1px solid #a9b2bd;
     border-left: none;
     border-radius: 0px;
}
 #searchform .field {
     width: 100%;
     margin-bottom: 0;
     position: relative;
}
 @media (min-width: 544px) {
     .hidden-sm-up {
         display: none !important;
    }
}
 @media only screen and (min-width: 768px){
     #Top_bar.is-sticky .logo {
         margin: 0 0px 0 0px !important;
         padding: 0 !important;
    }
     #Top_bar.is-sticky #logo img.logo-sticky {
         display: inline;
         max-height: 52px !important;
    }
}



 @media (min-width: 768px) {
     .k-header-search .input-group-btn button .mob {
         display: none;
    }
    
    #login-mobi span{
    display: none;
    }
}
 .courses-nav ul,.courses-nav li {
     list-style: none;
     padding: 0px;
     margin: 0 0;
}
 .k-header-menu .nav {
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
}
 .k-header-menu {
     text-align: center;
     padding: 0px !important;
}
 .dropup, .dropdown {
     position: relative;
}
 .navbar-nav .nav-item {
     float: left;
}
 .courses-nav .nav-item {
     width: 100%;
     height: 50px;
}
 .courses-nav .nav-link:hover{
     text-decoration: none;
}
 .courses-nav .k-header-menu .nav-wrap {
     display: block;
}
 .k-header-menu .nav-item.dropdown{
     margin-bottom: 0;
}
 .courses-nav .nav-link {
     background: #005e9c;
     padding: 8px 7px;
     display: inline-block;
     position: relative;
     width: 100%;
     font-size: 14px;
     color: #ffffff;
}
 .courses-nav .nav-link:hover{
     text-decoration: none;
}
 .courses-nav .nav-link span {
     margin-left: 0;
     margin-top: 0;
     position: relative;
     top: 1px;
     text-decoration: none;
}
 .k-header-menu .dropdown-menu, .account .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 160px;
     padding: 5px 0;
     margin: 2px 0 0;
     font-size: 1rem;
     color: #353535;
     text-align: left;
     list-style: none;
     background-color: #fff;
     background-clip: padding-box;
     border: 0 solid rgba(0, 0, 0, 0.15);
     border-radius: 3px;
}
 .k-header-menu .nav-wrap .dropdown-menu,.account .dropdown-menu {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     min-width: 768px !important;
     padding: 25px 20px 15px;
     margin: 0;
     font-size: 16px;
    /* -webkit-column-count: 3;
     -moz-column-count: 3;
     column-count: 3;
    */
}
 .k-header-menu .nav-wrap .dropdown-menu li a img {
     margin-right: 10px;
     width: 20px;
}
 .k-header-menu .nav-wrap .dropdown-menu:before,.account .dropdown-menu:before {
     font-family: "mfn-icons" !important;
     content: '\e944' !important;
     font-size: 26px;
     color: #fff;
     visibility: visible;
     overflow: visible;
     position: absolute;
     left: 55px;
     top: -13px;
}
 @media(min-width: 960px){
     .nav-item.dropdown:hover .dropdown-menu{
         display: block;
    }
}
 #fixed-topbar {
     text-align: center;
     color: white;
     font-size: 13px;
     font-weight: bold;
     z-index: 30;
     width: 100%;
}
 #fixed-topbar a{
     display: block;
     line-height: 0;
}
 #fixed-topbar img {
     width: 100%;
}
 #fixed-topbar img.close-topbar {
     position: absolute;
     top: 5px;
     right: 5px;
     background: white;
     height: 20px;
     width: 20px;
     border-radius: 99px;
     cursor: pointer;
}
 #fixed-topbar .banner-mb {
     display: none;
}
 @media (max-width: 990px){
     #fixed-topbar .banner-pc {
         display: none;
    }
     #fixed-topbar .banner-mb {
         display: block;
    }
}
/* gen 3 */
 .ajax-form ul.error{
     color: red;
}
 .verify_code input[type="text"] {
     background: #f9f973;
}
 #popup-loginfrm .popup-inner{
     padding: 0 0;
}
 .woocommerce-account #popup-loginfrm{
     max-width: 400px;
     margin: 0 auto;
}
 #popuploginform, #popupresetpassform{
     min-width: 250px;
     max-width: 100%;
}
 #popupresetpassform{
     display: none;
}
 #backtologin{
     margin-top: 30px;
}
 #btnlogin{
     width: 100%;
     text-align: center;
     box-sizing: border-box;
}
 #btnlogin a{
     width: 100%;
     box-sizing: border-box;
}
 #forgotpassbtn{
     width: 100%;
     text-align: center;
     margin-top: 5px;
}
 #forgotpassbtn a, #popup-regisbtn a{
     box-sizing: border-box;
     width: 100%;
}
 #popup-regisbtn{
     margin-top: 50px;
}
 #popup-regisbtn a{
     text-align: center;
     width: 100%;
     display: block;
     margin: 0 auto;
}
 body.single-course,.single-course #Wrapper{
     overflow: visible !important;
}
 .tax-course_category .sidebar ul{
     text-indent: 0 !important;
     list-style: none;
}
 .tax-course_category .sidebar ul li:after{
     display: none;
}
 .woocommerce .user-image img{
     width: 90px;
}
.woocommerce-account .user-image{
width: 30%;
clear: both;
text-align: center;
margin-bottom: 20px;
}

 h2.title-course-section a, h2.title-course-section a:hover {
     color: #0095eb;
}
 .the_content_wrapper .mp_users_subscriptions_list ul{
     margin: 0 0;
     padding: 10px 10px;
     margin-bottom: 30px;
     color: #fff;
}
 .bordered-image.thick-border{
     display: inline-block;
     margin: 0 auto;
}
 .shifted{
     display: none;
}
 .woocommerce-MyAccount-navigation ul{
     text-indent: 0 !important;
}
 .ds-baihoc{
     border-right: 1px solid #e4e4e4;
}
 .ds-baihoc .lesson-options .element-button{
     float:left;
}
 .ds-baihoc .lesson-options form .element-button{
     float:right;
}
 .lesson-options{
     margin: 5px 5px;
     padding-bottom: 15px;
}
 .ds-baihoc li{
         padding-left: 20px;
}
 .ds-baihoc li.child{
padding-left: 35px;
}
 .ds-baihoc li.current{
     background: #45a5f5;
}
 .ds-baihoc .widget-title h4{
     text-align: center;
     border-top: 1px solid #e4e4e4;
     border-bottom: 1px solid #e4e4e4;
     padding: 5px 0 7px 0;
}

 .scroll16::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     background-color: #F5F5F5;
}

.ds-baihoc .ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: #8c8c8c;
color: #fff;
}

.ds-baihoc .ui-tabs .ui-tabs-nav li {
    width: 47%;
    box-sizing: border-box;
}


 .scroll16::-webkit-scrollbar {
     width: 10px;
     background-color: #F5F5F5;
}
 .scroll16::-webkit-scrollbar-thumb {
     background-color: #7fcc39;
     background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) 
}
 .noidung-baihoc{
     padding: 20px 20px;
     background: #2C2F37;
     float: left;
     color: #fff;
     width: 100%;
     box-sizing: border-box;
}
/*Signle Course*/
.course-header h5 {
    padding-top: 2px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 0;
}

 .course-subtitle{
    text-align: center;
}
 .course-description{
     background: #ffffff;
     padding: 30px 25px;
     margin-bottom: 30px;
}
 .course-lessions{
     float:left;
     width: 100%;
     margin-bottom: 30px;
}

.lessons-listing .lesson-title h4 {
    display: inline;
    font-size: 16px;
}

.lessons-listing .lesson-child .lesson-title h4 {
    display: inline;
    font-size: 14px;
}


 .course-lessions .lessons-listing{
     width: 100%;
     float:left;
     margin: 0 0;
}
 .teacher .media-body{
     width: 80%;
}
 .teacher .media-left{
     text-align: center;
     padding-right: 10px;
}
 .teacher .media-left .btn{
     font-size: 11px;
     padding: 3px 5px;
     border: 1px solid #c1c1c1;
}
 .section.teacher{
     position: static;
     float:left;
     background-color: #f7f8fa;
     padding: 35px 35px;
     margin-left: 0;
     text-align: justify;
     box-sizing: border-box;
}
 .course-sumary .price-course{
     text-align: center;
     width: 100%;
     float:left;
}
 .course-shortdesc{
     font-size: 16px;
}
 .course-shortdesc li i{
     color: #333;
}
 .course-shortdesc li{
     padding: 5px 0;
}
 .course-share > div, .course-share > iframe{
     float:left;
     margin-right: 5px;
}
 .course-share .fb-save{
     position: relative;
     top: -4px;
}
 .section.related-courses{
     position: static;
     margin-bottom: 30px;
}
 .course-sumary{
     padding: 25px 10px;
     background: #ffffff;
     border-radius: 3px;
     height: auto;
     box-sizing: border-box;
     position: relative;     
     z-index: 99;
}
 .course-sumary.sticky{
     position: sticky;
     top: 106px;
}
 .course-sumary.sticky .video-cover{
     display: none;
}
 .course-sumary .price-course {
     margin-bottom: 20px;
     text-align: left;
     color: #D41701;
     font-size: 24px;
     font-weight: 700;
}
 .table-info {
     width: 100%;
     margin-bottom: 10px;
     max-width: 304px;
     margin-left: auto;
     margin-right: auto;
}
 .table-info tr:not(:last-child) {
     border-bottom: solid 1px #F3F3F3;
}
 .table-info tr {
     height: 38px;
}
 .table-info .td-icon {
     width: 24px;
     color: #c5c5c5;
}
 .table-info tr td {
     vertical-align: middle;
     border: none;
}
 .table-info .td-name {
     text-align: left;
}
 .course-shortdesc{
     text-align: justify;
     font-size: 13px;
     line-height: 18px;
     margin-bottom: 10px;
}
 .video-cover img{
     max-width: 100%;
}
 .action-course .element-button {
     width: 100%;
     box-sizing: border-box;
     text-align: center;
     margin-bottom: 10px;
     text-transform: uppercase;
     padding: 10px 20px;
}
 .single-course .section.course-info{
     clear: both;
     width: 100%;
}
 .rating .rating-text {
     font-weight: 300;
     text-align: center;
     margin-top: 10px;
}
 .course-review .column {
     background-color: #ffffff;
     border-radius: 3px;
     border: none;
     margin-bottom: 15px;
     padding: 20px 30px;
     box-sizing: border-box;
}
 .single-course #Wrapper{
     background: #ece9e9;
}

#Top_bar a#search_button{
display: none;
}

 .teacher .media {
     margin-bottom: 20px;
}
 .media:first-child {
     margin-top: 0;
}
 .media-left, .media-right, .media-body {
     display: table-cell;
     vertical-align: top;
}
 .teacher .media-left img {
     width: 80px;
     height: 80px;
     border-radius: 50%;
}
 .teacher p{
     text-align: justify;
     margin-bottom: 0px;
}
 .teacher .media .media-body .media-heading {
     font-size: 20px;
     color: #3B8FC7;
     font-weight: 400;
     margin-top: 0;
     margin-bottom: 5px;
}
 .btn-round {
     font-size: 12px;
     border-radius: 100px;
     border: solid 1px #E1E5EA;
     padding: 2px 20px;
     color: #464646 !important;
     box-shadow: none !important;
     outline: none !important;
     background-color: transparent;
}
 .section.course-description .column.one{
     background-color: white;
     border-radius: 3px;
     border: none;
     margin-bottom: 15px;
     padding: 20px 30px;
     box-sizing: border-box;
}
 .lesson-line{
     display: table-cell;
     padding: 1em 11px;
     border-bottom: 1px dotted #d6d6d6;
     vertical-align: middle;
}
 .lesson-item p{
     margin: 0 0;
     display: inline;
}
/*End single course*/
 .course-preview{
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .course-preview:hover {
     box-shadow: 0 3px 14px rgba(0, 0, 0, 0.3);
     cursor: pointer;
     -webkit-transform: translateY(-4px);
     transform: translateY(-4px);
}
 .course-users .author-info img, .list-attribution .author img{
    border-radius: 50%;
    width: 25px;
    height: 25px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.number-taken{
display: inline-block;
float:right;
position: relative;
top: 8px;
}

 .course-price .price-text del{
     font-size: 13px;
     padding-right: 10px;
}
 .course-users .author-info .author-name{
     font-size: 14px;
     color: #606060;
     margin-top: 21px;
}
/* ========================== CUSTOM ELEMENTS ========================= */
/*----------------------------- Buttons -----------------------------*/
 input[type="submit"], input[type="button"], a.element-button {
     position:relative;
     display:inline-block;
     overflow:hidden;
     padding:0.2em 10px 0.3em 10px;
     border-color: #f2f3f4;
     
     margin: 0 0;
     white-space:nowrap;
     line-height:1.8em;
     cursor:pointer;
}
 
 .element-button.dark {
     border-color: #f2f3f4;
}

 #idex-test{
     border-color: #f2f3f4;
     padding: 0 13px;
     line-height: 34px;
     border: 2px solid #2fa033;
     background-color: #50ad4e;
}
 .element-button.medium {
     padding:0 12px;
     font-size:1.2em;
     line-height:2.4em;
}
 .element-button.large {
     padding:0 18px;
     font-size:1.4em;
     line-height:2.4em;
}
 .element-button:after {
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     display:block;
     background:url(images/bgs/button_bg.png) 0 0 repeat-x;
     content:" ";
}
 .element-button.dark:after {
     background:url(images/bgs/button_dark_bg.png) 0 0 repeat-x;
}
 .element-button:hover:after {
     background-color:rgba(255,255,255,0.05);
}
 .element-button.active:after, .element-button:active:after {
     background:none;
}
 .element-button img {
     position:relative;
     display:inline!important;
     margin:-2px 8px 0 0;
     vertical-align:middle;
}
 .element-button.medium img {
     margin:-3px 8px 0 0;
}
 .element-button.large img {
     margin:-4px 10px 0 0;
}
 p > .element-button:first-child {
     margin-top:0.5em;
}
 .button-icon {
     position:relative;
     display:inline-block;
     margin:-2px 8px 0 0;
     width:16px;
     height:16px;
     background:url(images/icons/button_icons.png) 0 0 no-repeat;
     vertical-align:middle;
}
 .button-icon.upload {
     width:17px;
}
 .button-icon.help {
     height:17px;
     background-position:0 -90px;
}
 .button-icon.register {
     width:13px;
     height:13px;
     background-position:0 -31px;
}
 .button-icon.login {
     width:8px;
     height:16px;
     background-position:0 -73px;
}
 .button-icon.logout {
     width:11px;
     height:13px;
     background-position:0 -60px;
}
 .button-icon.save {
     height:15px;
     background-position:0 -16px;
}
 .button-icon.check {
     height:12px;
     background-position:0 -109px;
}
 .button-icon.close {
     width:15px;
     background-position:-1px -124px;
}
 .button-icon.prev {
     width:9px;
     background-position:-4px -143px;
}
 .button-icon.next {
     width:9px;
     background-position:-3px -162px;
}
 .button-icon.plus {
     width:13px;
     height:13px;
     background-position:0 -45px;
}
 .button-icon.edit {
     width:15px;
     background-position:0 -178px;
}
 .button-icon.facebook {
     background-position: 0 -195px;
}
/*------------------------------ Forms ----------------------------*/
 .formatted-form .submit-button, .formatted-form .facebook-button {
     float:left;
     margin-right:12px;
}
 .form-loader {
     display:none;
     margin-top: 5px;
     margin-bottom: 10px;
     width:20px;
     height:20px;
     clear:both;
     background:url(images/loader.gif) 0 0 no-repeat;
}
 .form-submit {
     margin:0;
}
 .popup {
     position:fixed;
     top:50%;
     right:0;
     left:0;
     z-index:1000;
     display:none;
     width:100%;
     text-align:center;
}
 .popup .popup-text {
     position:relative;
     display:inline-block;
     margin:-3em 0 0 0;
     padding:1em 20px;
     background:url(images/bgs/black_80_bg.png);
     color:#fff;
}
/*---------------------------------- Images ---------------------------------*/
 .gallery-icon, .wp-caption, .bordered-image {
     position:relative;
     overflow:hidden;
     padding:3px;
     max-width:100%;
     border:1px solid #e1e1e1;
     background:#fff;
}
 .gallery-icon img, .wp-caption img, .bordered-image img {
     display:block;
     width:100%;
     height:auto;
     border-width:0!important;
}
 .gallery-item, .wp-caption {
     position:relative;
     margin-bottom:1em;
}
 .bordered-image.thick-border {
     padding:5px;
}
 .bordered-image.inner-image + p {
     margin-top:2em;
}
 .gallery-item .gallery-caption, .wp-caption .wp-caption-text, .bordered-image .caption {
     position:absolute;
     right:0;
     bottom:0;
     left:0;
     padding:1em 15px;
     background:url(images/bgs/white_80_bg.png);
}
 .gallery-item .gallery-caption {
     right:13px;
     bottom:3px;
     left:3px;
}
 .gallery-item .gallery-icon {
     margin-right:10px;
}
/*-------------------------------Player---------------------------*/
 .jp-container {
     display:none;
     overflow:hidden;
     margin-bottom:2em;
}
 .jp-container:last-child {
     margin:0;
}
 .jp-gui {
     position:relative;
     overflow:hidden;
     border:1px solid rgba(0,0,0,0.1);
     background-color:#3d4e5b;
}
 .jp-interface {
     position: relative;
     display:table;
     overflow:hidden;
     width:100%;
}
 .jp-interface .jp-controls, .jp-interface .jp-timeline, .jp-interface .jp-volume {
     display:table-cell;
     vertical-align:top;
}
 .jp-controls {
     overflow:hidden;
     padding:1em 15px;
     width:34px;
     border-right:1px solid rgba(0,0,0,0.2);
}
 .jp-controls a {
     position:relative;
     display:block;
     overflow:hidden;
     overflow:hidden;
     width:34px;
     height:34px;
     border:1px solid rgba(0,0,0,0.2);
     background:#3d4e5b url(images/icons/player_icons.png) -25px 4px no-repeat;
     text-indent:-9999px;
}
 .jp-controls a:after {
     position:absolute;
     top:-1px;
     left:1px;
     display:block;
     width:32px;
     height:1px;
     content:" ";
}
 .jp-controls a:before {
     position:absolute;
     top:0;
     bottom:0;
     display:block;
     width:100%;
     height:100%;
     content:" ";
}
 .jp-pause {
     display: none;
     background-position:13px 4px!important;
}
 .jp-timeline {
     padding:1em 15px;
     border-right:1px solid rgba(0,0,0,0.2);
     border-left:1px solid rgba(255,255,255,0.1);
}
 .jp-progress {
     overflow:hidden;
     height:5px;
     border-bottom:1px solid rgba(255,255,255,0.15);
     background:url(images/bgs/black_20_bg.png);
}
 .jp-seek-bar {
     width:0px;
     height:100%;
     cursor: pointer;
}
 .jp-play-bar {
     width:0px;
     height:100%;
     background: #f3715d;
}
 .jp-time-holder, .jp-title {
     margin-bottom:0.8em;
     color:#fff;
     text-shadow:0 -1px 0 rgba(0,0,0,0.2);
     font-size:0.9em;
}
 .jp-current-time, .jp-duration {
     display:inline;
}
 .jp-volume {
     overflow:hidden;
     padding:1em 15px;
     width:95px;
     border-left:1px solid rgba(255,255,255,0.1);
}
 .jp-mute, .jp-unmute {
     display:block;
     float:left;
     margin:-5px 0 -3px 0;
     width:16px;
     height:16px;
     background:url(images/icons/player_icons.png) -73px -5px no-repeat;
     text-indent:-9999px;
}
 .jp-unmute {
     background-position:-112px -5px;
}
 .jp-volume-bar {
     float:left;
     overflow:hidden;
     margin-left:7px;
     width:72px;
     height:5px;
     border-bottom:1px solid rgba(255,255,255,0.15);
     background: url(images/bgs/black_20_bg.png);
     cursor: pointer;
}
 .jp-volume-bar-value {
     width:0px;
     height:100%;
     background: #f3715d;
}
 .jp-jplayer-wrap {
     position:relative;
     overflow:hidden;
     width:100%;
}
 .jp-video-play {
     position:absolute;
     top:0;
     bottom:0;
     overflow:hidden;
     width:100%;
     background-color:transparent;
     cursor:pointer;
}
 .jp-video-play-icon {
     position:absolute;
     top:50%;
     left:50%;
     display:block;
     overflow:hidden;
     margin-top:-25px;
     margin-left:-25px;
     width: 50px;
     height: 50px;
     background: #3d4e5b url(images/icons/player_icons.png) -128px 12px no-repeat;
}
 .jp-video-play-icon:before {
     position:absolute;
     top:0;
     bottom:0;
     display:block;
     width:100%;
     height:100%;
     content:" ";
}
 .jp-jplayer {
     width:auto!important;
     height:auto!important;
     border:1px solid #3d4e5b;
     border-bottom-width:0;
}
 .jp-no-solution, .jp-audio .jp-jplayer {
     position:absolute;
     left:-9999px;
}
 .jp-video .jp-jplayer-wrap {
     position: relative;
     overflow: hidden;
     padding-top: 30px;
     padding-bottom: 54.5%;
     height: 0;
}
 .jp-jplayer audio {
     width:100%!important;
     height:0px;
}
 .jp-video video, .jp-video object {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%!important;
     height: 100%!important;
     background:#000;
}
 .jp-screen-option {
     display:block;
     float:left;
     overflow:hidden;
     width: 15px;
     height: 16px;
     background: url(images/icons/player_icons.png) -184px -4px no-repeat;
}
 .jp-restore-screen {
     background-position:-219px -4px;
}
 .jp-video-full {
     position:fixed;
     top:0;
     left:0;
     z-index:1000;
     width:100%;
     height:100%;
     background:#000;
}
 .jp-video-full .jp-gui {
     position:absolute;
     right:0;
     bottom:0;
     left:0;
     width:100%;
}
 .fullscreen-video .site-wrap {
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     overflow:hidden;
     width:100%;
     height:100%;
}
 .fullscreen-video .site-header, .fullscreen-video .site-footer {
     display:none;
}
/*--------------------------- Substrate --------------------------*/
 .substrate {
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     z-index:0;
     overflow:hidden;
     width:100%;
}
 .substrate img {
     display:block;
     width:100%;
     height:auto;
}
 .featured-content .substrate:after {
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     z-index:1;
     display:block;
     background:url(images/bgs/substrate_bg.png);
     content:" ";
}
/*--------------------------------- Tabs -------------------------------*/
 .tabs-container .tabs{
     position:relative;
     z-index:9;
     margin:0;
     list-style:none;
}
 .tabs-container .tabs ul {
     display:block;
     list-style:none;
}
 .tabs-container .panes{
     position:relative;
     z-index:0;
     overflow:hidden;
}
 .horizontal-tabs .tabs li{
     float:left;
     margin:0;
     padding:0;
     background:none;
     background-color:#F5F5F5;
     color:#666;
     cursor:pointer;
}
 .horizontal-tabs .tabs li a, .horizontal-tabs .tabs li a:hover {
     color:#666;
}
 .horizontal-tabs .tabs li h5 {
     margin:0;
     padding:6px 20px;
     border-top:1px solid #E5E5E5;
     border-left:1px solid #E5E5E5;
}
 .horizontal-tabs .tabs li:hover {
     background-color:#f4f4f4;
}
 .horizontal-tabs .tabs li:first-child {
     border-left:1px solid #E5E5E5;
}
 .horizontal-tabs .tabs li:first-child h5 {
     border-left-width:0;
}
 .horizontal-tabs .tabs li:last-child h5{
     border-right:1px solid #E5E5E5;
}
 .horizontal-tabs .tabs li.current{
     position:relative;
     z-index:1;
     margin-bottom:-5px;
     padding-bottom:5px;
     background:#fff;
     color:#444;
}
 .horizontal-tabs .tabs li.current a, .horizontal-tabs .tabs li.current a:hover {
     color:#444;
}
 .horizontal-tabs .panes {
     clear:left;
}
 .horizontal-tabs .pane {
     display:none;
     overflow:hidden;
     padding:1.4em 20px;
     border:1px solid #E5E5E5;
     background:#fff;
}
 .vertical-tabs .tabs {
     margin-right:-1px;
     padding:1em 0;
     border-right:1px solid #E5E5E5;
}
 .vertical-tabs .tabs li {
     display:block;
     margin:0 0 -1px 0;
     padding:1em 15px;
     border:1px solid transparent;
     border-bottom-style:dotted;
     border-bottom-color:#dcdcdc;
     background:none;
     color:#666;
     cursor:pointer;
}
 .vertical-tabs .tabs li a, .vertical-tabs .tabs li a:hover {
     color:#666;
}
 .vertical-tabs .tabs li.current {
     margin-right:-1px;
     border-style:solid;
     border-color:#E5E5E5;
     border-right-color:#fff;
     color:#444;
}
 .vertical-tabs .tabs li.current a, .vertical-tabs .tabs li.current a:hover {
     color:#444;
}
 .vertical-tabs .panes {
     padding:1em 0 1em 3.7%;
     border-left:1px solid #E5E5E5;
}
 .vertical-tabs .pane {
     display:none;
}
/*---------------------------------- Toggles ----------------------------------*/
 .toggles-wrap {
     overflow:hidden;
     border:1px solid #e1e1e1;
}
 .toggle-container {
     border-bottom:1px dotted #d6d6d6;
     background:#f4f4f4;
}
 .toggle-container:last-child {
     border-bottom-width:0;
}
 .toggle-title {
     position:relative;
     display:block;
     padding:1em 15px 1em 49px;
     background:#f4f4f4;
     cursor:pointer;
}
 .toggle-content {
     display:none;
     padding:1em 15px;
     border-top:1px dotted #d6d6d6;
     background:#fff;
}
 .toggle-content.hidden {
     padding:0;
     border-width:0;
     height:0!important;
}
 .expanded .toggle-content {
     display:block;
}
 .toggle-title:hover, .expanded .toggle-title {
     background:#eee;
}
 .faq-toggle .toggle-title:before {
     position:absolute;
     top:0.9em;
     left:15px;
     display:block;
     width:24px;
     height:24px;
     background:#5ea5d7 url(images/icons/toggle_icons.png) 7px 6px no-repeat;
     content:" ";
}
 .faq-toggle.expanded .toggle-title:before {
     background-position:7px -21px;
}
/*------------------------------ Tooltips ----------------------------*/
 .tooltip {
     position:relative;
}
 .tooltip-wrap {
     position:absolute;
     left:50%;
     z-index:1000;
     display:none;
}
 .tooltip-wrap .corner {
     position:relative;
     z-index:100;
     margin-left:-5px;
     width:0;
     height:0;
     border:5px solid transparent;
     border-bottom-color:#fff;
}
 .tooltip-text {
     float:left;
     margin-left:-50%;
     padding:1em 15px;
     background:#fff;
     color:#333;
}
 .tooltip-text iframe, .tooltip-text object, .tooltip-text embed {
     max-width:none;
}
/*------------------------------- Google Map ---------------------------*/
 .google-map-container {
     position:relative;
     z-index:99;
     border:1px solid #ddd;
     background:#fff;
}
 .google-map-container img {
     max-width:none;
}
 .last {
     margin-right: 0px!important;
}
/*--------------------------- Header --------------------------*/
 .header-wrap {
     position:relative;
     z-index:101;
     background-color:#3d4e5b;
     color:#fff;
}
 .site-header {
     padding:2em 0;
     border:1px solid rgba(255,255,255,0.1);
     border-right-width:0;
     border-left-width:0;
}
 .site-header:after {
     bottom:-1px;
}
 .site-logo a {
     color:#fff;
     font-size:1.5em;
}
 .site-logo h1 {
     margin:0.3em 0 0 0;
}
/*------------------------- Dropdown Menu ------------------------*/
 .header-navigation ul {
     margin:0.5em 0 0 0;
     padding:0;
     list-style:none;
}
 .header-navigation ul li {
     position:relative;
     margin:0;
}
 .header-navigation div > ul > li {
     float:left;
     padding-bottom:0.5em;
}
 .header-navigation div > ul:after {
     display:table;
     clear:left;
     content:" ";
}
 .header-navigation div > ul > li a {
     display:block;
     color:#f0f0f0;
     white-space:nowrap;
}
 .header-navigation li.current-menu-item > a, .header-navigation li.hover > a, .header-navigation a:hover {
     color:#fff;
}
 .header-navigation div > ul > li > a {
     padding:0 12px;
     text-shadow:0 -1px 0 rgba(0,0,0,0.15);
     font-size:1.1em;
     font-family:Crete Round, Arial, Helvetica, sans-serif;
     line-height:2.2em;
}
 .header-navigation div > ul > li.current-menu-item > a {
     border-bottom:1px solid rgba(255,255,255,0.2);
     background:url(images/bgs/black_20_bg.png);
}
 .header-navigation ul ul {
     position:absolute;
     top:2.7em;
     left:0;
     z-index:1000;
     display:none;
     margin:0;
     min-width:130px;
     border:1px solid rgba(0,0,0,0.15);
     border-top-color:rgba(255,255,255,0.1);
     border-bottom-width:0;
     background:#3d4e5b;
}
 .header-navigation ul ul li {
     border-top:1px solid rgba(255,255,255,0.1);
     border-bottom:1px solid rgba(0,0,0,0.15);
}
 .header-navigation ul ul li:first-child {
     border-top-width:0;
}
 .header-navigation ul ul li a{
     padding:0.4em 15px 0.6em 15px;
}
 .header-navigation ul ul li a:hover {
     background:rgba(255,255,255,0.03);
}
 .header-navigation ul ul ul {
     top:-1px;
     left:100%;
}
/*------------------------------ Select Menu ----------------------------*/
 .select-element {
     position:relative;
     overflow:hidden;
     border:1px solid #D4D4D4;
     background:url(images/select_menu_arrows.png) right -2.7em no-repeat;
}
 .select-element span {
     display:block;
     padding:0.45em 31px 0.45em 9px;
     cursor:pointer;
     text-align:left;
}
 .select-element select {
     position:absolute;
     bottom:0;
     left:0;
     margin:0;
     width:100%;
     opacity:0;
     cursor:pointer;
}
 .select-menu {
     display:none;
     background-color:#3d4e5b;
     background-position:right 0.9em;
     border:1px solid rgba(0,0,0,0.1);
     margin:0.5em 0;
}
 .select-menu span {
     min-width:100px;
     color:#f0f0f0;
     text-shadow:0 -1px 0 rgba(0,0,0,0.15);
     font-size:1.1em;
     padding:0.3em 12px;
     font-family:Crete Round, Arial, Helvetica, sans-serif;
}
 .select-menu:hover span {
     color:#fff;
}
/*-------------------------- Search Form -------------------------*/
 .search-form {
     margin:0.5em 0 0.5em 10px;
     border:1px solid rgba(0,0,0,0.1);
     background:#3d4e5b url(images/icons/search_icon.png) right 0.6em no-repeat;
}
 .search-form form {
     display:block;
     float:right;
}
 .search-form input{
     display:block;
     margin:0;
     padding:0.5em 20px 0.4em 9px;
     width:1px;
     border-width:0;
     background-color:transparent;
     color:transparent;
     cursor:pointer;
}
 .search-form input:hover {
     background-color:rgba(255,255,255,0.05);
}
 .search-form input:focus {
     padding-right:27px;
     width:130px;
     background-color:transparent;
     color:#fff;
     cursor:text;
}
 .mobile-search-form {
     display:none;
     margin-bottom:1em;
     padding:0 27px 0 9px;
     border:1px solid rgba(0,0,0,0.1);
     background:#3d4e5b url(images/icons/search_icon.png) right 0.6em no-repeat;
}
 .mobile-search-form input {
     display:block;
     margin:0 0 0 -9px;
     padding:0.5em 27px 0.4em 9px;
     width:100%;
     border-width:0;
     background-color:transparent;
     color:#fff;
}
/*------------------------- Login Form ------------------------*/
 .login-options {
     margin:0.5em 0;
}
 .login-options .element-button {
     display:block;
     border-width:0;
}
 .login-options .button-wrap {
     margin-left:10px;
     border:1px solid rgba(0,0,0,0.15);
}
 .login-button .tooltip-wrap {
     right:0;
     left:auto;
}
 .login-button .tooltip-text {
     margin:10px 0 0 0;
     border:1px solid rgba(0,0,0,0.1);
     background:#292b33;
     color:#fff;
}
 .formatted-form .facebook-button, .popup-form .facebook-button {
     background-color:#3f5e9e;
}
 .facebook-button .button-icon {
     top:-2px;
     margin:0 -2px;
}

#popuploginform input[type="password"]{
width: 100%;
margin-right: 0;
}

 .popup-form .field-wrap {
     margin-bottom:1em;
     border:1px solid rgba(0,0,0,0.1);
}
 .popup-form input{
     margin:0;
     width:262px;
     border-width:0;
     background-color:transparent;
    
}
 .popup-form .switch-button > span {
     padding-right:8px;
     padding-left:8px;
}
 .popup-form .switch-button .button-icon{
     top:-1px;
}
 .popup-form ul li {
     padding:0;
     background:none;
     font-size:0.9em;
}
 .register-form {
     padding-right:5.5%;
     border-right:1px dotted #d4d4d4;
}
/*------------------------- Share Tooltip ------------------------*/
 .share-button {
     margin:0.5em 0 0.5em 10px;
     border:1px solid rgba(0,0,0,0.15);
}
 .share-button .element-button {
     display:block;
     padding:0.65em 9px 0.65em 8px;
     border-width:0;
}
 .share-button .button-icon {
     display:block;
}
 .share-button .tooltip-wrap {
     left:-9999px;
     display:block;
}
 .share-button .tooltip-wrap.active {
     left:50%;
}
/*------------------------------ Social Links -----------------------------*/
 .user-links {
     overflow:hidden;
     text-align:center;
     word-spacing:0;
     font-size:0;
     line-height:0;
}
 .user-links a {
     display:inline-block;
     margin:0 0 7px 7px;
     width:20px;
     height:20px;
     background:#f0f0f0 url(images/icons/user_social_icons.png) 0 0 no-repeat;
}
 .user-links a.twitter {
     background-position: -24px 0;
}
 .user-links a.linkedin {
     background-position: -48px 0;
}
 .user-links a.google {
     background-position: -72px 0;
}
 .user-links a.tumblr {
     background-position: -96px 0;
}
 .user-links a.flickr {
     background-position: -144px 0;
}
 .user-links a.vimeo {
     background-position: -168px 0;
}
 .user-links a.youtube {
     background-position: -192px 0;
}
 .user-links a.skype {
     background-position: -216px 0;
}
 .user-links a.rss {
     background-position: -240px 0;
}
 .user-links a:first-child {
     margin-left:0;
}
 .user-links a:hover {
     background-color:#5ea5d7;
     background-position:0 -20px;
}
 .user-links a.twitter:hover {
     background-position: -24px -20px;
}
 .user-links a.linkedin:hover {
     background-position: -48px -20px;
}
 .user-links a.google:hover {
     background-position: -72px -20px;
}
 .user-links a.tumblr:hover {
     background-position: -96px -20px;
}
 .user-links a.myspace:hover {
     background-position: -120px -20px;
}
 .user-links a.flickr:hover {
     background-position: -144px -20px;
}
 .user-links a.vimeo:hover {
     background-position: -168px -20px;
}
 .user-links a.youtube:hover {
     background-position: -192px -20px;
}
 .user-links a.skype:hover {
     background-position: -216px -20px;
}
 .user-links a.rss:hover {
     background-position: -240px -20px;
}
/*--------------------------- Content --------------------------*/
 .featured-content {
     position:relative;
     overflow:hidden;
     background:url(images/bgs/site_bg.jpg);
}
 .featured-content:after {
     position:absolute;
     right:0;
     bottom:-5px;
     left:0;
     z-index:100;
     display:block;
     width:100%;
     height:5px;
     content:" ";
}
 .featured-content h1 {
     margin-bottom:0.7em;
     font-size:2em;
}
 .main-content {
     position:relative;
     z-index:100;
     padding:4em 0 8.5em 0;
     background:#fff;
}
 .main-content p {
     color:#555;
}
 .site-wrap {
     position:relative;
     overflow:hidden;
     min-height:100%;
}
 .page-title {
     position:relative;
     z-index:2;
     overflow:hidden;
     padding:1.6em 0;
     color:#fff;
}
/*--------------------------- Footer --------------------------*/
 .footer-wrap {
     position:absolute;
     right:0;
     bottom:0;
     left:0;
     z-index:100;
     width:100%;
     background:#3d4e5b;
}
 .site-footer {
     position:relative;
     z-index:200;
     padding:1.5em 0;
     border-top:1px solid rgba(255,255,255,0.2);
     color:#fff;
     text-shadow:0 -1px 0 rgba(0,0,0,0.2);
}
 .site-footer:after, .site-header:after {
     position:absolute;
     right:0;
     left:0;
     display:block;
     width:100%;
     height:1px;
     background:#3d4e5b;
     content:" ";
}
 .site-footer:after {
     top:-2px;
}
 .footer-navigation ul {
     margin:0;
     padding:0;
     list-style:none;
}
 .footer-navigation ul ul {
     display:none;
}
 .footer-navigation li {
     float:left;
     margin:0 0 0 15px;
}
 .footer-navigation li a {
     color:#f0f0f0;
}
 .footer-navigation li a:hover {
     color:#fff;
}
/* ================================ PAGES =========================== */
/*------------------------------- Courses ------------------------------*/
 .course-preview {
     border:1px solid #e1e1e1;
     background:#fff;
}
 .courses-listing {
     float:left;
     margin-bottom:-40px;
     width:100%;
     font-size:0;
}
 .course-info {
     float: left;
}
 .courses-listing > .column {
     display:inline-block;
     float:none;
     vertical-align:top;
     font-size:13px;
}

 .course-preview .course-image{
     position:relative;
     z-index:10;
     background:#fff;
}
 .course-preview .course-image img {
     display:block;
     width:100%;
     height:auto;
}
 .course-price {
     position: absolute;
         top: 6px;
     left: -5px;
     z-index: 1;
}
 .featured-content .course-price {
     display:none;
}
 .course-price .price-text {
     display:block;
     padding:0.2em 10px;
     min-width:38px;
     border:1px solid rgba(0,0,0,0.1);
     color:#fff;
     text-align:center;
     text-shadow:0 -1px 0 rgba(0,0,0,0.15);
     font-size:1.2em;
}
 
 .course-price .corner-wrap {
     position: absolute;
     bottom: -4px;
     left: 0;
     width: 4px;
     height: 4px;
}
 .course-price .corner, .course-price .corner-background {
     width:0;
     height:0;
     border:2px solid #a2a2a2;
     border-bottom-color:#fff0;
     border-left-color:#fff0;
}
 .course-price .corner-background {
     position:absolute;
     top:0;
     left:0;
     border-top-color:#b7b7b7;
     border-right-color:#b7b7b7;
}
 .course-price .corner {
     position:relative;
     z-index:1;
     opacity:0.8;
}
 
 .course-preview .course-header {
     position:relative;
     z-index:9;
     padding: 0.5em 10px 0.9em 10px;
}
/*.course-preview .course-meta {
     overflow:hidden;
}
*/
 .course-preview .course-header .author {
     color:#777;
}
 .course-preview .course-footer {
    padding: 0.9em 15px;
    border-top: 1px solid #f0f0f0;
    background: #f2f2f2;
    position: relative;
    min-height: 27px;
}

/*slider course*/

.courses-listing.slider .slick-slide{
margin: 0 0 !important;
padding: 0 20px;

}

.courses-listing.content_slider.carousel {
    padding: 0 0px;
}

.courses-listing.content_slider.carousel a.slider_prev {
    left: -30px;
}
.courses-listing.content_slider.carousel a.slider_next {
    right: -30px;
}


.courses-listing.slider a.button{
color: #000;
}


/*end slider course*/
.course-meta .course-price span.woocommerce-Price-amount.amount {
    font-size: 14px;
}

 .course-header h5 a{
     font-size: 14px;
}
 .course-preview .course-footer .course-users {
    /*padding-left:17px;
     background:url(images/icons/user_icon.png) 0 0.2em no-repeat;
    */
     color:#777;
     text-shadow:0 1px 0 #fff;
}
 .course-preview .course-rating {
     float:right;
     margin:0;
}
 .course-rating {
     overflow:hidden;
     margin:0 auto;
     width:90px!important;
}
 .course-rating img {
     display:block;
     float:left;
     margin:1px 0 0 2px;
}
 .single-course .featured-content {
     padding:3em 0;
}
 .single-course .related-courses {
     margin-top:3em;
}
 .course-description.widget {
     padding:20px;
}
 .course-description .widget-title {
     margin:-21px -21px 20px -21px;
}
 .course-description .course-header {
     margin-bottom:1em;
}
 .course-description .course-header .author {
     color:#777;
}
 .course-description .course-footer .element-button {
     margin:0.5em 10px 0 0;
}
 .course-description .price-button .price, .course-description .price-button .caption {
     float:left;
}
 .course-description .price-button .price {
     padding-left:10px;
     border-left:1px solid rgba(255,255,255,0.17);
}
 .course-description .price-button .caption {
     padding-right:10px;
     border-right:1px solid rgba(0,0,0,0.07);
}
 .free-course .price-button .price {
     display:none;
}
 .free-course .price-button .caption {
     border-right-width:0;
}
 .course-progress {
     overflow:hidden;
     margin-bottom:2em;
     width:100%;
     height:8px;
     background:#ededed;
}
 .course-progress span {
     display:block;
     float:left;
     width:0;
     height:8px;
     background:#5ea5d7 url(images/bgs/progress_bg.png) 0 0 repeat-x;
}
 .course-status {
     display:inline-block;
     margin-right:5px;
     padding:0 5px;
     border:1px solid rgba(0,0,0,0.1);
     color:#fff;
     text-shadow:0 -1px rgba(0,0,0,0.15);
     font-size:0.9em;
}
 .user-courses-listing {
     display:table;
     overflow:hidden;
     width:100%;
     border:1px solid #e1e1e1;
     background:#f4f4f4;
}
 .user-courses-listing .course-item {
     display:table-row;
     overflow:hidden;
     width:100%;
}
 .user-courses-listing .course-title, .user-courses-listing .course-meta {
     display:table-cell;
     padding:1em 15px;
     border-bottom:1px dotted #d6d6d6;
     vertical-align:middle;
}
 .user-courses-listing .course-title h4 {
     display:inline;
}
 .user-courses-listing .course-item:last-child .course-title, .user-courses-listing .course-item:last-child .course-meta {
     border-width:0;
}
 .user-courses-listing .course-item.started a {
     color:#777;
}
 .lessons-listing .course-progress, .user-courses-listing .course-progress {
     margin:0.5em 0 0 0;
     background:#e8e8e8;
}
 .user-courses-listing .course-meta {
     position:relative;
     z-index:1;
     background:#fff;
}
 .plan-preview {
     overflow:hidden;
     margin:-13px -16px;
}
 .plan-preview .plan-description {
     position:relative;
     z-index:10;
     padding:1em 0;
}
 .plan-preview .plan-price, .plan-preview .plan-footer {
     padding:0.5em 15px;
     border:1px solid #e1e1e1;
     border-top-width:0;
     border-bottom-width:0;
     background:#f2f2f2;
     color:#777;
     text-align:center;
     text-shadow:0 1px 0 #fff;
     font-size:1.1em;
}
 .plan-preview .plan-price {
     border-bottom:1px solid #f0f0f0;
}
 .plan-preview .plan-price span {
     font-size:1.1em;
}
 .plan-preview .plan-footer {
     padding:0.7em 15px;
     border-top:1px solid #f0f0f0;
}
 .single-certificate {
     height:auto;
     text-align:center;
}
 .certificate-error {
     margin:0 auto;
     padding:5em 20px;
}
 .certificate-wrap {
     position:relative;
     overflow:hidden;
     margin:5em auto 1.5em auto;
     padding:3px;
     width:600px;
     border:1px solid #e1e1e1;
     background:#fff;
}
 .certificate-text {
     position:relative;
     padding:1.5em 20px;
     border:1px solid rgba(0,0,0,0.1);
     text-align:center;
}
/*---------------------------------- Lessons ----------------------------------*/
 .lessons-listing {
     display:table;
     overflow:hidden;
     width:100%;
     border:1px solid #e1e1e1;
     background:#fff;
}
 .lessons-listing .lesson-item {
     display:table-row;
     overflow:hidden;
}
 .lessons-listing .lesson-title, .lessons-listing .lesson-attachments {
     display:table-cell;
     padding:1em 11px;
     border-bottom:1px dotted #d6d6d6;
     vertical-align:middle;
     font-weight: bold;
}
 .lessons-listing .lesson-title h4 {
     display:inline;
}
 .lessons-listing .lesson-item.completed .lesson-title a{
     color:#777;
}
 .lessons-listing .lesson-child .lesson-title:nth-child(1) {
     padding-left:34px;
     font-size:0.9em;
     font-weight: normal;
     background: url(images/youtube.png) no-repeat;
     background-size: 16px 16px;
     background-position: 10px 16px;
}
 .lessons-listing .lesson-attachments {
     padding-bottom:0;
}
 .lessons-listing .lesson-item:last-child .lesson-title, .lessons-listing .lesson-item:last-child .lesson-attachments {
     border-bottom-width:0;
}
 .lessons-listing .lesson-attachments {
     position:relative;
     z-index:1;
     border-left:1px solid #e1e1e1;
     background:#fff;
}
 .lessons-listing .lesson-attachments a {
     display:block;
     float:left;
     margin:0 15px 15px 0;
     width:26px;
     height:26px;
     background:#f3715d url(images/icons/attachment_icons.png) 1px 1px no-repeat;
}
 .lesson-child .lesson-attachments a {
     margin:0 12px 12px 0;
     width:22px;
     height:22px;
     background-position:-1px -24px;
}
 .lesson-item .lesson-attachments .audio {
     background-position:-29px 1px;
}
 .lesson-item .lesson-attachments .document {
     background-position:-59px 1px;
}
 .lesson-child .lesson-attachments .audio {
     background-position:-32px -24px;
}
 .lesson-child .lesson-attachments .document {
     background-position:-60px -24px;
}
 .lesson-options {
     overflow:hidden;
     padding-bottom:2em;
}
 .lesson-options .element-button {
     float:right;
     margin-left:10px;
}
 .lesson-options .next-lesson {
     padding-right: 5px;
     padding-left: 9px;
}
 .lesson-options .prev-lesson {
     padding-right: 5px;
     padding-left: 9px;
}
 .lesson-options .close-lesson {
     padding-right:8px;
     padding-left:8px;
}
 .lesson-toggle {
     float:left;
     margin-right:10px;
     width:24px;
     height:24px;
     background:#5ea5d7 url(images/icons/toggle_icons.png) 7px 6px no-repeat;
     cursor:pointer;
}
 .lesson-toggle.expanded {
     background-position:7px -21px;
}
 .lesson-child .lesson-toggle {
     margin-right:15px;
     width:0;
     height:1px;
     background:none;
}
/*------------------------------ Questions ------------------------------*/
 .questions {
     clear:both;
     padding-top:2em;
     padding-left: 30px;

    padding-right: 30px;
}

.question-form {
    width: 100%;
    margin: 0 0 !important;
}
 .questions-listing {
     margin-bottom:3em;
}
 .questions-listing ul {
     margin:0;
     padding:0;
     list-style:none;
}
 .questions-listing ul li {
     display:block;
     margin:0;
     padding:0;
}
 .questions-listing .question-title {
     padding:1em 15px 1em 49px;
     border-top:1px dotted #d6d6d6;
}
 .questions-listing .question-replies {
     position:absolute;
     top:0.85em;
     left:15px;
     display:block;
     width:24px;
     height:24px;
     background:#5ea5d7;
     color:#fff;
     text-align:center;
     font-weight:bold;
     font-size:1.1em;
     line-height:24px;
}
 .questions-listing li:first-child .question-title {
     border-width:0;
}
 .question-content .avatar-container {
     position:relative;
     float:left;
     overflow:hidden;
     width:10%;
     text-align:center;
}
 .question-content {
     overflow:hidden;
     padding:1.5em 15px;
     border-top:1px dotted #d6d6d6;
     background:#fff;
}
 .questions-listing li ul {
     padding: 0 0 0 15px;
}
 .questions-listing li ul li .question-content {
     padding: 1.5em 10px;
}
 .questions-listing li ul li {
     padding:0 0 0 13%;
     border-bottom-width:0;
}
 .question-content .avatar-container img {
     display:block;
     width:100%;
     height:auto;
}
 .question-content .question-text {
     float:right;
     width:87%;
}
 .question-header {
     overflow:hidden;
     margin-bottom:0.4em;
}
 .question-author, .question-time {
     margin:0 10px 0 0;
}
 .question-time {
     color:#777;
}
 .questions #reply-title, .questions-listing #respond #title {
     display:none;
}
 .questions-listing #respond {
     padding:0 15px 1.5em 15px;
}
 .questions-listing #respond form {
     padding-left:13%;
}
/*--------------------------------- Quizzes -------------------------------*/
 p + .quiz-listing {
     margin-top:2em;
}
 .quiz-listing .quiz-question {
     margin-top:1.5em;
}
 .quiz-listing .question-title {
     position:relative;
     overflow:hidden;
     padding:0.5em 15px 0.5em 32px;
}
 .quiz-listing .question-number {
     position:absolute;
     top:0.35em;
     left:0;
     display:block;
     width:24px;
     height:24px;
     background:#5ea5d7;
     color:#fff;
     text-align:center;
     font-weight:bold;
     font-size:1.1em;
     line-height:24px;
}
 .quiz-listing ul {
     margin:0;
     padding:0;
     list-style:none;
}
 .quiz-listing li {
     display:block;
     overflow:hidden;
     margin-top:0.5em;
     padding-left:32px;
}
 .quiz-listing li.success, .quiz-listing li.error {
     background:url(images/bullet_5.png) 16px 0.6em no-repeat;
}
 .quiz-listing li.error {
     background-image:url(images/bullet_4.png);
}
 .quiz-listing .string li.success, .quiz-listing .string li.error {
     background-position:16px 0.95em;
}
 .quiz-listing li input[type="checkbox"], .quiz-listing li input[type="radio"], .quiz-listing li label {
     display:inline;
     cursor:pointer;
}
 .quiz-listing li input {
     display:inline-block;
     margin:0 5px 0 0;
     vertical-align:middle;
}
/*----------------------------- User Profile ------------------------------*/
 .user-profile {
     display:table;
     width:100%;
}
 .user-profile .user-image {
     margin-bottom:1.5em;
}
 .user-profile .bordered-image {
     margin-bottom:1em;
}
 .user-profile .user-image-uploader {
     margin-top:1em;
     text-align:center;
}
 .user-menu {
     background:#f4f4f4;
     border:1px solid #e1e1e1;
}
 .user-menu ul {
     list-style:none;
     display:block;
}
 .user-menu li {
     margin:0;
     display:block;
     position:relative;
     border-bottom:1px dotted #d6d6d6;
}
 .user-menu li:last-child {
     border-bottom-width:0;
}
 .user-menu a {
     padding:0.5em 10px;
     display:block;
     color:#777;
     font-family:Crete Round, Arial, Helvetica, sans-serif;
     font-size:1.1em;
}
 .user-menu li.current a {
     color:#444;
}
 .user-profile .user-fields .column {
     float:none;
     margin:0;
     width:100%;
}
 .user-profile .user-links {
     padding:0 5px;
}
 .user-profile h1 {
     margin-bottom:0.5em;
}
 .user-profile .signature {
     margin:-0.8em 0 1.5em 0;
     color:#777;
}
 .user-profile .mceStatusbar {
     border-top:1px solid #dedede!important;
     background-color:#f5f5f5!important;
}
 .user-profile .wp-editor-container {
     border:1px solid #D4D4D4;
}
 #wp-link #internal-toggle, .user-profile #description_path_row, .user-profile .mceStatusbar div, .user-profile .mce-statusbar {
     display:none!important;
}
 .user-fields {
     margin:0 0 1.5em 0;
     border-width:0;
}
 .user-fields th, .user-fields td {
     padding-left:0;
     border-top-width:0;
     border-right-width:0;
     border-bottom:1px dotted #d4d4d4;
}
 .user-fields tr:first-child th, .user-fields tr:first-child td {
     padding-top:0;
}
 .user-fields tr:last-child th, .user-fields tr:last-child td {
     border-bottom:none;
     padding-bottom:0;
}
 .user-fields td {
     padding-right:0;
     width:50%;
     text-align:right;
}
 .user-fields input[type="text"], .user-fields input[type="password"], .user-fields input[type="number"], .user-fields input[type="tel"], .user-fields input[type="email"], .user-fields .select-element {
     margin-bottom:0;
}
 .users-listing {
     float:left;
     margin-bottom:-5%;
     width:100%;
}
 .users-listing .user-image{
     display:block;
     float:left;
     margin:0 6.5% 6.5% 0;
     width:29%;
}
/*------------------------------- Experts ------------------------------*/
 .expert-preview {
     display:table;
     margin-bottom:2em;
     width:100%;
}
 .expert-preview:last-child {
     margin:0;
}
 .expert-preview .expert-meta {
     display:table-cell;
     width:109px;
}
 .expert-preview .user-links {
     padding:0 4px;
}
 .expert-preview .user-links a:nth-child(4) {
     margin-right:0;
}
 .expert-preview .expert-image {
     margin-bottom:0.5em;
}
 .expert-preview .expert-text {
     display:table-cell;
     padding-left:3.8%;
     vertical-align:top;
}
 .expert-signature {
     display:block;
     margin-bottom:0.7em;
     color:#777;
}
/*------------------------------- Testimonials ------------------------------*/
 .testimonial {
     display:table;
     margin-bottom:1.5em;
     width:100%;
}
 .testimonial:last-child {
     margin:0;
}
 .testimonial .testimonial-image {
     display:table-cell;
     width:87px;
}
 .bubble-image {
     position:relative;
     overflow:hidden;
     width:87px;
     height:88px;
}
 .bubble-image img {
     display:block;
     width:100%;
     height:auto;
}
 .bubble-image .substrate {
     width:100%!important;
}
 .bubble-image .substrate:after {
     display:none;
}
 .testimonial .testimonial-text {
     display:table-cell;
     padding-left:3.8%;
     vertical-align:top;
}
 .testimonial .testimonial-text p {
     margin-bottom:0.5em;
     font-style:italic;
     font-size:1.1em;
}
/*--------------------------------- Blog -------------------------------*/
 .posts-listing {
     margin-bottom:-3em;
}
 .posts-listing .post {
     margin-bottom:3em;
}
 .post-footer {
     clear:both;
     overflow:hidden;
}
 .post-footer .post-date, .post-footer .post-categories, .post-footer .post-author, .post-footer .post-comment-count, .post-footer .element-button {
     float:left;
     margin-right:10px;
}
 .post-footer .post-categories, .post-footer .post-author, .post-footer .post-date {
     padding:0.4em 0;
     color:#777;
}
 .post-footer .post-comment-count {
     margin:6px 8px 0 0;
     width:21px;
     height:20px;
     background:url(images/icons/comments_icon.png) 0 0 no-repeat;
     color:#777;
     text-align:center;
     text-shadow:0 1px 0 #fff;
     font-size:0.9em;
     line-height:17px;
}
 .single-post .post-image {
     margin-bottom:2em;
}
 .single-post .tagcloud {
     float:right;
     padding-top:0.4em;
}
 .tagcloud a {
     display:block;
     float:left;
     margin:0 0 8px 8px;
     padding:0 15px 0 5px;
     border-left:1px solid rgba(0,0,0,0.05);
     background:url(images/bgs/tag_bg.png) right 0 no-repeat;
     color:#999;
     text-shadow:0 1px 0 #F5F5F5;
     font-size:0.9em!important;
     line-height:20px;
}
/*-------------------------------- Comments ----------------------------*/
 .post-comments {
     margin-top:3em;
}
 .post-comments .pagination {
     float:none;
     margin-bottom:2em;
}
 .post-comments .pagination a, .post-comments .pagination span {
     margin-top:0;
}
 .comments-listing {
     margin-bottom:2em;
}
 .comments-listing ul {
     margin:0;
     padding:0;
     list-style:none;
}
 .comments-listing li {
     margin-top:1.5em;
     padding-top:1.5em;
     border-top:1px dotted #d7d7d7;
}
 .comments-listing > ul > li:first-child {
     margin-top:0;
     padding-top:0;
     border-top-width:0;
}
 .comments-listing li ul {
     padding-left:13%;
     list-style:none;
}
 .comments-listing .comment .avatar-container {
     position:relative;
     float:left;
     overflow:hidden;
     width:10%;
}
 .comments-listing .comment .avatar-container img {
     display:block;
     width:100%;
     height:auto;
}
 .comments-listing .comment .comment-text {
     float:right;
     width:87%;
}
 .comments-listing .comment .comment-header {
     margin-bottom:0.4em;
}
 .comments-listing .comment-author, .comments-listing .comment-time {
     margin:0 10px 0 0;
}
 .comments-listing .comment-time {
     color:#777;
}
 .comments-listing .comment-reply-link {
     float:left;
     padding-left:20px;
     background:url(images/icons/reply_icon.png) 0 0.35em no-repeat;
     color:#777;
}
 .post-comments #reply-title {
     display:none;
}
 .comments-listing #respond {
     padding:2em 0 0.5em 13%;
}
/*-------------------------------Pagination------------------------------*/
 .pagination {
     position:relative;
     z-index:1;
     float:left;
     overflow:hidden;
}
 .pagination a, .pagination span {
     float:left;
     margin:2em 11px 0 0;
     height:24px;
     color:#888;
     text-align:center;
     font-weight:bold;
     font-size:1.1em;
     line-height:24px;
}
 .pagination span {
     width:24px;
     border:1px solid #ddd;
     text-shadow:0 1px 0 #fff;
}
 .pagination a:hover {
     color:#333;
}
 .pagination a.next, .pagination a.prev {
     width:7px;
     background-image:url(images/pagination_arrows.png);
     background-position:0px 6px;
     background-repeat:no-repeat;
     color:transparent;
}
 .pagination a.next {
     background-position:-53px 6px;
}
/* =========================== SLIDERS =========================== */
 .themex-slider {
     position:relative;
     overflow:hidden;
}
 .themex-slider > ul {
     position:relative;
     margin:0;
     padding:0;
     list-style:none;
}
 .themex-slider > ul > li {
     position:relative;
     display:block;
     overflow:hidden;
}
 .themex-slider > ul > li.current, .themex-slider > ul > li:first-child {
     z-index:1;
}
 .themex-slider > ul > li > img, .themex-slider > ul > li > a > img {
     display:block;
     width:100%;
     height:auto;
}
 .themex-slider .arrow {
     position:absolute;
     top:50%;
     z-index:100;
     margin-top:-12px;
     width:13px;
     height:23px;
     background:url(images/main_slider_arrows.png) -13px 0 no-repeat;
     cursor:pointer;
}
 .themex-slider .arrow-left {
     left:24px;
}
 .themex-slider .arrow-right {
     right:24px;
     background-position:0 0;
}
/*------------------------------- Parallax Slider ----------------------------*/
 .parallax-slider {
     overflow:hidden;
     color:#fff;
}
 .parallax-slider .substrate {
     width:130%;
}
 .parallax-slider > ul {
     overflow:hidden;
     width:10000%;
     opacity:0;
}
 .parallax-slider > ul > li {
     display:block;
     float:left;
}
 .parallax-slider img.aligncenter, .parallax-slider img.alignnone {
     display:block;
}
/*------------------------------- Boxed Slider ----------------------------*/
 .boxed-slider {
     position:relative;
     margin:4em 0;
     padding:5px;
     border:1px solid #e1e1e1;
     background:#fff;
}
 .main-content .boxed-slider {
     margin:0 0 2em 0;
}
 .boxed-slider > ul > li {
     top:0;
     left:0;
     display:none;
     width:100%;
}
 .boxed-slider > ul > li:first-child {
     position:relative;
     display:block;
}
 .boxed-slider .caption {
     position:absolute;
     right:0;
     bottom:0;
     left:0;
     padding:1.5em 20px;
     background:url(images/bgs/white_80_bg.png);
}
 .boxed-slider .embedded-video {
     margin-bottom:0;
}
 .embedded-video {
     position: relative;
     overflow: hidden;
     margin-bottom:2em;
     padding-bottom: 56.3%;
     height: 0;
}

.social .button-wrap {
    margin-top: 5px;
}

.jobfield-css .optional{
display: none;
}
 .embedded-video iframe, .embedded-video object, .embedded-video embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%!important;
     height: 100%!important;
     background:#000;
}

/*------------------------------- Widgets -----------------------------*/
 .widget ul li .count {
     float:right;
}
 .widget ul li .amount {
     color:#777;
     font-weight:bold;
}
 .widget_product_search form {
     display:block;
     padding:0 10px;
}
 .widget_product_search input {
     margin:0 0 0 -10px;
     width:100%;
}
 .widget ul.product_list_widget li:after {
     display:block;
     clear:both;
     overflow:hidden;
     height:0;
     content:" ";
}
 .widget ul.product_list_widget li a {
     display:block;
}
 .widget ul.product_list_widget li img {
     float:right;
     margin:0.2em 0 0 1em;
     padding:3px;
     width:2.3em;
     height:auto;
     border:1px solid #ededed;
     background:#fff;
}
 .widget ul.product_list_widget li ins {
     margin-left:.618em;
     text-decoration:none;
     font-weight:bold;
}
 .widget_woo_subscribe #connect {
     padding:0;
     border:0;
     background:none;
}
 .widget:after{
     display: none;
}
 ul.styled-list.style-4{
     overflow: hidden;
}
 ul.styled-list.style-4 li{
     position: relative;
     padding-left: 35px;
}
 ul.styled-list.style-4 li:before {
     position: absolute;
     top: 4px;
     left: 0;
     display: block;
     width: 16px;
     height: 16px;
     background: #fff;
     content: " ";
}
 ul.styled-list.style-4 li.document:before {
     background-position: -60px -24px;
}
 ul.styled-list.style-4 li:before {
     top: 2px;
      left: 4px;
     width: 22px;
     height: 22px;
     background: #f3715d url(images/icons/attachment_icons.png) -1px -24px no-repeat;
}
 .ds-baihoc .widget{
     margin-bottom: 0px;
}
/* ========================= RESPONSIVE STYLES ======================== */
/* --------------------------- 940px-1199px --------------------------- */
 @media only screen and (max-width: 1199px) and (min-width: 1000px) {
     .row {
         width:940px;
    }
}
/* ---------------------------- 768px-999px --------------------------- */
 @media only screen and (max-width: 999px) and (min-width: 768px) {
     .row {
         width:708px;
    }
}
/* ------------------------------ 0-999px ---------------------------- */
 @media only screen and (max-width: 999px) {
     .header-navigation .menu {
         display:none;
    }
     .header-navigation .select-menu {
         display:block;
    }
     .search-form input:focus {
         width:60px;
    }
}
/* ------------------------------ 0-767px ---------------------------- */
 @media handheld, only screen and (max-width: 767px) {
     .navbar-brand>img {
        max-width: 113px;
    }
    #login-mobi{
        display: inline !important;
		visibility: visible !important;
    }
    .content_slider.carousel a.button {
        top: 40% !important;
        margin-top: -22px;
    }

    .content_slider.carousel a.button {
        bottom: -50px;
    }

    .courses-listing.content_slider.carousel a.slider_prev {
        left: -15px !important;
    }
    .courses-listing.content_slider.carousel a.slider_next {
        right: -15px !important;
    }

     .header-lesson .k-header-info{
        display: none;
     }
     .song-cover{
     width: 31%;
     min-width: 31%;
     max-width: 31%;
     }

     .song-cover:nth-child(4n) {
       margin: 0 1% 20px;

     }

     .song-cover:nth-child(4n+1) {
         margin: 0 1% 20px;
     }
     .admin-bar .header-lesson {
         top: 46px;
    }
     .button-notify{
         position: absolute;
         top: -3px;
         right: 80px;
         z-index: 99999;
    }
     #idex-test{
         background: none;
         border: none;
    }
     .sidenav a {
         padding: 8px 8px 8px 8px;
    }
     .sidenav ul ul a {
         padding-left: 30px;
    }
     .sidenav li.menu-item-has-children > a:after {
         padding: 4px 8px;
         top: 4px;
         background: #bfbfbf;
         border-radius: 50%;
    }
     .sidenav ul ul {
         visibility: visible;
         position: static;
         display: none;
         width: 100%;
         font-size: 13px;
         background: #e8e8e8;
    }
     .sidenav ul ul.sub-menu.open{
         display: block;
    }
     #Top_bar #logo img.logo-mobile{
    max-width: 160px;
    }

    #Top_bar a#header_cart span {
        top: -9px;
        right: -6px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 10px;
    }
     .lesson-title.placeholder{
         display:none;
    }
     .section.teacher {
         padding: 15px 15px;
    }
     .media-left {
         width: 100%;
         clear: both;
         display: block;
         text-align: center !important;
    }
     .teacher .media-left img {
         display: block;
         margin: 0 auto;
    }
     .teacher .media-left .btn {
         display: inline-block;
         clear: both;
         margin-top: 5px;
    }
     .course-description {
         padding: 15px 15px;
    }
     .teacher .media-body{
         width: 100%;
         display: block;
         text-align: center;
         margin-top: 10px;
    }
     .teacher .media-body p{
         text-align: center;
    }
     .lessons-listing .lesson-attachments{
         display: none;
    }
     .course-subtitle{
         max-width: 100%;
    }
     .lesson-child .lesson-attachments a {
         margin: 0 3px 0 0;
    }
     .mfp-inline {
         padding: 10px 10px;
    }
     .admin-bar .header-lesson {
         top: 46px;
    }
     .course-nav .element-button {
         float: right;
         width: auto;
         margin-right: 0;
         margin: 0 10px;
         font-size: 0;
         box-sizing: border-box;
    }

    .course-nav{
    text-align: center;
    }
    .course-nav .actions-lesson .element-button i{
    font-size: 18px;
    }
    .actions-lesson{
    display: inline-block;
    margin: 0 auto;
    }

     .courses-nav.column.mcb-column.one-sixth.column_column {
         padding-left: 10px;
         margin-right: 15px;
    }
     .row .column {
         margin:0 0 3em 0;
         width:100%;
    }
     .row .column > .column {
         margin-bottom:1em;
    }
     .column.last, .courses-listing .column, .lessons-listing, .formatted-form .column{
         margin-bottom:0;
    }
     .site-header .search-form, table.cart .coupon, .boxed-slider .caption, .parallax-slider .substrate, .footer-navigation {
         display:none;
    }
     .mobile-search-form {
         display:block;
    }
     .select-menu, .site-header .site-logo, .site-footer .copyright, .header-navigation {
         float:none;
         width:100%;
    }
     .site-header, .site-footer {
         text-align:center;
    }
     .header-options {
         display:inline-block;
         float:none;
         margin:1em 0 2px 0;
    }
     .login-options, .share-button, .search-form, .select-menu {
         text-align:left;
    }
     .share-button {
         margin-left:0;
    }
     .parallax-slider {
         padding-top:3em;
    }
     .parallax-slider .column {
         top:0!important;
    }
     .post .post-image , .course-content .course-questions {
         margin-bottom:1.5em;
    }
     .vertical-tabs .tabs {
         margin-bottom:1.5em;
         border-width:0;
    }
     .vertical-tabs .tabs li {
         margin-top:-1px;
    }
     .vertical-tabs .tabs li.current {
         margin-right:0;
         border-right:1px solid #E5E5E5;
    }
     .vertical-tabs .panes {
         padding:0;
         border-width:0;
    }
     .single-course .related-courses {
         margin-top:1em;
    }
     .woocommerce div.product div.images, .woocommerce .col2-set .col-2, .woocommerce .col2-set .col-1, .woocommerce ul.products li.product, .woocommerce div.product div.summary {
         margin-right:0;
         margin-bottom:2em;
         width:100%;
    }
     .woocommerce .woocommerce-ordering {
         float:none;
         clear:left;
    }
}

.popup-inner iframe{
width: 400px !important;
height: 224px !important;
}

.list-lessoncard .wrappopup .popup-link{
    display: none;
}

.list-lessoncard-right-bottom{
    margin: 16px 0;
}

.list-lessoncard {
    width: 100%;
    min-height: 160px;
    float: left;
    background-color: #ffffff;
    position: relative;
    border: 1px solid #d7e0e0;
    border-radius: 0 3px 3px 0;

    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.list-lessoncard-cover img{
width: 100%;
display: block;
}
.list-lessoncard-cover a{
display: block;
margin: 0 0;
padding: 0 0;
}
.list-lessoncard:hover{
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.list-lessoncard-cover {
    
    position: relative;
    width: 50%;
    float: left;
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    box-sizing: border-box;
    vertical-align: middle;
    border-right: 1px solid #e0e0e0;
}

.list-lessoncard-cover:hover .list-trailer-container{
    display: block;
}

.list-trailer-container {
    display: none;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: all 1s;
    position: absolute;
    top: 0; right: 0;left: 0; bottom: 0;
    pointer-events: none;
}

.list-trailer-container-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 8px 17.5px;
    border: 2px solid #fff;
    border-radius: 4px;
    white-space: pre;
    transition: all 1s;
    pointer-events: auto;
    background-color: #fff;
}

.list-trailer-container-inner-text {
    margin-right: 8px;
    margin-top: -1px;
}

.list-trailer-container-inner-text, .list-trailer-container-inner-icon {
    transition: all 1s;
    text-transform: uppercase;
    display: inline-block;
    height: 19px;
    line-height: 19px;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    color: #151515;
}

.list-trailer-container-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 8px 17.5px;
    border: 2px solid #fff;
    border-radius: 4px;
    white-space: pre;
    transition: all 1s;
    pointer-events: auto;
    background-color: #fff;
}

.list-trailer-container-inner-text, .list-trailer-container-inner-icon {
    transition: all 1s;
    text-transform: uppercase;
    display: inline-block;
    height: 19px;
    line-height: 19px;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    color: #151515;
}

.list-lessoncard-right {
    display: inline-block;
    padding: 10px;
    width: 50%;
    float: left;
    vertical-align: middle;
    box-sizing: border-box;
    color: #7c8a96;
}
.list-lessoncard-right:hover{
    text-decoration: none;
    color: #7c8a96;
}

.list-lessoncard-right-icontext {
    line-height: 16px;
    height: 16px;
    margin: 0 0 6px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.list-icontext {
    padding: 0px;
    margin: 0px;
    display: inline;
    color: #7c8a96;
    margin-right: 5px;
}

.list-lessoncard-right-title {
    margin: 0 0 10px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    color: #333333;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */
}

.list-lessoncard-right-attribution {
    line-height: 14px;
    margin: 0 0 9px 0;
}

.student-number {
    color: #606060;
font-size: 14px;
}

.list-attribution {
    height: 10px;
    line-height: 10px;
}

.list-attribution-di {
    margin-right: 5px;
}


.os-cart-button-add {
    background-color: #9BCB52;
}

.os-cart-button-type-lesson > #testo {
    display: block;
}


.list-lessoncard-right-bottom .os-a1-main, .list-lessoncard-right-bottom .list-pricetag {
    display: inline-flex;
    vertical-align: middle;
}

.list-pricetag-prezzo {
        display: inline-block;
    font-size: 18px;
    font-weight: bold;
    vertical-align: top;
}


@media(max-width: 1024px){
    .one-second.column.list{
        width: 100%;
    }


}

@media(max-width: 768px){
    .list-lessoncard-cover{
        width: 100%;        
    }

    .list-lessoncard-right{
        width: 100%;
    }

    .list-lessoncard{
        margin-bottom: 30px;
    }
}
/* ---------------------------- 480px-767px -------------------------- */
 @media handheld, only screen and (max-width: 767px) and (min-width: 480px) {
     .row {
         padding:0 15px;
         width:450px;
    }
     .featured-content .substrate {
         width:500%;
    }
}
/* ---------------------------- 320px-479px -------------------------- */
 @media handheld, only screen and (max-width: 479px) {

    .content_slider .course-preview .course-footer {
     left: 0;
    right: 0;
    top: auto;
    bottom: -14px;

    }

   .content_slider .cvideos{
    bottom: auto;
    top: 5px;
    left: 0;
    font-size: 11px;
    }

   .content_slider .cid{
    font-size: 11px;
    }

   .content_slider .cview{
    left: auto;
    right: 5px;
    font-size: 10px;
    }

   .content_slider  .song-cover{
     width: 48%;
     min-width: 48%;
     max-width: 48%;
     }

     .row {
         padding:0 15px;
    }
     .featured-content .substrate {
         width:700%;
    }
     .login-button .tooltip-wrap {
         left:auto;
         right:0;
    }
}
 @media print {
     .print-button {
         display:none;
    }
}
/* =========================== CSS3 EFFECTS =========================== */
 textarea, input[type="submit"], input[type="button"], input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], .course-preview, .course-description, .course-image, .course-preview .course-meta, .popup .popup-text, .boxed-slider, .tooltip-text, .bordered-image, .wp-caption, .gallery-icon, ul.products li.product img, .widget ul.product_list_widget li img, .content-block, .lessons-listing, .user-courses-listing, .toggles-wrap, .vertical-tabs .tabs li, .widget, .user-menu, .tooltip-text .field-wrap, .certificate-wrap, .jp-volume-bar, .jp-progress, .jp-controls a, .jp-controls a:before, .jp-video-play-icon, .jp-video-play-icon:before, .jp-gui, .faq-toggles , .course-progress, .course-progress span, .product-preview, .search-form, .mobile-search-form, .tagcloud a, .user-links a, .users-listing .user-image, .pagination span, .element-button, .element-button:after, .button-wrap, .select-element, .header-navigation ul, .header-navigation div > ul > li a, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}
 .lesson-toggle, .questions-listing .question-replies, .toggle-title:before, ul.styled-list.style-4 li:before, .quiz-listing .question-number, .lesson-attachments a {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
}
 .jp-video .jp-gui {
     -webkit-border-top-left-radius: 0;
     -moz-border-radius-topleft: 0;
     border-top-left-radius: 0;
     -webkit-border-top-right-radius: 0;
     -moz-border-radius-topright: 0;
     border-top-right-radius: 0;
}
 .widget-title, .user-profile .wp-editor-container {
     -webkit-border-top-left-radius: 3px;
     -webkit-border-top-right-radius: 3px;
     -moz-border-radius-topleft: 3px;
     -moz-border-radius-topright: 3px;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
}
 .share-button, .login-options .button-wrap, .jp-controls a:after, .jp-controls a, .login-button .tooltip-text .field-wrap, .select-menu, .mobile-search-form, .search-form {
     -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1);
     -moz-box-shadow:0 1px 0 rgba(255,255,255,0.1);
     box-shadow:0 1px 0 rgba(255,255,255,0.1);
}
 .header-navigation div > ul > li.current-menu-item > a {
     -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15) inset;
     -moz-box-shadow:0 1px 1px rgba(0,0,0,0.15) inset;
     box-shadow:0 1px 1px rgba(0,0,0,0.15) inset;
}
 .user-links a {
     -webkit-box-shadow:0 0 7px rgba(0,0,0,0.17) inset;
     -moz-box-shadow:0 0 7px rgba(0,0,0,0.17) inset;
     box-shadow:0 0 7px rgba(0,0,0,0.17) inset;
}
 .search-form input{
     -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;
     -moz-box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;
     box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;
}
 .course-progress {
     -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.07) inset;
     -moz-box-shadow:0 2px 4px rgba(0,0,0,0.07) inset;
     box-shadow:0 2px 4px rgba(0,0,0,0.07) inset;
}
 .jp-volume-bar, .jp-progress {
     -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.07) inset;
     -moz-box-shadow:0 1px 1px rgba(0,0,0,0.07) inset;
     box-shadow:0 1px 1px rgba(0,0,0,0.07) inset;
}
 .login-button .tooltip-text input, .search-form input:focus {
     -webkit-box-shadow:none;
     -moz-box-shadow:none;
     box-shadow:none;
}
 .toggles-wrap {
     -webkit-box-shadow:0 0 8px rgba(0,0,0,0.13);
     -moz-box-shadow:0 0 8px rgba(0,0,0,0.13);
     box-shadow:0 0 8px rgba(0,0,0,0.13);
}
 .featured-content:after {
     -webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);
     -moz-box-shadow:0 0 15px rgba(0,0,0,0.3);
     box-shadow:0 0 15px rgba(0,0,0,0.3);
}
 .login-button .tooltip-text, .lessons-listing .lesson-attachments, .user-courses-listing .course-meta, .plan-preview .plan-description, .course-preview .course-header {
     -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
     -moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
     box-shadow:0 0 10px rgba(0,0,0,0.1);
}
 .search-form input {
     -webkit-transition: width 0.3s, padding 0.3s;
     -moz-transition: width 0.3s, padding 0.3s;
     -o-transition: width 0.3s, padding 0.3s;
     transition: width 0.3s, padding 0.3s;
}
 .parallax-slider ul {
     -webkit-transition: opacity 1s;
     -moz-transition: opacity 1s;
     -o-transition: opacity 1s;
     transition: opacity 1s;
}
 .main-content textarea, .main-content input[type="text"], .main-content input[type="password"], .main-content input[type="number"], .main-content input[type="tel"], .main-content .select-element {
     -webkit-box-shadow:0 2px 5px rgba(204,204,204,0.4) inset;
     -moz-box-shadow:0 2px 5px rgba(204,204,204,0.4) inset;
     box-shadow:0 2px 5px rgba(204,204,204,0.4) inset;
}
 .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover, input[type="submit"], input[type="button"], .course-price .price-text, .jp-play-bar, .jp-volume-bar-value, .jp-controls a:before, .search-form input, .select-menu span, .element-button {
     background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
     background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
     background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
     background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
     background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
}
 .jp-interface, .widget-title, .site-header, .site-footer {
     background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0)));
     background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
     background-image: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
     background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
     background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
}
 .jp-video-play-icon:before, .login-button .tooltip-text {
     background: #fff;
     color: #3d3d3d;
}
 ul.social .tooltip {
     border: none !important;
}
 .login-button .tooltip-text input, .mobile-search-form input, .search-form input:focus {
     background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 100%);
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.05)));
     background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 100%);
     background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 100%);
     background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 100%);
     background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 100%);
}
 .pagination span {
     background-image: linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 100%);
     background-image: -o-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 100%);
     background-image: -moz-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 100%);
     background-image: -webkit-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 100%);
     background-image: -ms-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 100%);
     background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #EBEBEB),color-stop(1, #FFFFFF));
}
 ul.products li.product img {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
/* ============================ IE FIXES ============================ */
 .ie .row, .ie .clearfix {
     zoom:1;
}
 #respond {
     background: #ececec;
     padding:5px 5px 5px 5px;
}
 #respond textarea{
     min-width: 100%;
}
/* Highlight active form field */
 #respond input[type=text], textarea {
     -webkit-transition: all 0.30s ease-in-out;
     -moz-transition: all 0.30s ease-in-out;
     -ms-transition: all 0.30s ease-in-out;
     -o-transition: all 0.30s ease-in-out;
     outline: none;
     padding: 3px 0px 3px 3px;
     margin: 5px 1px 3px 0px;
     border: 1px solid #DDDDDD;
}
 #respond input[type=text]:focus, textarea:focus {
     box-shadow: 0 0 5px rgba(81, 203, 238, 1);
     margin: 5px 1px 3px 0px;
     border: 1px solid rgba(81, 203, 238, 1);
}
 #author {
     color:#1d1d1d;
     letter-spacing:.1em;
}
 #url {
     color: #21759b;
     font-family: "Luicida Console", "Courier New", "Courier", monospace;
}
 #respond .form-submit{
     margin-top: 5px;
}
 a.element-button.prev-lesson.secondary {
     margin-left: 0;
}
 .lesson-options {
     overflow: hidden;
     padding-bottom: 0;
     margin: 10px 0;
     margin-right: 10px;
}
 #active-course-screen input[type="text"] {
     font-size: 20px;
     letter-spacing: 4px;
     display: block;
     margin: 0 auto;
     width: 80%;
}
 #active-course-screen {
     background: #88C100;
     padding: 20px 20px;
     padding-bottom: 60px;
     color: #fff;
     border-radius: 8px 8px;
     max-width: 900px;
     margin: 0 auto;
}
 #active-course-screen input[type="submit"] {
     float: none;
     display: block;
     font-size: 23px;
     margin: 20px auto;
     border-radius: 8px 8px;
     border: 1px solid rgba(255,255,255,0);
     background: #FABE28;
     text-align: center;
}
 #active-course-screen input[type="submit"]:hover{
     border: 1px solid #fff;
}
 .single-register-wrap .border-right{
     border-right: 1px solid #2893ef;
}
 .single-register-wrap .column{
     margin-bottom: 0px;
}
 .woocommerce-checkout #customer_details .col-2{
     width: 100%;
     clear: both;
}
 .woocommerce-checkout #customer_details .col-1{
     width: 100%;
}
 .woocommerce-checkout #order_review{
     width: 40%;
     float:left;
}
 .woocommerce-checkout #customer_details{
     width: 50%;
     float:left;
     padding: 0 20px;
}
 .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
     float: none;
     width: 100%;
}
 .alert_info {
     background: #2c87d6;
     color: #fff;
}
 .woocommerce-info::before {
     color: #292b33;
}
 .alert .alert_icon {
     color: rgba(255, 255, 255, 0.4);
}
 .single-lesson #Subheader{
     display: none;
}
 .ds-baihoc li.current a{
     color: #fff;
}
 .accordion .question.active .title {
     color: #3ab54a;
}
 #show-dsbaihoc{
     padding: 10px 20px;
     background: #2893ef;
     color: #fff;
     clear: both;
     margin-bottom: 10px;
     margin-top: 10px;
}
 #show-dsbaihoc:hover{
     background: #fabe28;
}
 .action-course .add_to_cart_inline{
     border: none !important;
     padding: 0 0 !important;
     margin-bottom: 0;
}
 .lesson-title.time{
     background: none !important;
}
 .action-course .add_to_cart_inline a{
     width: 100%;
     display: block;
     margin: 0 0 !important;
}
 .action-course .add_to_cart_inline .woocommerce-Price-amount {
     display: none;
}
 .action-course .add_to_cart_button {
     width: 100%;
     box-sizing: border-box;
     text-align: center;
     font-size: 1.2em;
     background: #2d94ee;
     text-transform: uppercase;
     color: #fff;
}
 .cart-collaterals {
     margin-bottom: 30px;
     margin-top: 30px;
}
 #Content {
     padding-bottom: 30px;
}
 input.wpcf7-form-control.wpcf7-submit.button_full_width {
     font-size: 17px;
     text-transform: uppercase;
}
 .single-register-wrap{
     padding: 50px 0px;
}
 .button-wrap.tooltip:after{
     display: none;
}
 .widget_mfn_recent_posts .date{
     display: none;
}
 .apsl-login-networks{
     clear: both;
}
 .apsl-login-new-text{
     margin-top: 20px;
     border-top: 1px solid rgba(128, 128, 128, 0.23);
     padding-top: 15px;
     font-size: 14px;
}
 #Header .social{
     padding: 3px 0 !important;
}
 .social .button-wrap{
     float:right;
     margin-right: 5px;
}

.tooltip-text .button-wrap{     
     margin-right: 0px;
}
 #Action_bar .column{
     overflow: visible;
}
 #Footer ul.social{
     display: none !important;
}
 ul.social span.apsl-login-new-text{
     font-size: 12px;
     font-weight: normal;
}
 @media(max-width: 1240px){
     .course-users .author-info img{
         width: 50px;
         height: 50px;
         top: -25px;
         right: 35px;
    }
     .course-users .author-info .author-name{
         display: block;
         font-size: 12px;
         margin-top: 5px;
    }
     .course-header h5{
         min-height: 60px;
         margin-bottom: 0px;
    }
}
 @media(max-width: 960px){
     #mymenu-menu>ul#menu-main-menu>li{
         float:left;
         width: 100%;
         border-bottom: none;
    }
     #mymenu-menu>ul#menu-main-menu>li .sub-menu{
         padding-left: 15px;
    }
     .course-sumary{
         top: 0;
    }
     .course-subtitle{
         max-width: 100%;
    }
     .course-price .price-text{
         font-size: 13px;
    }
     .course-users .author-info img{
         top: -45px;
         right: 5px;
    }
     .woocommerce-account .user-image{
         margin: 0 auto;
         width: 100%;
    }
     .style-simple .accordion .question .answer {
         padding: 0 10px 10px 10px;
    }
     #Top_bar.one-third.column {
         width: 48%;
    }
}
 @media(max-width: 770px){
     .next-lesson{
         text-align: right;
    }
     .course-nav .lession-title{
         line-height: 16px;
         font-size: 14px;
         margin-bottom: 15px;
         width:100%;
         clear: both;
         box-sizing: border-box;
         padding-left: 0;
         margin-top: 16px;
    }
     .questions{
         padding: 0 20px;
    }
     .single-lesson {
         padding-top: 60px;
    }
     .video-wrap-home{
         padding: 40px 5% 50px !important;
    }
     #Top_bar a.responsive-menu-toggle {
         right: auto !important;
         left: 10px !important;
    }
     #Action_bar .tooltip:after{
         display: none;
    }
     .course-price .price-text{
         font-size: 16px;
    }
     .course-users .author-info img{
         top: -30px;
         right: 30px;
         width: 60px;
         height: 60px;
    }
     .course-users .author-info .author-name{
         visibility: visible;
         padding-top: 10px;
    }
     .course-header h5{
         font-size: 18px;
    }
     .noidung-baihoc{
         padding: 14px 14px;
         box-sizing: border-box;
    }
     #Footer .social{
         display: none;
    }
     .single-course{
         padding-bottom: 25px;
    }
     .minimalist-header-no #Subheader {
         padding: 30px 0!important;
    }
     .action-course .mobi{
       display: block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0 !important;
        padding-bottom: 5px;
        font-weight: bold;
    }
    /*.button-wrap.left {
         float: right !important;
    }
    */
     .course-sumary{
         z-index: 9;
    }
     .action-course .element-button{
         margin-bottom: -5px;
         border-radius: 0;
    }
     .single-register-wrap .border-right{
         border: none;
    }
     .single-register-wrap > .column{
         width: 100%;
         margin-bottom: 30px;
    }
     .single-register-wrap h1{
         text-align: center;
    }
     .single-register-wrap input[type="text"], .single-register-wrap input[type="password"]{
         width: 100%;
    }
     .single-register-wrap .formatted-form .submit-button{
         width: 100%;
         box-sizing: border-box;
         float: none;
         display: block;
         text-align: center;
         margin: 0 auto;
    }
     .woocommerce-checkout #customer_details {
         width: 100%;
         box-sizing: border-box;
    }
     .woocommerce-checkout #order_review {
         width: 100%;
    }
     .woocommerce-checkout #customer_details {
         padding: 0 0px;
    }
     .accordion .question .answer {
         padding: 15px 5px 5px;
    }
     img {
         max-width: 100%;
         height: auto;
    }
}
 @media(max-width: 480px){
     .ui-tabs .ui-tabs-nav li{
         float:left !important;
         width: 48% !important;
         margin: 3px 3px;
         box-sizing: border-box;
    }
     .ui-tabs .ui-tabs-nav li.ui-state-active{
         background: #88c100;
         font-size: 12px;
    }
     .ui-tabs .ui-tabs-nav li.ui-state-active a{
         color: #ffffff !important;
    }
     .ui-tabs .ui-tabs-nav li a{
         padding: 10px 17px !important;
    }
     .courses-listing .course-preview {
         float: left;
    }
     .course-preview .course-header {
         padding: 1em 15px 0.9em 15px;
         margin: 5px 5px 0 0;
    }
     .course-meta {
         float: right;
         width: 100%;
    }
     .course-preview .course-image {
         width: 100%;
         float: left;
    }

    .courses-listing .column{
    margin-bottom: 20px;
    }
     .course-preview .course-footer{
         border-top: none;
         background: none;
         position: absolute;
         top: 38%;
         left: 0px;
         z-index: 999;
    }
     .course-price .price-text {
         font-size: 12px;
    }
     .course-price .price-text del {
         font-size: 9px;
         padding-right: 10px;
    }
     .course-users .author-info img {
         display: none;
    }
     .course-header h5 {
         font-size: 13px;
    }
     .course-users .author-info .author-name {
         margin-top: 25px;
         color: yellow;
         text-shadow: 1px 0px #fff;
    }
     #Action_bar .contact_details{
         display: none;
    }
     #Action_bar .social{
         margin-bottom: 0;
    }
     .section_wrapper, .container, .four.columns .widget-area{
         box-sizing: border-box;
         padding: 0 10px !important;
         max-width: 900px !important;
         width: 100%;
    }
     #Side_slide .social{
         display: none !important;
    }
     .author-info {
         display: none;
    }
}
 @media(max-width: 1440px){
     .hide-mb{
         display: none;
    }
}
@media(max-width: 1250px){
     .login-signup a i, .button-cod i{
         display: none;
    }
}
 @media(max-width: 990px){
     .search_wrapper2{
         position: absolute;
         top: 80px;
         left: 0;
         right: 0;
         z-index: 999;
    }
     .row-menu-bar-mobile .icon-search{
         display: block;
         text-align: right;
    }
     .search_wrapper2{
         display: none;
    }
     .nav-wrap .nav-link{
         background: none;
         font-size: 25px;
         width: auto;
         float:left;
         color: #04609e;
    }
     .k-header-search.one-fourth.column{
         width: 100px;
    }
     .nav-link span{
         display: none;
    }
     .k-header-menu .dropdown-menu li{
         border-bottom: 1px solid #eeeeee;
         padding-bottom: 8px;
    }
     .courses-nav .dropdown{
         position: static;
    }
     .k-header-menu .dropdown-menu{
         position: absolute;
         left: 0;
         right: 0;
    }
     .k-header-menu .nav-wrap .dropdown-menu:before{
         display: none;
    }
     .account .dropdown-menu {
         left: auto;
         right: 0;
    }
     .account .dropdown-menu:before{
         left: auto !important;
         right: 100px;
    }
}
 @media(max-width: 780px){
     #Top_bar.one-third.column{
         width: 50%;
    }
     .courses-nav.one-sixth.column{
         position: absolute;
         left: 0;
         top: 0;
         width: 50px;
    }
     #Top_bar #logo img {
         margin-left: 50px;
    }
}
 @media only screen and (max-width: 767px){
    .navCourseInfo .sub-menu a i{
    display: none;
    }

    .navCourseInfo .sub-menu a{
    font-size: 13px;
    padding: 10px 4px;
    }
     #Top_bar .container .column{
         clear: none;
    }
     #Top_bar .container .logoheader.column{
         width: 30% !important;
    }
     #Top_bar .container .courses-nav.column{
         width: 10% !important;
    }
     #Top_bar .container #Top_bar.column{
         width: 60% !important;
    }
     #Top_bar .container .k-header-search.column{
         width: 10% !important;
    }
     #Top_bar #logo img {
         margin-left: 5px;
    }
}
 @media(max-width: 400px){
     .login-signup a, .login-signup a.button-login, #Top_bar .login-signup a.button-register{
         font-size: 12px;
         padding: 0 3px;
    }
}
 @media(max-width: 530px){
     #Top_bar #Top_bar .button-cod .btn-cod-active{
         padding: 0 3px;
         line-height: 28px;
    }
     #Top_bar #logo img {
         margin-left: 0px;
    }
     #Top_bar .account img{
         width: 28px;
         height: 28px;
    }
     #Top_bar .account .sub-wrap .user{
         font-size: 12px;
    }
     #Top_bar .account .sub-wrap .title{
         font-size: 11px;
    }
     #Top_bar .container .logoheader.column{
         width: 45% !important;
    }
     #Top_bar .container .courses-nav.column{
         width: 10% !important;
    }
     #Top_bar .container #Top_bar.column{
         width: 100% !important;
         clear:both;
         height: 0;
         padding: 0 0;
    }
     #Top_bar .container .k-header-search.column{
         width: 10% !important;
    }
     #Top_bar .button-cod {
         margin: 0;
         display: none;
    }
     #Top_bar #logo img {
         margin-left: 5px;
    }
     #Top_bar .account{
         position: absolute;
         right: 0;
         top: 20px;
         margin-right: 0px;
    }
     #Top_bar .container #Top_bar{
         box-shadow: 0 8px 6px -6px #eeeeee;
         border-top: 1px solid #eeeeee;
    }
     #mobi-access-icon{
         display: block;
    }
     #Top_bar li.cart.dropdown{
         display: none;
    }
     li.login-signup{
         position: absolute;
         top: 10px;
         right: 5px;
    }
     #mobi-access-icon li{
         border: none;
         display: block;
         float:left;
    }
     #Top_bar #mobi-access-icon li.button-cod a{
         border: 1px solid #eeeeee;
         padding: 2px 5px;
    }
     #searchform input.field{
         height: 33px;
         margin-left: 10px;
         width: 148px;
         border: 1px solid #eeeeee;
    }
     #searchform:after{
         top: 0px;
         padding: 5px 8px;
         right: -15px;
         border-left: 1px solid #eeeeee !important;
    }
     #Top_bar .container .k-header-search.column{
         display: none;
    }
}