/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
/* OVERALL ASPECT */
html, body {
    height: 100%;
}
body {
    background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

.answerChoice {
    white-space: normal;
}

#slider {
    margin: 10px;
}

#slider2 {
    margin: 10px;
}

/* Titles */
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.noteBackground {
    background-color: #ffffff;
}

.noteText {
    padding-left: 10px;
}
/* 5 Columns */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.container-w-1400 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 1400px;
}

.bold {
    font-weight: 600;
}

.mobileButtons {
    display: none;
}

.desktopButtons {
    display: block;
}

/* The Modal (background) */
.inactivity-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.inactivity-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.inactivity-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.inactivity-close:hover,
.inactivity-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


@media only screen and (max-width: 578px) {
    .desktopButtons {
        display: none;
    }
}


@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/* 5 Columns End*/

/* login form*/
.form-control {
    min-height: 41px;
    background: #fff;
    box-shadow: none !important;
    border-color: #e3e3e3;
}

    .form-control:focus {
        border-color: #70c5c0;
    }

.form-control, .btn {
    border-radius: 2px;
}

.login-form {
    width: 350px;
    margin: 0 auto;
    padding: 100px 0 30px;
}

    .login-form form {
        color: #7a7a7a;
        border-radius: 5px;
        margin-bottom: 15px;
        font-size: 13px;
        background: #fff;
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
        padding: 30px;
        position: relative;
    }

    .login-form h2 {
        font-size: 22px;
        margin: 35px 0 25px;
    }

    .login-form .avatar {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -50px;
        width: 95px;
        height: 95px;
        border-radius: 50%;
        z-index: 9;
        background: #086caf;
        padding: 15px;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    }

        .login-form .avatar img {
            width: 100%;
        }

    .login-form input[type="checkbox"] {
        margin-top: 2px;
    }

    .login-form .btn {
        font-size: 16px;
        font-weight: bold;
        background: #086caf;
        border: none;
        margin-bottom: 20px;
    }

        .login-form .btn:hover, .login-form .btn:focus {
            background: #0982d3;
            outline: none !important;
        }

    .login-form a {
        color: #086caf;
        text-decoration: underline;
    }

        .login-form a:hover {
            text-decoration: none;
        }

    .login-form form a {
        color: #7a7a7a;
        text-decoration: none;
    }

        .login-form form a:hover {
            text-decoration: underline;
        }

/* login form end*/



.caption-box {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 30px 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #DEDDDD;
    background-color: #b3b3b3;
}

.caption-link-box a {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 30px 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background-color: #2f85bd;
}

    .caption-link-box a:hover {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 30px 0px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000;
        background-color: #a3acb2;
    }

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.like {
    margin-right: 20px;
    float: left;
    display: inline-block;
}

.questionbox {
    min-height: 46px;
    margin: 0px;
    padding: 0px;
}

.liked, .notLiked {
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 0;
    min-height: 46px;
    width: 50px;
}

.inline-button {
    display: inline-block;
    margin: 10px 0px;
}

.left-like-box {
    float: left;
    width: 15%;
    margin: 10px;
}

.save-question-button {
    width: 45%;
    margin-top: 20px;
}

.right-q-box {
    margin: 10px;
    float: left;
    width: 70%;
}

.questionBox2 {
    border-left: 1px solid #727a7d;
    border-bottom: 1px solid #727a7d;
    border-right: 1px solid #727a7d;
}

.questionAsked {
    margin-left: 10px;
}

.liked {
    background-image: url('Images/like-blue.png');
    background-color: #ffffff;
}

/*background-color: #B8C0CE;*/

.notLiked {
    background-image: url('Images/like-gray.png');
    background-color: #ffffff;
}

.likedDisplay {
    text-shadow: none;
    box-sizing: border-box;
    margin: 5px;
    color: #fff;
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 12px;
    padding-left: 45px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: url('Images/like-transparent.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #325D98;
    border: 1px solid transparent;
    border-radius: 4px;
    float: left;
}

.hideDiv {
    display: none;
}

.showDiv {
    display: block;
}

.btn-cyan {
    color: #ffffff;
    background-color: #00bff3;
    border-color: #009ec9;
    padding: 15px 15px;
    margin: 10px 0px 25px 0px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
    width: 320px;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
}

.btn-green {
    color: #ffffff;
    background-color: #019300;
    border-color: #018b44;
    padding: 20px 20px;
    margin: 10px 0px 25px 0px;
    font-size: 20px;
    line-height: 1.33;
    border-radius: 6px;
    width: 380px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
}

    .btn-green:hover {
        color: #ffffff;
        background-color: #00bff3;
    }

.btn-cyan:hover {
    color: #ffffff;
    background-color: #ff6600;
    border-color: #cc3300;
}

.header_image {
    width: 100%;
    height: 500px;
    background-image: url('../../../../file/C_/Users/Jeff%20Looserth/img/challenge/challenge-top.jpg');
    background-size: cover;
}

.section_container {
    background-color: #f05a29;
    padding-top: 20px;
    padding-bottom: 20px;
}

.tcentered {
    text-align: center;
}

.mcentered {
    display: block;
    margin: 0px auto;
}

.toupper {
    text-transform: uppercase;
}

.boldit {
    font-weight: bold;
}

.step.header {
    text-align: left;
}

.check_paragraphs_container {
    padding-left: 20px;
    padding-right: 20px;
}

.big_description_square {
    color: #ffffff;
    font-size: 20px;
    padding: 20px 40px;
    text-align: center;
}

    .big_description_square p {
        margin: 0px;
    }

.section_container img, .challenge_description_container img {
    max-width: 100%;
}

.small_description_square {
    padding: 20px;
    border-left: 1px solid #888;
}

    .small_description_square p {
        margin: 0;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #000;
    margin-top: 15px;
}

h2, .h2 {
    font-size: 32px;
}
/* Paragraph & Typographic */



p {
    line-height: 22px;
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}

.list-inline > li {
    display: inline-block;
    padding-right: 0px;
    padding-left: 0px;
    float: left;
}

.text-white {
    color: #fff;
}

.text-blue {
    color: #00aeef;
    padding-bottom: 10px;
}
/* Links */



a {
    color: #428bca;
    word-wrap: break-word;
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
    cursor: pointer;
}

    a:hover, a:focus {
        color: #7b7b7b;
        text-decoration: none;
        outline: 0;
    }

    a:before, a:after {
        -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
        -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
        -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
        -o-transition: color 0.1s ease-in, background 0.1s ease-in;
        transition: color 0.1s ease-in, background 0.1s ease-in;
    }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.navbar {
    font-weight: 800;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #2f3640;
    border-radius: 0px;
    margin-bottom: 0px;
}

.navbar-inverse {
    background: #2f3640;
    border-color: #2f3640;
}

    .navbar-inverse .navbar-nav > .active > a {
        background: #ff7878
    }

    .navbar-inverse .navbar-brand {
        color: #999999;
        font-weight: bolder;
        font-size: 22px;
        letter-spacing: 1px;
    }

        .navbar-inverse .navbar-brand i {
            color: #ff7878;
            font-size: 22px;
            letter-spacing: 1px;
        }

.navbar-bottom li a:hover {
    color: #9fa0a0;
    background-color: none;
}

.navbar-bottom li a {
    color: #fff;
}

.navbar-bottom li {
    display: inline-block;
    float: none;
    padding: 10px;
    color: #fff;
}

.navbar-bottom {
    float: none;
}

.userlogin {
    float: none;
    display: block;
}

.username {
    float: none;
    display: block;
    color: #3399ff;
    text-transform: uppercase;
    text-align: center;
    width: 220px
}

.userphoto {
    text-align: center;
    width: 220px
}

.navbar-nav > li {
    float: none;
    text-align: right;
    margin-right: 30px;
    padding: 7px;
}

.subnav {
    background-color: #687989;
}

    .subnav li {
        display: inline-block;
        float: left;
        list-style: none;
    }
/* vo nav */



.vo-nav {
}

    .vo-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #8f9daf;
    }

    .vo-nav li {
        float: left;
        border-left: 1px solid #acb7c7;
    }

        .vo-nav li a {
            display: block;
            color: white;
            text-align: center;
            padding: 8px 17px;
            text-decoration: none;
        }

            .vo-nav li a:hover {
                background-color: #dadbde;
                color: #222;
            }

    .vo-nav .active {
        background-color: #687989;
    }
/* Wraps */

#headerwrap {
    margin-top: 20px;
}

.wc {
    background-color: #fff;
}

#headerwrap h1 {
    margin-top: 100px;
    color: white;
    font-size: 70px;
    font-weight: 300;
    letter-spacing: 3px;
}

#headerwrap h2 {
    color: white;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.main-row {
    background-color: #fff;
    border: 0px solid #babbbd;
    padding: 15px 0px 0px;
    margin-bottom: 50px;
}

.main-row-color {
    background-color: #ffffff;
    border: 0px solid #babbbd;
    padding: 0px 0px 15px;
    margin-bottom: 50px;
}

.vo-grey {
    background-color: #eaebef;
}

.line-border {
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #babbbd;
    margin: 10px 15px;
}

.line-border-color-bg {
    background-color: #ffffff;
    border: 0px solid #babbbd;
    margin: 10px 15px;
}

.line-border-color-blue-bg {
    background-color: #d4e6f9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #336699;
    margin: 10px 15px;
}

.grey {
    background-color: #eaebef;
    margin-bottom: 10px;
}
/* Footer Wrap */



#f {
    background: #414851;
    padding-top: 30px;
    padding-bottom: 15px;
}

    #f i {
        color: #d4d8df;
        font-size: 30px;
        padding: 20px;
    }

        #f i:hover {
            color: #9fa0a0;
        }

#fb {
    background: #1c1f22;
    padding-top: 30px;
    padding-bottom: 30px;
}
/****** SECTIONS *****/



.litegrey {
    background-color: #f6f6f6;
    width: 100%;
}

.white {
    background-color: #ffffff;
    width: 100%;
    margin-bottom: 10px;
}

.mediumgrey {
    background-color: #687989;
    width: 100%;
    margin-bottom: 10px;
    color: #fff;
}

.greyheaderbar {
    background-color: #dcdde1;
    width: 100%;
    color: #000;
    padding: 10px;
    margin: 30px auto 10px;
}

.w {
    padding-top: 20px;
}

.padbottom {
    padding-bottom: 10px;
}

.padtop {
    padding-top: 20px;
}
/***** MODAL CONTACT *****/



.modal-content {
    border-radius: 0px;
}

.modal-header {
    background: #bdbdbd;
    color: white;
}

    .modal-header h4 {
        font-weight: 700;
    }

.modal-body {
    background: #e9edf2;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;
}

.modal-footer {
    background: #e9edf2;
    margin-top: 0px;
    border-top: none;
}

.modal-header-white {
    background: #fff;
    padding: 15px;
}

.modal-header-create {
    background: #d6dbe2;
    padding: 20px;
}

.modal-footer {
    text-align: center;
}
/*****IMG Extras ********/



.avitar-header {
    border: 2px solid #fff;
    max-height: 60px;
}

.small-avitar-header {
    border: 2px solid #fff;
    max-height: 40px;
    margin-right: 10px;
}

.margin-top {
    margin-top: 10px;
}



/*****FORM Extras ********/



.form-control::-moz-placeholder {
    color: #666;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 45px;
    padding: 9px 16px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 0px;
}

.input-group-addon {
    background-color: #2185D0;
}

    .input-group-addon a {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        color: #fff;
        text-align: center;
    }

.testborder {
    background-color: #fff;
    border: 0px solid #babbbd;
    margin: 15px 0px;
    padding: 5px 20px 20px;
}

.margin-right {
    margin-right: 10px;
}

.centerbrand {
    padding: 30px 10px;
}

.btn-login {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
    width: 100%;
}

.btn-login2 {
    padding: 10px 10px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 6px;
    width: 100%;
}

.btn-action {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
    width: 100%;
    background-color: #21BA45;
    border-color: #21BA45;
}

.btn-large-orange {
    padding: 20px 26px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
    background-color: #ff6633;
    color: #fff;
    margin-bottom: 20px;
}

    .btn-large-orange a:hover {
        padding: 20px 26px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
        background-color: #3399ff;
        color: #fff;
        margin-bottom: 20px;
    }

.login-header {
    color: #fff;
    background-color: #667b87;
    padding: 5px 10px;
    margin-bottom: 20px;
    font-size: 27px;
}

.borderlogin {
    padding: 30px 10px;
    margin: 30px 0px 120px;
    background-color: #f5f5f5;
}

    .borderlogin a {
        color: #333;
    }

        .borderlogin a:hover {
            color: #999;
        }

.doc-list {
    list-style: none;
    padding: 5px 0px;
    font-size: 20px;
    color: #00BCD4;
}

    .doc-list a {
        color: #00aeef;
    }

.orangebox {
    background-color: #ff6600;
    padding: 10px;
}

.greenbox {
    background-color: #99cc66;
    padding: 10px;
}

.graybox {
    background-color: #e3e3e3;
    padding: 10px;
}

.marginbox {
    margin: 40px 15px;
}

.white-money {
    color: #fff;
    font-weight: 700;
    font-size: 46px;
    font-family: 'Roboto Condensed', sans-serif;
}

.white-money-sub {
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

.green-money {
    color: #669900;
    font-weight: 700;
    font-size: 46px;
    font-family: 'Roboto Condensed', sans-serif;
}

.black-money-sub {
    color: #000;
    font-weight: normal;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

.panel-heading-leader {
    padding: 10px 15px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    color: #fff;
    background-color: #687989;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
}

.right-panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 0px solid #c7c8c9;
    padding: 0px 40px 10px 10px;
}

.right-panel-form {
    margin-bottom: 20px;
    background-color: #f5f5f6;
    border: 0px solid #c7c8c9;
    padding: 20px;
}

.list-group-item {
    padding: 4px 15px;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
}

.fadebg {
    background-color: #eaebef;
}

.myleader {
    color: #ff6600;
    font-style: italic;
}

.disclaimer {
    padding: 30px;
    font-size: 10px;
}

ul.saleslist {
    list-style-type: none;
    padding: 0;
    margin: 0 20px 0 0;
}

.saleslist li {
    background-image: url(../../../../file/C_/Users/Jeff%20Looserth/img/circle_check-blue.png);
    background-repeat: no-repeat;
    padding-left: 5em;
    line-height: 70px;
    list-style-type: none;
}

ul.saleslist-right {
    list-style-type: none;
    padding: 0;
    margin: 0 20px 0 0;
}

.saleslist-right li {
    background-image: url(../../../../file/C_/Users/Jeff%20Looserth/img/black-check.png);
    background-repeat: no-repeat;
    background-position: 0.8em;
    padding-left: 4em;
    line-height: 70px;
    list-style-type: none;
    margin-right: 0px;
}

.upper {
    text-transform: uppercase;
}

.saleslist h3 {
    font-size: 24px;
    text-align: left;
}

.logo-pad {
    padding: 0px 0 0 0;
}

.form-control {
    border: 1px solid #c2c3c3;
    border-radius: 0px;
}

.margetop {
    margin-top: 10px;
}

.margebottom {
    margin-bottom: 30px;
}

.nopad {


    padding: 0px;
}

.nopadlast {
    padding: 0 0 0 15px;
}

.formheader {
    font-size: 20px;
    text-transform: uppercase;
}

.hr form {
    border: 1px solid #c2c3c3;
}

.header-panel {
    background-color: #414851;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 10px;
    font-size: 18px;
    font-weight: 400;
}

.access-panel {
    background-color: #00997b;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 7px;
    font-size: 26px;
    font-weight: 400;
    background-image: url(../../../../file/C_/Users/Jeff%20Looserth/img/arrows-down.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.inquire-panel {
    background-color: #3276b1;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 7px;
    font-size: 26px;
    font-weight: 400;
    background-image: url(../../../../file/C_/Users/Jeff%20Looserth/img/arrows-down.png);
    background-repeat: no-repeat;
    background-position: center center;
}

label {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.btn-primary-green {
    background-color: #00997b;
    color: #fff;
}

.bold {
    font-weight: 700;
}
/**marketplace **/







#course .course-item {
    margin: 0 0 15px;
    right: 0;
}

    #course .course-item .course-link {
        display: block;
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
    }

        #course .course-item .course-link .course-hover {
            background: rgba(255,102,0,.9);
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: all ease .5s;
            -webkit-transition: all ease .5s;
            -moz-transition: all ease .5s;
        }

            #course .course-item .course-link .course-hover:hover {
                opacity: 1;
            }

            #course .course-item .course-link .course-hover .course-hover-content {
                position: absolute;
                width: 100%;
                height: 20px;
                font-size: 20px;
                text-align: center;
                top: 50%;
                margin-top: -12px;
                color: #fff;
            }

                #course .course-item .course-link .course-hover .course-hover-content i {
                    margin-top: -12px;
                }

                #course .course-item .course-link .course-hover .course-hover-content h3, #course .course-item .course-link .course-hover .course-hover-content h4 {
                    margin: 0;
                }

    #course .course-item .course-caption {
        max-width: 400px;
        margin: 0 auto;
        background-color: #fff;
        text-align: left;
        padding: 10px;
        line-height: 1.3;
        border: 1px solid #d0d0cf;
        border-top: 0;
    }

        #course .course-item .course-caption h4 {
            text-transform: none;
            margin: 0;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 22px;
            margin: 0 0 10px;
        }

        #course .course-item .course-caption p {
            font-size: 14px;
            margin: 0;
        }

footer span.copyright, footer ul.quicklinks {
    font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ty-box {
    margin: 6em 0em 15em;
}

.constrain-login-button {
    width: 40%;
    margin: 30px auto;
}

.modal-backdrop {
    opacity: 0.8 !important;
}

.padall {
    padding: 20px;
}

.mpadall {
    padding: 10px 10px 20px;
}

.pad-horizontal {
    padding: 6px 50px;
}

.create-button-container {
    padding: 20px 10px;
}

.headerbar {
    background-color: #667b87;
    padding: 20px;
}

.login-links {
    margin: 15px 0px 5px;
}

.login-margin {
    margin: 40px 0px;
}

.form-content {

    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
    background-clip: padding-box;
}

.form-header-white {
    background: #fff;
    padding: 15px;
}

.form-title {
}

.form-body {
    background: #f5f5f6;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;
    padding: 20px;
}

.margin {
    margin: 20px 0px;
}

.nolabel {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.top-box-header {
    background-color: #fff;
    border: 1px solid #babbbd;
    padding: 10px 20px 10px 0px;
    margin-bottom: 0px;
}

.greenbar {
    background-color: #6aaa12;
    color: #fff;
    padding: 10px;
    font-size: 2em;
}
/* Pricing Tables*/



.pricing-option {
    padding-bottom: 40px;
}

    .pricing-option .pricing-top {
        position: relative;
        background: #1c6fa4;
        color: white;
        text-align: center;
        padding: 40px 20px 30px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .pricing-option .pricing-top .special-label {
            display: block;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #ff6600;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: bold;
            padding: 3px 0;
        }

.special .pricing-top {
    background: black;
}

.pricing-option .pricing-edition {
    text-transform: uppercase;
    display: block;
    font-size: 17px;
    letter-spacing: 8px;
}

.pricing-option .price {
    display: inline-block;
    position: relative;
}

    .pricing-option .price sup {
        position: absolute;
        top: 50px;
        left: -10px;
        font-size: 24px;
    }

    .pricing-option .price .price-amount {
        font-size: 108px;
        letter-spacing: -4px;
    }

    .pricing-option .price small {
        position: relative;
        left: -10px;
        font-size: 18px;
    }

.pricing-option ul {
    list-style: none;
    margin: 0;
    background: #eee;
    text-align: center;
    padding-left: 0px;
}

    .pricing-option ul li {
        border-bottom: solid 1px #e1e1e1;
        padding-top: 20px;
        padding-bottom: 20px;
    }

.pricing-option .pricing-signup {
    display: block;
    text-align: center;
    font-size: 18px;
    padding: 15px 10px;
    color: white;
    background: #3399ff;
}

    .pricing-option .pricing-signup:hover {
        background: #ff6600;
    }
/* counter */







ul#example {
    list-style: none;
    margin: 10px 0;
    padding: 0;
    display: block;
    text-align: center;
    color: #f1592a;
}

    ul#example li {
        display: inline-block;
    }

        ul#example li span {
            font-size: 55px;
            font-weight: 300;
            line-height: 80px;
            padding: 20px;
        }

        ul#example li.seperator {
            font-size: 55px;
            line-height: 70px;
            vertical-align: top;
        }

        ul#example li p {
            color: #fff;
            font-size: 15px;
        }

.yt p {
    font-weight: 500;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 35px;
    padding: 0px 20px;
}

.blackbox {
    background-color: #222;
    padding: 10px 0px 0px;
    margin-bottom: 20px;
}

    .blackbox h2 {
        color: #fff;
        font-size: 2.8em;
    }

.orange-text {
    color: #ff6600;
}

.orange-text-fast {
    color: #ff6600;
    font-size: 1.6em;
    padding: 0px 0px 20px;
    font-style: italic;
}

.teal-bar {
    background-color: #20c3bd;
    width: 100%;
    padding: 5px;
    font-size: 1.3em;
    color: #fff;
    font-weight: 700;
}

.blue-bar {
    background-color: #47b4f3;
    width: 100%;
    padding: 5px;
    font-size: 1.3em;
    color: #fff;
    font-weight: 700;
}

.orange-bar {
    background-color: #fa7b14;
    width: 100%;
    padding: 5px;
    font-size: 1.3em;
    color: #fff;
    font-weight: 700;
}

.green-box {
    background-color: #99cc66;
    padding: 30px 50px;
    font-size: 1.4em;
}

.font-up {
    font-size: 1.4em;
}

.gray-box {
    background-color: #e3e3e3;
    padding: 10px;
    margin-bottom: 30px;
}

.panel-heading-consistant {
    padding: 15px;
    background-color: #fff !important;
}

.panel-group .panel {
    margin-bottom: 20px;
}
/* CSS Document */







.settingslinks {
    color: #fff;
    margin-top: 3px;
    display: block;
    float: right;
    margin-left: 10px;
    padding: 12px 18px;
}

    .settingslinks:hover {
        background: rgba(0, 0, 0, 0.05);
        color: #fff;
    }

.salesupportsec .item .image img {
    width: 100%;
}

.salesupportsec .row {
    margin-bottom: 40px;
}

.salesupportsec .item {
}

.salesupportsec .content {
    text-align: left;
}

.bhoechie-tab-content input[type=text], .bhoechie-tab-content input[type=password] {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0em;
    outline: none;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.2142em;
    font-size: 1em;
    background: #FFFFFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
    width: 100%;
}

.bhoechie-tab-content label {
    width: 100%;
}

.bhoechie-tab-content select {
    margin-bottom: 10px;
    width: 100%;
}

.bhoechie-tab-content .col-md-6 {
    margin-bottom: 10px;
}

.savechangesbtn {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background: #E0E1E2 none;
    color: rgba(0, 0, 0, 0.6);
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0em 0.25em 0em 0em;
    padding: 0.78571429em 1.5em 0.78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: bold;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.28571429rem;
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
    position: relative;
    top: 0em;
    margin: -0.5em 0em;
    padding-bottom: 0.78571429em;
    padding-top: 0.78571429em;
    font-size: 1em;
    background-color: #21BA45;
    color: #FFFFFF;
    text-shadow: none;
    background-image: none;
    margin-top: 15px;
}

    .savechangesbtn .icon {
        left: auto;
        right: 0em;
        border-radius: 0px;
        border-top-right-radius: inherit;
        border-bottom-right-radius: inherit;
        box-shadow: 1px 0px 0px 0px transparent inset;
    }
/*  bhoechie tab */



div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    margin-top: 20px;
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
    border: none;
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

    div.bhoechie-tab-menu div.list-group {
        margin-bottom: 0;
    }

        div.bhoechie-tab-menu div.list-group > a {
            margin-bottom: 0;
        }

            div.bhoechie-tab-menu div.list-group > a .glyphicon, div.bhoechie-tab-menu div.list-group > a .fa {
                color: #25a9df;
            }

            div.bhoechie-tab-menu div.list-group > a:first-child {
                border-top-right-radius: 0;
                -moz-border-top-right-radius: 0;
            }

            div.bhoechie-tab-menu div.list-group > a:last-child {
                border-bottom-right-radius: 0;
                -moz-border-bottom-right-radius: 0;
            }

            div.bhoechie-tab-menu div.list-group > a.active, div.bhoechie-tab-menu div.list-group > a.active .glyphicon, div.bhoechie-tab-menu div.list-group > a.active .fa {
                background-color: #25a9df;
                background-image: #25a9df;
                color: #ffffff;
            }

                div.bhoechie-tab-menu div.list-group > a.active:after {
                    content: '';
                    position: absolute;
                    left: 100%;
                    top: 50%;
                    margin-top: -13px;
                    border-left: 0;
                    border-bottom: 13px solid transparent;
                    border-top: 13px solid transparent;
                    border-left: 10px solid #25a9df;
                }

div.bhoechie-tab-content {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    padding: 10px 10px 20px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}

.fileUpload {
    position: relative;
    overflow: hidden;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

#uploadFile {
    width: 100%;
}

.tabtitle {
    color: #ef5a28;
    margin-bottom: 20px;
}

.tablestyle img {
    width: 35px;
}

.membersummary i {
    font-size: 4em !important;
}

.membersummary .number {
    font-size: 6em;
}

.membersummary .padtopbtm {
    padding-top: 20px;
    padding-bottom: 20px;
}

.rounded-circle {
    border-radius: 50%;
}

.membersummary img {
    display: inline-block;
    max-width: 50px;
    height: 50px;
    position: relative;
    top: -30px;
}

.protable table {
    border-collapse: collapse;
    width: 100%;
    border-bottom: 1px solid #dddddd;
}

.protable td, th {
    text-align: left;
    padding: 8px;
}

.protable tr:nth-child(even) {
    background-color: #dddddd;
}

.topheadingsmemesat {
    padding: 10px 0;
    color: #fff;
}

    .topheadingsmemesat img {
        display: inline-block;
    }

.progress.active .progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}

.moenyprogress .progress {
    height: 140px;
}

.stripeBack {
    color: white;
    background: repeating-linear-gradient( 45deg, #fff, #fff 15px, #e0e0e2 10px, #e0e0e2 30px );
}

.linesonbar {
    position: absolute;
    z-index: 5;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border: solid 1px #000;
}

    .linesonbar ul {
        list-style: none;
        padding: 0 !important;
        width: 100%;
    }

    .linesonbar li {
        background: #000;
        width: 1px;
        height: 200px;
        margin-left: 9.9%;
        float: left;
    }

        .linesonbar li:first-child {
            margin-left: 0px;
            background: none;
        }

.progressbarinfo {
    text-align: left;
    margin: 0 0 10px !important;
    padding: 0 !important;
}

    .progressbarinfo .smallinfo {
        font-size: 0.9em;
        font-style: italic;
    }

.green, .green li {
    color: #699832 !important;
}

.progressbarinfo li {
    display: inline-block;
    width: 9.6%;
    color: #ff5d08;
    font-weight: bold;
}

.progress-container {
    position: relative;
}

.moenyprogress .progress {
    background: transparent !important;
}

.moenyprogress .progress-bar {
    overflow: visible !important;
}

.progress-arrwow {
    font-size: 6em;
    font-weight: bold;
    position: relative;
    content: "";
    display: inline-block; /* By using an em scale, the arrows will size with the font */
    width: 0.6em;
    height: 0.6em;
    border-right: 0.15em solid #c0c0c0;
    border-top: 0.15em solid #c0c0c0;
    transform: rotate(45deg);
    margin-top: 50%;
}

    .progress-arrwow.left {
        transform: rotate(225deg) !important;
    }

.tooltip {
    position: relative;
    float: right;
}

.popOver .tooltip {
    background: url(../../../../file/C_/Users/Jeff%20Looserth/img/youarehere2.png) no-repeat left top;
}

.tooltip > .tooltip-inner {
    background: url(../../../../file/C_/Users/Jeff%20Looserth/img/youarehere2.png) no-repeat left top;
    padding: 5px 15px;
    color: rgb(23,44,66);
    font-weight: bold;
    font-size: 13px;
    width: 93px;
    height: 116px;
    background-size: contain;
    right: -44px;
    position: absolute;
    top: 35px;
    text-indent: -9999px;
}

.popOver + .tooltip > .tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #eebf3f;
    display: none;
}

.progress {
    border-radius: 0;
    overflow: visible;
}

#myProgress {
    width: 100%;
    background-color: #ddd;
}

#myBar {
    width: 10%;
    height: 30px;
    background-color: #4CAF50;
}

#label {
    text-align: center;
    line-height: 30px;
    color: white;
}

.no-pad {
    padding: 0 !important;
}

.nobtmmar {
    margin-bottom: 0px !important;
}

.notopmar {
    margin-top: 0px !important;
}

.toggleBox {
    position: relative;
    overflow: hidden;
}

    .toggleBox .togLink {
        display: block;
        width: 100%;
        text-indent: 10px;
        color: #000;
        text-align: left;
    }

        .toggleBox .togLink:hover {
            color: #777;
        }

        .toggleBox .togLink span {
            font-size: 1em;
            margin-top: -10px;
        }

    .toggleBox .hideBox {
        padding: 0 10px 5px;
        width: 100%;
        height: auto;
        -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box !important;
    }
        /* Firefox, other Gecko */
        .toggleBox .hideBox p {
            font-size: 1em;
        }

    .toggleBox:last-child .togLink {
    }

        .toggleBox:last-child .togLink:hover {
            border-bottom: 0px solid #ddd;
        }

    .toggleBox:last-child .hideBox {
        border-bottom: 1px solid #ddd;
    }

.greendot {
    color: #699832 !important;
    font-size: 3.5em;
}

.orangedot {
    color: #fc6105 !important;
    font-size: 3.5em;
}

.ywdarkdot {
    color: #aec12a !important;
    font-size: 3.5em;
}

.ecomseciton {
    background: #939faf !important;
}

.top_table_icons {
    background: #687989;
    padding: 10px 0;
    color: #fff;
}

    .top_table_icons ul {
        list-style: none;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left;
    }

    .top_table_icons li {
        display: inline-block;
        width: 20%;
        text-align: left;
    }

        .top_table_icons li:first-child {
            width: 27.5%;
            height: 10px;
        }

    .top_table_icons .second {
        width: 26%;
    }

    .top_table_icons .third {
        width: 27%;
    }

    .top_table_icons .fourth {
        width: 15%;
    }

.stats_table {
}

.table_style table, .rwd-table {
    width: 100%;
    background: #fff;
    color: #333;
}

.table_style thead {
    background: #a6b3c4;
}

.table_style table th {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    color: #fff;
}

.table_style table td {
    text-align: center;
}

.table_style tbody tr:nth-child(odd) {
    background-color: #efefef;
}
/******************



member_stats_table



******************/



.member_stats_table {
    margin-bottom: 30px;
}

    .member_stats_table li:first-child {
        width: 17.4%;
        height: 10px;
    }

    .member_stats_table .second {
        width: 32.5%;
    }

    .member_stats_table .third {
        width: 32%;
    }

    .member_stats_table .fourth {
        width: 15%;
    }

.rwd-table {
    overflow: hidden;
}

    .rwd-table tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-color: #46637f;
    }

    .rwd-table th {
        display: none;
    }

    .rwd-table td {
        display: block;
    }

    .rwd-table th, .rwd-table td {
        margin: .5em 1em;
        text-align: left;
    }

        .rwd-table td:first-child {
            padding-top: .5em;
        }

        .rwd-table td:last-child {
            padding-bottom: .5em;
        }

        .rwd-table td:before {
            content: attr(data-th) " ";
            font-weight: bold;
            width: 100%;
            display: inline-block;
        }

        .rwd-table th, .rwd-table td:before {
        }

.mobilebarinfo {
    display: none;
}

.ecommobile {
    padding: 0;
    margin: 0 !important;
    width: 100%;
}

.marketplmobile {
    padding: 0;
    margin: 0 !important;
    width: 100%;
}

.entrlmobile {
    padding: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}

.ecommobile:before {
    content: url(../../../../file/C_/Users/Jeff%20Looserth/img/90dayicon.png) !important;
}

.marketplmobile:before {
    content: url(../../../../file/C_/Users/Jeff%20Looserth/img/marketplac.jpg) !important;
}

.entrlmobile:before {
    content: url(../../../../file/C_/Users/Jeff%20Looserth/img/entra.jpg) !important;
}

.hideextracolumn {
    display: none;
}

.ecommobile {
}

.marketplmobile {
    display: none !important;
}

.main_members_stats_table .entrlmobile {
    display: none !important;
}

.formstyles input {
    width: 100% !important;
}

.formstyles select {
    width: 100% !important;
}

.textinfo {
    padding-top: 15px;
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 10px;
}

.videosection {
    text-align: left;
}

.title_to_top {
    padding: 0px 20px 20px !important;
}

    .title_to_top h2 {
        background: #687989 !important;
        margin: 0 0 30px -20px;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        padding: 10px;
        width: 108%;
    }

.videosection iframe {
    width: 100%;
    min-height: 400px;
}

.nav-sidebar {
    width: 100%;
    padding: 8px 0;
    border-right: 1px solid #ddd;
}

    .nav-sidebar a {
        color: #333;
        -webkit-transition: all 0.08s linear;
        -moz-transition: all 0.08s linear;
        -o-transition: all 0.08s linear;
        transition: all 0.08s linear;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .nav-sidebar h3 {
        cursor: default;
        background-color: #428bca;
        color: #fff;
        text-shadow: 1px 1px 1px #666;
        padding: 10px 0;
    }

        .nav-sidebar h3 a:hover {
            background-color: #428bca;
        }

    .nav-sidebar .text-overflow a, .nav-sidebar .text-overflow .media-body {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    /* Right-aligned sidebar */



    .nav-sidebar.pull-right {
        border-right: 0;
        border-left: 1px solid #ddd;
    }

        .nav-sidebar.pull-right a {
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
        }

.distancelearningtitle h2 {
    display: inline-block;
}

.distancelearningtitle span {
    display: block;
    font-size: 0.6em;
}

.distancelearningtitle img {
    display: inline-block;
    vertical-align: initial;
}

img.viewvid {
    width: 100%;
}

.header-bar {
    background-color: #112231;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    padding: 10px 20px;
    margin: 20px 15px 10px 15px;
}

.iframeholder iframe {
    min-height: 638px;
    width: 100%;
}

.input-group-addon:hover {
    opacity: 0.7;
}

.mr-auto {
    display: none;
}

    .mr-auto ul {
        list-style: none !important;
    }

.settingsform .input-group-addon {
    background: #dedede;
}

.label:empty {
    display: BLOCK;
}

.pushmenu { /*this is the nav*/
    background: #3c3933;
    font-family: Arial, Helvetics, sans-serif;
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
    position: fixed;
}

    .pushmenu h3 {
        color: #cbbfad;
        font-size: 14px;
        font-weight: bold;
        padding: 15px 20px;
        margin: 0;
        background: #282522;
        height: 16px;
    }

    .pushmenu .mainlinks a {
        display: block; /* drops the nav vertically*/
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        border-top: 1px solid #56544e;
        border-bottom: 1px solid #312e2a;
        padding: 14px;
    }

        .pushmenu .mainlinks a:hover {
            background: #00A287;
        }

        .pushmenu .mainlinks a:active {
            background: #454f5c;
            color: #fff;
        }

.pushmenu-left {
    left: -240px;
}

    .pushmenu-left.pushmenu-open {
        left: 0;
    }

.pushmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.pushmenu-push-toright {
    left: 240px;
}
/*Transition*/



.pushmenu, .pushmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .pushmenu ul {
        list-style: none;
    }

.rowlog {
    padding: 0px 0 20px;
}

.closebox {
    text-align: right;
}

    .closebox span {
        font-size: 2em;
        color: #fff;
        text-align: right;
        padding-right: 10px;
        cursor: pointer;
    }

#nav_list {
    background: url(../../../../www.onlywebpro.com/demo/jquery/icon_nav.html) no-repeat left top;
    cursor: pointer;
    height: 27px;
    width: 33px;
    text-indent: -99999em;
    display: none;
    right: 10px;
    position: absolute;
    top: 30px;
}

nav-list.active {
    background-position: -33px top;
}

.buttonset {
    background: #00A287;
    height: 16px;
    padding: 10px 20px 20px;
}

.toggleproducts {
    margin: 20px 0;
}

.allcat img {
    width: 100%;
}

.greyrow {
    background-color: #f6f6f6;
}

.orangerow {
    background: #f94200;
    padding: 0px 0 20px;
    color: #fff;
}

    .orangerow h4, .orangerow h1, .orangerow h3, .orangerow h5 {
        color: #fff;
    }

    .orangerow h1 {
        font-weight: bolder;
        font-size: 29px;
    }

    .orangerow .col-md-7 {
        padding-top: 0px;
    }

    .orangerow .col-md-5 {
        padding-right: 0px;
    }

.greenerow {
    background: #6eb916;
}

.tealrow {
    background: #00abbd;
}

.round {
    border-radius: 50%;
}

.imgfull {
    width: 100%;
}

.profilecolumns img {
    max-height: 120px;
    width: 130px;
}

.smallericons .col-md-1 {
    padding: 0;
    padding-right: 10px;
    padding-bottom: 10px;
}

.ecomchallenge {
    background: #fff;
}

    .ecomchallenge ul#example {
        color: #121212;
    }

        .ecomchallenge ul#example li p {
            color: #121212;
        }

        .ecomchallenge ul#example li span {
            font-size: 7em;
        }

.pagepad {
    padding: 16px;
}

    .pagepad ul {
    }
/*****************************



New Styles



******************************/







.mypbtntop {
    background: #2185D0;
    margin: 0;
    border-radius: 0.28571429rem;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.mypbtnbottom {
    background: #767676;
    margin-top: 0px !important;
    border-radius: 0.28571429rem;
    color: #fff;
    font-weight: bold;
}

    .mypbtnbottom:hover {
        color: #fff;
        background-color: #838383;
    }

.yellowbtn {
    background-color: #FBBD08;
    color: #FFFFFF;
    font-weight: bold;
    margin: 20px 0 0;
    padding: 10px 60px;
    font-size: 1.2em;
    position: relative;
}

    .yellowbtn:hover {
        background-color: #eaae00 !important;
        color: #fff;
    }

    .yellowbtn i {
        position: absolute;
        right: 0px;
        background: #eaae00;
        padding: 13px;
        top: 0;
    }

.myproductsrow {
    margin-bottom: 0px;
    padding-top: 5em;
    padding-bottom: 5em;
    background-color: #f5f5f5;
    border-bottom: 1px solid #D4D4D5;
}

    .myproductsrow h2 {
        text-align: left;
        margin-bottom: 10px;
    }

.myproductsrowbk {
    background: url(https://cdn.filepicker.io/api/file/Uim6xADdSuSY2z7vWQc5) no-repeat;
    background-size: cover;
}

.caption-headline {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.caption-explainer {
    font-size: 14px;
    text-align: left;
    margin-bottom: 5px;
}

.caption-cover-title {
    font-size: 21px;
    color: #fff;
    padding: 20px 10px 0px;
    text-transform: uppercase;
}

.cuadro_intro_hover {
    padding: 0px;
    position: relative;
    overflow: hidden;
    height: 115px;
    cursor: pointer;
}

    .cuadro_intro_hover:hover .caption {
        opacity: 1;
        transform: translateY(-150px);
        -webkit-transform: translateY(-150px);
        -moz-transform: translateY(-150px);
        -ms-transform: translateY(-150px);
        -o-transform: translateY(-150px);
    }

    .cuadro_intro_hover img {
        z-index: 4;
    }

    .cuadro_intro_hover .caption {
        position: absolute;
        top: 150px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        width: 100%;
    }

    .cuadro_intro_hover .blur {
        background-color: rgba(66,70,72,0.90);
        height: 300px;
        z-index: 5;
        position: absolute;
        width: 100%;
    }

    .cuadro_intro_hover .caption-text {
        z-index: 10;
        color: #fff;
        position: absolute;
        height: 300px;
        text-align: center;
        top: -20px;
        width: 100%;
    }

.bluebtn {
    background-color: #ce2127;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px 20px;
}

    .bluebtn:hover {
        background-color: #cd6063;
        !important;
        color: #fff !important;
    }

.hidetext {
    color: #a6b3c4 !important;
}

.togglecalc {
    margin-top: 30px;
    display: block;
}

    .togglecalc i {
        display: inline-block;
    }

    .togglecalc span {
        display: inline-block;
    }

a.togglecalc:hover {
    cursor: pointer;
}

.greencalc {
}

    .greencalc i {
        color: #21BA45 !important;
    }

.editcalc {
    display: none;
}

.text-right {
    text-align: right;
}

.centercontainer {
    background-color: #f6f6f8;
    border-top: 1px solid #babbbd;
    border-bottom: 1px solid #babbbd;
    margin-right: 0px;
    margin-left: 0px;
}

.plaincontainer {
    margin-right: 0px;
    margin-left: 0px;
}

.challengepad {
    padding: 10px 0px 0px 30px;
}

.challengepad-leaderboard {
    padding: 30px 30px 10px 30px;
}

.scroll ul {
    height: 390px;
}

.scroll ul {
    overflow: hidden;
    overflow-y: scroll;
}

.bluebox {
    background-color: #33ccff;
    color: #fff;
    padding: 10px;
}

.greenbox {
    background-color: #126c12;
    color: #fff;
    padding: 10px;
}

.orangebox {
    background-color: #f94101;
    color: #fff;
    padding: 10px;
}

.carousel {
    padding: 0px 30px;
}

    .carousel .item {
        margin-right: 10px;
    }

        .carousel .item:last-child {
            margin-right: 0px;
        }

.slick-prev:before, .slick-next:before {
    color: #000;
}

.slick-prev {
    left: -1px;
}

.slick-next {
    right: 3px;
}

.slick-prev, .slick-next {
    top: 26%;
    width: 40px;
    height: 50px;
}

    .slick-next::before {
        content: "\f061";
        font: normal normal normal 30px/1 FontAwesome;
    }

    .slick-prev::before {
        content: "\f060";
        font: normal normal normal 30px/1 FontAwesome;
    }

.cc {
    padding: 0px 20px;
}

.cw {
    padding: 0px 20px;
}

.text-left-right {
    text-align: right;
    position: relative;
}

.left-text {
    left: 0;
    position: absolute;
}

.right-text {
    font-size: 18px;
}

.btn-lg {
    white-space: normal !important;
    word-wrap: break-word;
}

.btn-primary {
    white-space: normal !important;
    word-wrap: break-word;
}

#size {
    display: none;
}

.header_video {
    width: 100%;
    background-size: cover;
    background-position: center;
}

ul#iac {
    list-style: none;
    margin: 10px 0;
    padding: 0;
    display: block;
    text-align: center;
    color: #f1592a;
}

    ul#iac li {
        display: inline-block;
    }

        ul#iac li span {
            font-size: 55px;
            font-weight: 300;
            line-height: 80px;
            padding: 20px;
        }

        ul#iac li.seperator {
            font-size: 55px;
            line-height: 70px;
            vertical-align: top;
        }

        ul#iac li p {
            color: #fff;
            font-size: 15px;
        }

.header_image {
    width: 100%;
    height: 500px;
    background-image: url('../../../../file/C_/Users/Jeff%20Looserth/img/challenge/challenge-top.jpg');
    background-size: cover;
    background-position: center;
}

.orangereverse {
    background-color: orangered;
    color: #fff;
    padding: 5px 20px;
}

.bluereverse {
    background-color: #3399ff;
    color: #fff;
    padding: 5px 20px;
}

.sizeup {
    font-size: 1.5em;
    line-height: 1.4em;
}

.venue_image {
    width: 100%;
    min-height: 650px;
    background-image: url('../../../../file/C_/Users/Jeff%20Looserth/img/venuebg.jpg');
    background-size: cover;
    background-position: center;
    margin-bottom: 35px;
}
/*****************************



END NEW STYLES



******************************/

/*New Styles 07/12/2017 */

.gray-reverse {
    background-color: rgb(86, 92, 102);
    color: rgb(255, 255, 255);
    white-space: normal;
    word-wrap: normal;
    padding: 5px 20px;
    border-radius: 0px;
}

.red-reverse {
    background-color: rgb(204, 0, 0);
    color: rgb(255, 255, 255);
    white-space: normal;
    word-wrap: normal;
    padding: 5px 20px;
}

.bluereverse {
    background-color: #3399ff;
    color: #fff;
    padding: 5px 20px;
    white-space: normal;
}

.sizeup {
    font-size: 1.5em;
    line-height: 1.4em;
}

.venue_image {
    width: 100%;
    min-height: 650px;
    background-image: url('../../../../file/C_/Users/Jeff%20Looserth/img/venuebg.jpg');
    background-size: cover;
    background-position: center;
    margin-bottom: 35px;
}

.reg_image {
    width: 100%;
    min-height: 500px;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    margin-bottom: 35px;
}

.padbottom-more {
    padding-bottom: 30px;
}

.bigfont {
    font-size: 3em;
}

.bgblue {
    background-color: #3276b1;
}

.whitetype {
    color: #fff;
}

.padbottom-more {
    padding-bottom: 30px;
}

.bigfont {
    font-size: 3em;
}

.bgblue {
    background-color: #3276b1;
}

.whitetype {
    color: #fff;
}

.medium-blue {
    color: #2ca9fb;
}

.light-blue {
    color: #3ccefd
}

.dark-blue {
    color: #1b50b8;
}

.medium-green-05dd05 {
    color: #05dd05;
}

.dark-orange {
    color: #FF6633;
}

.medium-orange {
    color: #F7941E;
}

.main-row-leaderboard {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 50px;
}

.green-text {
    color: #1a6b1f;
}

.teal-text {
    color: #06cce3;
}

.registered {
    color: #1a6b1f;
    font-style: italic;
}
/*End New Styles 07/12/2017*/



/*Start New Navigation Styles - RW 11/10*/

.dropdown-menu {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-submenu {
    position: initial;
}

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

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

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

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

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

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

.navbar-inverse {
    background-color: #414851;
    border-color: #414851;
}

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #2f3640;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }

.navbar {
    padding: 0rem;
    margin-bottom: 2rem;
}

.nav-upper {
    background-color: #1c1f22;
    border-color: #1c1f22;
    min-height: 75px;
}

.navbar {
    border-radius: 0px;
    border: 0px solid;
}

.navbar-login {
    width: 305px;
    padding: 10px;
    padding-bottom: 0px;
}

    .navbar-login p {
        margin-bottom: 10px;
    }

.navbar-login-session {
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.btn-dark {
    color: #ffffff;
    background-color: #2f3640;
    border-color: #2f3640;
}

    .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {
        color: #ffffff;
        background-color: #000;
        border-color: #2000;
    }

.icon-size {
    font-size: 87px;
}

.nav-upper img {
    padding: 15px 0px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #4c5b68;
}

.navbar-nav > li {
    float: left;
    text-align: left;
    margin-right: 0px;
    padding: 0px;
}

.vo-nav ul {
    list-style-type: none;
    margin: 0px 0px 20px;
    padding: 0;
    overflow: hidden;
    background-color: #4c5b68;
}

.active2 {
    color: #ffffff;
    background-color: #2f3640;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #2f3640;
}
/*End New Navigation Styles - RW 11/10*/



.panel1 {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}

.rightcolumn {
    width: 100%;
}

.text-center.col-sm-6.panel {
    border: 2px solid #323232;
    background-color: #FF9933;
    border-radius: 20px;
    width: 48%;
}

    .text-center.col-sm-6.panel.dorange {
        border: 2px solid #323232;
        background-color: #ff6633;
        border-radius: 20px;
        width: 48%;
    }

.panel.blue {
    border: 2px solid #323232;
    background-color: #1b50b8;
    border-radius: 20px;
    width: 100%;
}

.panel.dorange {
    border: 2px solid #323232;
    background-color: #ff6633;
    border-radius: 20px;
    width: 100%;
}

.panel.orange {
    border: 2px solid #323232;
    background-color: #ff9933;
    border-radius: 20px;
}

.text-center.col-sm-6.panel.blue {
    background-color: #1B50B8;
}

.container .row .text-center.col-sm-6.panel.floatright {
    float: right;
}

.panel1-h1 {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 4em;
}

.panel-amount {
    color: #FFFFFF;
    font-size: 4em;
    margin-top: 29px;
}

.panel-disclaimer {
    color: #FFFFFF;
    font-style: italic;
}

.panel-amount.strikethru {
    text-decoration: line-through;
}

.list-group {
    background-color: #FFFFFF;
    padding-bottom: 7px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.group-item1 {
    text-decoration: none;
    list-style-type: none;
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
    border-bottom: 0.25px solid #777777;
}

.group-item1nb {
    text-decoration: none;
    list-style-type: none;
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
}

.style-btn-orange {
    background-color: #FF9933;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
    margin-bottom: 15px;
}

    .style-btn-orange:hover {
        background-color: #D5812C;
        padding-top: 20px;
        padding-bottom: 20px;
        border: none
    }

.style-btn-blue {
    background-color: #15ABFF;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
    margin-bottom: 10px;
}

    .style-btn-blue:hover {
        background-color: #1194DD;
        padding-top: 20px;
        padding-bottom: 20px;
        border: none
    }

.style-btn-grey {
    background-color: #242428;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
    margin-bottom: 13px;
}

    .style-btn-grey:hover {
        background-color: #2B2B2B;
        padding-right: 80px;
        padding-left: 80px;
        padding-top: 20px;
        padding-bottom: 20px;
        border: none
    }

.style-btn-dorange {
    background-color: #ff6633;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
    margin-bottom: 15px;
}

    .style-btn-dorange:hover {
        background-color: #D8552A;
        padding-right: 80px;
        padding-left: 80px;
        padding-top: 20px;
        padding-bottom: 20px;
        border: none
    }

.col-lg-4.col-md-6.col-sm-6.center {
    text-align: center;
}

.img-circle.img-responsive.center {
    text-align: center;
}

.row .col-lg-4.col-md-6.col-sm-6.center .img-circle.img-responsive.align-center {
    text-align: center;
}

.spacer {
    margin-top: 20px;
}

.padding {
    margin-right: 15px;
    margin-left: 15px;
}

.orangereverse.sizeup.width {
    margin-left: 20px;
    margin-right: 20px;
}

.style-h3.orange {
    color: #FF4500;
}

.row.panel-padding {
    padding-left: 30px;
    padding-right: 30px;
}

.greycolor {
    background: #eee;
}

#strikethru {
    text-decoration: line-through;
}

.col-lg-12.page-header.text-center.orange-text {
}

.row.centered.main-row .row .col-lg-12.page-header.text-center.orange-text {
}

#style-header {
    font-size: 3em;
}

.green-#05dd05 {
    color: #05DD05;
}

li h3 strong {
}

.m-top-0 {
    margin-top: 0 !important;
}

.m-top-5 {
    margin-top: 5px;
}

.m-top-10 {
    margin-top: 10px;
}

.m-top-15 {
    margin-top: 15px;
}

.m-top-20 {
    margin-top: 20px;
}

.m-top-25 {
    margin-top: 25px;
}

.m-top-30 {
    margin-top: 30px;
}

.m-top-35 {
    margin-top: 35px;
}

.m-top-40 {
    margin-top: 40px;
}

.m-top-50 {
    margin-top: 50px;
}

.m-top-80 {
    margin-top: 80px;
}

.m-top-100 {
    margin-top: 100px;
}
/*margin bottom*/

.m-bot-0 {
    margin-bottom: 0 !important;
}

.m-bot-10 {
    margin-bottom: 10px;
}

.m-bot-15 {
    margin-bottom: 15px;
}

.m-bot-20 {
    margin-bottom: 20px;
}

.m-bot-25 {
    margin-bottom: 25px;
}

.m-bot-30 {
    margin-bottom: 30px;
}

.m-bot-35 {
    margin-bottom: 35px;
}

.m-bot-40 {
    margin-bottom: 40px;
}

.m-bot-50 {
    margin-bottom: 50px;
}

.m-bot-80 {
    margin-bottom: 80px;
}

.m-bot-100 {
    margin-bottom: 100px;
}

.m-left-10 {
    margin-left: 20px;
}
/*padding top*/

.p-top-0 {
    padding-top: 0 !important;
}

.p-top-10 {
    padding-top: 10px;
}

.p-top-15 {
    padding-top: 15px;
}

.p-top-20 {
    padding-top: 20px;
}

.p-top-25 {
    padding-top: 25px;
}

.p-top-30 {
    padding-top: 30px;
}

.p-top-35 {
    padding-top: 35px;
}

.p-top-40 {
    padding-top: 40px;
}

.p-top-50 {
    padding-top: 50px;
}

.p-top-80 {
    padding-top: 80px;
}

.p-top-100 {
    padding-top: 100px;
}

.p-tb-10 {
    padding: 10px 0;
}

.p-tb-20 {
    padding: 20px 0;
}

.p-tb-30 {
    padding: 30px 0;
}

.p-tb-50 {
    padding: 50px 0;
}

.p-tb-100 {
    padding: 100px 0;
}

.p-tb-150 {
    padding: 150px 0;
}

.p-tb-200 {
    padding: 200px 0;
}

.p-top-0 {
    padding-top: 0 !important;
}

.p-bot-0 {
    padding-bottom: 0 !important;
}

.p-bot-100 {
    padding-bottom: 100px !important;
}

.p-bot-80 {
    padding-bottom: 80px !important;
}

.p-bot-30 {
    padding-bottom: 30px !important;
}

.p-bot-20 {
    padding-bottom: 20px !important;
}

.p-left-5 {
    padding-left: 5px;
    !important;
}

.p-left-10 {
    padding-left: 10px;
    !important;
}

.p-left-15 {
    padding-left: 15px;
    !important;
}

.p-left-20 {
    padding-left: 20px;
    !important;
}

.p-left-25 {
    padding-left: 25px;
    !important;
}

.p-left-35 {
    padding-left: 35px;
    !important;
}

.p-right-5 {
    padding-right: 5px;
    !important;
}

.p-right-10 {
    padding-right: 10px;
    !important;
}

.p-right-15 {
    padding-right: 15px;
    !important;
}

.disable_hand_pointer {
    cursor: default;
}

.enable_hand_pointer {
    cursor: pointer;
}

.caption-headline {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
    padding: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.caption-explainer-store {
    font-size: 14px;
    text-align: left;
    margin-bottom: 5px;
    max-height: 245px;
    overflow: hidden;
    max-height: 245px;
    overflow: hidden;
}

.boxoverlay-left, .boxoverlay-right, .boxoverlay {
    display: none;
    padding: 20px 0px;
    color: #fff;
    max-width: 300px;
    z-index: 5 !important;
}

.boxoverlay-left {
    position: absolute;
    top: 100px;
}

.boxoverlay-right {
    position: absolute;
    right: 145px;
    top: 100px;
}

.clearbottom {
    padding-bottom: 20px;
}

.boxdisplay {
    min-height: 422px;
    position: relative;
}

.force-bottom {
    position: absolute;
    bottom: 0px;
}

hr.partition {
    border-top: 1px solid #333;
    margin-bottom: 30px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #831717;
    border-color: #831717;
}

.rpmtooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.btn-dark {
    color: #ffffff;
    background-color: #595c66;
    border-color: #595c66;
}

.btn-red {
    color: #fff;
    background-color: #cc0000;
    border-color: #cc0000;
}

.red-text {
    color: #cc0000;
    margin-bottom: -10px;
    text-transform: uppercase;
}

.instructor-name-video {
    border: 3px solid #666;
    padding: 3px 20px;
    display: inline-block;
    margin-left: -5px;
}

.instructor-word-video {
    border: 3px solid #666;
    background-color: #666;
    padding: 3px 20px;
    display: inline-block;
    color: #fff;
}
/* NEW STYLES ROB 2-10-18 */

.p-both-sides {
    padding: 0px 50px !important;
}

.p-both-sides2 {
    padding: 0px 20px !important;
}

.p-right-50 {
    padding: 0px 50px 0px 0px !important;
}

.p-both-sides-border-right {
    padding: 0px 50px !important;
    border-right: 1px solid #bfc2c9 !important;
}

.form-control {
    font-size: 15px;
}
/* NEW STYLES JEFF 2-10-18 */
.main-row-end {
    background-color: #fff;
    border: 1px solid #babbbd;
    padding: 15px 0px 50px;
    margin-bottom: 50px;
}

.slick-prev, .slick-next {
    width: 40px;
    height: 50px;
}

.centered-object-mobile {
    text-align:;
}

.fixed-1500 {
    max-width: 1500px;
}

.pdf-headline {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*=====================================================



=            Bootstrap 2.3.2 Media Queries            =



=====================================================*/



@media (min-width:979px) {
    .rwd-table th {
        padding: 1.05em !important;
    }

    .rwd-table th, .rwd-table td {
        display: table-cell;
    }

        .rwd-table th:first-child, .rwd-table td:first-child {
            padding-left: 0;
        }

        .rwd-table th:last-child, .rwd-table td:last-child {
            padding-right: 0;
        }

        .rwd-table td:before {
            display: none;
        }
}

@media only screen and (max-width : 1400px) {
    .navbar-fixed-bottom {
        position: relative;
    }
}

@media only screen and (max-width : 1200px) {
    .subnav a img {
        max-height: 40px;
    }

    .rwd-table th {
        padding: 0 0.8em !important;
        line-height: 18px;
    }

    .top_table_icons li:first-child {
        width: 19%;
    }

    .top_table_icons .second {
        width: 28.5%;
    }

    .top_table_icons .third {
        width: 29%;
    }

    .top_table_icons .fourth {
        width: 18%;
    }
}

@media only screen and (max-width : 979px) {
    .top_table_icons li {
        text-align: center;
    }

    .progressbarinfo li {
        font-size: 12px;
    }

    .entrlmobile {
        background: #fb581f;
    }

    .marketplmobile {
        background: #abc30d;
    }

    .ecommobile {
        background: #079759;
    }

    .marketplmobile {
        display: block !important;
    }

    .main_members_stats_table .entrlmobile {
        display: block !important;
    }

    .member_stats_table li:first-child {
        width: 1.4%;
    }

    .member_stats_table .fourth {
        width: 23%;
    }

    .main_members_stats_table li:first-child {
        width: 1%;
    }

    .main_members_stats_table .second {
        width: 32%;
    }

    .top_table_icons .third {
        width: 32%;
    }

    .main_members_stats_table .fourth {
        width: 32%;
    }

    .table_style table td {
        float: left
    }

    .hidemobile {
        display: none;
    }

    .toggleBox {
        width: 100%;
        background: #efefef;
        padding: 10px 0;
    }

        .toggleBox:last-child .hideBox {
            border: none;
        }

        .toggleBox .togLink {
            font-weight: bold;
        }
}

@media only screen and (max-width : 769px) {
    .subnav a img {
        max-height: 30px;
    }

    #nav_list {
        display: block;
    }

    .restable {
        border: 0;
    }

        .restable thead {
            display: none;
        }

        .restable tr {
            margin-bottom: 40px;
            display: inline-block;
            width: 100%;
            border: solid 1px #eee;
        }

            .restable tr:after {
                content: "";
                display: .restable;
                clear: both;
            }

            .restable tr:before {
                display: block;
                border-bottom: 2px solid #ddd;
            }

        .restable td {
            box-sizing: border-box;
            display: block;
            float: left;
            clear: left;
            width: 100%;
            text-align: right;
            font-size: 13px;
            border-bottom: 1px dotted #ccc;
        }

            .restable td:last-child {
                border-bottom: 0;
            }

            .restable td:before {
                content: attr(data-label);
                float: left;
                text-transform: uppercase;
                font-weight: bold;
            }
}

@media only screen and (max-width : 480px) {
    .progressbarinfo {
        display: none;
    }

    .mobilebarinfo {
        display: block !important;
    }

    .progressbarinfo .smallinfo {
        width: 21%;
    }

    .progressbarinfo li {
        width: 9%;
    }

    .mr-auto {
        display: block;
    }

    .navbar-brand img {
        max-width: 80%;
    }

    .subnav {
        display: none;
    }

    .p-both-sides {
        padding: 0px 30px !important;
    }

    .centered-object-mobile {
        text-align: center;
    }

    .p-left-35 {
        padding-left: 35px;
        !important;
    }
}

@media only screen and (max-width : 325px) {
    .navbar-brand {
        max-width: 80%;
    }

        .navbar-brand img {
            max-width: 100%;
        }

    .saleslist ul li {
        padding-left: 0em;
        line-height: 70px;
        list-style-type: none;
        margin-right: 0px;
    }

    .p-both-sides {
        padding: 0px 10px !important;
    }

    .centered-object-mobile {
        text-align: center;
    }

    .p-left-35 {
        padding-left: 0px;
        !important;
    }
}

label.btn span {
    font-size: 1.5em;
}

label input[type="radio"] ~ i.fa.fa-dot-circle-o {
    display: none;
}

label input[type="radio"]:checked ~ i.fa.fa-circle-o {
    display: none;
}

div[data-toggle="buttons"] label {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 2em;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0px solid #c8c8c8;
    border-radius: 3px;
    color: #6a7486;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/*herenow*/
/* start new styles*/
.hide-radio {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.m-top-10 {
    margin-top: 10px;
}

.m-top-20 {
    margin-top: 20px;
}

.m-bot-30 {
    margin-bottom: 30px;
}

.overwrite-form-height {
    height: 100px;
}
/* end new styles*/

/* these styles already exist in various style sheets - MAY NEED TO BE REPLACED MANUALLY*/
.orangetext {
    color: #007bff;
}

.heaadercolor {
    background-color: #138ecd;
    padding: 5px 10px;
    color: #fff;
}

label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
    color: #007bff;
    display: inline;
}

label:hover input[type="radio"] ~ i.fa {
    color: #007bff;
}

label input[type="checkbox"] ~ i.fa.fa-square-o {
    color: #c8c8c8;
    display: inline;
}

label input[type="checkbox"] ~ i.fa.fa-check-square-o {
    display: none;
}

label input[type="checkbox"]:checked ~ i.fa.fa-square-o {
    display: none;
}

label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o {
    color: #007bff;
    display: inline;
}

label:hover input[type="checkbox"] ~ i.fa {
    color: #007bff;
}

div[data-toggle="buttons"] label.active {
    color: #007bff;
}

.btn-primary {
    color: #fff;
    background-color: #138ecd;
    border-color: #138ecd;
}


label.btn span:hover {
    color: #007bff;
}
/* end these styles already exist in various style sheets*/
div[data-toggle="buttons"] label.active {
    color: #007bff;
}

div[data-toggle="buttons"] label {
    font-weight: bold;
}

    div[data-toggle="buttons"] label:hover {
        color: #007bff;
    }

.incorrect {
    color: red !important;
}

.correct {
    color: green !important;
}

.even2 {
    background-color: #eaeaea;
}

/* Course Progress style start */
.radio {
    margin: -30px 0 30px 0;
}

.radio2 {
    margin: 0px 0 10px 0;
}

.radio .col-sm-2 {
    -ms-flex: 0 0 13%;
    flex: 0 0 13%;
    max-width: 13%;
}

.couseProgressDiv {
    border: 2px solid rgba(35,85,160,0.20);
    border-top: none;
    margin: 0 0 40px 0;
    padding: 0;
    width: 100%;
}

    .couseProgressDiv .headerTextDiv {
        background: url(Images/header-text_bg.png) repeat-x 0 0;
        color: #fff;
        font: 600 36px/78px 'Open Sans', sans-serif;
        margin: 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }

    .couseProgressDiv .whiteBgDiv {
        background: #fff;
        margin: 0;
        padding: 42px 53px 0;
        width: 100%;
    }

        .couseProgressDiv .whiteBgDiv h1 {
            color: #34363c;
            font: 600 36px 'Open Sans', sans-serif;
            margin: 0 0 28px;
            text-align: center;
        }

        .couseProgressDiv .whiteBgDiv .tableDiv {
            margin: 0 0 44px;
            padding: 0;
            width: 100%;
        }

            .couseProgressDiv .whiteBgDiv .tableDiv .table {
                border: 2px solid rgba(35,85,160,0.20);
                border-collapse: collapse;
                width: 100%;
            }

                .couseProgressDiv .whiteBgDiv .tableDiv .table thead th {
                    border-bottom: none;
                    border-left: 2px solid rgba(35,85,160,0.12);
                    color: #111111;
                    font: 400 17px 'Open Sans', sans-serif;
                    padding: 11px 15px 11px;
                    text-align: left;
                    vertical-align: middle;
                    font-weight: 500;
                }

                    .couseProgressDiv .whiteBgDiv .tableDiv .table thead th:first-child {
                        border-left: none;
                    }

                .couseProgressDiv .whiteBgDiv .tableDiv .table tbody tr:nth-child(odd) {
                    background-color: #edf3fd;
                }

                .couseProgressDiv .whiteBgDiv .tableDiv .table tbody td {
                    border-left: 2px solid rgba(35,85,160,0.12);
                    border-top: none;
                    color: #34363c;
                    font: 400 15px 'Open Sans', sans-serif;
                    padding: 11px 15px 9px;
                    text-align: left;
                    vertical-align: middle;
                }

                    .couseProgressDiv .whiteBgDiv .tableDiv .table tbody td:first-child {
                        border-left: none;
                    }

                    .couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progressDiv {
                        margin: 0;
                        padding: 0;
                        width: 100%;
                    }

.chapterLength {
    min-width: 112px;
    text-align: right;
}

.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progressDiv .playButton {
    background: #fff;
    border: 2px solid rgba(35,85,160,0.20);
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 0 22px 0 20px;
    vertical-align: middle;
}

    .couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progressDiv .playButton span {
        background: url(Images/play-button.png) no-repeat 0 7px;
        color: #275dae;
        display: block;
        font: 300 13px/28px 'Open Sans', sans-serif;
        padding: 0 0 0 21px;
    }
/*.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progressDiv .progress { background: #d5ddeb; border-radius: 10px; float: right; height: 10px; margin: 20px 0 0 0; vertical-align: middle; width: 127px; }
.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progressDiv .progress .progress-bar { background: #2355a0; border-radius: 10px; }*/
.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progress {
    background: #d5ddeb;
    border-radius: 10px;
    height: 10px;
    margin: 0;
    vertical-align: middle;
    width: 100%;
}

    .couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progress .progress-bar {
        background: #2355a0;
        border-radius: 10px;
    }

.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .pass {
    background: #add8b2;
    border: none;
    border-radius: 15px;
    color: #fff;
    font: 400 14px/32px 'Open Sans', sans-serif;
    padding: 0;
    width: 98px;
}

.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .fail {
    background: #ffd0d0;
    border: none;
    border-radius: 15px;
    color: #da7676;
    font: 400 14px/32px 'Open Sans', sans-serif;
    padding: 0;
    width: 98px;
}

.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .test {
    background: #cbdef9;
    border: none;
    border-radius: 15px;
    color: #93a3c0;
    font: 400 14px/32px 'Open Sans', sans-serif;
    padding: 0;
    width: 98px;
}

.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .retakeBlue {
    background: url(Images/retake_blue_bg.png) repeat-x 0 0;
    border: none;
    border-radius: 15px;
    font: 400 14px/32px 'Open Sans', sans-serif;
    padding: 0;
    width: 144px;
}

.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .retakeGreen {
    background: #add8b2;
    border: none;
    border-radius: 15px;
    font: 400 14px/32px 'Open Sans', sans-serif;
    padding: 0;
    text-transform: uppercase;
    width: 144px;
}

.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td:last-child .pass {
    background: #add8b2;
    border: none;
    border-radius: 15px;
    font: 400 14px/32px 'Open Sans', sans-serif;
    padding: 0;
    width: 144px;
}

.couseProgressDiv .whiteBgDiv .progressDiv2 { /*background: #edf3fd;*/
    margin: 0 auto 40px; /*padding: 9px 9px 3px 11px;*/
    width: 60%;
}

    .couseProgressDiv .whiteBgDiv .progressDiv2 .progress {
        background: #d5ddeb;
        border-radius: 10px;
        height: 13px;
        width: 100%;
    }

        .couseProgressDiv .whiteBgDiv .progressDiv2 .progress .progress-bar {
            background: #2355a0;
            border-radius: 10px;
        }

    .couseProgressDiv .whiteBgDiv .progressDiv2 .progDiv {
        background: #d5ddeb;
        border-radius: 5px;
        display: inline-block;
        height: 24px;
        margin: 0 0.5% 0 0;
        width: 4%;
    }

        .couseProgressDiv .whiteBgDiv .progressDiv2 .progDiv.active {
            background: #22539b;
        }

.couseProgressDiv .whiteBgDiv .bottomResult {
    margin: 0;
    padding: 0 113px 50px 113px;
    width: 100%;
}

    .couseProgressDiv .whiteBgDiv .bottomResult .col-sm-4 {
        display: inline-block;
        vertical-align: top;
        width: 33%;
    }

    .couseProgressDiv .whiteBgDiv .bottomResult .percentResult .blueDiv {
        background: #22539b;
        border-radius: 15px;
        height: 165px;
        margin: 0;
        padding: 18px 0 0;
        text-align: center;
        width: 100%;
    }

        .couseProgressDiv .whiteBgDiv .bottomResult .percentResult .blueDiv h1 {
            color: #fff;
            font: 700 80px 'Roboto Condensed', sans-serif;
            margin: 0 0 0;
        }

        .couseProgressDiv .whiteBgDiv .bottomResult .percentResult .blueDiv span {
            color: #fff;
            font: 400 14px 'Open Sans', sans-serif;
            text-transform: uppercase;
        }

    .couseProgressDiv .whiteBgDiv .bottomResult .finalResult .whiteDiv {
        background: #fff;
        border-radius: 15px;
        border: 1px solid #d6deed;
        height: 165px;
        margin: 0;
        padding: 18px 0 0;
        text-align: center;
        width: 100%;
    }

        .couseProgressDiv .whiteBgDiv .bottomResult .finalResult .whiteDiv h1 {
            color: #22539b;
            font: 700 80px 'Roboto Condensed', sans-serif;
            margin: 0 0 0;
        }

        .couseProgressDiv .whiteBgDiv .bottomResult .finalResult .whiteDiv span {
            color: #8d8d8d;
            display: block;
            font: 400 14px 'Open Sans', sans-serif;
            margin: 0 0 0px;
            text-transform: uppercase;
        }

    .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv {
        background: #fff;
        border-radius: 15px;
        border: 1px solid #d6deed;
        height: 165px;
        margin: 0;
        padding: 18px 0 0;
        text-align: center;
        width: 100%;
    }

        .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv span {
            color: #8d8d8d;
            display: block;
            font: 400 14px 'Open Sans', sans-serif;
            margin: 0 0 20px;
            text-transform: uppercase;
        }

        .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul {
            list-style: none;
            margin: 0;
            padding: 0 20px;
            width: 100%;
        }

            .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li {
                display: inline-block;
                margin: 0 0 10px;
                padding: 0 8px 0;
                width: 49%;
            }

                .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li .test {
                    background: #cbdef9;
                    border: 1px solid #cbdef9;
                    border-radius: 20px;
                    color: #94a3bc;
                    font: 400 14px/38px 'Open Sans', sans-serif;
                    min-width: 110px;
                    padding: 0 10px;
                    width: auto;
                }

                .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li .score {
                    background: #fff;
                    border: 1px solid #d6deed;
                    border-radius: 20px;
                    color: #8d8d8d;
                    font: 400 14px/38px 'Open Sans', sans-serif;
                    min-width: 110px;
                    padding: 0 10px;
                    width: auto;
                }

                .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li .retake {
                    background: #265aa9;
                    border: 1px solid #265aa9;
                    border-radius: 20px;
                    color: #fff;
                    font: 400 14px/38px 'Open Sans', sans-serif;
                    min-width: 110px;
                    padding: 0 10px;
                    width: auto;
                }

/* 30.10.2018 start A*/
.topwhiteDiv {
    background: #fff;
    margin: 0;
    padding: 80px 0 50px 0;
    width: 100%;
}

    .topwhiteDiv h2 {
        color: #333539;
        font: 700 40px 'Roboto Condensed', sans-serif;
        margin: 0 0 20px 0;
    }

        .topwhiteDiv h2:after {
            display: none;
        }

    .topwhiteDiv p {
        color: #7e7e7e;
        font: 400 15px/26px 'Open Sans', sans-serif;
        max-width: 960px;
        margin: 0 0 30px 0;
    }

.middleBluediv {
    background: #edf3fd;
    margin: 242px 0 0 0;
    padding: 0 0 30px 0;
    text-align: center;
    width: 100%;
}

    .middleBluediv h2 {
        color: #333539;
        font: 700 40px 'Roboto Condensed', sans-serif;
        margin: 0 55px 60px 55px;
        text-transform: uppercase;
    }

        .middleBluediv h2:after {
            display: none;
        }

    .middleBluediv .newVideoDiv {
        height: auto;
        margin: -242px auto 50px auto;
        max-width: 960px;
        width: 100%;
    }

    .middleBluediv p {
        color: #7e7e7e;
        font: 400 15px/26px 'Open Sans', sans-serif;
        max-width: 960px;
        margin: 0 auto 30px auto;
    }

    .middleBluediv .bottomMargin {
        margin-bottom: 30px;
    }

.bottomWhite {
    background: #fff;
    margin: 0;
    padding: 60px 0 0 0;
    text-align: center;
    width: 100%;
}

    .bottomWhite h2 {
        color: #333539;
        font: 700 40px 'Roboto Condensed', sans-serif;
        margin: 0 20px 60px 20px;
        text-transform: uppercase;
    }

        .bottomWhite h2:after {
            display: none;
        }

    .bottomWhite h3 {
        color: #ec5020;
        font: 700 56px 'Roboto Condensed', sans-serif;
        margin: 60px 0 50px 0;
        text-transform: uppercase;
    }

    .bottomWhite h4 {
        color: #275dae;
        font: 700 30px 'Roboto Condensed', sans-serif;
        margin: 0 0 0 0;
        text-transform: uppercase;
    }

    .bottomWhite h5 {
        color: #7e7e7e;
        font: 400 20px/26px 'Open Sans', sans-serif;
        margin: 0 0 30px 0;
    }

    .bottomWhite .fbButton {
        background: url(Images/facebook-button.png) no-repeat 0 0;
        color: #fff;
        display: inline-block;
        height: 75px;
        line-height: 75px;
        margin: 0 0 40px 0;
        text-indent: -999em;
        width: 365px;
    }

    .bottomWhite p {
        color: #7e7e7e;
        font: 400 15px/26px 'Open Sans', sans-serif;
        max-width: 960px;
        margin: 0 auto 30px auto;
    }

        .bottomWhite p span {
            color: #275dae;
            text-decoration: underline;
        }

    .bottomWhite .borderDiv {
        border-top: 1px solid #ddd;
        margin: 20px 0 0 0;
        padding: 70px 0 0 0;
        text-align: left;
        width: 100%;
    }

        .bottomWhite .borderDiv h6 {
            color: #333539;
            font: 700 15px 'Open Sans', sans-serif;
            margin: 0 0 5px 0;
        }

        .bottomWhite .borderDiv p {
            margin: 0 0 30px 0;
            max-width: 100%;
        }
/* 30.10.2018 end */

/* player-controller style start */
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
}

#playerButtons {
    background: #1e1d1b;
    float: left;
    margin: 0;
    padding: 11px 0 23px 0;
    width: 100%;
}

    #playerButtons .playerController {
        background: transparent;
        float: left;
        margin: 10px 0 0 0px;
        padding: 2px 2px 3px;
    }

        #playerButtons .playerController .playerController2 {
            background: url(Images/controller_gradiant.png) repeat-x 0 0;
            border-radius: 20px;
            box-shadow: inset 0 1px 1px rgba(255,255,255,0.20);
            height: 34px;
            padding: 8px 10px 8px 10px;
            white-space: nowrap !important;
        }

            #playerButtons .playerController .playerController2 #button_fbw {
                background: url(Images/fbw-icon.png) no-repeat center;
                border: none;
                border-radius: 0;
                height: 18px;
                margin: -20px 0 0 0;
                padding: 0;
                width: 25px;
            }

                #playerButtons .playerController .playerController2 #button_fbw:focus {
                    box-shadow: none;
                    outline: none;
                }

            #playerButtons .playerController .playerController2 #button_bw {
                background: url(Images/bw-icon.png) no-repeat center;
                border: none;
                border-radius: 0;
                height: 18px;
                margin: -20px 0 0 0;
                padding: 0;
                width: 25px;
            }

                #playerButtons .playerController .playerController2 #button_bw:focus {
                    box-shadow: none;
                    outline: none;
                }

            #playerButtons .playerController .playerController2 #button_play {
                background: url(Images/play_btn_bg.png) no-repeat 0 0;
                border: none;
                border-radius: 0;
                height: 56px;
                margin: -15px 0 0 0;
                padding: 0;
                width: 55px;
            }

                #playerButtons .playerController .playerController2 #button_play span {
                    background: url(Images/play-icon.png) no-repeat center 15px;
                    cursor: pointer;
                    display: block;
                    height: 56px;
                    width: 55px;
                }

                #playerButtons .playerController .playerController2 #button_play:focus {
                    box-shadow: none;
                    outline: none;
                }

            #playerButtons .playerController .playerController2 #button_stop {
                background: url(Images/play_btn_bg.png) no-repeat 0 0;
                border: none;
                border-radius: 0;
                height: 56px;
                margin: -15px 0 0 0;
                padding: 0;
                width: 55px;
            }

                #playerButtons .playerController .playerController2 #button_stop span {
                    background: url(Images/stop-icon.png) no-repeat 16px 14px;
                    cursor: pointer;
                    display: block;
                    height: 56px;
                    width: 55px;
                }

                #playerButtons .playerController .playerController2 #button_stop:focus {
                    box-shadow: none;
                    outline: none;
                }

            #playerButtons .playerController .playerController2 #button_fw {
                background: url(Images/fw-icon.png) no-repeat center;
                border: none;
                border-radius: 0;
                height: 18px;
                margin: -20px 0 0 0;
                padding: 0;
                width: 25px;
            }

                #playerButtons .playerController .playerController2 #button_fw:focus {
                    box-shadow: none;
                    outline: none;
                }

            #playerButtons .playerController .playerController2 #button_ffw {
                background: url(Images/ffw-icon.png) no-repeat center;
                border: none;
                border-radius: 0;
                height: 18px;
                margin: -20px 0 0 0;
                padding: 0;
                width: 25px;
            }

                #playerButtons .playerController .playerController2 #button_ffw:focus {
                    box-shadow: none;
                    outline: none;
                }

    #playerButtons .switchButton {
        /*background: url(Images/switch_video.png) no-repeat 0 0;*/
        border: none;
        border-radius: 0;
        height: 38px;
        margin: 10px 0 0 0;
        text-indent: -999em;
        width: 197px;
    }

        #playerButtons .switchButton:focus {
            box-shadow: none;
            outline: none;
        }

    #playerButtons .valueNumnber {
        margin: 12px 25px 0 31px;
    }

        #playerButtons .valueNumnber .stepper {
            border-radius: 0;
            height: 33px;
            margin: 0;
            width: 144px;
        }

            #playerButtons .valueNumnber .stepper #valueNumnber {
                background: url(Images/input_bg.png) no-repeat 0 0;
                border: none;
                border-radius: 0;
                color: #9da0a7;
                font: 400 14px/28px 'Open Sans', sans-serif;
                height: 28px;
                margin: 2px 0 0 37px;
                padding: 0 21px 0 21px;
                width: 70px;
            }

            #playerButtons .valueNumnber .stepper .stepper-arrow.down {
                background: url(Images/arrow-down_bg.png) no-repeat 0 0;
                border: none;
                position: absolute;
                height: 33px;
                left: 0;
                top: 0;
                width: 33px;
            }

            #playerButtons .valueNumnber .stepper .stepper-arrow.up {
                background: url(Images/arrow-up_bg.png) no-repeat 0 0;
                border: none;
                position: absolute;
                height: 33px;
                right: 0;
                top: 0;
                width: 33px;
            }

    #playerButtons #button_volume {
        background: url(Images/volume_bg.png) no-repeat 0 0;
        border: none;
        border-radius: 0;
        float: right;
        height: 33px;
        margin: 13px 0 0 0;
        padding: 0;
        vertical-align: middle;
        width: 33px;
    }

        #playerButtons #button_volume span {
            background: url(Images/volume-icon.png) no-repeat 7px 7px;
            cursor: pointer;
            display: block;
            height: 33px;
            width: 33px;
        }

        #playerButtons #button_volume.mute span {
            background: url(Images/mute-icon.png) no-repeat 6px 5px;
        }

    #playerButtons .sound {
        background: url(Images/volume_bg.png) no-repeat 0 0;
        border: none;
        border-radius: 0;
        height: 33px;
        margin: 13px 0 0 8;
        padding: 0;
        vertical-align: middle;
        width: 33px;
    }

        #playerButtons .sound span {
            background: url(Images/volume-icon.png) no-repeat 7px 7px;
            cursor: pointer;
            display: block;
            height: 33px;
            width: 33px;
        }

        #playerButtons .sound.muted span {
            background: url(Images/mute-icon.png) no-repeat 6px 5px;
        }

        #playerButtons .sound:focus {
            box-shadow: none;
            outline: none;
        }

        #playerButtons .sound.sound2 span {
            background: url(Images/mute-icon.png) no-repeat 6px 5px;
        }

    #playerButtons .volume {
        background: #333745;
        border-radius: 8px;
        cursor: pointer;
        height: 9px;
        margin: 25px 0px 0 2px;
        position: relative;
        width: 64px;
    }

        #playerButtons .volume .volumeBar {
            background: #59ba74;
            border-radius: 8px;
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            z-index: 10;
        }

.videoSlider {
    background: #333745;
    border-radius: 8px;
    cursor: pointer;
    height: 9px;
    position: relative;
    width: 100%;
}

.videoSliderBar {
    background: #265BAA;
    border-radius: 8px;
    display: block;
    height: 100%;
    left: 0;
    min-width: 1%;
    position: absolute;
    top: 0;
    width: 1%;
    z-index: 10;
}

#playerButtons2 {
    background: #1e1d1b;
    float: left;
    margin: 0;
    padding: 11px 0 23px 0;
    width: 100%;
}

    #playerButtons2 .playerController {
        background: #161616;
        border-radius: 20px;
        box-shadow: inset 0 -1px 1px rgba(255,255,255,0.30);
        float: left;
        margin: 10px 0 0 10px;
        padding: 2px 2px 3px;
    }

        #playerButtons2 .playerController .playerController2 {
            background: url(Images/controller_gradiant.png) repeat-x 0 0;
            border-radius: 20px;
            box-shadow: inset 0 1px 1px rgba(255,255,255,0.20);
            float: left;
            height: 34px;
            padding: 8px 10px 8px 10px;
        }

            #playerButtons2 .playerController .playerController2 #button_fbw2 {
                background: url(Images/fbw-icon.png) no-repeat center;
                border: none;
                border-radius: 0;
                float: left;
                height: 18px;
                margin: 0;
                padding: 0;
                vertical-align: middle;
                width: 30px;
            }

                #playerButtons2 .playerController .playerController2 #button_fbw2:focus {
                    box-shadow: none;
                    outline: none;
                }

            #playerButtons2 .playerController .playerController2 #button_bw2 {
                background: url(Images/bw-icon.png) no-repeat center;
                border: none;
                border-radius: 0;
                float: left;
                height: 18px;
                margin: 0;
                padding: 0;
                vertical-align: middle;
                width: 30px;
            }

                #playerButtons2 .playerController .playerController2 #button_bw2:focus {
                    box-shadow: none;
                    outline: none;
                }

            #playerButtons2 .playerController .playerController2 #button_play2 {
                background: url(Images/play_btn_bg.png) no-repeat 0 0;
                border: none;
                border-radius: 0;
                float: left;
                height: 56px;
                margin: -15px 0 0 0;
                padding: 0;
                vertical-align: middle;
                width: 55px;
            }

                #playerButtons2 .playerController .playerController2 #button_play2 span {
                    background: url(Images/play-icon.png) no-repeat center 15px;
                    cursor: pointer;
                    display: block;
                    height: 56px;
                    width: 55px;
                }

                #playerButtons2 .playerController .playerController2 #button_play2:focus {
                    box-shadow: none;
                    outline: none;
                }

            #playerButtons2 .playerController .playerController2 #button_stop2 {
                background: url(Images/play_btn_bg.png) no-repeat 0 0;
                border: none;
                border-radius: 0;
                float: left;
                height: 56px;
                margin: -15px 0 0 0;
                padding: 0;
                vertical-align: middle;
                width: 55px;
            }

                #playerButtons2 .playerController .playerController2 #button_stop2 span {
                    background: url(Images/stop-icon.png) no-repeat 16px 14px;
                    cursor: pointer;
                    display: block;
                    height: 56px;
                    width: 55px;
                }

                #playerButtons2 .playerController .playerController2 #button_stop2:focus {
                    box-shadow: none;
                    outline: none;
                }

            #playerButtons2 .playerController .playerController2 #button_fw2 {
                background: url(Images/fw-icon.png) no-repeat center;
                border: none;
                border-radius: 0;
                float: left;
                height: 18px;
                margin: 0;
                padding: 0;
                vertical-align: middle;
                width: 30px;
            }

                #playerButtons2 .playerController .playerController2 #button_fw2:focus {
                    box-shadow: none;
                    outline: none;
                }

            #playerButtons2 .playerController .playerController2 #button_ffw2 {
                background: url(Images/ffw-icon.png) no-repeat center;
                border: none;
                border-radius: 0;
                float: left;
                height: 18px;
                margin: 0;
                padding: 0;
                vertical-align: middle;
                width: 30px;
            }

                #playerButtons2 .playerController .playerController2 #button_ffw2:focus {
                    box-shadow: none;
                    outline: none;
                }

    #playerButtons2 .switchButton {
        background: url(Images/switch_video.png) no-repeat 0 0;
        border: none;
        border-radius: 0;
        clear: both;
        height: 38px;
        margin: 10px 10px 0 0;
        text-indent: -999em;
        width: 197px;
    }

        #playerButtons2 .switchButton:focus {
            box-shadow: none;
            outline: none;
        }

    #playerButtons2 .valueNumnber {
        float: right;
        margin: 12px 25px 0 31px;
    }

        #playerButtons2 .valueNumnber .stepper {
            border-radius: 0;
            height: 33px;
            margin: 0;
            width: 144px;
        }

            #playerButtons2 .valueNumnber .stepper #valueNumnber2 {
                background: url(Images/input_bg.png) no-repeat 0 0;
                border: none;
                border-radius: 0;
                color: #9da0a7;
                font: 400 14px/28px 'Open Sans', sans-serif;
                height: 28px;
                margin: 3px 0 0 37px;
                padding: 0 21px 0 21px;
                width: 70px;
            }

            #playerButtons2 .valueNumnber .stepper .stepper-arrow.down {
                background: url(Images/arrow-down_bg.png) no-repeat 0 0;
                border: none;
                position: absolute;
                height: 33px;
                left: 0;
                top: 0;
                width: 33px;
            }

            #playerButtons2 .valueNumnber .stepper .stepper-arrow.up {
                background: url(Images/arrow-up_bg.png) no-repeat 0 0;
                border: none;
                position: absolute;
                height: 33px;
                right: 0;
                top: 0;
                width: 33px;
            }

    #playerButtons2 #button_volume {
        background: url(Images/volume_bg.png) no-repeat 0 0;
        border: none;
        border-radius: 0;
        float: right;
        height: 33px;
        margin: 13px 0 0 0;
        padding: 0;
        vertical-align: middle;
        width: 33px;
    }

        #playerButtons2 #button_volume span {
            background: url(Images/volume-icon.png) no-repeat 7px 7px;
            cursor: pointer;
            display: block;
            height: 33px;
            width: 33px;
        }

        #playerButtons2 #button_volume.mute span {
            background: url(Images/mute-icon.png) no-repeat 6px 5px;
        }

    #playerButtons2 .sound {
        background: url(Images/volume_bg.png) no-repeat 0 0;
        border: none;
        border-radius: 0;
        float: right;
        height: 33px;
        margin: 13px 0 0 0;
        padding: 0;
        vertical-align: middle;
        width: 33px;
    }

        #playerButtons2 .sound span {
            background: url(Images/volume-icon.png) no-repeat 7px 7px;
            cursor: pointer;
            display: block;
            height: 33px;
            width: 33px;
        }

        #playerButtons2 .sound.muted span {
            background: url(Images/mute-icon.png) no-repeat 6px 5px;
        }

        #playerButtons2 .sound:focus {
            box-shadow: none;
            outline: none;
        }

        #playerButtons2 .sound.sound2 span {
            background: url(Images/mute-icon.png) no-repeat 6px 5px;
        }

    #playerButtons2 .volume {
        background: #2a2a2a;
        border-radius: 8px;
        cursor: pointer;
        float: right;
        height: 9px;
        margin: 25px 10px 0 10px;
        position: relative;
        width: 64px;
    }

        #playerButtons2 .volume .volumeBar {
            background: #eee;
            border-radius: 8px;
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            z-index: 10;
        }
/* player-controller style end */

/* video-page style start */
.customnavbar {
    background: #151414;
    width: 100%;
}

    .customnavbar .navMenu {
        margin: 0;
        padding: 12px 0 7px 12px;
    }

        .customnavbar .navMenu li {
            display: inline-block;
            margin: 0 26px 0 0;
        }

            .customnavbar .navMenu li a {
                color: #a6a6a6;
                display: block;
                font: 400 14px/14px 'Open Sans', sans-serif;
            }

        .customnavbar .navMenu .course a {
            background: url(Images/course-icon.png) no-repeat 0 0;
            padding: 0 0 0 24px;
        }

        .customnavbar .navMenu .changepassword a {
            background: url(Images/change-password.png) no-repeat 0 0;
            padding: 0 0 0 24px;
        }

        .customnavbar .navMenu .register a {
            background: url(Images/registration.png) no-repeat 0 0;
            padding: 0 0 0 24px;
        }

        .customnavbar .navMenu .broadcasting a {
            background: url(Images/broadcasting-icon.png) no-repeat 0 0;
            padding: 0 0 0 25px;
        }

        .customnavbar .navMenu .logout a {
            background: url(Images/logout-icon.png) no-repeat 0 0;
            padding: 0 0 0 22px;
        }

        .customnavbar .navMenu li a:hover {
            color: #eae9e9;
        }

        .customnavbar .navMenu .course a:hover {
            background: url(Images/course-icon.png) no-repeat 0 bottom;
        }

        .customnavbar .navMenu .zon a {
            background: url(Images/zon.png) no-repeat 0 0;
            padding: 0 0 0 24px;
        }

        .customnavbar .navMenu .zon a:hover {
            background: url(Images/zon.png) no-repeat 0 bottom;
        }

        .customnavbar .navMenu .hsm a {
            background: url(Images/hsm.png) no-repeat 0 0;
            padding: 0 0 0 24px;
        }

        .customnavbar .navMenu .hsm a:hover {
            background: url(Images/hsm.png) no-repeat 0 bottom;
        }

        .customnavbar .navMenu .changepassword a:hover {
            background: url(Images/change-password.png) no-repeat 0 bottom;
        }

        .customnavbar .navMenu .register a:hover {
            background: url(Images/registration.png) no-repeat 0 bottom;
        }

        .customnavbar .navMenu .broadcasting a:hover {
            background: url(Images/broadcasting-icon.png) no-repeat 0 bottom;
        }

        .customnavbar .navMenu .logout a:hover {
            background: url(Images/logout-icon.png) no-repeat 0 bottom;
        }

.sliderUi {
    background: url(Images/player_bar.png) repeat-x 0 0;
    border: none !important;
    border-radius: 0;
    height: 10px;
    margin: 0 !important;
}

    .sliderUi .ui-slider-handle {
        background: url(Images/player-progress_active.png) repeat-x 0 0;
        border: none;
        border-radius: 0;
        height: 10px;
        margin-left: 0;
        top: 0;
    }

#newNote {
    border: 2px solid rgba(35,85,160,0.20);
    color: #000;
    font: 400 14px 'Open Sans', sans-serif;
    height: 113px;
    margin: 0 0 21px 0;
    padding: 15px;
}

#notesSection2 {
    margin-bottom: 11px;
}

.customClass {
    border: 2px solid rgba(35,85,160,0.20);
}

#notesWrapper { /*border: 2px solid rgba(35,85,160,0.20);*/
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #notesWrapper #notesList {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        #notesWrapper #notesList .listText {
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%;
        }

            #notesWrapper #notesList .listText li {
                float: left;
                margin: 0;
                padding: 9px 24px 0 24px;
                width: 100%;
            }

                #notesWrapper #notesList .listText li:nth-child(odd) {
                    background: #f1f6ff;
                }

                #notesWrapper #notesList .listText li h3 {
                    background: url(Images/blue-tick.png) no-repeat 0 3px;
                    color: #535353;
                    font: 400 15px 'Open Sans', sans-serif;
                    margin: 0 0 11px 0;
                    padding: 0 0 0 28px;
                }

                #notesWrapper #notesList .listText li p {
                    color: #1f62c8;
                    font: 400 13px/20px 'Open Sans', sans-serif;
                    margin: 0 0 23px 0;
                    padding: 0 0 0 28px;
                }

                #notesWrapper #notesList .listText li .ansrDiv {
                    float: left;
                    margin: 0 0 21px 0;
                    padding: 0;
                    width: 100%;
                }

                    #notesWrapper #notesList .listText li .ansrDiv textarea {
                        border: 1px solid #d3ddec;
                        color: #adadad;
                        font: 400 14px 'Open Sans', sans-serif;
                        height: 60px;
                        margin: 0 0 10px 0;
                        padding: 12px 12px 12px 12px;
                    }

                    #notesWrapper #notesList .listText li .ansrDiv .btn {
                        background: url(Images/save_btn.png) repeat-x 0 0;
                        border: none;
                        border-radius: 20px;
                        font: 400 14px/38px 'Open Sans', sans-serif;
                        height: 38px;
                        padding: 0 26px 0 26px;
                    }

#newQuestion {
    border: 2px solid rgba(35,85,160,0.20);
    color: #adadad;
    font: 400 14px 'Open Sans', sans-serif;
    height: 61px;
}

#questionList {
    border: 2px solid rgba(35,85,160,0.20);
}

    #questionList .qstHeader {
        background: url(Images/video-qst_bg.png) repeat-x 0 0;
        color: #fff;
        font: 600 28px/68px 'Open Sans', sans-serif;
        margin: 0;
        padding: 0 0 0 23px;
        width: 100%;
    }

    #questionList ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        flex: 1;
        display: flex;
        flex-flow: column;
        max-height: 910px;
    }
	
	#questionList .collapse { display: block; }

        #questionList ul li {
            float: left;
            margin: 0;
            padding: 23px 13px 0 13px;
            width: 100%;
        }

            #questionList ul li:nth-child(even) {
                background: #f1f6ff;
            }

            #questionList ul li .leftLikeDiv {
                float: left;
                margin: 3px 0 23px 0;
                padding: 0;
                text-align: center;
                width: 18%;
            }

                #questionList ul li .leftLikeDiv .likeImgDiv {
                    background: url(Images/like-img.png) repeat-x 0 0;
                    height: 38px;
                    margin: 0 auto 2px auto;
                    padding: 0;
                    width: 37px;
                }

                #questionList ul li .leftLikeDiv .notLikeImgDiv {
                    background: url(Images/like-gray-img.png) repeat-x 0 0;
                    height: 38px;
                    margin: 0 auto 2px auto;
                    padding: 0;
                    width: 39px;
                }

                #questionList ul li .leftLikeDiv .noLkeDiv {
                    color: #535353;
                    font: 600 12px 'Open Sans', sans-serif;
                    margin: 0;
                    padding: 0;
                    width: 100%;
                }

            #questionList ul li .rghtLikeDiv {
                color: #393939;
                float: left;
                font: 400 14px/20px 'Open Sans', sans-serif;
                margin: 0 0 23px 0;
                padding: 0 0 0 24px;
                width: 82%;
            }
			
			#questionList ul li .rghtLikeDiv .answrDiv { background: #acd9b0; border: 1px solid #96b999; float: left; margin: 20px 0 0 0; padding: 10px 10px 10px 10px; position: relative; width: 100%; }
			#questionList ul li .rghtLikeDiv .answrDiv:after, #questionList ul li .rghtLikeDiv .answrDiv:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#questionList ul li .rghtLikeDiv .answrDiv:after {
	border-color: rgba(172, 217, 176, 0);
	border-bottom-color: #acd9b0;
	border-width: 10px;
	margin-left: -10px;
}
#questionList ul li .rghtLikeDiv .answrDiv:before {
	border-color: rgba(150, 185, 153, 0);
	border-bottom-color: #96b999;
	border-width: 11px;
	margin-left: -11px;
}

                #questionList ul li .rghtLikeDiv.notLikeText {
                    color: #696969;
                }

            #questionList ul li .ansrDiv {
                float: left;
                margin: 0 0 21px 0;
                padding: 0;
                width: 100%;
            }

                #questionList ul li .ansrDiv textarea {
                    border: 1px solid #d3ddec;
                    color: #adadad;
                    font: 400 14px 'Open Sans', sans-serif;
                    height: 46px;
                    margin: 0 0 10px 0;
                    padding: 12px 12px 12px 12px;
					width: 100%;
                }

                #questionList ul li .ansrDiv .btn {
                    background: url(Images/save_btn.png) repeat-x 0 0;
                    border: none;
                    border-radius: 20px;
                    font: 400 14px/38px 'Open Sans', sans-serif;
                    height: 38px;
                    padding: 0 26px 0 26px;
                }

#myModal {
    background: #fff;
    margin: 0 auto;
    padding-right: 0 !important;
    width: 1174px;
}

    #myModal .modal-dialog .modal-content {
        border: none;
    }

    #myModal .modal-dialog {
        max-width: 100%;
        width: 100%;
    }

        #myModal .modal-dialog .modal-header {
            background: none;
            border-bottom: none;
            border-radius: 0;
            padding: 5px 15px;
        }

        #myModal .modal-dialog .modal-body {
            background: none;
        }

            #myModal .modal-dialog .modal-body h1 {
                color: #4690cd;
                font: 700 32px 'Roboto Condensed', sans-serif;
                margin: 20px 0 0 0;
                text-transform: uppercase;
            }

            #myModal .modal-dialog .modal-body .countDiv {
                float: right;
                margin: -30px 0 0 0;
                padding: 0;
                position: relative;
                width: 226px;
            }

                #myModal .modal-dialog .modal-body .countDiv .wrap {
                    position: absolute;
                    bottom: 0;
                    top: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                    height: 61px;
                }

                #myModal .modal-dialog .modal-body .countDiv .countdown {
                    margin: 0 auto;
                    width: 226px;
                }

                    #myModal .modal-dialog .modal-body .countDiv .countdown .dividedDiv {
                        background: url(Images/count_divided.png) no-repeat 0 0;
                        float: left;
                        height: 17px;
                        margin: 32px 8px 0 0;
                        width: 6px;
                    }

                    #myModal .modal-dialog .modal-body .countDiv .countdown .bloc-time {
                        float: left;
                        margin-right: 8px;
                        text-align: center;
                    }

                        #myModal .modal-dialog .modal-body .countDiv .countdown .bloc-time:last-child {
                            margin-right: 0;
                        }

                    #myModal .modal-dialog .modal-body .countDiv .countdown .count-title {
                        display: block;
                        margin-bottom: 3px;
                        font: 400 13px 'Fjalla One', sans-serif;
                        color: #151414;
                    }

                    #myModal .modal-dialog .modal-body .countDiv .countdown .figure {
                        position: relative;
                        float: left;
                        height: 41px;
                        width: 27px;
                        margin-right: 4px;
                        background: url(Images/count-down_bg.png) repeat-x 0 0;
                        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.32);
                        border-radius: 4px; /*-moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);*/
                    }

                        #myModal .modal-dialog .modal-body .countDiv .countdown .figure:last-child {
                            margin-right: 0;
                        }

                        #myModal .modal-dialog .modal-body .countDiv .countdown .figure > span {
                            position: absolute;
                            left: 0;
                            right: 0;
                            margin: auto;
                            font: 400 32px/41px 'Fjalla One', sans-serif;
                            color: #f7f7f7;
                        }

                        #myModal .modal-dialog .modal-body .countDiv .countdown .figure .top:after, #myModal .modal-dialog .modal-body .countDiv .countdown .figure .bottom-back:after {
                            content: "";
                            position: absolute;
                            z-index: -1;
                            left: 0;
                            bottom: 0;
                            width: 100%;
                            height: 100%;
                            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                        }

                        #myModal .modal-dialog .modal-body .countDiv .countdown .figure .top {
                            z-index: 3; /*background: none;*/
                            background: url(Images/count-down_bg.png) repeat-x 0 0;
                            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.32);
                            transform-origin: 50% 100%;
                            -webkit-transform-origin: 50% 100%;
                            -moz-border-radius-topleft: 4px;
                            -webkit-border-top-left-radius: 4px;
                            border-top-left-radius: 4px;
                            -moz-border-radius-topright: 4px;
                            -webkit-border-top-right-radius: 4px;
                            border-top-right-radius: 4px;
                            -moz-transform: perspective(200px);
                            -ms-transform: perspective(200px);
                            -webkit-transform: perspective(200px);
                            transform: perspective(200px);
                        }

                        #myModal .modal-dialog .modal-body .countDiv .countdown .figure .bottom {
                            z-index: 1;
                        }

                            #myModal .modal-dialog .modal-body .countDiv .countdown .figure .bottom:before {
                                content: "";
                                position: absolute;
                                display: block;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 50%;
                                background-color: rgba(0, 0, 0, 0.02);
                            }

                        #myModal .modal-dialog .modal-body .countDiv .countdown .figure .bottom-back {
                            z-index: 2;
                            top: 0;
                            height: 50%;
                            overflow: hidden; /*background: none;*/
                            background: url(Images/count-down_bg.png) repeat-x 0 0;
                            -moz-border-radius-topleft: 4px;
                            -webkit-border-top-left-radius: 4px;
                            border-top-left-radius: 4px;
                            -moz-border-radius-topright: 4px;
                            -webkit-border-top-right-radius: 4px;
                            border-top-right-radius: 4px;
                        }

                            #myModal .modal-dialog .modal-body .countDiv .countdown .figure .bottom-back span {
                                position: absolute;
                                top: 0;
                                left: 0;
                                right: 0;
                                margin: auto;
                            }

                        #myModal .modal-dialog .modal-body .countDiv .countdown .figure .top, #myModal .modal-dialog .modal-body .countDiv .countdown .figure .top-back {
                            height: 50%;
                            overflow: hidden;
                            -moz-backface-visibility: hidden;
                            -webkit-backface-visibility: hidden;
                            backface-visibility: hidden;
                        }

                        #myModal .modal-dialog .modal-body .countDiv .countdown .figure .top-back {
                            z-index: 4;
                            bottom: 0;
                            background: url(Images/count-down_bg.png) repeat-x 0 0;
                            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.32);
                            -webkit-transform-origin: 50% 0;
                            transform-origin: 50% 0;
                            -moz-transform: perspective(200px) rotateX(180deg);
                            -ms-transform: perspective(200px) rotateX(180deg);
                            -webkit-transform: perspective(200px) rotateX(180deg);
                            transform: perspective(200px) rotateX(180deg);
                            -moz-border-radius-bottomleft: 4px;
                            -webkit-border-bottom-left-radius: 4px;
                            border-bottom-left-radius: 4px;
                            -moz-border-radius-bottomright: 4px;
                            -webkit-border-bottom-right-radius: 4px;
                            border-bottom-right-radius: 4px;
                        }

                            #myModal .modal-dialog .modal-body .countDiv .countdown .figure .top-back span {
                                position: absolute;
                                top: -100%;
                                left: 0;
                                right: 0;
                                margin: auto;
                            }

            #myModal .modal-dialog .modal-body .borderBox {
                border: 2px solid rgba(35,85,160,0.20);
                border-radius: 10px;
                margin: 15px 0 20px 0;
                padding: 40px 42px 20px 42px;
                text-align: left;
                width: 100%;
            }

                #myModal .modal-dialog .modal-body .borderBox h2 {
                    color: #000;
                    font: 400 24px 'Roboto Condensed', sans-serif;
                    margin: 0 0 20px 0;
                    text-align: left;
                }

                #myModal .modal-dialog .modal-body .borderBox .incorectSpan {
                    background: #ffd0d0;
                    border-radius: 15px;
                    color: #da7676;
                    display: inline-block;
                    font: 400 14px/32px 'Open Sans', sans-serif;
                    height: 32px;
                    margin: 0 0 20px 0;
                    padding: 0 29px;
                    text-transform: uppercase;
                }

                #myModal .modal-dialog .modal-body .borderBox .corectSpan {
                    background: url(Images/retake_blue_bg.png) repeat-x 0 0;
                    border-radius: 15px;
                    color: #fff;
                    display: inline-block;
                    font: 400 14px/32px 'Open Sans', sans-serif;
                    height: 32px;
                    margin: 0 0 20px 0;
                    padding: 0 29px;
                    text-transform: uppercase;
                }

                #myModal .modal-dialog .modal-body .borderBox ul {
                    list-style: none;
                    margin: 0 0 20px 0;
                    padding: 0;
                    width: 100%;
                }

                    #myModal .modal-dialog .modal-body .borderBox ul li {
                        display: block;
                        margin: 0 0 15px 0;
                        min-height: 25px;
                        padding: 0;
                        position: relative;
                        width: 100%;
                    }

                        #myModal .modal-dialog .modal-body .borderBox ul li input[type=radio] {
                            position: absolute;
                            visibility: hidden;
                        }

                        #myModal .modal-dialog .modal-body .borderBox ul li label {
                            color: #000;
                            cursor: pointer;
                            display: block;
                            font: 400 16px 'Open Sans', sans-serif;
                            height: auto;
                            margin: 0;
                            padding: 0 0 0 38px;
                            position: relative;
                            -webkit-transition: all 0.25s linear;
                            z-index: 9;
                        }

                        #myModal .modal-dialog .modal-body .borderBox ul li:hover label {
                            color: #000;
                        }

                        #myModal .modal-dialog .modal-body .borderBox ul li .check {
                            border: 2px solid rgba(35,85,160,0.20);
                            border-radius: 100%;
                            display: block;
                            height: 25px;
                            left: 0;
                            position: absolute;
                            top: 0;
                            transition: border .25s linear;
                            -webkit-transition: border .25s linear;
                            width: 25px;
                            z-index: 5;
                        }

                        #myModal .modal-dialog .modal-body .borderBox ul li:hover .check {
                            border: 2px solid rgba(35,85,160,0.20);
                        }

                        #myModal .modal-dialog .modal-body .borderBox ul li .check::before {
                            display: block;
                            position: absolute;
                            content: '';
                            border-radius: 100%;
                            height: 13px;
                            left: 4px;
                            margin: auto;
                            top: 4px;
                            transition: background 0.25s linear;
                            -webkit-transition: background 0.25s linear;
                            width: 13px;
                        }

                        #myModal .modal-dialog .modal-body .borderBox ul li input[type=radio]:checked ~ .check {
                            border: 2px solid #edc4c4;
                        }

                            #myModal .modal-dialog .modal-body .borderBox ul li input[type=radio]:checked ~ .check::before {
                                background: #fe9e9e;
                            }

                        #myModal .modal-dialog .modal-body .borderBox ul li input[type=radio]:checked ~ label {
                            color: #000;
                        }

                #myModal .modal-dialog .modal-body .borderBox .correctUl li input[type=radio]:checked ~ .check {
                    border: 2px solid #8ba5cd;
                }

                    #myModal .modal-dialog .modal-body .borderBox .correctUl li input[type=radio]:checked ~ .check::before {
                        background: #2a61b5;
                    }
/* video-page style end */


/* 23.10.2018 start */
/*#videoOne { float: left; width: 75%; flex: none; ms-flex: none; order: 0; }
#videoTwo { float: right; width: 25%; flex: none; ms-flex: none; order: 0; }
.testdiv2 { float: left; width: 100%; flex: none; ms-flex: none; order: 0; }*/
#videoTwo {
    margin-bottom: 0 !important;
}

#notesWrapper {
    min-height: 343px;
}

#videoOneFixedContent .fixed-1500 {
    padding-left: 0;
    padding-right: 0;
}

#videoTwoFixedContent .fixed-1500 {
    padding-left: 0;
    padding-right: 0;
}

/* 23.10.2018 end */

/* 25.10.2018 start */
#headerwrap #studentQuestionList {
    padding-top: 20px;
}

    #headerwrap #studentQuestionList h2 {
        background: none;
        color: #4690cd;
        font: 700 32px 'Roboto Condensed', sans-serif;
        margin: 30px 0 0 0;
        padding: 0;
        text-align: left;
        text-transform: uppercase;
    }

    #headerwrap #studentQuestionList .countDiv {
        float: right;
        margin: -30px 0 0 0;
        padding: 0;
        position: relative;
        width: 226px;
    }

        #headerwrap #studentQuestionList .countDiv .wrap {
            position: absolute;
            bottom: 0;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            height: 61px;
        }

        #headerwrap #studentQuestionList .countDiv .countdown {
            margin: 0 auto;
            width: 226px;
        }

            #headerwrap #studentQuestionList .countDiv .countdown .dividedDiv {
                background: url(Images/count_divided.png) no-repeat 0 0;
                float: left;
                height: 17px;
                margin: 32px 8px 0 0;
                width: 6px;
            }

            #headerwrap #studentQuestionList .countDiv .countdown .bloc-time {
                float: left;
                margin-right: 8px;
                text-align: center;
            }

                #headerwrap #studentQuestionList .countDiv .countdown .bloc-time:last-child {
                    margin-right: 0;
                }

            #headerwrap #studentQuestionList .countDiv .countdown .count-title {
                display: block;
                margin-bottom: 3px;
                font: 400 13px 'Fjalla One', sans-serif;
                color: #151414;
            }

            #headerwrap #studentQuestionList .countDiv .countdown .figure {
                position: relative;
                float: left;
                height: 41px;
                width: 27px;
                margin-right: 4px;
                background: url(Images/count-down_bg.png) repeat-x 0 0;
                box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.32);
                border-radius: 4px; /*-moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);*/
            }

                #headerwrap #studentQuestionList .countDiv .countdown .figure:last-child {
                    margin-right: 0;
                }

                #headerwrap #studentQuestionList .countDiv .countdown .figure > span {
                    position: absolute;
                    left: 0;
                    right: 0;
                    margin: auto;
                    font: 400 32px/41px 'Fjalla One', sans-serif;
                    color: #f7f7f7;
                }

                #headerwrap #studentQuestionList .countDiv .countdown .figure .top:after, #headerwrap #studentQuestionList .countDiv .countdown .figure .bottom-back:after {
                    content: "";
                    position: absolute;
                    z-index: -1;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 100%;
                    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                }

                #headerwrap #studentQuestionList .countDiv .countdown .figure .top {
                    z-index: 3; /*background: none;*/
                    background: url(Images/count-down_bg.png) repeat-x 0 0;
                    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.32);
                    transform-origin: 50% 100%;
                    -webkit-transform-origin: 50% 100%;
                    -moz-border-radius-topleft: 4px;
                    -webkit-border-top-left-radius: 4px;
                    border-top-left-radius: 4px;
                    -moz-border-radius-topright: 4px;
                    -webkit-border-top-right-radius: 4px;
                    border-top-right-radius: 4px;
                    -moz-transform: perspective(200px);
                    -ms-transform: perspective(200px);
                    -webkit-transform: perspective(200px);
                    transform: perspective(200px);
                }

                #headerwrap #studentQuestionList .countDiv .countdown .figure .bottom {
                    z-index: 1;
                }

                    #headerwrap #studentQuestionList .countDiv .countdown .figure .bottom:before {
                        content: "";
                        position: absolute;
                        display: block;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 50%;
                        background-color: rgba(0, 0, 0, 0.02);
                    }

                #headerwrap #studentQuestionList .countDiv .countdown .figure .bottom-back {
                    z-index: 2;
                    top: 0;
                    height: 50%;
                    overflow: hidden; /*background: none;*/
                    background: url(Images/count-down_bg.png) repeat-x 0 0;
                    -moz-border-radius-topleft: 4px;
                    -webkit-border-top-left-radius: 4px;
                    border-top-left-radius: 4px;
                    -moz-border-radius-topright: 4px;
                    -webkit-border-top-right-radius: 4px;
                    border-top-right-radius: 4px;
                }

                    #headerwrap #studentQuestionList .countDiv .countdown .figure .bottom-back span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        margin: auto;
                    }

                #headerwrap #studentQuestionList .countDiv .countdown .figure .top, #headerwrap #studentQuestionList .countDiv .countdown .figure .top-back {
                    height: 50%;
                    overflow: hidden;
                    -moz-backface-visibility: hidden;
                    -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
                }

                #headerwrap #studentQuestionList .countDiv .countdown .figure .top-back {
                    z-index: 4;
                    bottom: 0;
                    background: url(Images/count-down_bg.png) repeat-x 0 0;
                    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.32);
                    -webkit-transform-origin: 50% 0;
                    transform-origin: 50% 0;
                    -moz-transform: perspective(200px) rotateX(180deg);
                    -ms-transform: perspective(200px) rotateX(180deg);
                    -webkit-transform: perspective(200px) rotateX(180deg);
                    transform: perspective(200px) rotateX(180deg);
                    -moz-border-radius-bottomleft: 4px;
                    -webkit-border-bottom-left-radius: 4px;
                    border-bottom-left-radius: 4px;
                    -moz-border-radius-bottomright: 4px;
                    -webkit-border-bottom-right-radius: 4px;
                    border-bottom-right-radius: 4px;
                }

                    #headerwrap #studentQuestionList .countDiv .countdown .figure .top-back span {
                        position: absolute;
                        top: -100%;
                        left: 0;
                        right: 0;
                        margin: auto;
                    }

#headerwrap .borderBox {
    border: 2px solid rgba(35,85,160,0.20);
    border-radius: 10px;
    margin: 30px 0 20px 0;
    padding: 10px 22px 30px 22px;
    text-align: left;
    width: 100%;
}

    #headerwrap .borderBox h4 {
        color: #000;
        font: 400 24px 'Roboto Condensed', sans-serif;
        margin: 0 0 0 0;
        text-align: left;
    }

    #headerwrap .borderBox .incorectSpan {
        background: #ffd0d0;
        border-radius: 15px;
        color: #da7676;
        display: inline-block;
        font: 400 14px/32px 'Open Sans', sans-serif;
        height: 32px;
        margin: 20px 0 0 0;
        padding: 0 29px;
        text-transform: uppercase;
    }

    #headerwrap .borderBox .corectSpan { /*background: url(Images/retake_blue_bg.png) repeat-x 0 0;*/
        background: #add8b2;
        border-radius: 15px;
        color: #fff;
        display: inline-block;
        font: 400 14px/32px 'Open Sans', sans-serif;
        height: 32px;
        margin: 20px 0 0 0;
        padding: 0 29px;
        text-transform: uppercase;
    }

    #headerwrap .borderBox .btn-group {
        display: block;
        margin: 30px 0 0;
        width: 100%;
    }

    #headerwrap .borderBox .padall {
        padding: 20px 20px 0 20px;
    }

    #headerwrap .borderBox .even2 {
        background: none;
    }

    #headerwrap .borderBox .btn-group .btn {
        margin: 0 0 15px 0;
        min-height: 25px;
        padding: 0 0 0 38px;
        position: relative;
    }

        #headerwrap .borderBox .btn-group .btn input[type=radio] {
            position: absolute;
            visibility: hidden;
        }

        #headerwrap .borderBox .btn-group .btn span {
            color: #000;
            display: inline-block;
            font: 400 16px 'Open Sans', sans-serif;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
        }

        #headerwrap .borderBox .btn-group .btn .check {
            border: 2px solid rgba(35,85,160,0.20);
            border-radius: 100%;
            display: block;
            height: 25px;
            left: 0;
            position: absolute;
            top: 0;
            transition: border .25s linear;
            -webkit-transition: border .25s linear;
            width: 25px;
            z-index: 5;
        }


        #headerwrap .borderBox .btn-group .btn:hover .check {
            border: 2px solid rgba(35,85,160,0.20);
        }

        #headerwrap .borderBox .btn-group .btn .check::before {
            display: block;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 13px;
            left: 4px;
            margin: auto;
            top: 4px;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
            width: 13px;
        }

        #headerwrap .borderBox .btn-group .btn input[type=radio]:checked ~ .check {
            border: 2px solid #add8b2;
        }

            #headerwrap .borderBox .btn-group .btn input[type=radio]:checked ~ .check::before {
                background: #add8b2;
            }

        #headerwrap .borderBox .btn-group .btn input[type=radio]:checked ~ span {
            color: #000;
        }

    #headerwrap .borderBox .incorrect .btn input[type=radio]:checked ~ .check {
        border: 2px solid #edc4c4;
    }

        #headerwrap .borderBox .incorrect .btn input[type=radio]:checked ~ .check::before {
            background: #fe9e9e;
        }

    #headerwrap .borderBox .incorrect .btn input[type=radio]:checked ~ span {
        color: #000;
    }

#headerwrap .retakeBlue {
    background: url(Images/retake_blue_bg.png) repeat-x 0 0;
    border: none;
    border-radius: 15px;
    font: 400 14px/32px 'Open Sans', sans-serif;
    padding: 0;
    text-transform: uppercase;
    width: 144px;
}
/* 25.10.2018 end */

/* 30.10.2018 start */
.topwhiteDiv {
    background: #fff;
    margin: 0;
    padding: 35px 0 0px 0;
    width: 100%;
}

    .topwhiteDiv h2 {
        color: #333539;
        font: 700 40px 'Roboto Condensed', sans-serif;
        margin: 0 0 20px 0;
    }

        .topwhiteDiv h2:after {
            display: none;
        }

    .topwhiteDiv p {
        color: #7e7e7e;
        font: 400 15px/26px 'Open Sans', sans-serif;
        max-width: 960px;
        margin: 0 0 30px 0;
    }

.middleBluediv {
    background: #edf3fd;
    margin: 242px 0 0 0;
    padding: 0 0 30px 0;
    text-align: center;
    width: 100%;
}

    .middleBluediv h2 {
        color: #333539;
        font: 700 40px 'Roboto Condensed', sans-serif;
        margin: 0 55px 60px 55px;
        text-transform: uppercase;
    }

        .middleBluediv h2:after {
            display: none;
        }

    .middleBluediv .newVideoDiv {
        height: auto;
        margin: -242px auto 50px auto;
        max-width: 960px;
        width: 100%;
    }

    .middleBluediv p {
        color: #7e7e7e;
        font: 400 15px/26px 'Open Sans', sans-serif;
        max-width: 960px;
        margin: 0 auto 30px auto;
    }

    .middleBluediv .bottomMargin {
        margin-bottom: 30px;
    }

.bottomWhite {
    background: #fff;
    margin: 0;
    padding: 60px 0 0 0;
    text-align: center;
    width: 100%;
}

    .bottomWhite h2 {
        color: #333539;
        font: 700 40px 'Roboto Condensed', sans-serif;
        margin: 0 20px 60px 20px;
        text-transform: uppercase;
    }

        .bottomWhite h2:after {
            display: none;
        }

    .bottomWhite h3 {
        color: #ec5020;
        font: 700 56px 'Roboto Condensed', sans-serif;
        margin: 60px 0 50px 0;
        text-transform: uppercase;
    }

    .bottomWhite h4 {
        color: #275dae;
        font: 700 30px 'Roboto Condensed', sans-serif;
        margin: 0 0 0 0;
        text-transform: uppercase;
    }

    .bottomWhite h5 {
        color: #7e7e7e;
        font: 400 20px/26px 'Open Sans', sans-serif;
        margin: 0 0 30px 0;
    }

    .bottomWhite .fbButton {
        background: url(Images/facebook-button.png) no-repeat 0 0;
        color: #fff;
        display: inline-block;
        height: 75px;
        line-height: 75px;
        margin: 0 0 40px 0;
        text-indent: -999em;
        width: 365px;
    }

    .bottomWhite p {
        color: #7e7e7e;
        font: 400 15px/26px 'Open Sans', sans-serif;
        max-width: 960px;
        margin: 0 auto 30px auto;
    }

        .bottomWhite p span {
            color: #275dae;
            text-decoration: underline;
        }

    .bottomWhite .borderDiv {
        border-top: 1px solid #ddd;
        margin: 20px 0 0 0;
        padding: 70px 0 0 0;
        text-align: left;
        width: 100%;
    }

        .bottomWhite .borderDiv h6 {
            color: #333539;
            font: 700 15px 'Open Sans', sans-serif;
            margin: 0 0 5px 0;
        }

        .bottomWhite .borderDiv p {
            margin: 0 0 30px 0;
            max-width: 100%;
        }
/* 30.10.2018 end */

/* 31.10.2018 start */
.customModal .modal-dialog {
    height: auto;
    margin: 30px auto;
    max-width: 750px;
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    width: 100%;
}

    .customModal .modal-dialog .modal-content {
        height: auto;
        overflow-y: auto;
    }

        .customModal .modal-dialog .modal-content .container {
            padding-bottom: 15px;
            width: 100%;
        }

        .customModal .modal-dialog .modal-content .modal-header2 {
            text-align: left;
        }

            .customModal .modal-dialog .modal-content .modal-header2 .big-close {
                background: none;
                border: none;
                font-size: 30px;
                line-height: 40px;
                padding: 0;
            }

        .customModal .modal-dialog .modal-content .modal-body {
            padding: 15px 15px 15px;
        }

            .customModal .modal-dialog .modal-content .modal-body .col-sm-8 {
                -webkit-box-flex: none;
                -ms-flex: none;
                flex: none;
                max-width: none;
                text-align: left;
                width: 100%;
            }

                .customModal .modal-dialog .modal-content .modal-body .col-sm-8 img {
                    margin-bottom: 30px;
                }

                .customModal .modal-dialog .modal-content .modal-body .col-sm-8 .modal2-line-height {
                    padding: 0 0 0 20px;
                }

            .customModal .modal-dialog .modal-content .modal-body .col-sm-4 {
                display: none;
            }

.grayFooter {
    background: #333539;
    margin: 20px 0 0 0;
    padding: 12px 0 10px 0;
    text-align: center;
    width: 100%;
}

    .grayFooter p {
        color: #979aa0;
        font: 400 14px 'Open Sans', sans-serif;
        margin: 0 0 0 0;
    }

        .grayFooter p a {
            color: #fff;
            display: inline-block;
            margin: 0 0 0 5px;
        }

    .grayFooter .footerBottom {
        /*border-top: 1px solid #404246;*/
        margin: 0px;
        padding: 12px 0 10px 0;
        width: 100%;
    }

        .grayFooter .footerBottom a {
            color: #979aa0;
            display: inline-block;
            font: 400 14px 'Open Sans', sans-serif;
            margin: 0 30px 0 30px;
        }
/* 31.10.2018 end */

/* 06.11.2018 start */
.radio2 .mobHidden {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .radio2 .mobHidden .col-lg-3 {
        float: left;
        flex: none;
        max-width: none;
        width: 25%;
    }

.radio2 .col-lg-3 img {
    height: auto;
    width: auto;
}

.radio2 .mobVisible {
    display: none;
}
/* 06.11.2018 end */


/* 23.11.2018 john style */
/* Course Progress style end */
.noteLine {
    margin-top: 2px;
}

.targetHover {
    background-color: lightgreen;
}

.draggable {
    width: 100px;
    height: 100px;
    padding: 0.5em;
    float: left;
    margin: 10px 10px 10px 0;
}

.droppable {
    width: 150px;
    height: 150px;

    padding: 0.5em;
    float: left;
    margin: 10px;
}

.even {
    background-color: #fff;
    z-index: 1 !important;
}

.odd {
    background-color: #d3dadf;
    z-index: 1 !important;
}

.slideTitle {
    color: #333;
    font-weight: bolder;
}

.noteText {
    padding-left: 30px;
    color: #3366cc;
    font-weight: normal;
    z-index: 1000 !important;
}

.showSlide {
    display: block;
}

.hideSlide {
    display: none;
}

/* start new styles*/
.hide-radio {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.m-top-10 {
    margin-top: 10px;
}

.m-top-20 {
    margin-top: 20px;
}

.m-bot-30 {
    margin-bottom: 30px;
}

.overwrite-form-height {
    height: 100px;
}
/* end new styles start*/

/* these styles already exist in various style sheets - MAY NEED TO BE REPLACED MANUALLY*/
.orangetext {
    color: #cc3300;
}

.heaadercolor {
    background-color: #138ecd;
    padding: 5px 10px;
    color: #fff;
}

label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
    color: #cc3300;
    display: inline;
}

label:hover input[type="radio"] ~ i.fa {
    color: #cc3300;
}

label input[type="checkbox"] ~ i.fa.fa-square-o {
    color: #c8c8c8;
    display: inline;
}

label input[type="checkbox"] ~ i.fa.fa-check-square-o {
    display: none;
}

label input[type="checkbox"]:checked ~ i.fa.fa-square-o {
    display: none;
}

label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o {
    color: #cc3300;
    display: inline;
}

label:hover input[type="checkbox"] ~ i.fa {
    color: #cc3300;
}

div[data-toggle="buttons"] label.active {
    color: #cc3300;
}

.btn-primary {
    color: #fff;
    background-color: #138ecd;
    border-color: #138ecd;
}


label.btn span:hover {
    color: #cc3300;
}
/* end these styles already exist in various style sheets*/

h2 {
    text-align: center;
}

label span {
    padding-left: 15px;
}

.jqstooltip {
    width: 25px;
    height: 11px;
    left: 11px;
    top: 570px;
}

/* 23.11.2018 john style end */
.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .chapterImage { display: none; }
/* 21.11.2018 end */

/* 14.12.2018 start */
.homeServiceBody { background: url(Images/home_service_body_bg.jpg) no-repeat 0 bottom #fff; }

.homeServiceLog { margin: 22px 0 31px 0; padding: 0; text-align: center; width: 100%; }

.serviceBody { margin: 0 0 50px 0; padding: 0; width: 100%; }
.blueTextDiv { background: #001453; float: left; margin: 0; min-height: 419px; padding: 30px 2% 0 2%; text-align: center; width: 40%; }
.blueTextDiv h3 { color: #fff; font: 400 36px/44px 'Roboto Condensed', sans-serif; margin: 0; }
.blueTextDiv h4 { border-bottom: 2px solid #fff000; color: #fff; font: 400 25px/32px 'Roboto Condensed', sans-serif; margin: 0 8px 20px 8px; padding: 0 0 20px 0; }
.ytVideoDiv { float: right; margin: 0; padding: 0; width: 60%; }

.redHeader { background: url(Images/redHeader_bg.png) no-repeat center 0; color: #fff; font: 700 38px/73px 'Roboto Condensed', sans-serif; height: 94px; margin: 42px 0 17px 0; padding: 0; text-shadow: 2px 2px 2px rgba(0,0,0,0.25); text-align: center; text-transform: uppercase; width: 100%; }

.midhalfDiv { margin: 0 auto; padding: 0; width: 840px; }

.serviceBody .white-bg.white-bg2 { border: none; box-shadow: 8px 8px 10px rgba(208,218,213,0.75); } 

.blueHeader { background: url(Images/blue-header.png) no-repeat center 0; color: #fff; font: 700 32px/63px 'Roboto Condensed', sans-serif; margin: 10px 0 38px 0; padding: 15px 0 0 0; text-align: center; text-transform: uppercase; width: 100%; }

.midhalfDiv .white-bg.white-bg2 .heightDiv { min-height: 165px; }

.white-bg.white-bg2 .class-header .failedText {
    background: #ffd0d0;
    border: none;
    border-radius: 15px;
    color: #da7676;
    font: 400 14px/32px /*'Raleway', sans-serif*/'Open Sans', sans-serif;
    margin: 0 0 15px;
    padding: 0 15px;
}

.bluefooter { background: #102644; margin: 0; }
.bluefooter p { color: #fff; font: 700 16px 'Roboto Condensed', sans-serif; margin: 25px 0 25px 0; text-transform: none; }
/* 14.12.2018 end */

/* 21.12.2018 start */
.homeServiceLog h2 { color: #000; font: 700 58px 'Roboto Condensed', sans-serif; margin: 0 0 0 0; }
.ytVideoDiv2 { float: none; margin: 0 auto; padding: 0; width: 749px; }
.videoTextBottom { border-bottom: 1px solid #e5e5e5; margin: 35px 0 30px 0; padding: 0 0 30px 0; text-align: center; width: 100%; }
.videoTextBottom p { color: #434343; font: 600 24px/30px 'Open Sans', sans-serif; margin: 0 8px 0 8px; }
.partVideoDiv { margin: 0; padding: 0; width: 100%; }
.ribonOne { background: url(Images/ribon_one_bg.png) no-repeat center 0; color: #fff; font: 400 32px/49px 'Roboto Condensed', sans-serif; height: 63px; margin: 0 0 28px 0; padding: 0; text-align: center; text-shadow: 2px 2px 2px rgba(0,0,0,0.25); text-transform: uppercase; width: 100%; }
.ribonTwo { background: url(Images/ribon_two_bg.png) no-repeat center 0; color: #fff; font: 400 32px/49px 'Roboto Condensed', sans-serif; height: 63px; margin: 0 0 28px 0; padding: 0; text-align: center; text-shadow: 2px 2px 2px rgba(0,0,0,0.25); text-transform: uppercase; width: 100%; }
.blueBgText { margin: 0 0 20px 0; padding: 0; text-align: center; width: 100%; }
.blueBgText span { background: url(Images/blue_gradiant_bg.png) repeat-x 0 0; color: #fff; display: inline-block; font: 700 18px/45px 'Roboto Condensed', sans-serif; padding: 0 35px; text-transform: uppercase; }

.partVideoDiv .white-bg.white-bg2 .heightDiv { min-height: 142px; }
.partVideoDiv .white-bg.white-bg2 .class-header { min-height: 180px; }
.partVideoDiv .white-bg.white-bg3 .class-header { padding-top: 40px; }
.partVideoDiv .white-bg.white-bg2 .class-header .customBoxDiv .rightPlay { width: 100%; }
.partVideoDiv .white-bg.white-bg2 .class-header .customBoxDiv .rightPlay form { margin-bottom: 10px; }
.partVideoDiv .white-bg.white-bg2 .class-header .customBoxDiv .rightPlay .playButton { margin: 0; }

.bottomHomeService { margin: 20px 0 0 0; padding: 0; text-align: center; width: 100%; }
.bottomHomeService h2 { color: #000; font: 700 38px 'Roboto Condensed', sans-serif; margin: 0 0 30px 0; text-transform: uppercase; }
.ribonThree { background: url(Images/ribon_three_bg.png) no-repeat center 0; color: #fff; font: 700 38px/73px 'Roboto Condensed', sans-serif; height: 94px; margin: 0 0 30px 0; padding: 0; text-align: center; text-shadow: 2px 2px 2px rgba(0,0,0,0.25); text-transform: uppercase; width: 100%; }
.whiteMiddleDiv { margin: 0 auto; padding: 0; width: 618px; }
.whiteShadowDiv { background: url(Images/blue_gradiant2_bg.png) repeat-x 0 0 #215198; border-radius: 10px; /*box-shadow: 4px 4px 10px rgba(208,218,233,0.75);*/ margin: 0; min-height: 101px; padding: 15px 30px 0 30px; text-align: center; width: 100%; }
.whiteShadowDiv h3 { color: #fff; font: 700 20px 'Roboto Condensed', sans-serif; margin: 0 0 10px 0; text-transform: uppercase; }
.whiteShadowDiv p { color: #fff; font: 400 14px/20px 'Open Sans', sans-serif; margin: 0 0 0 0; }
/* 21.12.2018 end */

/* transmosis-project start */

/************
	header
************/
.navbar-wrapper { background: #0a203e; padding-bottom: 0; position: relative; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; top: 0; width: 100%; z-index: 999; }
.navbar-wrapper .container { }
.navbar-wrapper .navbar { display: block; padding: 0; min-width: 0; }
.navbar-wrapper .navbar-inverse { background: none; border: none; margin-bottom: 0; }
.navbar-wrapper .navbar-header { margin: 0; width: auto; }
.navbar-wrapper .navbar-header .navbar-brand { height: auto; margin: 0 0 0 0; padding: 0; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; }
.navbar-wrapper .navbar-header .navbar-brand img { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; }
.navbar-wrapper .navbar-collapse { float: right; margin: 0 0 0 0; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; width: auto; }
.navbar-wrapper .navbar-nav > li { margin: 0 0 0 0; padding: 0 0 0 0; }
.navbar-wrapper .navbar-nav > li > a { background: url(Images/nav_bg.png) no-repeat right 17px; color: #fff !important; font: 400 14px/47px 'Open Sans', sans-serif; padding: 0 13px 0 13px; }
.navbar-wrapper .navbar-nav > li:last-child a { background: none; padding: 0 0 0 13px; }
.navbar-wrapper .navbar-nav > li > a:hover { color: #fff; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .activea > a:hover { background: url(Images/nav_bg.png) no-repeat right 17px; color: #fff; }
/************
	/header
************/

/************
	banner
************/
/* Carousel base class */
#myCarousel { height: 297px; margin-bottom: 36px; padding: 0; }
/* Declare heights because of positioning of img element */
#myCarousel .item { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 297px; }
/* Since positioning the image, we need to help out the caption */
#myCarousel .container { position: relative; }
#myCarousel .carousel-caption { bottom: inherit; left: 0; padding: 22px 0 0 0; right: 0; text-align: center; text-shadow: none; top: 0; width: 100%; z-index: 10; }
#myCarousel .carousel-caption h2 { color: #fff; font: 500 22px 'Montserrat', sans-serif !important; letter-spacing: 0 !important; margin: 20px 0 15px 0; }
#myCarousel .carousel-caption p { color: #b6bdc8; font: 400 15px/21px 'Open Sans', sans-serif; letter-spacing: 0 !important; margin: 0 0 0 0; }
#myCarousel .carousel-caption .btn { background: #b83338; border: none; border-radius: 5px; font: 600 14px/53px 'Muli', sans-serif; padding: 0 30px; }
#myCarousel .carousel-indicators { display: none; }
#myCarousel .carousel-control { display: none; }
/************
	/banner
************/

/************
	body
************/

/*~~~~ left-body ~~~~*/
.leftBody { }
.leftBody .videoDiv { border: 2px solid #d3ddec; margin: 0 0 23px 0; padding: 0; width: 100%; }
.leftBody .videoDiv img { height: auto; width: 100%; }
.leftBody .nextLiveDiv { background: #0c4e7d; margin: 0 0 21px 0; padding: 27px 0 28px 24px; width: 100%; }
.leftBody .nextLiveDiv h3 { color: #fff; font: 600 18px 'Montserrat', sans-serif !important; margin: 0 0 11px 0; }
.leftBody .nextLiveDiv p { color: #fff; font: 300 14px 'Montserrat', sans-serif; margin: 0; }
.leftBody .textBox { margin: 0 0 18px 0; padding: 0; width: 100%; }
.leftBody .textBox textarea { border: 2px solid #d3ddec; color: #adadad; font: 400 14px 'Open Sans', sans-serif; height: 110px; padding: 5px 10px; width: 100%; }
.leftBody #questionList .qstHeader { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; }
.leftBody #questionList { float: left; width: 100%; }
.leftBody #questionList ul { max-height: 729px; }
/*~~~~ /left-body ~~~~*/

/*~~~~ right-body ~~~~*/
.tabSecDiv { border: 2px solid #d3ddec; float: left; margin: 0; padding: 0; width: 100%; }
.tabSecDiv .nav-tabs { border-bottom: 2px solid #d3ddec; width: 100%; }
.tabSecDiv .nav-tabs li { margin: 0; text-align: center; width: 16.66%; }
.tabSecDiv .nav-tabs li a { background: #fff; border: none; color: #3d4f62; font: 700 13px/63px 'Montserrat', sans-serif; margin-right: 0; padding: 0; }
.tabSecDiv .nav-tabs.nav-justified >.active > a, .tabSecDiv .nav-tabs.nav-justified > .active > a:focus, .tabSecDiv .nav-tabs.nav-justified > .active > a:hover, .tabSecDiv .nav-tabs > li.active > a, .tabSecDiv .nav-tabs > li.active > a:focus, .tabSecDiv .nav-tabs > li.active > a:hover { background: url(Images/tab_active_bg.png) repeat-x 0 0; border: none; color: #fff; }
.tabSecDiv .tab-content { float: left; margin: 0; max-height: 1298px; overflow-y: auto; padding: 0; width: 100%; }
.tabSecDiv .tab-pane { float: left; line-height: normal; margin: 0; padding: 0; width: 100%; }
.tabSecDiv .tab-pane h2 { background: #ff0103; color: #fff; font: 700 20px/63px 'Montserrat', sans-serif; margin: 0 0 0 0; }
.tabSecDiv .tab-pane .listUl { float: left; list-style: none; margin: 0; padding: 0; width: 100%; }
.tabSecDiv .tab-pane .listUl li { border-bottom: 1px solid #d5dfed; float: left; margin: 0; padding: 23px 0 16px 0; width: 100%; }
.tabSecDiv .tab-pane .listUl li:last-child { border-bottom: none; }
.tabSecDiv .tab-pane .listUl .highligted { background: #1ca336; }
.tabSecDiv .tab-pane .listUl .highligted2 { background: #bf00f5; }
.tabSecDiv .tab-pane .listUl li .learImg { display: block; float: left; padding: 7px 0 0 0; text-align: center; width: 12%; }
.tabSecDiv .tab-pane .listUl li .secondSpan { color: #3d4f62; display: block; float: left; font: 600 18px/21px 'Montserrat', sans-serif; margin: 8px 0 0 0; padding: 0 10px 0 0; width: 30%; }
.tabSecDiv .tab-pane .listUl li .secondSpan2 { color: #fff; display: block; float: left; font: 600 18px/21px 'Montserrat', sans-serif; margin: 8px 0 0 0; width: 58%; }
.tabSecDiv .tab-pane .listUl li .secondSpan2 .btmSpan { color: #fff; display: block; font: 400 12px/16px 'Open Sans', sans-serif; margin: 0 0 0 0; }
.tabSecDiv .tab-pane .listUl li .thirdSpan { color: #3d4f62; display: block; float: left; font: 400 12px/16px 'Open Sans', sans-serif; margin: 9px 0 0 0; padding: 0 10px 0 0; width: 18%; }
.tabSecDiv .tab-pane .listUl li .playButton { background: #fff; border: 2px solid rgba(35,85,160,0.20); border-radius: 20px; color: #fff; display: inline-block; float: left; margin: 8px 0 0 0; min-width: 0; padding: 0 16px 0 13px; text-align: left; vertical-align: middle; width: 12%; }
.tabSecDiv .tab-pane .listUl li .playButton span { background: url(Images/play-button.png) no-repeat 0 8px; color: #275dae; display: block; font: 400 14px/32px 'Open Sans', sans-serif; padding: 0 0 0 21px; }
.tabSecDiv .tab-pane .listUl li .playLock { color: #fff; display: inline-block; float: left; margin: 7px 0 0 0; min-width: 0; padding: 0; text-align: center; vertical-align: middle; width: 12%; }
.tabSecDiv .tab-pane .listUl li .grade { color: #3d4f62; display: block; float: left; font: 700 18px/18px 'Montserrat', sans-serif; margin: 7px 0 0 0; text-align: center; width: 14%; }
.tabSecDiv .tab-pane .listUl li .classLocked { color: #3d4f62; display: block; float: left; font: 700 18px/18px 'Montserrat', sans-serif; margin: 7px 0 0 0; text-align: center; width: 12%; }
.tabSecDiv .tab-pane .listUl li .iFonts { display: inline-block; font: 700 24px/23px 'Roboto Mono', monospace; margin: -5px 0 0 0; text-transform: uppercase; }
.tabSecDiv .tab-pane .listUl li .smlGrade { display: inline-block; font: 400 12px/20px 'Open Sans', sans-serif; }
.tabSecDiv .tab-pane .listUl .highligted .grade { color: #fff; }
.tabSecDiv .tab-pane .listUl .highligted2 .grade { color: #fff; }
.tabSecDiv .tab-pane .listUl .highligted .classLocked { color: #fff; }
.tabSecDiv .tab-pane .listUl .highligted2 .classLocked { color: #fff; }
.tabSecDiv .tab-pane .listUl li .green { background: url(Images/complete_tick.png) no-repeat center 0; color: #4b7f26; display: block; float: left; font: 700 10px 'Open Sans', sans-serif; margin: -3px 0 0 0; padding: 32px 0 0 0; text-align: center; width: 14%; }
.tabSecDiv .tab-pane .listUl li .red { background: url(Images/incomplete_icon.png) no-repeat center 0; color: #da7676; display: block; float: left; font: 700 10px 'Open Sans', sans-serif; margin: -5px 0 0 0; padding: 33px 0 0 0; text-align: center; width: 14%; }
.tabSecDiv .tab-pane .listUl li .launchLink { background: #fff; border: none; border-radius: 20px; color: #01851a; display: inline-block; float: left; font: 700 12px/36px 'Open Sans', sans-serif; margin: 4px 1% 0 1%; padding: 0; text-align: center; text-transform: uppercase; width: 14%; }
.tabSecDiv .tab-pane .listUl .highligted2 .launchLink { background: #fff; border: none; border-radius: 20px; color: #8c00b4; display: inline-block; float: left; font: 700 12px/36px 'Open Sans', sans-serif; margin: 4px 1% 0 1%; padding: 0; text-align: center; text-transform: uppercase; width: 14%; }
/*~~~~ /right-body ~~~~*/

/*~~~~ bottom-body ~~~~*/
.studyDiv { border: 2px solid rgba(35,85,160,0.20); float: left; margin: 31px 0 52px 0; padding: 0; width: 100%; }
.studyDiv h2 { background: url(Images/header-text_bg.png) repeat-x 0 0; color: #fff; font: 700 24px/78px 'Montserrat', sans-serif; margin: 0; padding: 0; text-align: center; width: 100%; }
.studyDiv h2 span { font-weight: 500; }
.studyDiv .studyVideo { float: left; list-style: none; margin: 31px 0 0 0; max-height: 360px; overflow-y: auto; padding: 0; width: 100%; }
.studyDiv .studyVideo li { margin-bottom: 34px; }
.studyDiv .studyVideo li .vidoBoxDiv { float: left; margin: 0; padding: 0; position: relative; width: 100%; }
.studyDiv .studyVideo li .vidoBoxDiv img { border-radius: 5px; height: auto; width: 100%; }
.studyDiv .studyVideo li .vidoBoxDiv .whiteShadowDiv { background: url(Images/video_gradiants_bg.png) repeat-x 0 bottom; border-radius: 5px; float: left; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.studyDiv .studyVideo li .vidoBoxDiv .whiteShadowDiv .textBottom { bottom: 0; left: 0; margin: 0; padding: 0 9px 0 14px; position: absolute; text-align: left; width: 100%; }
.studyDiv .studyVideo li .vidoBoxDiv .whiteShadowDiv .textBottom h3 { background: url(Images/callender_icon.png) no-repeat 0 1px; color: #fff; font: 600 14px 'Montserrat', sans-serif; margin: 0 0 8px 0; padding: 0 0 0 22px; }
.studyDiv .studyVideo li .vidoBoxDiv .whiteShadowDiv .textBottom p { color: #fff; font: 600 13px 'Open Sans', sans-serif; margin: 0 0 13px 0; }
.studyDiv .studyVideo li .vidoBoxDiv .playLink { background: url(Images/play-icon4.png) no-repeat center 30%; border-radius: 5px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
/*~~~~ /bottom-body ~~~~*/

/************
	/body
************/

/************
	footer
************/

.footerDiv { background: url(Images/footer_bg.jpg) no-repeat center center; float: left; margin: 0; min-height: 377px; padding: 40px 0 0 0; text-align: center; width: 100%; }
.footerDiv p { color: #fff; font: 400 18px 'Open Sans', sans-serif; margin: 0 0 4px 0; }
.footerDiv p a { color: #00deff; text-decoration: underline !important; }
.footerDiv .footerCopy { color: #7789a0; font-size: 15px; }
.footerDiv .footerLogo { margin: 0 0 27px 0; padding: 0; width: 100%; }
.footerDiv .footerSocial { list-style: none; margin: 0 0 23px 0; padding: 0; width: 100%; }
.footerDiv .footerSocial li { display: inline-block; float: none; margin: 0 8px 0 8px; padding: 0; width: auto; }
.footerDiv .footerNav { list-style: none; margin: 31px 0 10px 0; padding: 0; width: 100%; }
.footerDiv .footerNav li { background: url(Images/footer_nav_bg.png) no-repeat right 3px; display: inline-block; float: none; margin: 0; padding: 0; width: auto; }
.footerDiv .footerNav li:last-child { background: none; }
.footerDiv .footerNav li a { color: #fff; display: block; font: 400 15px 'Open Sans', sans-serif; padding: 0 8px 0 8px; }

/************
	/footer
************/


/* transmosis-project end */

/* 11.04.2019 start */
.body_index #lmsPlayerShell .p-both-sides2 { padding-top: 72px !important; }
.body_index #videoOneFixedContent #QandA .panel-heading { width: 100%; }
.body_index #videoTwoFixedContent #QandA .panel-heading { width: 100%; }
.body_index #notesSection1 .panel-heading { width: 100%; }
.body_index #videoOneFixedContent .col-sm-12.col-sm-pull-3 { right: 0 !important; }
.body_index #videoOneFixedContent #panel8 { top: 0 !important; }
/*.body_index #videoOneFixedContent .player { background: #1e1d1b; display: block; left: 0 !important; padding: 10px 20px; position: relative; top: 0; }
.body_index #videoOneFixedContent .player .switchButton { background: url(/Content/_assets/LMS/Images/switch_video.png) no-repeat 0 0; float: left; height: 38px; text-indent: -999em; width: 197px; }*/
.body_index #videoTwoFixedContent .col-sm-12.col-sm-pull-3 { right: 0 !important; }
.body_index #videoTwoFixedContent #panel8 { top: 0 !important; }
/*.body_index #videoTwoFixedContent .player { background: #1e1d1b; display: block; left: 0 !important; padding: 10px 20px; position: relative; top: 0; }
.body_index #videoTwoFixedContent .player .switchButton { background: url(/Content/_assets/LMS/Images/switch_video.png) no-repeat 0 0; float: left; height: 38px; text-indent: -999em; width: 197px; }*/
/* 11.04.2019 end */


@media screen and (min-width:1600px) {
    .footerDiv { background-size: cover; }
}

@media screen and (min-width:1280px) and (max-width:1366px) {
    .customClass {
        max-height: 406px !important;
    }
}

@media screen and (width:1280px) {
    .couseProgressDiv .whiteBgDiv {
        padding: 30px 15px 0;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .couseProgressDiv .whiteBgDiv {
        padding: 30px 15px 0;
    }

        .couseProgressDiv .whiteBgDiv .tableDiv {
            overflow-x: auto;
            padding: 0 0 10px;
        }
			/* 22.11.2018 start */
            .couseProgressDiv .whiteBgDiv .tableDiv .table {
                min-width: 100%;
            }
			/* 22.11.2018 end */

    #playerButtons .playerController {
        margin: 10px 0 0 10px;
    }

    #playerButtons .valueNumnber {
        margin: 12px 10px 0 10px;
    }

    #playerButtons .volume {
        margin: 25px 10px 0 10px;
    }

    #questionList .qstHeader {
        font-size: 20px;
    }

    .couseProgressDiv .whiteBgDiv .bottomResult {
        padding: 0 0 50px 0;
    }

        .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul {
            padding: 0 10px 0 10px;
        }

    #myModal {
        width: 96%;
    }

    .customClass {
        max-height: 503px !important;
    }
    /* 30.10.2018 start */
    .middleBluediv h2 {
        margin: 0 0 60px 0;
    }

    .white-bg.white-bg2 .heightDiv {
        min-height: 150px;
    }

    .customBoxDiv .leftPending {
        width: 100% !important;
    }

    .customBoxDiv .rightPlay {
        width: 100% !important;
    }
    /* 30.10.2018 end */
	
	/* 22.11.2018 start */
	.couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li .test { padding: 0 9px; }
	/* 22.11.2018 end */
	
	/* 14.12.2018 start */
	.blueTextDiv { width: 50%; }
	.ytVideoDiv { width: 50%; }
	
	.redHeader { background-size: 100% auto; font-size: 32px; line-height: 58px; }
	/* 14.12.2018 end */
	
	/* 21.12.2018 start */
	.bottomHomeService h2 { font-size: 37px; }
	/* 21.12.2018 end */
	
	/* transmosis-project start */
	.tabSecDiv .tab-pane .listUl li .learImg { min-height: 46px; width: 15%; }
	.tabSecDiv .tab-pane .listUl li .secondSpan { min-height: 46px; width: 40%; }
	.tabSecDiv .tab-pane .listUl li .thirdSpan { min-height: 46px; width: 27%; }
	.tabSecDiv .tab-pane .listUl li .playButton { margin: 8px 2% 11px 0; width: 16%; }
	.tabSecDiv .tab-pane .listUl li .grade { margin: 12px 0 0 0; width: 17%; }
	.tabSecDiv .tab-pane .listUl li .classLocked { margin: 12px 0 0 0; width: 12%; }
	.tabSecDiv .tab-pane .listUl li .green { margin: 2px 0 0 0; width: 18%; }
	.tabSecDiv .tab-pane .listUl li .red { margin: 9px 0 0 0; width: 18%; }
	.tabSecDiv .tab-pane .listUl li .iFonts { margin: 4px 0 0 0; }
	/* transmosis-project end */
}

@media screen and (max-width:991px) {
	.bg-dark { background: #343a40 !important; border: none !important; } 
	.navbar { padding: 0.5rem 0 !important; }
	.hamMenuIcon { display: block; }
	.hamMenuIcon #toggle {
        width: 46px;
        height: 40px;
        opacity: 0;
        border: none;
        margin: 0 0;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 1000;
        float: right;
        padding: 9px 13px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
		
        }
	.hamMenuIcon #toggle + label {
		position: relative;
		width: 20px;
		height: 1px;
		background: #fff;
		transition: all .2s ease-out;
		float: right;
		top: 20px;
		right: 13px;
        }
    .hamMenuIcon #toggle + label:after {
        content: '';
		background: #fff;
		height: 1px;
		width: 100%;
		position: absolute;
		top: -4px;
		transition: all .2s ease-out;
        }
		.hamMenuIcon #toggle + label:before { background: #fff; content: ''; height: 1px; position: absolute; transition: all .2s ease-out; top: 4px; width: 100%; }
    .hamMenuIcon #toggle:hover + label{
        color: #ae952e; 
        }
    .hamMenuIcon #toggle:checked ~ .message {
        height: 150px;
        }
    .hamMenuIcon #toggle:checked + label:after {
        /*content:'';
        font-size: 16px;*/
        }
		
		.hamMenuIcon #toggle:checked + label:before {
    transform: rotate(-45deg);
}
.hamMenuIcon #toggle:checked + label:after {
    transform: rotate(45deg);
}
.hamMenuIcon #toggle:checked + label:before, .hamMenuIcon #toggle:checked + label:after {
    top: 0px;
}
.hamMenuIcon #toggle:checked + label { background: transparent; }
.hamMenuIcon #toggle:checked ~ .menu-mobile {
	display: block;
        height: auto;
        }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .couseProgressDiv .whiteBgDiv {
        padding: 30px 15px 0 15px;
    }

        /* 22.11.2018 start */
	.couseProgressDiv .whiteBgDiv .tableDiv { margin: 0 0 0 0; overflow-x: auto; padding: 0 0 10px;}
    .couseProgressDiv .whiteBgDiv .tableDiv .table { width: 100%; }
	/* 22.11.2018 start */

                .couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .retakeBlue {
                    padding: 0 25px;
                }

                .couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .retakeGreen {
                    padding: 0 25px;
                }

        .couseProgressDiv .whiteBgDiv .progressDiv2 {
            width: 80%;
        }

        .couseProgressDiv .whiteBgDiv .bottomResult {
            padding: 0 0 50px;
        }

            .couseProgressDiv .whiteBgDiv .bottomResult .col-sm-4 {
                margin-bottom: 30px;
                max-width: 100%;
                width: 100%;
            }

    #questionList .qstHeader {
        font-size: 16px;
        padding: 0 0 0 10px;
    }

    #questionList ul li {
        padding: 15px 10px 0 10px;
    }

    #playerButtons .playerController {
        margin: 10px 0 0 10px;
    }

    #playerButtons .volume {
        margin: 25px 10px 0 10px;
    }

    #playerButtons .valueNumnber {
        margin: 12px 10px 0 10px;
    }

    #playerButtons .switchButton {
        margin: 15px 10px 0 0;
    }

    #myModal {
        width: 96%;
    }

    .radio {
        margin: 0 0 50px 0;
    }

    #notesWrapper {
        min-height: 519px;
    }

    .customClass {
        max-height: 519px !important;
    }

    /* 30.10.2018 start */
    .white-bg.white-bg2 {
        min-height: 324px;
    }

    .bottomMargin .col-sm-6 {
        flex: none;
        max-width: none;
    }

    .white-bg.white-bg2 .heightDiv {
        min-height: 136px;
    }

    .middleBluediv h2 {
        margin: 0 0 60px 0;
    }
    /* 30.10.2018 end */
	
	/* 22.11.2018 start */
	.couseProgressDiv .whiteBgDiv .tableDiv .table thead th:nth-child(2) { text-align: center; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td:nth-child(2) { text-align: center; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progressDiv { display: inline-block; text-align: center; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progressDiv .playButton { background: url(Images/play-button.png) no-repeat 0 0 rgba(0,0,0,0); border: none; border-radius: 0; height: 16px; min-width: 0; padding: 0; width: 16px; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progressDiv .playButton span { display: none; }
	/* 22.11.2018 start */
	
	/* 14.12.2018 start */
	.blueTextDiv { width: 50%; }
	.blueTextDiv h4 { font-size: 22px; line-height: 30px; }
	.blueTextDiv h3 { font-size: 30px; line-height: 38px; }
	.ytVideoDiv { width: 50%; }
	
	.redHeader { font-size: 26px; }
	
	.midhalfDiv { width: 100%; }
	/* 14.12.2018 end */
	
		/* 21.12.2018 start */
	.homeServiceLog h2 { font-size: 44px; }
	.ytVideoDiv2 { width: 100%; }
	.videoTextBottom p { margin: 0; }
	
	.partVideoDiv .col-sm-12 {     -ms-flex: none;
    flex: none; max-width: 100%; margin-bottom: 20px; }
	.partVideoDiv .white-bg.white-bg2 { width: 100%; }
	.partVideoDiv .white-bg.white-bg2 .post-img img { width: 100%; }
	.partVideoDiv .white-bg.white-bg3 .class-header { padding-top: 21px; min-height: 140px; } 
	.partVideoDiv .white-bg.white-bg2 .heightDiv {
    min-height: 182px;
}
.ribonThree {     background-size: 100% auto; line-height: 65px; }
.bottomHomeService { margin: 0; }
.whiteShadowDiv { min-height: 115px; padding: 15px 10px 10px 10px; }
.whiteShadowDiv h3 { margin: 0 0 5px 0; }
	/* 21.12.2018 end */
	
	/* transmosis-project start */
	#myCarousel { height: 376px; }
	#myCarousel .item { height: 376px; }
	
	.tabSecDiv .nav-tabs li a { font-size: 14px; }
	.tabSecDiv .tab-pane h2 { font-size: 18px; }
	.tabSecDiv .tab-pane .listUl li .learImg { min-height: 46px; width: 16%; }
	.tabSecDiv .tab-pane .listUl li .secondSpan { min-height: 46px; width: 46%; }
	.tabSecDiv .tab-pane .listUl li .thirdSpan { min-height: 46px; width: 38%; }
	.tabSecDiv .tab-pane .listUl li .playButton { margin: 8px 2% 11px 2%; width: 22%; }
	.tabSecDiv .tab-pane .listUl li .grade { margin: 7px 1% 0 1%; width: 19%; }
	.tabSecDiv .tab-pane .listUl li .classLocked { margin: 7px 1% 0 1%; width: 12%; }
	.tabSecDiv .tab-pane .listUl li .green { margin: -4px 0 0 0; width: 19%; }
	.tabSecDiv .tab-pane .listUl li .red { margin: -1px 0 0 0; width: 19%; }
	.tabSecDiv .tab-pane .listUl li .iFonts { margin: -5px 0 0 0; }
	
	.studyDiv h2 { font-size: 18px; }
	.studyDiv .studyVideo { padding: 0 15px 0 15px; }
	.studyDiv .studyVideo li { flex: 0 0 50%; max-width: 50%; width: 50%; }
	/* transmosis-project end */
	
}

@media screen and (max-width:767px) {
    .overflowHidden {
        overflow-x: hidden;
    }

    /* 22.11.2018 start */
	.couseProgressDiv .whiteBgDiv { padding: 15px 0 0;}
	.couseProgressDiv .whiteBgDiv .tableDiv { margin: 0 0 10px 0; overflow-x: auto; padding: 0 0 10px; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table { border-left: none; border-right: none; margin: 0; width: 100%;}
    .couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .retakeBlue { font-size: 13px; padding: 0 8px; width: 85px; }
    .couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .retakeGreen { font-size: 13px; padding: 0 8px; width: 85px; }
	/* 22.11.2018 end */

        .couseProgressDiv .whiteBgDiv .progressDiv2 {
            width: 90%;
        }

        .couseProgressDiv .whiteBgDiv .bottomResult {
            padding: 0 0 50px;
        }

            .couseProgressDiv .whiteBgDiv .bottomResult .col-sm-4 {
                margin-bottom: 30px;
                max-width: 100%;
                width: 100%;
            }

    .p-both-sides3 {
        padding: 0px 0px 0px 0px !important;
    }

    /* 23.11.2018 start */
	#questionList .qstHeader { font-size: 20px; height: 68px; line-height: 68px; padding: 0 0 0 10px; text-align: center; text-transform: uppercase; }
	/* 23.11.2018 start */

    #questionList ul li {
        padding: 10px 10px 0 10px;
    }

        #questionList ul li .leftLikeDiv {
            margin: 0 0 10px 0;
            text-align: left;
            width: 20%;
        }

            #questionList ul li .leftLikeDiv .likeImgDiv {
                margin: 0 0 2px 0;
            }

            #questionList ul li .leftLikeDiv .notLikeImgDiv {
                margin: 0 0 2px 0;
            }

        #questionList ul li .rghtLikeDiv {
            margin: 0 0 10px 0;
            padding: 0;
            width: 80%;
        }

    #videoTwoFixedContent > div {
        height: auto !important;
    }

    #playerButtons .playerController {
        margin: 10px 0 0 10px;
    }

    #playerButtons .volume {
        margin: 25px 10px 0 10px;
    }

    #playerButtons .valueNumnber {
        margin: 12px 10px 0 10px;
    }

    .cus-sm-2 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        width: 25%;
    }
    /*.mobileButtons .col-sm-15 { margin-bottom: 15px; width: 100%;}
    .mobileButtons .col-sm-15 .img-responsive { width: 100%;}*/
    .radio {
        margin: 0 0 50px 0;
    }

    #myModal {
        width: 96%;
    }

        #myModal .modal-dialog .modal-body h1 {
            margin: 0 0 20px 0;
        }

        #myModal .modal-dialog .modal-body .countDiv {
            float: left;
            margin: 20px 0 37px 0;
        }

        #myModal .modal-dialog .modal-body .borderBox {
            padding: 20px 15px 0 15px;
        }
    /* 30.10.2018 start */
    .middleBluediv {
        margin: 178px 0 0 0;
    }

        .middleBluediv h2 {
            margin: 0 0 60px 0;
        }

        .middleBluediv .newVideoDiv {
            margin: -178px auto 50px auto;
        }

            .middleBluediv .newVideoDiv iframe {
                height: 356px !important;
            }

    .white-bg.white-bg2 .heightDiv {
        min-height: 174px;
    }

    .customBoxDiv .leftPending {
        width: 100% !important;
    }

    .customBoxDiv .rightPlay {
        width: 100% !important;
    }

    .bottomWhite h2 {
        margin: 0 0 60px 0;
    }
    /* 30.10.2018 end */

    /* 02.10.2018 */
    #lmsPlayerShell #playerButtons {
        padding: 10px 0 10px 0;
    }

    #lmsPlayerShell #playerButtons2 {
        padding: 10px 0 10px 0;
    }

    #lmsPlayerShell .playerController {
        background: none;
        border-radius: 0;
        box-shadow: none;
        float: none;
        margin: 0 auto;
        display: table;
        padding: 0;
        width: auto;
    }

        #lmsPlayerShell .playerController .playerController2 {
            background: none;
            border-radius: 0;
            box-shadow: none;
            height: 21px;
            padding: 0;
        }

            #lmsPlayerShell .playerController .playerController2 #button_fbw {
                margin: 0;
            }

            #lmsPlayerShell .playerController .playerController2 #button_bw {
                margin: 0;
            }

            #lmsPlayerShell .playerController .playerController2 #button_play {
                background: none;
                height: 21px;
                margin: -1px 0 0 0;
                width: 24px;
            }

                #lmsPlayerShell .playerController .playerController2 #button_play span {
                    background-position: center 0;
                    height: 21px;
                    width: 24px;
                }

            #lmsPlayerShell .playerController .playerController2 #button_stop {
                background: none;
                height: 21px;
                margin: -1px 0 0 0;
                width: 24px;
            }

                #lmsPlayerShell .playerController .playerController2 #button_stop span {
                    background-position: center 0;
                    height: 21px;
                    width: 24px;
                }

            #lmsPlayerShell .playerController .playerController2 #button_fw {
                margin: 0;
            }

            #lmsPlayerShell .playerController .playerController2 #button_ffw {
                margin: 0;
            }

    #lmsPlayerShell .rightControl {
        clear: both;
        width: 100%;
    }

        #lmsPlayerShell .rightControl .valueNumnber {
            float: left;
            margin: 5px 5px 0 5px;
        }

        #lmsPlayerShell .rightControl .volume {
            float: right;
            margin: 16px 5px 0 5px;
        }

        #lmsPlayerShell .rightControl .sound {
            float: right;
            margin: 5px 0 0 0;
        }

        #lmsPlayerShell .rightControl .switchButton {
            background: none;
            width: auto;
            line-height: normal;
            height: auto;
            float: right;
            text-indent: 0;
            margin: 3px 0 0 0;
			display: none;
        }
    /* 02.10.2018 */
	
	/* 22.11.2018 start */
	#playerButtons2 .valueNumnber .stepper #valueNumnber2 { margin: 3px 0 0 0px; }
	.noPad0 { padding-left: 0 !important; padding-right: 0 !important; }
	.couseProgressDiv { border: none; }
	.couseProgressDiv .headerTextDiv { background: url(Images/video-qst_bg.png) repeat-x 0 0; border: 2px solid rgba(35,85,160,0.20); font-size: 20px; line-height: 68px; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table thead th { font-size: 13px; padding: 5px 5px 5px; width: auto !important; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td { font-size: 13px; height: 42px; padding: 5px 5px 5px; width:10%; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td:nth-child(2) { text-align: center; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progressDiv { display: inline-block; text-align: center; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progressDiv .playButton { background: url(Images/play-button.png) no-repeat 0 0 rgba(0,0,0,0); border: none; border-radius: 0; 
	 height: 19px; min-width: 0; padding: 0; width: 19px; background-size:100%; } 
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .progressDiv .playButton span { display: none; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .test { border-radius: 15px; font-size: 13px !important; padding: 0 10px; width: 85px !important; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .pass { border-radius: 15px; font-size: 13px !important; padding: 0 10px; width: 85px !important; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .fail { border-radius: 15px; font-size: 13px !important; padding: 0 10px; width: 85px !important; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td:last-child .fail { padding: 0 5px; }
	#questionList ul { max-height: 305px; width: 97%; }
	#questionList .collapse { display: none; }
	#questionList .collapse.show { display: block; }
	.qstHeader span { background: url(Images/plus-icon.png) no-repeat 94% 27px; display: block; }
	.qstHeader.plus span { background: url(Images/minus-icon.png) no-repeat 94% 33px; display: block; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .chapterImage { background: #275dae; border-radius: 100%; color: #fff; display: inline-block; font-size: 12px; height: 22px; line-height: 22px; margin-right: 3px; text-align: center; width: 22px; }
	.couseProgressDiv .whiteBgDiv .tableDiv .table tbody td .chapterName { /*background: url(Images/chapter.gif) no-repeat 0 2px; display: inline-block; height: 16px; text-indent: -999em; width: 16px;*/ display: none; }
	/* 22.11.2018 end */
	
	/* 14.12.2018 start */
	.homeServiceLog img { max-width: 180px; }
	
	.homeServiceBody .container { max-width: 100%; }
	
	.ytVideoDiv { width: 100%; }
	.blueTextDiv { width: 100%; }
	
	.redHeader { background: url(Images/redHeader_mob_bg.png) repeat-y 0 0; font-size: 24px; height: auto; }
	
	.midhalfDiv { width: 100%; }
	/* 14.12.2018 end */
	
	/* 21.12.2018 start */
	.homeServiceLog h2 { font-size: 38px; }
	.ytVideoDiv2 { width: 100%; }
	.videoTextBottom p { font-size: 20px; line-height: 26px; }
	.partVideoDiv .white-bg.white-bg3 .class-header { min-height: 126px; padding-top: 20px; }
	.partVideoDiv .white-bg.white-bg3 .class-header .customBoxDiv .leftPending { float: left; width: 50% !important; }
	.partVideoDiv .white-bg.white-bg3 .class-header .customBoxDiv .rightPlay { float: left; width: 50% !important; }
	.ribonThree { background: #fb212a; height: auto; }
	.whiteShadowDiv { margin-bottom: 15px; }
	/* 21.12.2018 end */
	
	/* transmosis-project start */
	.navbar-wrapper .navbar { min-height: 0; padding: 0 !important; }
	.navbar-wrapper .navbar .navbar-header .navbar-toggle { display: none; }
	.navbar-wrapper .navbar-collapse { display: block; }
	.navbar-wrapper .navbar-nav > li { float: left; width: auto; }
	
	#myCarousel { height: 429px; }
	#myCarousel .item { height: 429px; }
	#myCarousel .carousel-caption h2 { font-size: 20px !important; }
	
	.leftBody { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
	.leftBody #questionList { width: 100%; }
	.leftBody #questionList .qstHeader { padding: 0; }
	.leftBody #questionList .qstHeader span { background: url(Images/plus-icon.png) no-repeat 94% 27px; display: block; }
	.leftBody #questionList .qstHeader.plus span { background: url(Images/minus-icon.png) no-repeat 94% 33px; display: block; }
	.leftBody #questionList .collapse.in { display: block; }
	
	.rightBody { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
	
	/*.tabSecDiv .nav-tabs li a { font-size: 14px; }
	.tabSecDiv .tab-pane h2 { font-size: 18px; }*/
	.tabSecDiv .tab-pane .listUl li .learImg { min-height: 46px; width: 16%; }
	.tabSecDiv .tab-pane .listUl li .secondSpan { min-height: 46px; width: 46%; }
	.tabSecDiv .tab-pane .listUl li .thirdSpan { min-height: 46px; width: 38%; }
	.tabSecDiv .tab-pane .listUl li .playButton { margin: 8px 2% 11px 2%; width: 22%; }
	.tabSecDiv .tab-pane .listUl li .grade { margin: 7px 1% 0 1%; width: 19%; }
	.tabSecDiv .tab-pane .listUl li .classLocked { margin: 7px 1% 0 1%; width: 12%; }
	.tabSecDiv .tab-pane .listUl li .green { margin: -3px 0 0 0; width: 19%; }
	.tabSecDiv .tab-pane .listUl li .red { margin: -1px 0 0 0; width: 19%; }
	.tabSecDiv .tab-pane .listUl li .iFonts { margin: -5px 0 0 0; }
	
	.studyDiv h2 { font-size: 16px; }
	.studyDiv .studyVideo { padding: 0 15px 0 15px; }
	.studyDiv .studyVideo li { float: left; flex: 0 0 50%; max-width: 50%; width: 50%; }
	
	.footerDiv .footerNav li a { padding: 0 5px 0 5px; }
	/* transmosis-project end */
}

@media screen and (max-width: 639px) {
    .sliderUi2 {
        background: url(Images/player_bar.png) repeat-x 0 0;
        border: none !important;
        border-radius: 0;
        height: 10px;
        margin: 0 !important;
    }

        .sliderUi2 .ui-slider-handle {
            background: url(Images/player-progress_active.png) repeat-x 0 0;
            border: none;
            border-radius: 0;
            height: 10px;
            margin-left: 0;
            top: 0;
        }

    .radio {
        display: none;
    }

    .topwhiteDiv h2 {
        font-size: 36px;
    }

    .middleBluediv h2 {
        font-size: 36px;
    }

    .bottomWhite h2 {
        font-size: 36px;
    }

    .bottomWhite h3 {
        font-size: 36px;
    }

    .bottomWhite h4 {
        font-size: 26px;
    }

    /* 02.10.2018 */
    #lmsPlayerShell {
        margin-top: -20px;
    }

        #lmsPlayerShell #videoOne {
            padding-left: 0;
            padding-right: 0;
        }

        #lmsPlayerShell #videoTwo {
            padding-left: 0;
            padding-right: 0;
        }

            #lmsPlayerShell #videoTwo .mobileButtons .col-sm-12 {
                padding-left: 0;
                padding-right: 0;
            }

                #lmsPlayerShell #videoTwo .mobileButtons .col-sm-12 .row {
                    margin-left: 0;
                    margin-right: 0;
                }

        #lmsPlayerShell #playerButtons2 {
            padding: 10px 0 10px 0;
        }

    #playerButtons2 .playerController {
        background: none;
        border-radius: 0;
        box-shadow: none;
        float: none;
        margin: 0 auto;
        display: table;
        padding: 0;
        width: auto;
    }

        #playerButtons2 .playerController .playerController2 {
            background: none;
            border-radius: 0;
            box-shadow: none;
            height: 21px;
            padding: 0;
        }

            #playerButtons2 .playerController .playerController2 #button_play2 {
                background: none;
                height: 21px;
                margin: -2px 0 0 0;
                width: 24px;
            }

                #playerButtons2 .playerController .playerController2 #button_play2 span {
                    background-position: center 0;
                    height: 21px;
                    width: 24px;
                }

            #playerButtons2 .playerController .playerController2 #button_stop2 {
                background: none;
                height: 21px;
                margin: -2px 0 0 0;
                width: 24px;
            }

                #playerButtons2 .playerController .playerController2 #button_stop2 span {
                    background-position: center 0;
                    height: 21px;
                    width: 24px;
                }

    #playerButtons2 .rightControl {
        clear: both;
        width: 100%;
    }

        #playerButtons2 .rightControl .valueNumnber {
            float: left;
            margin: 5px 10px 0 10px;
        }

        #playerButtons2 .rightControl .volume {
            margin: 19px 10px 0 10px;
        }

        #playerButtons2 .rightControl .sound {
            margin: 5px 0 0 0;
        }
    /* 02.10.2018 */

    /* 06.11.2018 start */
    .mobileButtons {
        display: block;
    }

        .mobileButtons .row {
            display: block;
            flex: none;
			margin-left: 0;
			margin-right: 0;
            text-align: center;
        }

        .mobileButtons .col-sm-15 {
            display: inline-block;
            margin-top: 20px;
        }

    #videoTwoFixedContent {
        flex: none !important;
        display: block !important;
        width: 100% !important;
    }

        #videoTwoFixedContent > div {
            height: auto !important;
            flex: none !important;
            display: block !important;
            width: 100% !important;
        }

        #videoTwoFixedContent #panel7 {
            flex: none !important;
            display: block !important;
        }

        #videoTwoFixedContent #QandA {
            flex: none !important;
            display: block !important;
            flex-flow: column !important;
        }

        #videoTwoFixedContent #questionList {
            flex: none !important;
            display: block !important;
            width: 100% !important;
        }
    /* 06.11.2018 end */
	
	/* 21.12.2018 start */
	.homeServiceLog h2 { font-size: 26px; }
	.ytVideoDiv2 iframe { height: 300px !important; }
	.videoTextBottom p {
    font-size: 16px;
    line-height: 24px;
	margin: 0;
}
.partVideoDiv .white-bg.white-bg2 .class-header { padding-top: 20px; }
.bottomHomeService h2 { font-size: 32px; }
.ribonThree { font-size: 30px; }
.whiteShadowDiv { min-height: 0; padding: 15px 30px 15px 30px; }
	/* 21.12.2018 end */
}

@media screen and (max-width: 568px) {
    /* 14.12.2018 start */
    .ytVideoDiv iframe {
        height: 328px !important;
    }

    .redHeader {
        font-size: 17px;
        margin: 30px 0 30px 0;
    }

    .blueHeader {
        font-size: 17px;
        margin: 0 0 30px 0;
    }
    /* 14.12.2018 end */
}

@media screen and (max-width:479px) {
    .couseProgressDiv .whiteBgDiv .bottomResult .percentResult .blueDiv {
        height: auto;
        padding: 18px 0 18px;
    }

        .couseProgressDiv .whiteBgDiv .bottomResult .percentResult .blueDiv h1 {
            font-size: 50px;
        }

    .couseProgressDiv .whiteBgDiv .bottomResult .finalResult .whiteDiv {
        height: auto;
        padding: 18px 0 18px;
    }

        .couseProgressDiv .whiteBgDiv .bottomResult .finalResult .whiteDiv h1 {
            font-size: 50px;
        }

    .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv {
        height: auto;
        overflow: hidden;
        padding: 18px 0 8px;
    }

        .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul {
            padding: 0;
        }

            .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li {
                float: left;
                width: 100%;
            }

                .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li .test {
                    width: 100%;
                }

                .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li .score {
                    width: 100%;
                }

                .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li .retake {
                    width: 100%;
                }
    /*#playerButtons2 .playerController { float: none; margin: 10px auto 0 auto; display: table; width: 200px;}*/
    /*#playerButtons2 .rightControl { clear: both; width: 100%;}
    #playerButtons2 .rightControl .volume { margin: 25px 10px 0 10px;}
    #playerButtons2 .rightControl .valueNumnber { float: left; margin: 12px 0 0 10px;}
    #playerButtons2 .rightControl .valueNumnber .stepper { width: 142px;}
    #playerButtons2 .rightControl .valueNumnber .stepper #valueNumnber2 { margin: 3px 0 0 36px;}*/
    #myModal .modal-dialog .modal-body {
        padding: 15px 15px 15px 0;
    }

    /* 30.10.2018 start 0*/
    .topwhiteDiv h2 {
        font-size: 32px;
    }

    .middleBluediv {
        margin: 128px 0 0 0;
    }

        .middleBluediv h2 {
            font-size: 32px;
        }

        .middleBluediv .newVideoDiv {
            margin: -128px auto 50px auto;
        }

            .middleBluediv .newVideoDiv iframe {
                height: 256px !important;
            }

    .bottomWhite h2 {
        font-size: 32px;
    }

    .bottomWhite h3 {
        font-size: 32px;
    }

    .bottomWhite h4 {
        font-size: 24px;
    }

    .bottomWhite .fbButton {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .bottomWhite .fbButton {
        background-size: 100% auto;
    }
    /* 30.10.2018 end */

    /* 21.12.2018 start */
    .videoTextBottom p {
    }

    .ribonOne {
        background-size: 100% auto;
        font-size: 24px;
        line-height: 39px;
    }

    .ribonTwo {
        background-size: 100% auto;
        font-size: 24px;
        height: 52px;
        line-height: 34px;
    }

    .bottomHomeService h2 {
        font-size: 28px;
    }

    .ribonThree {
        font-size: 28px;
        line-height: 32px;
        padding: 10px 0 10px 0;
    }
    /* 21.12.2018 end */
}

@media screen and (max-width:414px) { 
	/* transmosis-project start */
	#myCarousel { height: 473px; }
	#myCarousel .item { height: 473px; }
	
	.tabSecDiv .nav-tabs li { width: 50%; }
	
	.tabSecDiv .tab-pane h2 { font-size: 17px !important; line-height: normal !important; padding: 20px 0 20px 0; }
	.tabSecDiv .tab-pane .listUl li .playButton { width: 28%; }
	.tabSecDiv .tab-pane .listUl li .grade { width: 20%; }
	.tabSecDiv .tab-pane .listUl li .classLocked { width: 12%; }
	.tabSecDiv .tab-pane .listUl li .green { width: 24%; }
	.tabSecDiv .tab-pane .listUl li .red { width: 24%; }
	
	.studyDiv h2 { line-height: normal; padding: 15px 0 15px 0; }
	.studyDiv .studyVideo { max-height: 460px; }
	.studyDiv .studyVideo li { float: left; flex: 0; max-width: 100%; width: 100%; }
	/* transmosis-project end */

}

@media screen and (max-width:375px) { 
	/* transmosis-project start */
	#myCarousel { height: 529px; }
	#myCarousel .item { height: 529px; }
	#myCarousel .carousel-caption { padding: 22px 15px 0 15px; }
	
	.tabSecDiv .tab-pane .listUl li .learImg { width: 20%; }
	.tabSecDiv .tab-pane .listUl li .secondSpan { width: 80%; }
	.tabSecDiv .tab-pane .listUl li .thirdSpan { margin: 0; padding: 0 10px 0 15px; width: 70%; }
	.tabSecDiv .tab-pane .listUl li .playButton { margin: 1px 2% 11px 0; }
	.tabSecDiv .tab-pane .listUl li .red { width: 33%; }
	.tabSecDiv .tab-pane .listUl li .iFonts { margin: -1px 0 0 0; }
	/* transmosis-project end */
} 

@media screen and (max-width:360px) { 

}

@media screen and (max-width:320px) {
	/* transmosis-project start */
	.tabSecDiv .tab-pane .listUl li .thirdSpan { width: 100%; }
	.tabSecDiv .tab-pane .listUl li .playButton { margin: 7px 2% 11px 2%; width: 29%; }
	/* transmosis-project end */
}


@media screen and (max-width: 568px) {
    /* 14.12.2018 start */
    .ytVideoDiv iframe {
        height: 328px !important;
    }

    .redHeader {
        font-size: 17px;
        margin: 30px 0 30px 0;
    }

    .blueHeader {
        font-size: 17px;
        margin: 0 0 30px 0;
    }
    /* 14.12.2018 end */
}

@media screen and (max-width:479px) {
    .couseProgressDiv .whiteBgDiv .bottomResult .percentResult .blueDiv {
        height: auto;
        padding: 18px 0 18px;
    }

        .couseProgressDiv .whiteBgDiv .bottomResult .percentResult .blueDiv h1 {
            font-size: 50px;
        }

    .couseProgressDiv .whiteBgDiv .bottomResult .finalResult .whiteDiv {
        height: auto;
        padding: 18px 0 18px;
    }

        .couseProgressDiv .whiteBgDiv .bottomResult .finalResult .whiteDiv h1 {
            font-size: 50px;
        }

    .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv {
        height: auto;
        overflow: hidden;
        padding: 18px 0 8px;
    }

        .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul {
            padding: 0;
        }

            .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li {
                float: left;
                width: 100%;
            }

                .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li .test {
                    width: 100%;
                }

                .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li .score {
                    width: 100%;
                }

                .couseProgressDiv .whiteBgDiv .bottomResult .assessmentResult .whiteDiv ul li .retake {
                    width: 100%;
                }
    /*#playerButtons2 .playerController { float: none; margin: 10px auto 0 auto; display: table; width: 200px;}*/
    /*#playerButtons2 .rightControl { clear: both; width: 100%;}
    #playerButtons2 .rightControl .volume { margin: 25px 10px 0 10px;}
    #playerButtons2 .rightControl .valueNumnber { float: left; margin: 12px 0 0 10px;}
    #playerButtons2 .rightControl .valueNumnber .stepper { width: 142px;}
    #playerButtons2 .rightControl .valueNumnber .stepper #valueNumnber2 { margin: 3px 0 0 36px;}*/
    #myModal .modal-dialog .modal-body {
        padding: 15px 15px 15px 0;
    }

    /* 30.10.2018 start 0*/
    .topwhiteDiv h2 {
        font-size: 32px;
    }

    .middleBluediv {
        margin: 128px 0 0 0;
    }

        .middleBluediv h2 {
            font-size: 32px;
        }

        .middleBluediv .newVideoDiv {
            margin: -128px auto 50px auto;
        }

            .middleBluediv .newVideoDiv iframe {
                height: 256px !important;
            }

    .bottomWhite h2 {
        font-size: 32px;
    }

    .bottomWhite h3 {
        font-size: 32px;
    }

    .bottomWhite h4 {
        font-size: 24px;
    }

    .bottomWhite .fbButton {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .bottomWhite .fbButton {
        background-size: 100% auto;
    }
    /* 30.10.2018 end */

    /* 21.12.2018 start */
    .videoTextBottom p {
    }

    .ribonOne {
        background-size: 100% auto;
        font-size: 24px;
        line-height: 39px;
    }

    .ribonTwo {
        background-size: 100% auto;
        font-size: 24px;
        height: 52px;
        line-height: 34px;
    }

    .bottomHomeService h2 {
        font-size: 28px;
    }

    .ribonThree {
        font-size: 28px;
        line-height: 32px;
        padding: 10px 0 10px 0;
    }
    /* 21.12.2018 end */
}

@media screen and (max-width:320px) {

}