body {
        background-color: #f8f8f8;
        font-family: 'Cairo', sans-serif;
        color: #333333;
        font-size: 16px;
        direction: ltr !important;
    }
    
    a:hover,
    a:focus {
        color: #ddd
    }
    
    p {
        margin: 0;
        padding: 0;
    }
    
    .no-padding {
        padding: 0;
    }
    
    .no-border {
        border: none;
    }
    
    ul {
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: left;
    }
    
    a {
        text-decoration: none;
        color: #fff;
    }
    
    a:hover,
    a:focus {
        outline: none;
        text-decoration: none;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Cairo', sans-serif;
    }
    
    h2 {
        font-size: 30px;
        font-weight: 700;
        /*line-height: 40px;*/
        margin: 0;
    }
    
    img {
        border: none;
    }
    
    .mu-read-more-btn {
        border: 1px solid #fff;
        color: #fff;
        display: inline-block;
        margin-top: 10px;
        padding: 10px 20px;
        text-transform: uppercase;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-read-more-btn:hover,
    .mu-read-more-btn:focus {
        color: #fff;
    }
    
    .mu-signpopup {
        border: 1px solid #fff;
        color: #fff;
        display: inline-block;
        padding: 13px 55px;
        text-transform: uppercase;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-signpopup:hover,
    .signpopup:focus {
        color: #fff;
    }
    
    .mu-signin {
        border: 1px solid #fff;
        color: #fff;
        display: inline-block;
        margin-top: 10px;
        padding: 20px 50px;
        text-transform: uppercase;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        font-size: 20px;
    }
    
    .mu-signin:hover,
    .mu-signin:focus {
        color: #fff;
    }
    
    .btn-bg {
        background-color: #003365;
        float: right;
    }
    
    .mu-post-btn {
        background-color: transparent;
        border: 1px solid #ccc;
        display: inline-block;
        font-size: 16px;
        padding: 10px 18px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-post-btn:hover,
    .mu-post-btn:focus {
        color: #fff;
    }
    /*==================
 HEADER SECTION
====================*/
    
    #mu-header {
        background-color: #0183bc;
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-header .mu-header-area {
        display: inline;
        float: left;
        padding: 5px 0;
        width: 100%;
    }
    
    #mu-header .mu-header-area .mu-header-top-left {
        display: inline;
        float: right;
        /*width: 100%;*/
    }
    
    #mu-header .mu-header-area .mu-header-top-left .mu-top-email {
        display: inline;
        float: left !important;
        font-size: 14px;
    }
    
    #mu-header .mu-header-area .mu-header-top-left .mu-top-email i {
        margin-left: 5px;
        float: right;
        margin-top: 3px;
    }
    
    #mu-header .mu-header-area .mu-header-top-left .mu-top-phone {
        border-left: 1px solid #ddd;
        display: inline;
        font-size: 14px;
        float: left !important;
        margin-left: 15px;
        padding-left: 15px;
    }
    
    #mu-header .mu-header-area .mu-header-top-left .mu-top-phone i {
        margin-left: 5px;
        float: right;
        margin-top: 3px;
        color: #fff;
    }
    
    #mu-header .mu-header-area .mu-header-top-right {
        display: inline;
        /*float: left;*/
        text-align: left;
        /*width: 100%;*/
    }
    
    #mu-header .mu-header-area .mu-header-top-right .mu-top-social-nav {
        display: inline-block;
    }
    
    #mu-header .mu-header-area .mu-header-top-right .mu-top-social-nav li {
        display: inline-block;
    }
    
    #mu-header .mu-header-area .mu-header-top-right .mu-top-social-nav li a {
        display: inline-block;
        font-size: 14px;
        padding: 0 8px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    /*==================
 NAVBAR SECTION
====================*/
    
    #mu-menu {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-menu .navbar-header .navbar-brand {
        color: #333;
        font-family: 'Cairo', sans-serif;
        font-size: 26px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 20px;
        letter-spacing: 0px;
    }
    
    #mu-menu .navbar-header .navbar-brand i {
        font-size: 35px;
    }
    
    #mu-menu .navbar-header .navbar-brand span {
        margin-left: 4px;
    }
    
    #mu-menu .navbar-default {
        border-radius: 0;
        border-left: none;
        border-right: none;
        margin-bottom: 0px;
        padding: 0;
        background-color: #fff;
    }
    
    #mu-menu .navbar-default .navbar-nav li>a {
        border-bottom: 2px solid transparent;
        padding-bottom: 15px;
        padding-top: 15px;
        margin-bottom: -1px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-menu .navbar-default .navbar-nav ul li>i {
        margin-right: 27px;
        font-size: 33px;
        color: #fff;
        padding-top: 10px;
    }
    
    #mu-menu .navbar-default .navbar-nav li #mu-search-icon:hover,
    #mu-menu .navbar-default .navbar-nav li #mu-search-icon:focus {
        border: none;
    }
    
    #mu-menu .navbar-default .navbar-nav li .dropdown-menu {
        border-radius: 0px;
    }
    
    #mu-menu .navbar-default .navbar-nav li .dropdown-menu li a {
        color: #333333;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    #mu-menu .navbar-default .navbar-nav li .dropdown-menu li a:hover,
    #mu-menu .navbar-default .navbar-nav li .dropdown-menu li a:focus {
        color: #fff;
    }
    
    #mu-menu .navbar-default .navbar-nav .open a:hover,
    #mu-menu .navbar-default .navbar-nav .open a:focus {
        color: #fff;
    }
    /* ALL SECTION */
    /*scrol to top*/
    
    .scrollToTop {
        border-radius: 4px;
        bottom: 60px;
        color: #fff;
        display: none;
        font-size: 30px;
        line-height: 50px;
        height: 50px;
        font-family: 'Cairo', sans-serif;
        padding: 5px 0;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        width: 50px;
        z-index: 999;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }
    
    .scrollToTop i {
        display: block;
    }
    
    .scrollToTop span {
        display: block;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
    }
    
    .scrollToTop:hover,
    .scrollToTop:focus {
        color: #fff;
    }
    
    #mu-search {
        background-color: rgba(0, 0, 0, 0.9);
        height: 100%;
        left: 0;
        opacity: 1;
        position: fixed;
        top: 0;
        transform: translateY(-100%) scale(0);
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -ms-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        width: 100%;
        z-index: 99999;
    }
    
    #mu-search .mu-search-area {
        display: inline;
        float: left;
        width: 100%;
        padding: 20% 0;
        text-align: center;
    }
    
    #mu-search .mu-search-area .mu-search-close {
        border: none;
        color: #fff;
        display: inline-block;
        font-size: 25px;
        outline: none;
        height: 50px;
        line-height: 50px;
        position: absolute;
        right: 100px;
        text-align: center;
        top: 50px;
        width: 50px;
    }
    
    #mu-search .mu-search-area .mu-search-form input[type="search"] {
        background: transparent none repeat scroll 0 0;
        border: medium none;
        color: #fff;
        font-size: 45px;
        font-family: 'Cairo', sans-serif;
        height: 100px;
        outline: medium none;
        text-align: center;
        width: 100%;
    }
    
    #mu-search .mu-search-area .mu-search-form input[type="email"] {
        background: transparent none repeat scroll 0 0;
        border-bottom: 1px #ccc solid;
        border-top: none;
        color: #fff;
        border-right: none;
        border-left: none;
        font-size: 20px;
        font-family: 'Cairo', sans-serif;
        height: 50px;
        outline: medium none;
        text-align: center;
        width: 100%;
    }
    
    #mu-search .mu-search-area .mu-search-form input[type="password"] {
        /*background: White none repeat scroll 0 0;
  border: 2px solid #01bafd;
  color: #000;*/
        background: transparent none repeat scroll 0 0;
        border-bottom: 1px #ccc solid;
        border-top: none;
        color: #fff;
        border-right: none;
        border-left: none;
        font-size: 20px;
        font-family: 'Cairo', sans-serif;
        height: 50px;
        outline: medium none;
        text-align: center;
        width: 100%;
    }
    
    #mu-search.mu-search-open {
        transform: translateY(0) scale(1);
    }
    /*==================
 SLIDER SECTION
====================*/
    
    #mu-slider {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-slider .mu-slider-single {
        display: inline;
        float: left;
        width: 100%;
        position: relative;
    }
    
    #mu-slider .mu-slider-single .mu-slider-img {
        display: inline;
        float: left;
        width: 100%;
        height: 320px;
    }
    
    #mu-slider .mu-slider-single .mu-slider-img:after {
        background-color: rgba(0, 0, 0, 0.5);
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    
    #mu-slider .mu-slider-single .mu-slider-img figure {
        height: 100%;
        width: 100%;
    }
    
    #mu-slider .mu-slider-single .mu-slider-img figure img {
        width: 100%;
        height: 100%;
    }
    
    #mu-slider .mu-slider-single .mu-slider-content {
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 20%;
        padding: 0 15%;
        width: 100%;
        text-align: center;
        height: 100%;
    }
    
    #mu-slider .mu-slider-single .mu-slider-content h4 {
        letter-spacing: 0px;
        margin-bottom: 0;
    }
    
    #mu-slider .mu-slider-single .mu-slider-content span {
        display: inline-block;
        height: 1px;
        width: 100px;
    }
    
    #mu-slider .mu-slider-single .mu-slider-content h2 {
        font-size: 50px;
        line-height: 80px;
        margin-bottom: 10px;
    }
    
    #mu-slider .mu-slider-single .mu-slider-content p {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 28px;
    }
    
    #mu-slider .mu-slider-single .mu-slider-content a {
        margin-top: 25px;
    }
    
    #mu-slider .slick-prev,
    #mu-slider .slick-next {
        height: 60px;
        width: 60px;
    }
    
    #mu-slider .slick-prev:before,
    #mu-slider .slick-next:before {
        color: #fff;
        font-size: 25px;
    }
    /*==================
 SERVICE SECTION
====================*/
    
    #mu-service {
        display: inline;
        float: left;
        margin-top: -80px;
        width: 100%;
    }
    
    #mu-service .mu-service-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-service .mu-service-area .mu-service-single {
        background-color: #01bafd;
        color: #fff;
        display: inline;
        float: right;
        padding: 35px 25px;
        text-align: center;
        width: 33.33%;
    }
    
    #mu-service .mu-service-area .mu-service-single a {
        color: #fff;
    }
    
    #mu-service .mu-service-area .mu-service-single:nth-child(2) {
        background-color: #2ecc71;
    }
    
    #mu-service .mu-service-area .mu-service-single:nth-child(3) {
        background-color: #008dc3;
    }
    
    #mu-service .mu-service-area .mu-service-single span {
        font-size: 30px;
    }
    
    #mu-service .mu-service-area .mu-service-single h3 {
        font-size: 25px;
    }
    
    #mu-service .mu-service-area .mu-service-single p {
        font-weight: lighter;
    }
    /*==================
 ABOUT SECTION
====================*/
    
    #mu-about-us {
        display: inline;
        float: left;
        width: 100%;
        padding: 50px 0;
    }
    
    #mu-about-us .mu-about-us-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-about-us .mu-about-us-area .mu-about-us-left {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-about-us .mu-about-us-area .mu-about-us-left h2 {
        font-size: 40px;
        margin-bottom: 20px;
        text-align: right;
    }
    
    #mu-about-us .mu-about-us-area .mu-about-us-left ul {
        margin-left: 25px;
        margin-bottom: 15px;
    }
    
    #mu-about-us .mu-about-us-area .mu-about-us-left ul li {
        line-height: 30px;
        list-style: none;
        float: right;
        text-align: right
    }
    
    #mu-about-us .mu-about-us-area .mu-about-us-right {
        display: inline;
        float: left;
        width: 100%;
        display: block;
        width: 100%;
        background-color: #ccc;
    }
    
    #mu-about-us .mu-about-us-area .mu-about-us-right a {
        display: block;
        width: 100%;
        position: relative;
    }
    
    #mu-about-us .mu-about-us-area .mu-about-us-right a img {
        width: 100%;
    }
    
    #mu-about-us .mu-about-us-area .mu-about-us-right a:after {
        background-color: rgba(0, 0, 0, 0.8);
        bottom: 0;
        color: #ddd;
        content: '\f04b';
        font-family: fontAwesome;
        font-size: 50px;
        left: 0;
        padding-top: 27%;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
    }
    /*==== about us dynamic video player ====*/
    
    #about-video-popup {
        background-color: rgba(0, 0, 0, 0.9);
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        text-align: center;
        bottom: 0;
        z-index: 99999;
    }
    
    #about-video-popup span {
        color: #fff;
        cursor: pointer;
        float: right;
        font-size: 30px;
        margin-right: 50px;
        margin-top: 50px;
    }
    
    #about-video-popup iframe {
        background: url(../img/loader.gif) center center no-repeat;
        margin: 10% auto;
        width: 650px;
        height: 450px;
    }
    
    .mu-title {
        display: inline;
        text-align: center;
        width: 100%;
    }
    
    .mu-title h2 {
        color: #000;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 18px;
    }
    
    .mu-title p {
        color: #555;
        letter-spacing: 0px;
        line-height: 1.7;
        padding: 0 120px;
    }
    /*==================
 ABOUT US COUNTER SECTION
====================*/
    
    #mu-abtus-counter {
        background-image: url("../img/counter-bg.jpg");
        background-repeat: no-repeat;
        background-size: 100%;
        display: inline;
        float: left;
        padding: 100px 0;
        width: 100%;
    }
    
    #mu-abtus-counter .mu-abtus-counter-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-abtus-counter .mu-abtus-counter-area .mu-abtus-counter-single {
        border-left: 2px solid #888;
        display: inline;
        float: left;
        text-align: center;
        width: 100%;
    }
    
    #mu-abtus-counter .mu-abtus-counter-area .mu-abtus-counter-single span {
        color: #fff;
        display: inline-block;
        font-size: 50px;
    }
    
    #mu-abtus-counter .mu-abtus-counter-area .mu-abtus-counter-single h4 {
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 20px;
    }
    
    #mu-abtus-counter .mu-abtus-counter-area .mu-abtus-counter-single p {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
    }
    
    #mu-abtus-counter .mu-abtus-counter-area .no-border {
        border: none;
    }
    /*==================
 Body Background SECTION
====================*/
    
    #mu-body-bg {
        display: inline;
        float: left;
        padding: 100px 0;
        width: 100%;
    }
    
    #mu-body-bg .mu-abtus-counter-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-body-bg .mu-abtus-counter-area .mu-abtus-counter-single {
        border-right: 2px solid #888;
        display: inline;
        float: left;
        text-align: center;
        width: 100%;
    }
    
    #mu-body-bg .mu-abtus-counter-area .mu-abtus-counter-single span {
        color: #fff;
        display: inline-block;
        font-size: 50px;
    }
    
    #mu-body-bg .mu-abtus-counter-area .mu-abtus-counter-single h4 {
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 20px;
    }
    
    #mu-body-bg .mu-abtus-counter-area .mu-abtus-counter-single p {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
    }
    
    #mu-body-bg .mu-abtus-counter-area .no-border {
        border: none;
    }
    /*==================
 FEATURES SECTION
====================*/
    
    #mu-features {
        display: inline;
        float: left;
        padding: 100px 0;
        width: 100%;
    }
    
    #mu-features .mu-features-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-features .mu-features-area .mu-features-content {
        display: inline;
        float: left;
        margin-top: 50px;
        width: 100%;
    }
    
    #mu-features .mu-features-area .mu-features-content .mu-single-feature {
        display: inline;
        float: left;
        margin-bottom: 30px;
        margin-top: 30px;
        padding: 0 10px;
        width: 100%;
    }
    
    #mu-features .mu-features-area .mu-features-content .mu-single-feature span {
        font-size: 25px;
        padding: 10px 15px;
    }
    
    #mu-features .mu-features-area .mu-features-content .mu-single-feature h4 {
        margin-bottom: 15px;
        margin-top: 15px;
        padding-bottom: 10px;
        position: relative;
    }
    
    #mu-features .mu-features-area .mu-features-content .mu-single-feature h4:after {
        background-color: #333;
        content: '';
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        width: 70px;
        position: absolute;
    }
    
    #mu-features .mu-features-area .mu-features-content .mu-single-feature p {
        font-size: 15px;
        letter-spacing: 0px;
        line-height: 1.7;
    }
    
    #mu-features .mu-features-area .mu-features-content .mu-single-feature a {
        border: 1px solid #888;
        display: inline-block;
        font-size: 14px;
        margin-top: 10px;
        padding: 5px 10px;
        text-transform: uppercase;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    /*==================
 LATEST COURSES SECTION
====================*/
    
    #mu-latest-courses {
        background-color: #333;
        display: inline;
        float: left;
        padding: 100px 0;
        width: 100%;
    }
    
    #mu-latest-courses .mu-latest-courses-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-latest-courses .mu-latest-courses-area .mu-title h2 {
        color: #fff;
    }
    
    #mu-latest-courses .mu-latest-courses-area .mu-title p {
        color: #fff;
    }
    
    #mu-latest-courses .mu-latest-courses-area .mu-latest-courses-content {
        display: inline;
        float: left;
        margin-top: 50px;
        width: 100%;
    }
    
    #mu-latest-courses .mu-latest-courses-area .mu-latest-courses-content .slick-slide {
        outline: none;
    }
    
    #mu-latest-courses .mu-latest-courses-area .mu-latest-courses-content .slick-dots li {
        background-color: #fff;
        border-radius: 4px;
        height: 8px;
        width: 20px;
    }
    
    #mu-latest-courses .mu-latest-courses-area .mu-latest-courses-content .slick-dots li button {
        display: none;
    }
    
    .mu-latest-course-single {
        /*background-color: #fff;*/
        display: inline;
        float: left;
        width: 100%;
    }
    
    .mu-latest-course-single.bgcolor {
        background-color: #fff;
        padding: 10px;
    }
    
    .mu-latest-course-single .mu-latest-course-img {
        display: inline;
        float: left;
        width: 100%;
    }
    
    .mu-latest-course-single .mu-latest-course-img a {
        display: block;
    }
    
    .mu-latest-course-single .mu-latest-course-img a img {
        width: 100%;
    }
    
    .mu-latest-course-single .mu-latest-course-img .mu-latest-course-imgcaption {
        background-color: #f8f8f8;
        display: inline;
        float: left;
        padding: 10px 15px;
        width: 100%;
    }
    
    .mu-latest-course-single .mu-latest-course-img .mu-latest-course-imgcaption a {
        display: inline-block;
        float: right;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-latest-course-single .mu-latest-course-img .mu-latest-course-imgcaption span {
        float: left;
    }
    
    .mu-latest-course-single .mu-latest-course-img .mu-latest-course-imgcaption span i {
        margin-right: 5px;
    }
    
    .mu-latest-course-single .mu-latest-course-single-content {
        display: inline;
        width: 100%;
        /* padding: 15px; */
        /*border: 1px solid #eaeaea;*/
        text-align: left;
    }
    
    .mu-latest-course-single .mu-latest-course-single-content h4 {
        color: #333;
        line-height: 1.4;
        text-align: center;
        font-weight: bold;
        /*margin-right: 30px;*/
    }
    
    .mu-latest-course-single .mu-latest-course-single-content h4 a {
        color: #333;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-latest-course-single .mu-latest-course-single-content p {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 1.7;
    }
    
    .mu-latest-course-single .mu-latest-course-single-content .mu-latest-course-single-contbottom {
        /*border-top: 1px solid #ccc;*/
        display: inline;
        float: left;
        /*margin-top: 15px;
  padding-top: 15px;*/
        width: 100%;
        text-align: center
    }
    
    .mu-latest-course-single .mu-latest-course-single-content .mu-latest-course-single-contbottom .mu-course-details {
        display: inline-block;
        /*float: left;*/
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-latest-course-single .mu-latest-course-single-content .mu-latest-course-single-contbottom .mu-course-details:hover,
    .mu-latest-course-single .mu-latest-course-single-content .mu-latest-course-single-contbottom .mu-course-details:focus {
        color: #333;
    }
    
    .mu-latest-course-single .mu-latest-course-single-content .mu-latest-course-single-contbottom .mu-course-price {
        display: inline-block;
        /*float: right;*/
    }
    /*==================
 TEACHER SECTION
====================*/
    
    #mu-our-teacher {
        display: inline;
        float: left;
        /*padding:50px 0;*/
        width: 100%;
    }
    
    #mu-our-teacher .mu-our-teacher-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content {
        display: inline;
        float: left;
        margin-top: 50px;
        width: 100%;
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single:hover .mu-our-teacher-img .mu-our-teacher-social {
        opacity: 1;
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single:hover .mu-our-teacher-img .mu-our-teacher-social a {
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-our-teacher-img {
        background-color: #ccc;
        display: inline;
        position: relative;
        float: left;
        width: 100%;
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-our-teacher-img img {
        width: 100%;
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-our-teacher-img .mu-our-teacher-social {
        bottom: 0;
        left: 0;
        opacity: 0;
        overflow: hidden;
        padding-top: 43.5%;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-our-teacher-img .mu-our-teacher-social a {
        border: 2px solid #fff;
        color: #fff;
        display: inline-block;
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px;
        width: 40px;
        -moz-transform: translateY(-1000%);
        -o-transform: translateY(-1000%);
        -ms-transform: translateY(-1000%);
        -webkit-transform: translateY(-1000%);
        transform: translateY(-1000%);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-our-teacher-img .mu-our-teacher-social a:hover,
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-our-teacher-img .mu-our-teacher-social a:focus {
        background-color: #FFF;
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-ourteacher-single-content {
        display: inline;
        float: right;
        width: 100%;
        text-align: right
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-ourteacher-single-content h4 {
        margin-bottom: 0;
        margin-top: 20px;
        text-transform: uppercase;
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-ourteacher-single-content span {
        color: #000;
        display: block;
        font-size: 16px;
        margin-bottom: 8px;
        margin-top: 5px;
    }
    
    #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-ourteacher-single-content p {
        font-size: 15px;
    }
    /*==================
 TESTIMONIAL SECTION
====================*/
    
    #mu-testimonial {
        background-attachment: fixed;
        background-image: url("../img/testimonial-bg.jpg");
        background-position: center center;
        background-size: cover;
        display: inline;
        float: left;
        padding: 100px 0;
        position: relative;
        width: 100%;
        z-index: 10;
    }
    
    #mu-testimonial:after {
        background-color: rgba(0, 0, 0, 0.8);
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }
    
    #mu-testimonial .mu-testimonial-area {
        display: inline;
        float: left;
        padding: 0 150px;
        position: relative;
        width: 100%;
        z-index: 99;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item {
        display: inline;
        float: left;
        width: 100%;
        outline: none;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-quote {
        background-color: #333;
        border-radius: 4px;
        display: inline;
        float: left;
        padding: 60px 30px;
        width: 100%;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-quote blockquote {
        border: none;
        text-align: center;
        margin-bottom: 0;
        position: relative;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-quote blockquote:before {
        content: '\f10d';
        color: #fff;
        font-family: fontAwesome;
        font-style: italic;
        left: 2%;
        position: absolute;
        top: 0;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-quote blockquote p {
        color: #fff;
        font-size: 16px;
        font-style: italic;
        letter-spacing: 0px;
        line-height: 1.8;
        margin-bottom: 0;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-img {
        display: inline;
        float: left;
        width: 100%;
        text-align: center;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-img img {
        background-color: #555;
        border: 1px solid #888;
        border-radius: 50%;
        margin: -50px auto 5px;
        padding: 0;
        width: 120px;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-info {
        display: inline;
        float: left;
        width: 100%;
        text-align: center;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-info h4 {
        color: #fff;
        font-size: 20px;
        margin-bottom: 0px;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-info span {
        font-size: 14px;
        letter-spacing: 0px;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .slick-dots li {
        background-color: #fff;
        height: 8px;
        width: 20px;
    }
    
    #mu-testimonial .mu-testimonial-area .mu-testimonial-content .slick-dots li button {
        display: none;
    }
    /*==================
 FROM BLOG SECTION
====================*/
    
    #mu-from-blog {
        display: inline;
        float: left;
        padding: 100px 0;
        width: 100%;
    }
    
    #mu-from-blog .mu-from-blog-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-from-blog .mu-from-blog-area .mu-from-blog-content {
        display: inline;
        float: left;
        margin-top: 50px;
        width: 100%;
    }
    
    .mu-blog-single-item {
        display: inline;
        float: left;
        width: 100%;
    }
    
    .mu-blog-single-item .mu-blog-single-img {
        display: inline;
        float: left;
        width: 100%;
    }
    
    .mu-blog-single-item .mu-blog-single-img a {
        display: block;
    }
    
    .mu-blog-single-item .mu-blog-single-img a img {
        width: 100%;
    }
    
    .mu-blog-single-item .mu-blog-single-img .mu-blog-caption {
        display: inline;
        float: left;
        width: 100%;
    }
    
    .mu-blog-single-item .mu-blog-single-img .mu-blog-caption h3 a {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-blog-single-item .mu-blog-meta {
        display: inline;
        float: left;
        margin-bottom: 15px;
        width: 100%;
        margin-top: 5px;
    }
    
    .mu-blog-single-item .mu-blog-meta a {
        display: inline-block;
        float: left;
        letter-spacing: 0.5px;
        margin-right: 10px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-blog-single-item .mu-blog-meta span {
        display: inline-block;
        float: left;
    }
    
    .mu-blog-single-item .mu-blog-meta span i {
        margin-right: 7px;
    }
    
    .mu-blog-single-item .mu-blog-description {
        display: inline;
        float: left;
        width: 100%;
    }
    
    .mu-blog-single-item .mu-blog-description p {
        font-size: 15px;
        letter-spacing: 0.3px;
        line-height: 1.7;
    }
    
    .mu-blog-single-item .mu-blog-description a {
        border-color: #555;
        color: #555;
        font-size: 14px;
        margin-top: 15px;
    }
    
    .mu-blog-single-item .mu-blog-description a:hover,
    .mu-blog-single-item .mu-blog-description a:focus {
        color: #fff;
    }
    /*==================
 COURSES PAGE
====================*/
    
    .bg-image-2 {
        background: url('../img/slider/2.jpg') no-repeat center bottom/cover;
    }
    
    .bg-image-3 {
        background: url(../img/slider/4.jpg) no-repeat center bottom/cover;
    }
    
    #mu-page-breadcrumb .mu-page-breadcrumb-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-page-breadcrumb .mu-page-breadcrumb-area h2 {
        text-align: right;
        color: #fff;
        margin-left: 20px;
    }
    
    #mu-page-breadcrumb .mu-page-breadcrumb-area .breadcrumb {
        background-color: transparent;
        border-radius: 0;
        margin-bottom: 0;
        text-align: right;
    }
    
    #mu-page-breadcrumb .mu-page-breadcrumb-area .breadcrumb li {
        float: right;
    }
    
    #mu-page-breadcrumb .mu-page-breadcrumb-area .breadcrumb li a {
        font-size: 13px;
        color: #0083bb;
    }

    #mu-page-breadcrumb { display: inline;
        float: left;
        background-color: #efefef;
        width: 100%;}
    
    #mu-course-content {
        background-color: #f8f8f8;
        display: inline;
        float: left;
        padding: 0;
        width: 100%;
        margin-bottom: 20px;
        /*min-height:500px;*/
    }
    
    #mu-course-content .mu-course-content-area {
        display: inline;
        float: left;
        width: 100%;
        background-color: #fff
    }
    
    #mu-course-content .mu-course-content-area .mu-course-container {
        display: inline;
        float: left;
        width: 100%;
        padding-top: 5px
    }
    
    #mu-course-content .mu-course-content-area .mu-course-container .mu-latest-course-single {
        border: 1px solid #ccc;
        /*  margin-bottom: 30px;*/
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar {
        background-color: #FFF;
        display: inline;
        float: left;
        margin-bottom: 25px;
        padding: 0 20px 20px;
        width: 100%;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-catg {
        /*padding-right: 15px;*/
        text-align: right;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-catg li a {
        color: #333;
        display: inline-block;
        font-size: 15px;
        font-weight: normal;
        padding: 5px 15px 5px 15px;
        position: relative;
        text-transform: capitalize;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-catg li a:hover,
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-catg li a:focus {
        margin-left: 5px;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-catg li a:before {
        content: "\f100";
        font-family: FontAwesome;
        right: 0;
        position: absolute;
        top: 5px;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-popular-courses {
        display: inline;
        float: left;
        margin-top: 10px;
        width: 100%;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-popular-courses .media .media-left .media-object {
        width: 70px;
        height: 60px;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-popular-courses .media .media-body .media-heading {
        font-size: 16px;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-popular-courses .media .media-body .media-heading a {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-popular-courses .media .media-body .popular-course-price {
        font-size: 14px;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-archives li a:before {
        content: '\f0da';
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .mu-sidebar-archives li a span {
        margin-left: 5px;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .tag-cloud {
        display: inline;
        float: left;
        margin-top: 5px;
        width: 100%;
    }
    
    #mu-course-content .mu-course-content-area .mu-sidebar .mu-single-sidebar .tag-cloud a {
        border-bottom: 1px solid #ccc;
        display: inline-block;
        font-size: 15px;
        letter-spacing: 0.3px;
        margin: 0 5px 10px;
        padding: 5px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-course-content .mu-course-content-area .mu-course-details {
        /*background-color: #FFF;*/
    }
    
    #mu-course-content .mu-course-content-area .mu-course-details .mu-latest-course-single {
        border: none;
    }
    
    #mu-course-content .mu-course-content-area .mu-course-details .mu-latest-course-single .mu-latest-course-imgcaption {
        background-color: #FFF;
    }
    
    #mu-course-content .mu-course-content-area .mu-course-details .mu-latest-course-single .mu-latest-course-single-content h2 {
        line-height: 1.7;
        margin-bottom: 14px;
        font-size: 17px;
        color: #fff;
    }
    
    #mu-course-content .mu-course-content-area .mu-course-details .mu-latest-course-single .mu-latest-course-single-content h4 {
        border-bottom: 2px solid #078485;
        padding-bottom: 10px;
    }
    
    .mu-latest-course-single-content h4 {
        /*border-bottom: 1px solid #ccc;*/
        /*padding-bottom: 10px;*/
    }
    
    #mu-course-content .mu-course-content-area .mu-course-details .mu-latest-course-single .mu-latest-course-single-content p {
        font-size: 15px;
        line-height: 22px;
        text-align: left
    }
    
    #mu-course-content .mu-course-content-area .mu-course-details .mu-latest-course-single .mu-latest-course-single-content ul {
        /* margin-bottom: 30px; */
    }
    
    #mu-course-content .mu-course-content-area .mu-course-details .mu-latest-course-single .mu-latest-course-single-content ul li {
        /* margin-bottom: 30px; */
    }
    
    #mu-course-content .mu-course-content-area .mu-course-details .mu-latest-course-single .mu-latest-course-single-content ul li span:first-child {
        display: inline-block;
        /*min-width: 150px;
  float: left;*/
    }
    
    .mu-latest-course-single-content ul li i:first-child {
        display: inline-block;
        /* min-width: 27px;*/
        float: right;
        font-weight: bold;
        color: #fff ;
        font-size: 14px;
    }
    
    #mu-course-content .mu-course-content-area .mu-course-details .mu-latest-course-single .mu-latest-course-single-content .table {
        margin-top: 10px;
    }
    
    .mu-pagination {
        display: inline;
        float: right;
        /*width: 100%;*/
    }
    
    .mu-pagination .pagination li:first-child a {
        border-radius: 0;
    }
    
    .mu-pagination .pagination li:first-child a span {
        margin-left: 0px;
        float: right;
        margin-top: 0px;
    }
    
    .mu-pagination .pagination li:last-child a {
        border-radius: 0;
    }
    
    .mu-pagination .pagination li:last-child a span {
        margin-right: 0px;
        float: left;
        margin-top: 0px;
    }
    
    .mu-pagination .pagination li a {
        color: #333;
        margin: 0 5px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-pagination .pagination li a:hover,
    .mu-pagination .pagination li a:focus {
        color: #fff;
    }
    
    .mu-pagination .pagination .active a {
        color: #fff;
    }
    
    .mu-related-item {
        display: inline;
        float: left;
        margin-top: 30px;
        width: 100%;
    }
    
    .mu-related-item .mu-related-item-area {
        margin-top: 30px;
    }
    
    .mu-related-item .mu-related-item-area .mu-latest-course-single {
        border: 1px solid #ccc;
    }
    
    .mu-related-item .mu-related-item-area .mu-blog-single-item {
        background-color: #FFF;
    }
    
    .mu-related-item .mu-related-item-area .mu-blog-single-item .mu-blog-caption {
        padding: 0 15px;
    }
    
    .mu-related-item .mu-related-item-area .mu-blog-single-item .mu-blog-meta {
        padding: 0 15px;
    }
    
    .mu-related-item .mu-related-item-area .mu-blog-single-item .mu-blog-description {
        padding: 0 15px 20px;
    }
    
    .mu-related-item .mu-related-item-area #mu-related-item-slide .slick-prev,
    .mu-related-item .mu-related-item-area #mu-related-item-slide .slick-next {
        height: 50px;
        width: 50px;
    }
    /*==================
 BLOG PAGE
====================*/
    
    .mu-blog-archive .mu-blog-single-item {
        margin-bottom: 35px;
    }
    
    .mu-blog-single .mu-blog-single-item {
        background-color: #FFF;
        padding-bottom: 30px;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-caption {
        padding: 0 15px;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-meta {
        padding: 0 15px;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-description {
        padding: 0 15px 30px;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-description ul {
        padding-left: 20px;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-description ul li {
        line-height: 1.8;
        padding-left: 25px;
        position: relative;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-description ul li:before {
        content: '\f14a';
        font-family: fontAwesome;
        position: absolute;
        left: 0;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-tags {
        display: inline;
        float: left;
        width: 100%;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-tags .mu-news-single-tagnav {
        display: inline-block;
        padding: 0 15px;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-tags .mu-news-single-tagnav li {
        display: inline-block;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-tags .mu-news-single-tagnav li:first-child {
        font-size: 16px;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-tags .mu-news-single-tagnav li a {
        display: inline-block;
        padding: 5px;
        font-size: 15px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-social {
        display: inline;
        float: left;
        margin-top: 20px;
        width: 100%;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-social .mu-news-social-nav {
        display: inline-block;
        padding: 0 15px;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-social .mu-news-social-nav li {
        display: inline-block;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-social .mu-news-social-nav li:first-child {
        font-size: 16px;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-social .mu-news-social-nav li a {
        font-size: 15px;
        border: 1px solid #ccc;
        display: inline-block;
        min-width: 35px;
        text-align: center;
        margin: 0 5px;
        height: 35px;
        line-height: 35px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-blog-single .mu-blog-single-item .mu-blog-social .mu-news-social-nav li a:hover,
    .mu-blog-single .mu-blog-single-item .mu-blog-social .mu-news-social-nav li a:focus {
        color: #fff;
    }
    
    .mu-blog-single-navigation {
        display: inline;
        float: left;
        padding: 20px 0;
        width: 100%;
        margin-top: 30px;
    }
    
    .mu-blog-single-navigation a {
        border: 1px solid #888;
        color: #333;
        display: inline-block;
        font-size: 20px;
        font-weight: normal;
        padding: 10px 20px;
        transition: all 0.5s ease 0s;
    }
    
    .mu-blog-single-navigation a:hover,
    .mu-blog-single-navigation a:focus {
        color: #fff;
    }
    
    .mu-blog-single-navigation .mu-blog-prev {
        float: left;
    }
    
    .mu-blog-single-navigation .mu-blog-prev span {
        margin-right: 10px;
    }
    
    .mu-blog-single-navigation .mu-blog-next {
        float: right;
    }
    
    .mu-blog-single-navigation .mu-blog-next span {
        margin-left: 10px;
    }
    
    .mu-comments-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    .mu-comments-area h3 {
        margin-bottom: 20px;
        padding: 20px;
        border-bottom: 1px solid #ccc;
        padding-left: 0;
    }
    
    .mu-comments-area .comments {
        float: left;
        display: inline;
        margin-top: 20px;
        width: 100%;
    }
    
    .mu-comments-area .comments .commentlist li {
        border-bottom: 1px solid #ddd;
        display: inline;
        float: left;
        margin-bottom: 30px;
        padding: 10px;
        position: relative;
        width: 100%;
    }
    
    .mu-comments-area .comments .commentlist li {}
    
    .mu-comments-area .comments .commentlist li .news-img {
        background-color: #ccc;
        height: 90px;
        margin-left: 11px;
        width: 90px;
    }
    
    .mu-comments-area .comments .commentlist li .media-body p {
        margin-bottom: 0px;
    }
    
    .mu-comments-area .comments .commentlist li .media-body .author-name {
        margin-bottom: 0px;
        margin-top: 0;
        font-size: 18px;
        font-weight: bold;
    }
    
    .mu-comments-area .comments .commentlist li .comments-date {
        display: block;
        font-size: 12px;
        letter-spacing: 0.5px;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    
    .mu-comments-area .comments .commentlist li .reply-btn {
        border: 1px solid #888;
        color: #333;
        display: inline-block;
        font-size: 15px;
        line-height: 13px;
        margin-bottom: 10px;
        margin-top: 20px;
        padding: 8px 15px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-comments-area .comments .commentlist li .reply-btn span {
        margin-left: 5px;
    }
    
    .mu-comments-area .comments .commentlist li .reply-btn:hover,
    .mu-comments-area .comments .commentlist li .reply-btn:focus {
        color: #fff;
        text-decoration: none;
        outline: none;
    }
    
    .mu-comments-area .comments .commentlist li .children {
        margin-left: 50px;
    }
    
    .mu-comments-area .comments .commentlist li .author-tag {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        margin-bottom: 5px;
        padding: 4px 8px;
    }
    
    .mu-comments-area .comments .commentlist li .author-comments {
        background-color: #f8f8f8;
        border: none;
    }
    
    .mu-comments-area .comments .commentlist li .bordern {
        border: none;
    }
    
    .mu-comments-area .comments .commentlist .children {
        margin-right: 25px;
    }
    
    .mu-comments-area .comments .comments-pagination {
        display: inline-block;
        text-align: left;
    }
    
    .mu-comments-area .comments .comments-pagination li {
        display: inline-block;
    }
    
    .mu-comments-area .comments .comments-pagination li a {
        background-color: transparent;
        border: medium none;
        color: #555;
        display: inline-block;
        font-size: 15px;
        height: 25px;
        line-height: 15px;
        padding: 5px;
        text-align: center;
        width: 25px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .mu-comments-area .comments .comments-pagination li a:hover,
    .mu-comments-area .comments .comments-pagination li a:focus {
        background-color: transparent;
        text-decoration: none;
        outline: none;
    }
    
    .mu-comments-area .comments .commentlist>li:last-child {
        margin-bottom: 0px;
    }
    
    #respond {
        display: inline;
        float: left;
        margin-top: 25px;
        width: 100%;
    }
    
    #respond .reply-title {
        font-size: 25px;
        margin-top: 0;
    }
    
    #respond .comment-notes {
        font-size: 15px;
        margin-bottom: 25px;
    }
    
    #respond .required {
        color: red;
    }
    
    #respond label {
        display: block;
        color: #000;
    }
    
    .answer {
        text-decoration: underline;
    }
    
    #respond input[type="text"],
    #respond input[type="email"],
    #respond input[type="url"] {
        border: 1px solid #ccc;
        color: #555;
        margin-bottom: 10px;
        height: 35px;
        padding: 5px;
        width: 65%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #respond textarea {
        border: 1px solid #ccc;
        color: #555;
        margin-bottom: 5px;
        padding: 10px;
        height: 200px;
        width: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #respond input[type="submit"] {
        margin-top: 10px;
    }
    /*==================
 GALLERY PAGE
====================*/
    
    #mu-gallery {
        display: inline;
        float: left;
        padding: 100px 0;
        width: 100%;
    }
    
    #mu-gallery .mu-gallery-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-top {
        display: inline;
        float: left;
        margin-top: 50px;
        padding: 20px 0;
        width: 100%;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-top ul {
        display: inline-block;
        text-align: center;
        width: 100%;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-top ul li {
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.5px;
        margin: 0 5px;
        padding: 6px 15px;
        text-transform: uppercase;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-top ul li:hover,
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-top ul li:focus {
        background-color: #fff;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-top ul .active {
        background-color: #fff;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body {
        display: inline;
        float: left;
        width: 100%;
        margin-top: 50px;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery {
        display: inline;
        float: left;
        margin-bottom: 30px;
        width: 100%;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item {
        display: inline;
        float: left;
        width: 100%;
        position: relative;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item:hover .mu-single-gallery-img img {
        transform: scale(1.3);
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item:hover .mu-single-gallery-info {
        background-color: rgba(0, 0, 0, 0.8);
        opacity: 1;
        transform: scale(1);
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item:hover .mu-single-gallery-info .mu-single-gallery-info-inner {
        transform: scale(1);
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-img {
        display: inline;
        float: left;
        height: 220px;
        overflow: hidden;
        width: 100%;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-img img {
        width: 100%;
        height: 100%;
        transform: scale(1);
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {
        background-color: rgba(0, 0, 0, 0.2);
        bottom: 0;
        height: 100%;
        left: 0;
        opacity: 0;
        padding-top: 70px;
        position: absolute;
        right: 0;
        text-align: left;
        top: 0;
        transform: scale(1);
        width: 100%;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info .mu-single-gallery-info-inner {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px;
        transform: scale(0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info .mu-single-gallery-info-inner h4 {
        color: #fff;
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 0;
        text-transform: uppercase;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info .mu-single-gallery-info-inner p {
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info .mu-single-gallery-info-inner a {
        color: #fff;
        display: inline-block;
        height: 35px;
        line-height: 35px;
        margin-right: 10px;
        text-align: center;
        width: 40px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-gallery .mu-gallery-area #mixit-container .mix {
        display: none;
    }
    /*==================
 CONTACT PAGE
====================*/
    
    #mu-contact {
        display: inline;
        float: left;
        padding: 100px 0;
        width: 100%;
    }
    
    #mu-contact .mu-contact-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-contact .mu-contact-area .mu-contact-content {
        display: inline;
        float: left;
        margin-top: 50px;
        width: 100%;
    }
    
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform .reply-title {
        font-size: 25px;
        margin-top: 0;
    }
    
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform label {
        display: block;
    }
    
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform label .required {
        color: #f60;
    }
    
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform input[type="text"],
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform input[type="email"],
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform input[type="url"] {
        border: none;
        border: 1px solid #ddd;
        color: #555;
        margin-bottom: 10px;
        height: 35px;
        padding: 5px;
        width: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform textarea {
        border: none;
        border: 1px solid #ddd;
        color: #555;
        margin-bottom: 5px;
        padding: 10px;
        height: 150px;
        width: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform .form-submit input {
        margin-top: 10px;
    }
    
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-right {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-right iframe {
        height: 500px;
    }
    /*==================
 ERROR PAGE
====================*/
    
    #mu-error {
        display: inline;
        float: left;
        padding: 100px 0;
        width: 100%;
    }
    
    #mu-error .mu-error-area {
        display: inline;
        float: left;
        width: 100%;
        text-align: center;
    }
    
    #mu-error .mu-error-area p {
        font-size: 22px;
    }
    
    #mu-error .mu-error-area h2 {
        font-size: 200px;
        line-height: 1.7;
    }
    /*==================
 FOOTER
====================*/
    
    #mu-footer {
        display: inline;
        float: left;
        width: 100%;
    }
    
    .mu-footer-top {
        display: inline;
        float: left;
        padding: 50px 0;
        width: 100%;
    }
    
    #mu-footer .mu-footer-top .mu-footer-top-area {
        display: inline;
        float: left;
        width: 100%;
    }
    
    #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget {
        display: inline;
        float: right;
        /*width: 100%;*/
    }
    
    #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget h4 {
        color: #fff;
        margin-bottom: 15px;
        text-transform: uppercase;
        text-align: right
    }
    
    #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget ul li a {
        color: #f9f9f9;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        padding: 5px 0 5px 15px;
        position: relative;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget ul li a:before {
        content: "\f100";
        font-family: FontAwesome;
        right: -17px;
        position: absolute;
        top: 5px;
    }
    
    #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget ul li a:hover,
    #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget ul li a:focus {
        margin-left: 5px;
    }
    
    #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget p {
        color: #f9f9f9;
    }
    
    #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget .mu-subscribe-form {
        display: inline;
        float: left;
        margin-top: 10px;
        width: 100%;
    }
    
    #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget .mu-subscribe-form input[type="email"] {
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #000;
        font-size: 15px;
        height: 35px;
        margin-bottom: 20px;
        padding: 5px;
        width: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget .mu-subscribe-form .mu-subscribe-btn {
        color: #fff;
        border: medium none;
        border-radius: 4px;
        font-size: 14px;
        letter-spacing: 0.5px;
        padding: 5px 10px;
    }
    
    #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget address p {
        font-weight: lighter;
        letter-spacing: 0.5px;
    }
    
    #mu-footer .mu-footer-bottom {
        background-color: #0183bc;
        display: inline;
        float: left;
        padding: 12px 0;
        width: 100%;
    }
    
    #mu-footer .mu-footer-bottom .mu-footer-bottom-area {
        display: inline;
        float: left;
        text-align: center;
        width: 100%;
    }
    
    #mu-footer .mu-footer-bottom .mu-footer-bottom-area p {
        color: #fff;
        margin-bottom: 0;
        letter-spacing: 0.3px;
    }
    
    #mu-footer .mu-footer-bottom .mu-footer-bottom-area p a {
        color: #fff;
    }
    
    #mu-footer .mu-footer-bottom2 {
        background-color: transparent;
        display: inline;
        float: left;
        padding: 25px 0;
        width: 100%;
    }
    
    #mu-footer .mu-footer-bottom2 .mu-footer-bottom2-area {
        display: inline;
        float: left;
        text-align: center;
        width: 100%;
    }
    
    #mu-footer .mu-footer-bottom2 .mu-footer-bottom2-area p {
        color: #fff;
        margin-bottom: 0;
        letter-spacing: 0.3px;
    }
    
    #mu-footer .mu-footer-bottom2 .mu-footer-bottom2-area p a {
        color: #fff;
    }
    /*==================
 RESPONSIVE DESIGN
====================*/
    
    @media (max-width: 1199px) {
        #mu-slider .mu-slider-single .mu-slider-content {
            padding: 0 10%;
        }
        #mu-slider .mu-slider-single .mu-slider-content {
            top: 13%;
        }
    }
    
    @media (max-width: 991px) {
        #mu-menu .navbar-default .navbar-nav li>a {
            font-size: 15px;
            padding: 25px 10px;
        }
        #mu-search .mu-search-area {
            padding: 30% 0;
        }
        #mu-slider .mu-slider-single .mu-slider-content h2 {
            font-size: 35px;
            line-height: 65px;
            margin-bottom: 0;
        }
        #mu-slider .mu-slider-single .mu-slider-img {
            height: 400px;
        }
        #mu-slider .mu-slider-single .mu-slider-content a {
            font-size: 15px;
            margin-top: 5px;
            padding: 5px 15px;
        }
        #mu-slider .mu-slider-single .mu-slider-content p {
            font-size: 16px;
            line-height: 1.5;
        }
        #mu-service .mu-service-area .mu-service-single h3 {
            font-size: 19px;
        }
        #mu-about-us {
            padding: 60px 0;
        }
        #mu-about-us .mu-about-us-area .mu-about-us-right {
            margin-top: 30px;
        }
        #mu-abtus-counter {
            background-size: 100% 100%;
            padding: 60px 0;
        }
        #mu-abtus-counter .mu-abtus-counter-area .mu-abtus-counter-single span {
            font-size: 40px;
        }
        #mu-abtus-counter .mu-abtus-counter-area .mu-abtus-counter-single h4 {
            font-size: 30px;
            margin-top: 15px;
        }
        #about-video-popup span {
            top: 20px;
            position: absolute;
            right: 20px;
        }
        #mu-features {
            padding: 60px 0;
        }
        .mu-title p {
            padding: 0 20px;
        }
        #mu-features .mu-features-area .mu-features-content {
            margin-top: 30px;
        }
        #mu-latest-courses {
            padding: 60px 0 90px;
        }
        #mu-our-teacher {
            /*padding: 60px 0;*/
            width: 100%;
        }
        #mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single {
            margin-bottom: 30px;
        }
        #mu-testimonial .mu-testimonial-area {
            padding: 0 20px;
        }
        #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-quote {
            padding: 60px 15px;
        }
        #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-quote blockquote::before {
            left: 0;
        }
        #mu-from-blog {
            padding: 60px 0;
        }
        #mu-from-blog .mu-from-blog-area .mu-from-blog-content {
            margin-top: 30px;
        }
        #mu-from-blog .mu-from-blog-area .mu-from-blog-content .mu-blog-single-item .mu-blog-meta a {
            letter-spacing: 0;
            margin-right: 5px;
        }
        #mu-from-blog .mu-from-blog-area .mu-from-blog-content .mu-blog-single-item .mu-blog-single-img .mu-blog-caption h3 {
            font-size: 20px;
        }
        #mu-course-content .mu-course-content-area .mu-sidebar {
            margin-top: 30px;
        }
        #mu-search .mu-search-area .mu-search-form input[type="search"] {
            font-size: 30px;
        }
        #mu-search .mu-search-area .mu-search-close {
            right: 50px;
        }
        #mu-search .mu-search-area {
            padding: 35% 0;
        }
        #mu-contact .mu-contact-area .mu-contact-content .mu-contact-right {
            margin-top: 50px;
        }
    }
    
    @media (max-width: 767px) {
        .navbar-header {
            padding: 10px 0;
        }
        #mu-menu .navbar-header .navbar-brand {
            padding-top: 10px;
        }
        /*#mu-search-icon {
    display: none;
  }*/
        .navbar-toggle {
            background-color: #01bafd;
            border-radius: 0;
        }
        .navbar-default .navbar-toggle {
            border-color: #01bafd;
        }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fff;
        }
        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #01bafd;
        }
        #mu-menu .navbar-default .navbar-nav li>a {
            padding: 15px 20px;
        }
        #mu-slider .mu-slider-single .mu-slider-content h2 {
            font-size: 30px;
            line-height: 60px;
        }
        #mu-abtus-counter {
            background-position: center center;
            background-size: cover;
        }
        #mu-abtus-counter .mu-abtus-counter-area .mu-abtus-counter-single {
            border: medium none;
            margin-bottom: 25px;
        }
        #mu-features .mu-features-area .mu-features-content .mu-single-feature {
            text-align: center;
        }
        #mu-features .mu-features-area .mu-features-content .mu-single-feature h4::after {
            display: none;
        }
        #mu-latest-courses .mu-latest-courses-area .mu-latest-courses-content .mu-latest-course-single .mu-latest-course-img .mu-latest-course-imgcaption a {
            font-size: 14px;
        }
        #mu-latest-courses .mu-latest-courses-area .mu-latest-courses-content .mu-latest-course-single .mu-latest-course-img .mu-latest-course-imgcaption span {
            font-size: 14px;
        }
        #mu-from-blog .mu-from-blog-area .mu-from-blog-content .mu-blog-single-item {
            margin-bottom: 30px;
        }
        #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget {
            margin-bottom: 30px;
            text-align: center;
            padding-right: 20px;
        }
        #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget .mu-subscribe-form input[type="email"] {
            width: 50%;
            margin-right: 10px;
        }
        #about-video-popup iframe {
            height: 350px;
            width: 80%;
        }
        #about-video-popup span {
            position: absolute;
            right: 30px;
            top: 30px;
            margin-right: 0;
            margin-top: 0;
        }
        #mu-course-content {
            padding: 50px 0;
        }
        #mu-gallery {
            padding: 50px 0;
        }
        #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-img {
            height: 320px;
        }
        #mu-contact {
            padding: 50px 0;
        }
        #mu-error {
            padding: 50px 0;
        }
        #mu-error .mu-error-area h2 {
            font-size: 150px;
            line-height: 1.5;
        }
    }
    
    @media (max-width: 640px) {
        #mu-header .mu-header-area .mu-header-top-left .mu-top-phone {
            display: inline-block;
        }
        #mu-footer .mu-footer-bottom2 {
            display: none;
        }
        #mu-slider .mu-slider-single .mu-slider-content h2 {
            font-size: 25px;
            line-height: 50px;
        }
        #mu-slider .mu-slider-single .mu-slider-img {
            height: 350px;
        }
        #mu-slider .mu-slider-single .mu-slider-content h4 {
            letter-spacing: 0;
        }
        #mu-service {
            /*margin-top: 30px;*/
        }
        #mu-service .mu-service-area .mu-service-single {
            padding: 20px 5px;
        }
        #mu-service .mu-service-area .mu-service-single h3 {
            font-size: 16px;
        }
        #mu-slider .mu-slider-single .mu-slider-img figure img {
            width: auto;
        }
        #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-top ul li {
            padding: 5px 10px;
            margin-bottom: 5px;
        }
    }
    
    @media (max-width: 480px) {
        #mu-header .mu-header-area .mu-header-top-left .mu-top-email {
            font-size: 12px;
            margin-top: 3px;
        }
        #mu-header .mu-header-area .mu-header-top-left .mu-top-email i {
            margin-right: 0;
        }
        #mu-header .mu-header-area .mu-header-top-right .mu-top-social-nav li a {
            font-size: 12px;
            padding: 0 5px;
        }
        #mu-slider .mu-slider-single .mu-slider-content h2 {
            font-size: 18px;
            line-height: 35px;
        }
        #mu-slider .mu-slider-single .mu-slider-content h4 {
            font-size: 15px;
            line-height: 16px;
        }
        #mu-slider .mu-slider-single .mu-slider-content p {
            font-size: 14px;
            line-height: 1.5;
        }
        #mu-slider .mu-slider-single .mu-slider-content {
            padding: 0 2%;
        }
        #mu-slider .mu-slider-single .mu-slider-content {
            top: 5%;
        }
        #mu-slider .slick-prev,
        #mu-slider .slick-next {
            height: 40px;
            width: 40px;
        }
        #mu-slider .mu-slider-single .mu-slider-img {
            height: 270px;
        }
        #mu-service .mu-service-area .mu-service-single {
            padding: 20px 15px;
            width: 100%;
        }
        #mu-service .mu-service-area .mu-service-single h3 {
            font-size: 18px;
        }
        #about-video-popup iframe {
            height: 300px;
            margin: 5% auto;
            width: 80%;
        }
        #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget .mu-subscribe-form input[type="email"] {
            margin-right: 0;
            width: 100%;
        }
        .mu-pagination {
            text-align: center;
        }
        .mu-pagination .pagination li a {
            font-size: 14px;
            margin: 0 2px;
            padding: 5px 12px;
        }
        .mu-blog-single .mu-blog-single-item .mu-blog-description h1 {
            font-size: 25px;
        }
        .mu-blog-single .mu-blog-single-item .mu-blog-description h2 {
            font-size: 22px;
            line-height: 30px;
        }
        .mu-blog-single .mu-blog-single-item .mu-blog-description h3 {
            font-size: 18px;
            line-height: 24px;
        }
        .mu-blog-single .mu-blog-single-item .mu-blog-description h4 {
            font-size: 16px;
            line-height: 20px;
        }
        .mu-blog-single .mu-blog-single-item .mu-blog-social .mu-news-social-nav li a {
            font-size: 15px;
            height: 30px;
            line-height: 30px;
            min-width: 30px;
        }
        #respond input[type="text"],
        #respond input[type="email"],
        #respond input[type="url"] {
            width: 100%;
        }
        #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-img {
            height: 280px;
        }
        #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-top ul li {
            margin-bottom: 10px;
        }
        #mu-contact .mu-contact-area .mu-contact-content .mu-contact-right iframe {
            height: 350px;
        }
    }
    
    @media (max-width: 360px) {
        #mu-about-us .mu-about-us-area .mu-about-us-left h2 {
            font-size: 30px;
            margin-bottom: 10px;
        }
        #mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-quote {
            padding: 40px 15px 80px;
        }
        #mu-footer .mu-footer-top {
            padding: 50px 0 10px;
        }
        .mu-pagination .pagination li a {
            padding: 5px 8px;
        }
        .mu-comments-area .comments .commentlist li .news-img {
            margin-right: 0;
        }
        .mu-comments-area .comments .commentlist .children {
            margin-right: 10px;
        }
        .mu-blog-single .mu-blog-single-item .mu-blog-social .mu-news-social-nav li a {
            margin-bottom: 10px;
        }
        #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body ul li .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-img {
            height: 220px;
        }
        #mu-contact .mu-contact-area .mu-contact-content .mu-contact-right iframe {
            height: 300px;
        }
        #mu-error .mu-error-area p {
            font-size: 18px;
        }
        #mu-error .mu-error-area span {
            font-size: 14px;
        }
        #mu-error .mu-error-area h2 {
            font-size: 100px;
        }
    }
    
    .mu-top-support {
        margin-left: 5px;
        float: right;
        margin-top: 3px;
        color: #fff;
    }
    /*collapse nav*/
    
    .toggle,
    [id^=drop] {
        display: none;
    }
    /* Giving a background-color to the nav container. */
    
    .nav-header {
        margin: 0;
        padding: 0;
        background-color: #003365;
    }
    
    #logo {
        display: block;
        padding: 0 13px;
        float: right;
        /*font-size:20px;*/
        /*line-height: 70px;*/
        height: 50px;
    }
    /* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
    
    .nav-header:after {
        content: "";
        display: table;
        clear: both;
    }
    /* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
    
    .nav-header ul {
        float: left;
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
    }
    /* Positioning the navigation items inline */
    
    .nav-header ul li {
        margin: 0px;
        display: inline-block;
        float: right;
        background-color: #003365;
    }
    /* Styling the links */
    
    .nav-header a {
        display: block;
        padding: 23px 17px;
        color: #FFF;
        font-size: 16px;
        text-decoration: none;
    }
    
    .nav-header ul li ul li:hover {
        border-bottom: 2px solid #01bafd;
        /*padding-bottom: 25px;
    padding-top: 25px;
    margin-bottom: -1px;*/
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        color: #01bafd;
    }
    /* Background color change on Hover */
    
    .nav-header a:hover {
        border-bottom: 2px solid #01bafd;
        /*padding-bottom: 25px;*/
        /*padding-top: 25px;*/
        margin-bottom: -1px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        color: #01bafd;
    }
    /* Hide Dropdowns by Default
 * and giving it a position of absolute */
    
    .nav-header ul ul {
        display: none;
        position: absolute;
        /* has to be the same number as the "line-height" of "nav a" */
        top: 60px;
    }
    /* Display Dropdowns on Hover */
    
    .nav-header ul li:hover>ul {
        display: inherit;
    }
    /* Fisrt Tier Dropdown */
    
    .nav-header ul ul li {
        width: 170px;
        float: none;
        display: list-item;
        position: relative;
    }
    /* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
    
    .nav-header ul ul ul li {
        position: relative;
        top: -60px;
        /* has to be the same number as the "width" of "nav ul ul li" */
        left: 170px;
    }
    /* Media Queries
--------------------------------------------- */
    
    @media all and (max-width: 768px) {
        #logo {
            display: block;
            padding: 0;
            width: 100%;
            text-align: center;
            float: none;
        }
        .nav-header {
            margin: 0;
        }
        /* Hide the navigation menu by default */
        /* Also hide the  */
        .toggle+a,
        .menu {
            display: none;
        }
        /* Stylinf the toggle lable */
        .toggle {
            display: block;
            background-color: #254441;
            padding: 14px 20px;
            color: #FFF;
            font-size: 17px;
            text-decoration: none;
            border: none;
        }
        .toggle:hover {
            background-color: #000000;
        }
        /* Display Dropdown when clicked on Parent Lable */
        [id^=drop]:checked+ul {
            display: block;
        }
        /* Change menu item's width to 100% */
        .nav-header ul li {
            display: block;
            width: 100%;
        }
        .nav-header ul ul .toggle,
        .nav-header ul ul a {
            padding: 0 40px;
        }
        .nav-header ul ul ul a {
            padding: 0 80px;
        }
        .nav-header a:hover,
        .nav-header ul ul ul a {
            background-color: #000000;
        }
        .nav-header ul li ul li .toggle,
        .nav-header ul ul a,
        .nav-header ul ul ul a {
            padding: 14px 20px;
            color: #FFF;
            font-size: 17px;
        }
        .nav-header ul li ul li .toggle,
        .nav-header ul ul a {
            background-color: #212121;
        }
        /* Hide Dropdowns by Default */
        .nav-header ul ul {
            float: none;
            position: static;
            color: #ffffff;
            /* has to be the same number as the "line-height" of "nav a" */
        }
        /* Hide menus on hover */
        .nav-header ul ul li:hover>ul,
        .nav-header ul li:hover>ul {
            display: none;
        }
        /* Fisrt Tier Dropdown */
        .nav-header ul ul li {
            display: block;
            width: 100%;
        }
        .nav-header ul ul ul li {
            position: static;
            /* has to be the same number as the "width" of "nav ul ul li" */
        }
    }
    
    @media all and (max-width: 330px) {
        .nav-header ul li {
            display: block;
            width: 94%;
        }
    }
    
    .login {
        color: #fff;
    }
    
    .input-group-login {
        display: block !important;
    }
    
    .input-group-addon {
        text-align: left
    }
    
    .input-group-addon i {
        color: #9a9a9a;
    }
    
    .btn-action {
        margin-left: 5px;
        margin-top: 3px;
    }
    
    .number {
        color: #003365;
        float: left;
        font-weight: bold;
    }
    
    .margin2 {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .btn-icon {
        margin-left: 5px;
    }
    
    .btn-padding {
        padding: 5px 6px;
        color: white !important;
    }
    
    .margin-left {
        margin-right: 25px !important;
    }
    
    .margin-r {
        margin-right: 10px;
    }
    
    .title-model {
        background: #e8e6e7 none repeat scroll 0 0;
        margin: 0;
        padding: 10px;
    }
    
    .title-model h4 {
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .margin-top {
        margin-top: 20px;
    }
    
    .checkboxColor {
        color: #fff;
        font-weight: normal;
        float: left !important;
        margin-right: 5px;
    }
    
    .psw {
        color: #fff;
        float: right;
    }
    
    .psw a {
        color: #0088b9;
    }
    
    .psw a:hover {
        color: #01bafd;
    }
    
    #mu-body-bg.login {
        padding-top: 15px;
    }
    
    .floatL {
        float: left;
    }
    
    @media (min-width: 992px) {
        .col-md-offset-3 {
            margin-right: 25% !important;
        }
    }
    
    @media (min-width: 992px) {
        .col-md-offset-4 {
            margin-right: 33.33333333% !important;
        }
    }
    
    .panel-body {
        padding: 10px !important;
        text-align: right;
    }
    
    .mu-comments-area {
        display: inline;
        float: left;
        width: 100%;
        margin-top: 0px !important;
    }
    
    .panel-default>a>.panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }
    
    .panel-group .panel-heading {
        border-color: #ddd !important;
        border-bottom: 1px solid;
    }
    
    .timer {
        color: #9a9a9a !important;
        padding-bottom: 5px !important;
        padding-left: 0!important;
    }
    
    .mu-single-sidebar ul li {
        list-style-position: inside;
        border-bottom: 1px dashed #dadada;
        padding-bottom: 5px;
    }
    
    summary {
        outline: none;
    }
    
    summary h4 {
        cursor: pointer;
    }
    
    .chatting {
        color: #5bc0de;
    }
    
    .chatting:hover {
        color: #9edef1;
    }
    
    .tooltiptext {
        font-family: 'Cairo', sans-serif;
    }
    
    .tooltip {
        font-family: 'Cairo', sans-serif !important;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        line-height: 2.3;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        opacity: 9 !important;
        /* ... */
    }
    
    .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: 4px;
    }
    
    .btn-margin {
        margin-right: 10px;
    }
    
    nav {
        margin: 0 auto;
    }
    
    #cssmenu,
    #cssmenu ul,
    #cssmenu ul li,
    #cssmenu ul li a,
    #cssmenu #head-mobile {
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #cssmenu:after,
    #cssmenu>ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }
    
    #cssmenu #head-mobile {
        display: none
    }
    
    .menumargin {
        margin-top: 5px;
    }
    
    #cssmenu {
        margin: 0;
        padding: 0;
        background-color: #f1f1f1;
    }
    
    #cssmenu ul {
        float: left;
    }
    
    #cssmenu>ul>li {
        float: left;
        margin-left: 1px !important;
    }
    
    #cssmenu>ul>li>a {
        padding: 9px;
        font-size: 14px;
        letter-spacing: 0px;
        text-decoration: none;
        color: #07698e;
        font-weight: 400;
    }
    
    #cssmenu>ul>li:hover>a,
    #cssmenu ul li.active a {
        color: #fff
    }
    
    #cssmenu>ul>li:hover,
    #cssmenu ul li.active:hover,
    #cssmenu ul li.active,
    #cssmenu ul li.has-sub.active:hover {
        background: #09698e !important;
        -webkit-transition: background .3s ease;
        -ms-transition: background .3s ease;
        transition: background .3s ease;
    }
    
    #cssmenu>ul>li.has-sub>a {
        padding-right: 30px
    }
    
    #cssmenu>ul>li.has-sub>a:after {
        position: absolute;
        top: 8px;
        right: 11px;
        content: "\f0dd";
        font-family: FontAwesome;
        display: block;
    }
    
    #cssmenu>ul>li.has-sub:hover>a:before {
        top: 23px;
        height: 0
    }
    
    #cssmenu ul ul {
        position: absolute;
        left: -9999px
    }
    
    #cssmenu ul ul li {
        height: 0;
        -webkit-transition: all .25s ease;
        -ms-transition: all .25s ease;
        background: #09698E;
        transition: all .25s ease
    }
    
    #cssmenu ul li a:hover+.hidden li,
    .hidden:hover li {
        display: block !important;
    }
    
    #cssmenu li:hover>ul {
        left: auto
    }
    
    #cssmenu li:hover>ul>li {
        height: 38px
    }
    
    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0
    }
    
    #cssmenu ul ul li a {
        border-bottom: 1px solid #197ca1;
        padding: 9px 5px;
        width: 300px !important;
        font-size: 14px;
        text-decoration: none;
        color: #eee;
        font-weight: 400;
    }
    
    #cssmenu ul ul li:last-child>a,
    #cssmenu ul ul li.last-item>a {
        border-bottom: 0
    }
    
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li a:hover {
        color: #fff;
        background-color: #0b5775;
    }
    
    #cssmenu ul ul li.has-sub>a:after {
        position: absolute;
        top: 16px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }
    
    #cssmenu ul ul li.has-sub>a:before {
        position: absolute;
        top: 13px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: '';
        -webkit-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease
    }
    
    #cssmenu ul ul>li.has-sub:hover>a:before {
        top: 17px;
        height: 0
    }
    
    #cssmenu ul ul li.has-sub:hover,
    #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
        background: #363636;
    }
    
    #cssmenu ul ul ul li.active a {
        border-left: 1px solid #333
    }
    
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: 1px solid #333
    }
    
    @media screen and (max-width:1000px) {
        .logo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 46px;
            text-align: center;
            padding: 10px 0 0 0;
            float: none
        }
        .logo2 {
            display: none
        }
        nav {
            width: 100%;
        }
        #cssmenu {
            width: 100%
        }
        #cssmenu ul {
            width: 100%;
            display: none
        }
        #cssmenu ul li {
            width: 100%;
            border-top: 1px solid #258;
        }
        #cssmenu ul li:hover {
            background: #363636;
        }
        #cssmenu ul ul li,
        #cssmenu li:hover>ul>li {
            height: auto
        }
        #cssmenu ul li a,
        #cssmenu ul ul li a {
            width: 100%;
            border-bottom: 0
        }
        #cssmenu>ul>li {
            float: none
        }
        #cssmenu ul ul li a {
            padding-left: 25px
        }
        #cssmenu ul ul li {
            background: #0b5775 !important;
        }
        #cssmenu ul ul li:hover {
            background: #0b5775 !important
        }
        #cssmenu ul ul ul li a {
            padding-left: 35px
        }
        #cssmenu ul ul li a {
            color: #ddd;
            background: none
        }
        #cssmenu ul ul li:hover>a,
        #cssmenu ul ul li.active>a {
            color: #fff
        }
        #cssmenu ul ul,
        #cssmenu ul ul ul {
            position: relative;
            left: 0;
            width: 100%;
            margin: 0;
            text-align: right;
        }
        #cssmenu>ul>li.has-sub>a:after,
        #cssmenu>ul>li.has-sub>a:before,
        #cssmenu ul ul>li.has-sub>a:after,
        #cssmenu ul ul>li.has-sub>a:before {
            display: none
        }
        #cssmenu #head-mobile {
            display: block;
            /*padding: 23px;*/
            color: #ddd;
            font-size: 12px;
            font-weight: 700
        }
        .button {
            width: 55px;
            height: 46px;
            position: absolute;
            left: -10px;
            top: 0;
            cursor: pointer;
            z-index: 12399994;
        }
        .button:after {
            position: absolute;
            top: 22px;
            right: 20px;
            display: block;
            height: 8px;
            width: 20px;
            border-top: 2px solid #09698e;
            border-bottom: 2px solid #09698e;
            content: ''
        }
        .button:before {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            position: absolute;
            top: 16px;
            right: 20px;
            display: block;
            height: 2px;
            width: 20px;
            background: #09698e;
            content: ''
        }
        .button.menu-opened:after {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            top: 23px;
            border: 0;
            height: 2px;
            width: 19px;
            background: #09698e;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }
        .button.menu-opened:before {
            top: 23px;
            background: #09698e;
            width: 19px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }
        #cssmenu .submenu-button {
            position: absolute;
            z-index: 99;
            right: 0 !important;
            top: -3px;
            display: block;
            /*border-left: 1px solid #444;*/
            height: 46px;
            width: 40px;
            cursor: pointer
        }
        #cssmenu .submenu-button.submenu-opened {
            background: #0b5775
        }
        #cssmenu.has-sub {
            background-color: #0b5775 !important;
        }
        #cssmenu ul ul .submenu-button {
            height: 34px;
            width: 34px
        }
        #cssmenu .submenu-button:after {
            position: absolute;
            top: 19px;
            right: 16px;
            width: 8px;
            height: 2px;
            display: block;
            background: #9eabb0;
            content: ''
        }
        #cssmenu ul ul .submenu-button:after {
            top: 15px;
            right: 13px
        }
        #cssmenu .submenu-button.submenu-opened:after {
            background: #fff
        }
        #cssmenu .submenu-button:before {
            position: absolute;
            top: 16px;
            right: 19px;
            display: block;
            width: 2px;
            height: 8px;
            background: #9eabb0;
            content: ''
        }
        #cssmenu ul ul .submenu-button:before {
            top: 12px;
            right: 16px
        }
        #cssmenu .submenu-button.submenu-opened:before {
            display: none
        }
        #cssmenu ul ul ul li.active a {
            border-left: none
        }
        #cssmenu>ul>li.has-sub>ul>li.active>a,
        #cssmenu>ul ul>li.has-sub>ul>li.active>a {
            border-top: none
        }
    }
    
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        float: right !important;
    }
    
    .form-control,
    select {
        /*border-radius:5px !important;*/
    }
    
    .option-input.checkbox.float {
        float: right;
    }
    
    .alert {
        text-align: right;
        margin-top: 15px !important;
    }
    
    .course-count-down {
        text-align: right;
    }
    
    .author-block .paragraph-wrapper header {
        text-align: right;
    }
    
    .sumstyle h5 {
        text-align: right;
    }
    /*
.required:before {
    content: "*";
    color: red;
    float: right;
    margin-right: 5px;
}
*/
    
    .input-margin {
        margin-bottom: 2px !important;
    }
    /*modal*/
    
    .modal-backdrop {
        z-index: 0 !important;
    }
    
    .modal-content {
        display: table !important;
    }
    
    @media (min-width: 768px) {
        .modal-sm {
            width: 700px !important;
        }
    }
    
    .modal-header {
        padding: 0px !important;
        border-bottom: none !important;
    }
    
    .modal-footer {
        border-top: none !important;
        text-align: left
    }
    
    .error-template {
        padding: 20px 15px;
        text-align: center;
    }
    
    .error-template h2 {
        font-size: 40px!important;
    }
    
    .error-actions {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .error-actions .btn {
        margin-right: 10px;
    }
    
    .color-red {
        color: #c50909;
    }
    
    .error-template2 {
        padding: 40px 15px;
        text-align: center;
    }
    
    .error-template2 h2 {
        font-size: 40px !important;
    }
    
    .inner {
        padding: 10px;
        line-height: 1.5;
    }
    
    .header-title {
        background-color: #f3f3f3;
        text-align: right !important;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 11px !important;
    }
    
    .title {
        display: inline !important;
        float: none !important;
    }
    
    .form-horizontal .radio,
    .form-horizontal .checkbox {
        min-height: 0px !important;
    }
    
    table {
        background-color: #f1f1f1 !;
    }
    
    .calendars-popup {
        width: 300px !important;
    }
    
    .calendars-popup .calendars-ctrl,
    .calendars-popup .calendars-nav {
        background-color: #008dc3 !important;
    }
    
    .calendars-month thead {
        background-color: #98bfce !important;
        height: 30px !important;
    }
    
    .calendars-month span {
        display: block;
        width: 100%;
        height: 14px !important;
        color: black;
        line-height: 16px;
    }
    
    .calendars-popup .calendars-ctrl a,
    .calendars-popup .calendars-nav a {
        line-height: 30px !important;
        display: inline-block;
        margin: 0 0 9px 0px;
        color: white;
        font-family: 'Cairo', sans-serif !important;
    }
    
    .calendars-month table {
        direction: ltr !important;
        background-color: #fcfcfc;
        color: #585858;
        font-family: 'Cairo', sans-serif !important;
        line-height: 14px;
        border: 1px solid #efefef;
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
    }
    
    .calendars-month-header,
    .calendars-month-header select,
    .calendars-month-header input {
        border-bottom: 3px solid #009bc9;
        text-align: center;
        color: #707070;
        font-family: 'Cairo', sans-serif !important;
        line-height: 24px;
        background: transparent repeat;
        padding: 3px 0;
    }
    
    .calendars-month td,
    .calendars-month th {
        border: 1px solid white;
        text-align: center;
        font-family: 'Cairo', sans-serif !important;
        line-height: 14px;
        padding: 0;
    }
    
    .input-group {
        z-index: 0 !important;
        width: 100%;
    }
    
    .option-input {
        z-index: 0 !important;
    }
    
    .vote {
        margin-top: 25px;
    }
    
    .pmd-textfield .form-control {
        padding-right: 6px !important;
    }
    
    .margin-b {
        margin-bottom: 10px;
    }
    
    .sumstyle h5 {
        cursor: pointer
    }
    
    nav li:hover ul {
        display: block;
        z-index: 99999;
    }
    
    label {
        margin-left: 7px;
        padding-top: 5px;
        float: left;
    }
    
    .bootstrap-select.btn-group .btn .filter-option {
        text-align: right !important;
    }
    
    .bootstrap-select.btn-group .btn .caret {
        left: 12px !important;
    }
    
    .margin-icons {
        margin-top: 8px;
    }
    
    .form-control,
    select {
        background-color: #fdfdfd !important;
        border: 1px solid #e4e4e4 !important;
        box-shadow: none;
        height: 37px;
        width: 100%;
        text-align: left;
    }
    
    .calendars-rtl {
        direction: ltr;
    }
    
    .inputfile-6+label strong {
        padding-left: 34px;
    }
    
    .P-2 {
        text-align: center !important;
    }
    
    sub,
    sup {
        vertical-align: super !important;
        white-space: nowrap;
        font-size: 11px;
        color: #04b7c1;
        margin-left: 5px;
    }
    
    .form-horizontal .control-label .padding {
        padding-top: 0px !important;
    }
    
    #content {
        position: initial;
        top: 15px;
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 5px;
        background: #FFF;
        display: block;
        box-shadow: 0 1px #DDD, 0 2px #EEE, 0 3px #DDD, 0 4px #EEE, 0 5px #DDD, 0 6px #EEE, 0 10px 10px -3px #AAA;
    }
    
    #content div {
        cursor: default;
        position: relative;
        height: 65px;
        background: #0976a2;
        display: block;
        font-size: 150%;
        color: #060606;
        font-weight: bold;
        line-height: 60px;
        text-align: center;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 -1px 0 rgba(0, 0, 0, .2);
        padding-left: 10px;
    }
    
    #content ul {
        position: relative;
        outline: 0;
    }
    
    #content ul li {
        position: relative;
        padding: 10px 10px 10px 20px;
        background: transparent;
        box-shadow: 0 -1px #EEE;
    }
    
    #content ul li:hover {
        background: #FAFAFA;
    }
    
    .size-f {
        font-size: 75px;
    }
    
    .input-group-addon {
        border: 1px solid #e4e4e4;
    }
    
    .input-group-addon:last-child {
        border-left: 1px #e4e4e4 solid !important;
    }
    
    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group>.btn,
    .input-group-btn:last-child>.dropdown-toggle,
    .input-group-btn:first-child>.btn:not(:first-child),
    .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    
    .fa-2x {
        font-size: 5em !important;
    }
    
    .mb-lg {
        margin-bottom: 15px !important;
    }
    
    .fa-5x {
        font-size: 4em !important;
    }
    
    .text-blue {
        color: #008dc3 !important;
    }
    
    .text-info {
        color: #003365 !important;
    }
    
    .text-success {
        color: #5785b1 !important;
    }
    
    .fa-lg {
        font-size: 1.53333333em !important;
        vertical-align: 20%;
    }
    
    .label-p {
        font-size: 12px !important;
        color: #04b7c1;
        float: right;
        clear: both;
    }
    
    .btn {
        margin-left: 5px;
    }
    
    .nav-pills>li.active>a,
    .nav-pills>li.active>a:hover,
    .nav-pills>li.active>a:focus {
        color: #252525;
        background-color: #f1f1f1;
        border-right: 4px solid #078485;
    }
    
    .nav-vertical-pill {
        padding: 10px;
        background-color: #f7f7f7;
    }
    
    .nav-vertical-pill>li {
        margin-bottom: 3px;
        background-color: #fffefe;
    }
    
    .nav-vertical-pill>li a:hover {
        border-right: 4px solid #078485
    }
    
    .menu-nav-p {
        padding-top: 1px
    }
    
    .navbar-default {
        /*border-bottom: 2px solid #09698e;*/
        border: none
    }
    
    .img-lan {
        width: 17px;
        height: 17px
    }
    
    .span-lan {
        padding: 2px 5px;
        display: inline-block;
    }
    
    .animate-icon {
        animation: crescendo 1.5s alternate infinite ease-in;
    }
    
    @keyframes crescendo {
        0% {
            transform: scale(.8);
        }
        100% {
            transform: scale(1.1);
        }
    }
    
    .dropdown-content a:hover {
        color: #252525
    }
    
    .bread-crumb-icon {
        float: left;
        display: inline-block;
        padding: 4px 3px 0px 6px;
        font-size: 16px;
    }
    
    .link-a {
        color: #0088b9
    }
    
    .link-a:hover {
        color: #252525
    }
    
    .link-a-collapse,
    .link-a-collapse:hover,
    .link-a-collapse:focus {
        color: #222;
    }
    
    .arrow-collapse {
        color: #fff;
        float: right;
        padding: 8px 11px 0px 0px;
        font-size: 12px;
    }
    
    .panel-default>.panel-heading {
        padding: 2px;
        border-radius: 0;
    }
    
    .info-table-g {
        color: #fff;
        padding-right: 7px;
    }
    
    .panel-title-g {
        background-color: #2096c3 !important
    }
    
    .table {
        margin-bottom: 0 !important
    }
    
    .panel-body {
        padding: 0 !important
    }
    
    .data-tab-info {
        padding: 10px;
        border: 1px solid #e8e8e8;
        background-color: #f7f6f6;
        margin-top: 15px
    }
    
    .header-data-g {
        font-size: 18px;
        padding: 0;
        margin: 0;
        color: #237fa0;
    }
    
    .paragraph-data-g {
        color: #a0a0a0;
        padding-top: 6px;
    }
    
    #divList {
        width: 100%;
    }
    
    .modal-title {
        margin-bottom: 0;
        line-height: 1.5;
        border-bottom: 2px solid #075c85;
        padding-bottom: 10px;
        width: 100%;
        text-align: left;
        color: #057fba;
        font-size: 19px;
    }
    
    .modal-dialog {
        max-width: unset;
    }
    
    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: white;
    }
    
    .calendars-month td .calendars-weekend {
        background-color: #fcfcfc !important;
        color: #07698e !important;
    }
    
    .calendars-popup .calendars-month>table>tbody>tr>td>a.calendars-today {
        color: #fff!important;
        background-color: #65bbd6!important;
    }
    
    .calendars-popup .calendars-month>table>tbody>tr>td>a.calendars-selected {
        background-color: #cacaca!important;
    }
    /*start style en */
    
    #mu-header .mu-header-area .mu-header-top-left {
        display: inline;
        float: left;
        /* width: 100%; */
    }
    
    #mu-header .mu-header-area .mu-header-top-right .mu-top-phone-2 {
        border-left: 1px solid #ddd;
        display: inline;
        font-size: 13px;
        margin-left: 15px;
        padding-left: 15px;
        cursor: pointer;
        color: white;
    }
    
    #mu-header .mu-header-area .mu-header-top-right .mu-top-email {
        display: inline;
        font-size: 13px;
        padding-right: 0px;
    }
    
    #mu-header .mu-header-area .mu-header-top-right .mu-top-email i {
        margin-right: 0px!important;
        float: right !important;
    }
    
    #mu-header .mu-header-area .mu-header-top-right .mu-top-email i {
        margin-left: 5px;
        float: right;
        margin-top: 6px;
    }
    
    .mu-top-phone-2:after {
        content: "\f078";
        font-family: FontAwesome;
        display: inline-block;
        padding-right: 0px;
        vertical-align: middle;
        font-size: 12px;
        color: #fff;
    }
    
    .logo-pic {
        float: left;
    }
    
    #cssmenu ul {
        float: left;
    }
    
    #cssmenu>ul>li {
        float: left;
    }
    
    #cssmenu ul ul li a {
        border-bottom: 1px solid #197ca1;
        padding: 9px 5px;
        width: 275px;
        font-size: 14px;
        text-decoration: none;
        color: #eee;
        font-weight: 400;
        text-align: left;
    }
    
    .align {
        text-align: left;
        float: none !important;
        margin-bottom: 10px;
        padding: 6px 0px 0px 10px;
        background: #0070a0;
        background: linear-gradient(to bottom, rgb(20, 157, 216) 0%, rgb(0, 131, 187) 45%, rgb(0, 131, 187) 100%);
        border-radius: 5px;
    }
    /*
    h2:after {
        background-color: #04b7c1;
        bottom: -3px;
        content: "";
        height: 2px;
        left: 0px;
        width: 60px;
        position: absolute;
        z-index: 0;
    }
    */
    
    .course-count-down {
        text-align: left;
    }
    
    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    
    .alert {
        text-align: left;
        margin-top: 15px !important;
    }
    
    .mu-latest-course-single-content a {
        color: #fff
    }
    
    .mu-latest-course-single-content a:hover {
        color: #f3e9e9;
    }
    
    .form-horizontal .control-label {
        font-size: 0.938em! important;
        float: left !important;
        text-align: left !important;
        /* color: #003365; */
        padding-top: 4px;
        margin-bottom: 6px;
        cursor: auto;
    }
    
    .btn-act {
        margin-top: 3px;
        float: right;
        margin-right: 0 !important;
    }
    
    input[type="text"] {
        /*width: 80px;*/
        /* padding-left: 5px; */
        /* height: 35px; */
        /* border: 1px #003365 solid; */
        /* border-radius: 5px; */
        /* margin-top: 10px; */
        text-align: left;
        padding-right: 5px;
    }
    
    .group-button {
        text-align: right !important;
    }
    
    .option-input {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        position: relative;
        top: 5.33333px !important;
        width: 20px;
        height: 20px;
        -webkit-transition: all 0.15s ease-out 0;
        -moz-transition: all 0.15s ease-out 0;
        transition: all 0.15s ease-out 0;
        background: whitesmoke;
        border: 1px solid #e0e0e0 !important;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        outline: none;
        position: relative;
        float: left !important;
        z-index: 1000;
        padding: 0;
        margin: 0;
        margin-right: 2px;
    }
    
    .close:focus,
    .close:active {
        outline: none
    }
    
    .m-r-15 {
        margin-left: 15px
    }
    
    .button-left {
        float: left;
        text-align: right;
    }
    
    .course-schedule-block {
        margin-bottom: 30px;
        padding-bottom: 10px;
        position: relative;
        padding: 0
    }
    
    .mu-latest-course-single-content li {
        padding: 10px 0;
    }
    /*
    .required:after {
        content: "*";
        font-weight: bold;
        color: red;
        display: inline;
        padding: 3px;
    }
    */
    
    .alert-warnning-g {
        color: #767f76 !important;
        background-color: #f5f5f5;
        border-color: #d4d4d4;
    }
    
    .circle-w {
        font-size: 12px;
        color: #767f76 !important;
    }
    
    .icon-c {
        float: left !important;
        display: inline-block !important;
        font-size: 10px !important;
        padding: 9px 2px;
    }
    
    .mu-latest-course-single-content li {
        padding: 10px 0
    }
    
    .pull-left {
        float: right;
    }
    
    #mu-header .mu-header-area .mu-header-top-right {
        display: inline;
        /* float: left; */
        float: right;
        /* width: 100%;*/
    }
    
    .pull-right {
        float: left;
    }
    
    .mu-latest-course-single-content .warning-l {
        padding: 3px !important
    }
    
    .btn-padding {
        padding: 2px 6px;
    }
    
    .btn-default {
        color: #333;
        background-color: #f2f0f0;
        border-color: #ccc;
    }
    
    .calendars-month thead {
        background-color: #65BBD6 !important;
    }
    
    .warning-red {
        color: #a94442;
        background-color: #f2dede;
        border-color: #f7c5cd;
        padding: 5px !important;
    }
    
    .dropdown-content {
        text-align: left !important
    }
    
    a.icon_add:before {
        content: "\f101";
        font-family: FontAwesome;
        display: inline-block;
        padding-left: 20px !important;
        vertical-align: middle;
        float: right;
    }
    
     ::-webkit-scrollbar {
        width: 5px;
        height: 5px !important;
    }
    
     ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
     ::-webkit-scrollbar-thumb {
        background: #09698e;
    }
    
    .image-right {
        display: inline-block;
        text-align: left;
    }
    
    .text-image {
        display: inline-block;
        width: 50%;
    }
    
    .img-trash {
        display: inline-block;
        float: right;
    }
    
    .file-close {
        width: 100%;
        padding: 15px;
        background-color: #f3f3f3;
        margin-bottom: 10px
    }
    
    .header-text {
        font-size: 14px;
        color: #4e4e4e;
    }
    
    .img-file-s {
        width: 37px
    }
    
    .trash-icon {
        font-size: 26px;
        color: #b90505;
        padding-top: 5px;
    }
    
    #cssmenu ul li ul li>a:only-child:after {
        content: "\f101" !important;
        font-family: FontAwesome;
        padding-left: 5px;
        float: right
    }
    
    .logo-v {
        width: 86px;
    }
    
    .logo-dgs {
        width: 60px;
    }
    
    .logo-d {
        float: right;
    }
    
    .accordion-s {
        float: left;
        width: 100%;
        padding-top: 20px;
    }
    
    .card-1 {
        float: left;
        width: 100%;
        box-shadow: 0px 4px 5px 3px #ddd;
        position: relative;
    }
    
    .h-title {
        font-size: 14px;
        padding: 10px 15px 0;
        color: #fff;
    }
    
    .link-collapsed {
        display: block;
        cursor: pointer;
    }
    
    .card-header-1 {
        background-color: #0c8dbf;
        background: linear-gradient(to bottom, rgb(20, 157, 216) 0%, rgb(0, 131, 187) 45%, rgb(0, 131, 187) 100%);
        padding: 5px;
        border-radius: 5px;
    }
    
    .header-c {
        text-align: left;
        font-size: 14px;
        color: #fff;
        padding: 5px 0 0 11px;
    }
    
    .green-d-1 {
        background-color: #17a2b8;
    }
    
    .btn {
        margin-left: 5px;
        min-width: 90px;
        font-size: 12px;
        text-align: left;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        display: inline-flex;
        color: #fff;
    }
    
    .btn:hover {
        opacity: .8;
    }
    /* start button guide */
    
    .button-guide {
        text-align: right;
        width: 100%;
        float: right;
        margin-top: 40px;
    }
    
    .d-green {
        background-color: #13ab81 !important;
    }
    
    .d-green-1 {
        background-color: #028090 !important;
    }
    
    .d-blue-1 {
        background-color: #0a3d62 !important;
    }
    
    .orange-1 {
        background-color: #ff9800 !important
    }
    
    .purple-1 {
        background-color: #3248b7 !important;
    }
    
    .blue-m {
        background-color: #2421ff !important;
    }
    
    .light-blue {
        background-color: #2bb0c5;
    }
    
    .l-blue-1 {
        background-color: #205982;
    }
    
    .d-red {
        background-color: #a90909;
    }
    
    .l-red {
        background-color: #f12c2c;
    }
    
    .blue-b {
        background-color: #3384ff;
    }
    
    .green-1 {
        background-color: #0b8250;
    }
    /* end button guide */
    /* end style en */
    
    .schedule-list .option-input {
        float: none !important;
    }
    /*******start index***********/
    
    .m-section {
        text-align: left;
        float: left;
        width: 100%;
        padding: 10px;
        margin: 10px 0;
    }
    
    .info-r {
        background-color: #efefef;
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 10px;
        border: 1px dashed #ddd;
    }
    
    .paragraph-m-s {
        font-size: 14px;
    }
    
    .icon-s-m {
        font-size: 10px;
        display: inline-block;
        padding-right: 5px;
        color: #0c6288;
    }
    
    .span-m-s {
        display: inline-block;
        font-size: 14px;
    }
    
    .btn-s-m {
        text-align: left;
    }
    /******end index *************/
    
    .close {
        position: absolute;
        right: 35px;
    }
    
    .close:before {
        display: none !important;
    }
    
    .close:hover {
        background-color: transparent
    }
    
    .btn-act {
        margin-top: 3px;
        margin-left: 5px !important;
        float: right;
        text-align: right;
        flex: auto;
    }
    
    .course-schedule-block {
        padding: 5px 0;
    }
    
    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        border-left: 3px solid #03b7c2 !important;
        border-right: none
    }
    
    .nav-tabs .nav-tab-h.active {
        border-left: 3px solid #078485 !important;
        border-right: none !important;
    }
    
    .nav-item-v {
        padding: 0 !important;
    }
    
    @media only screen and (max-width: 767px) {
        .logo-pic {
            margin-left: 25px !important;
            margin-top: 9px;
        }
    }
    
    .menu-nav-p {
        padding-left: 5px;
    }
    
    .mu-latest-course-single-content a {
        color: #000;
    }
    
    .mu-latest-course-single-content a:hover {
        color: #000;
    }
    /*start edit 31-8*/
    
    .heading-h3-tabs {
        font-size: 19px;
        margin-right: 10px;
    }
    
    .nav-link {
        color: #2d2d2d !important;
        background-color: #e9eaec;
    }
    
    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        color: #fff !important;
        border-right: none;
        background-color: #0cb1f0;
    }
    
    .edit-icon-10 {
        display: inline-block;
        text-align: center;
    }
    
    .edit-icon-10>i {
        font-size: 18px !important;
    }
    
    .blue-d-10 {
        color: #2879bf !important;
    }
    
    .red-i {
        color: #b90505 !important;
    }
    /*end edit 31-8*/
    /* start edit in container */
    
    .container {
        max-width: 1170px !important;
    }
    /* end edit in container */
    /* start create new design for requests*/
    
    .detail-10 {
        float: left;
        color: #000;
        font-size: 13px !important;
    }
    
    .detail-request-info {
        width: 100%;
        float: right;
        padding-bottom: 5px;
        border: 1px dotted #e4e3e3;
        margin-bottom: 10px;
        padding: 5px;
        background-color: #f6f6f6;
    }
    
    .label-info {
        color: #09698e;
        padding: 0;
        margin-bottom: 0;
        float: left;
    }
    
    .btn-a {
        float: left;
        width: 100%;
        text-align: left;
        padding: 5px;
        background-color: #fcfcfc;
        margin-bottom: 10px;
    }
    /* end create new design for requests*/
    /********edit in attachment and checkbox************/
    
    .inputfile-6+label span,
    .inputfile-6+label strong {
        padding: 8px 20px !important;
    }
    
    .option-input {
        border: 1px solid #c9c9c9 !important;
    }
    
    .card-title-background {
        background-color: #e6e6e6!important;
    }
    /*******end in attachment and checkbox************/
    /*******edit in table bg "odd"************/
    
    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #f8f8f8 !important;
    }
    
    .table-bordered th,
    .table-bordered td {
        text-align: left !important;
    }
    /*******edit in table bg "odd"************/
    /********start 14-9************/
    
    .nav-link {
        margin: 5px 5px 0 5px !important;
        margin: 5px 5px 0px !important;
        background-color: #fff;
        font-size: 14px;
    }
    
    .nav-pills .nav-link {
        border-radius: 5px !important;
    }
    
    .icon-tabs-i {
        display: inline-block;
        padding: 5px;
        font-size: 12px;
    }
    /********end 14-9************/
    /*************start create student page **************/
    /****************************************************/
    
    .s-page {
        width: 100%;
        text-align: right;
        float: right;
    }
    
    .box-one-1 {
        background-color: #fff;
        border-radius: 5px;
        float: right;
        margin-top: 30px;
        width: 100%;
        text-align: center;
        max-height: 190px;
        height: 190px;
        box-shadow: 5px 5px 5px #e7e7e7;
    }
    
    .img-avtar {
        background-color: #0183bc;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        height: 50px;
    }
    
    .img-a-student {
        width: 60px;
        position: absolute;
        float: left;
        text-align: center;
        left: 50%;
        margin-left: -5%;
        bottom: -17px;
    }
    
    .data-student {}
    
    .d-student {
        text-align: center;
        margin-top: 5px;
        float: right;
    }
    
    .inner-box-d {
        text-align: center;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    
    .d-student>p {
        font-size: 13px;
        font-weight: bold;
    }
    
    .inner-s-data {
        padding: 15px 0 0;
        display: flex;
        justify-content: center;
    }
    
    .s-student {
        text-align: center;
        display: flex;
        justify-content: center;
        margin: 20px auto 0;
    }
    
    .box-two-2 {
        background-color: #fff;
        border-radius: 5px;
        overflow: hidden;
        float: left;
        margin-top: 30px;
        width: 100%;
        text-align: center;
        max-height: 190px;
        height: 190px;
        box-shadow: 5px 5px 5px #e7e7e7;
    }
    
    .nav-percent {
        width: 25%;
        text-align: center;
    }
    
    .nav-10 {
        background-color: #0083bb;
    }
    
    .link-horizontal-percent {
        margin: 0 !important;
        color: #fff !important;
        font-size: 22px;
        height: 50px;
        display: block;
        line-height: 42px;
        background-color: #0183bc;
    }
    
    .link-horizontal-percent.active {
        color: #fff !important;
        border-bottom: none;
        position: relative;
        background-color: #00405f;
    }
    
    .nav-10 .link-horizontal-percent.active:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 36px;
        left: 50%;
        margin-left: -14px;
        width: 0px;
        height: 0px;
        top: 50px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #373f48;
        transition: all 0.1s ease;
    }
    
    .content-detail-request {
        float: left;
        margin-top: 20px;
        width: 100%;
    }
    
    .request-data-5 {
        width: 100%;
        float: left;
        padding: 10px;
        background-color: #0183bc;
    }
    
    .heading-top-5 {}
    
    .header-h-6 {
        float: left;
        margin: 0;
        margin-top: 3px;
    }
    
    .heading-6-request {
        margin: 0;
        color: #fff;
        font-size: 18px;
    }
    
    .add-new-request {
        float: right;
    }
    
    .data-request-r {
        background-color: #fff;
        width: 100%;
        float: right;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 5px 5px 5px #e7e7e7;
    }
    
    .action-request {
        width: 100%;
        float: left;
    }
    
    .detail-action-r {
        width: 100%;
        float: left;
        padding: 10px 20px;
    }
    
    .detail-a-r {
        float: left;
        margin-right: 40px;
    }
    
    .detail-a-r>p {
        font-size: 14px;
    }
    
    .icon-i-request {
        font-size: 9px;
        margin-right: 5px;
    }
    
    .blue-1-i {
        color: #0183bc;
    }
    
    .dark-blue-c {
        color: #00547d;
    }
    
    .img-request-i {
        width: 14px;
        margin-right: 5px;
    }
    
    .a-link-r {
        display: inline-block;
        color: #000;
        float: left;
        font-size: 13px;
    }
    
    .a-link-r:hover {
        color: #000;
    }
    
    .link-a-request {
        float: left;
        padding: 10px 20px;
    }
    
    .action-request-links {
        width: 100%;
        float: left;
    }
    
    .line-d {
        float: left;
        width: 100%;
    }
    
    .hr-line {
        margin: 0;
        color: #7e7e7e !important;
    }
    
    .dark-red-c {
        color: #ff0000;
    }
    
    .dark-green-c {
        color: #71c6a4;
    }
    
    .dark-orange-c {
        color: #fe9d48;
    }
    
    .no-data-d {
        background-color: #fff;
        border-radius: 5px;
        float: right;
        margin-top: 30px;
        width: 100%;
        text-align: center;
        max-height: 150px;
        height: 150px;
        box-shadow: 5px 5px 5px #e7e7e7;
    }
    
    .no-data-d>p {
        padding-top: 55px;
        font-weight: bold;
    }
    /*************end create student page **************/
    /****************************************************/
    /*******************start new menu*********************************/
    
    @media (min-width: 992px) {
        .dropdown-menu .dropdown-toggle:after {
            border-top: .3em solid transparent;
            border-right: 0;
            border-bottom: .3em solid transparent;
            border-left: .3em solid;
        }
        .dropdown-menu .dropdown-menu {
            margin-left: 0;
            margin-right: 0;
        }
        .dropdown-menu li {
            position: relative;
        }
        .nav-item .submenu {
            display: none;
            position: absolute;
            left: 100%;
            top: -7px;
        }
        .nav-item .active {
            border-color: #0083bb !important;
        }
        .nav-item .submenu-left {
            right: 100%;
            left: auto;
        }
        .dropdown-menu>li:hover {
            background-color: #f1f1f1
        }
        .dropdown-menu>li:hover>.submenu {
            display: block;
        }
    }
    
    .navbar-toggler {
        background-color: #0083bb;
    }
    
    #mu-menu .navbar-default .navbar-nav li>a:hover {
        border-color: #0083bb;
    }
    
    #mu-menu .navbar-default .navbar-nav li .dropdown-menu {
        border-top: 2px solid #0083bb;
        text-align: left;
        margin-top: -2px;
    }
    
    #mu-menu .navbar-default .navbar-nav li .dropdown-menu li a:hover {
        background-color: #0083bb;
    }
    
    .dropdown-toggle::after {
        margin-right: 0.55em;
    }

    .nav-link-side { background-color: #e9e9e9;
    border-radius: 5px;}

    .nav-link-side:hover { background-color: #10a3cf;
    color: #fff !important;}

    .calendars-month table thead tr th span { color: #7a7a7a !important;}

    .t-icon { color: #b90505 !important;}

    .form-control { padding: 0 5px;}

    #mu-menu .navbar-default .navbar-nav li .dropdown-menu {   width: -moz-fit-content;
        width: -o-fit-content;
        width: -ms-fit-content;}


        /* start sidebar */
#wrapper {
    padding-right: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}

#wrapper.toggled {
    padding-left: 250px;
    padding-right: 0;
}

#sidebar-wrapper {
    z-index: 1000;
    position: absolute;
    left: 250px;
    top: 20px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: transparent;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

.nav-link-side.active { background-color: #10a3cf;
    
color: #fff !important;}

.toggle-side-icon , .toggle-side-icon:hover , .toggle-side-icon:active , .toggle-side-icon:focus { color: #10a3cf;
    font-size: 20px;
    display: block;
    position: absolute;
    left: -5px;}


    @media(max-width:576px) {

    

        .toggle-side-icon, .toggle-side-icon:hover, .toggle-side-icon:active, .toggle-side-icon:focus { top: -26px;}
        #wrapper {
            padding-left: 250px;
        }
    
      
    
        #sidebar-wrapper {
            width: 250px;
            background-color: #fff;
            display:none;
        }
    
        #wrapper.toggled #sidebar-wrapper {
            width: 250px;
            display:inline-block;
        }
    
        #page-content-wrapper {
            padding: 20px;
            position: relative;
        }
    
        #wrapper.toggled #page-content-wrapper {
            position: relative;
            margin-right: 0;
        }
    
        #wrapper { padding-left: 0;}
    
        #sidebar-wrapper.toggle { left: 0;}
        #wrapper.toggled { padding-left: 0;}
        
    }

/* end sidebar */

.form-horizontal .control-label.required:after {content: '\f069';
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    color: #df1616;
    font-size: 9px;
    position: absolute;
}

.has-error {     margin-bottom: 20px !important;
position: relative;}

.has-success {  margin-bottom: 20px !important;
position: relative; }

.has-error .input-validation-error span { position: absolute;
left: 15px;
bottom: -15px;}   

.has-success .input-validation-error span { position: absolute;
left: 15px;
bottom: -15px;}   

.validation-class .trigger .calendars-trigger { margin: 5px;}

  .validation-summary-errors { display: block;
    background-color: #fae8e8;
    border: 1px solid #ffd6d6;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;}

.validation-summary-errors > ul >li {    font-size: 13px; }