ul {
    list-style: none;
}

/*Added by Dhaval @29-06-19*/
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

.banner_part {
    width: 100%;
    position: relative;
    box-shadow: 0 0px 5px #ccc;
    margin: 77px 0 0 0;
}

.banner_video .owl-carousel .item figure {
    margin: 0px;
}

.afterlogin .btm_header_sec {
    padding: 5px 0px;
    height: 42px;
}

.btm_header_sec {
    width: 100%;
    float: left;
    position: relative;
}

.nav.nav-masthead.text-right {
    float: left;
}

.banner_video img {
    width: 100%;
}

.banner_video .owl-nav {
    display: none;
}

.banner_video button.owl-dot {
    width: 14px;
    height: 14px;
    border: 1px solid #f58320 !important;
    margin: 6px 0px;
    border-radius: 50%;
    display: block;
    outline: none;
}

    .banner_video button.owl-dot.active {
        background: #f58320;
    }

.banner_video .owl-carousel {
    margin: 0px !important;
}

.banner_video .owl-dots {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

header {
    padding: 0;
    background: #174a6d;
    position: fixed;
    top: 0;
    box-shadow: 0 0 10px #ccc;
    width: auto;
    right: 0;
    left: 0;
    margin: 0 auto;
    transition: all ease 0.6s;
    z-index: 999999;
}

    header .nav-link {
        color: #fafafa !important;
        line-height: 26px;
        font-size: 14px;
        transition: all 0.3s ease;
        position: relative;
        cursor: pointer;
    }

.arrow {
    position: relative;
    text-align: center;
}

    .arrow:before {
        position: absolute;
        content: '';
        bottom: 4px;
        text-align: center;
        border-top: 5px solid #fafafa;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        z-index: 9;
    }

header .nav-link.active, header .nav-link:hover {
    background: #f96a36;
}

header li:hover .submenu {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s, 0s, 0.3s;
}

.nav ul {
    list-style: none;
}

.submenu {
    position: absolute;
    width: 180px;
    background: #174a6d;
    margin: 0;
    padding: 0;
    top: 43px;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    transform: translateY(2em);
    opacity: 0;
    visibility: hidden;
    text-align: left;
}

    .submenu li a {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        line-height: 16px;
        transition: all 0.3s ease;
        width: 100%;
        float: left;
        padding: 10px 14px;
        border-bottom: 1px solid #fff;
    }

        .submenu li a:hover {
            background: #f96a36;
        }

.after_scroll_header {
    padding: 12px 0;
    position: fixed;
    transition: all 0.9s ease;
    top: -80px;
    background: #fff;
    z-index: 99;
    background: azure;
}

.inner.cover {
    position: absolute;
    left: 50%;
    width: 100%;
    max-width: 60%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.login_sec2 {
    display: none;
}

.logo {
    margin: 0px;
}

.login_sec {
    margin: 0 0 0 16px;
    list-style: none;
    padding: 0;
    float: right;
    top: 7px;
    position: relative;
    display: none;
}

    .login_sec li a:hover {
        outline: none;
        text-decoration: none;
        color: #f58320;
    }

.afterlogin .login_sec li a:hover {
    color: #fff;
    background: #0494f9;
}

.afterlogin .login_sec li a {
    color: #777;
}

.login_sec li a {
    text-decoration: none;
    color: #fff;
    transition: all 0.5s ease;
    font-family: sans-serif;
    line-height: 21px;
    font-size: 14px;
}

    .login_sec li a svg.svg-inline--fa {
        margin: 0 6px 0 0;
    }

.login_sec li {
    float: left;
}

.index_header .nav {
    float: right;
    position: relative;
    right: -8px;
}

.index_header {
    position: absolute !important;
}
/*------------------About Section CSS-----------------*/
.about_section {
    width: 100%;
    float: left;
    /*background: #f4f4f4;*/
    padding: 54px 0;
}

.about_heading {
    font-size: 27px;
    line-height: 30px;
    font-weight: normal;
    margin: 0;
    color: #404040;
}

.border_line {
    display: inline-block;
    width: 240px;
    position: relative;
    margin: 20px 0 0 0;
}

    .border_line:before {
        position: absolute;
        content: '';
        height: 1px;
        width: 100px;
        top: 0px;
        left: 0px;
        background: #ccc;
    }

    .border_line:after {
        position: absolute;
        content: '';
        height: 1px;
        width: 100px;
        top: 0px;
        right: 0px;
        background: #ccc;
    }

.main_heading {
    width: 100%;
    text-align: center;
    padding: 0 0 20px 0;
}

.border_line img {
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.about_left h3 {
    font-size: 22px;
    line-height: 26px;
    color: #404040;
    margin: 0 0 12px 0;
    float: left;
    width: 100%;
}

.about_left p {
    font-size: 15px;
    line-height: 24px;
    color: #606060;
    margin: 0 0 14px 0;
    text-align: justify;
}

.about_section .img_left {
    float: left;
    margin: 0;
    width: 47.8%;
}

    .about_section .img_left img {
        width: 100%;
    }

.img_right {
    float: right;
    width: 48%;
    margin: 0;
}

    .img_right img {
        width: 100%;
        padding: 0 0 16px 0;
    }

        .img_right img:last-child {
            padding: 0px;
        }

.about_left {
    padding-right: 70px;
}
/*-----------------Begin video_section CSS----------------*/
.video_section {
    width: 100%;
    float: left;
    padding: 54px 0;
    background: url("../image/bg-img2.png") no-repeat;
    background-size: 100% 100%;
}

    .video_section.our_objective {
        background: url("../image/bg-img3.jpg") no-repeat;
        background-size: cover;
    }

    .video_section .about_heading {
        color: #fff;
    }

.video_main {
    width: 100%;
    display: inline-block;
    padding: 16px;
}

.video_box {
    display: inline-block;
    background: #fff;
    border-radius: 4px;
    margin: 0 16px 0 0;
}

    .video_box:last-child {
        margin: 0px;
    }

    .video_box figure img {
        width: 100%;
    }

    .video_box figure {
        margin: 0px;
    }

.video_text {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

    .video_text span {
        font-size: 18px;
        line-height: 20px;
        color: #202020;
    }

.video_section .owl-dots {
    display: none;
}

.video_section .owl-carousel .owl-nav button.owl-next {
    background-image: url(../image/right-arrow.png) !important;
    height: 32px;
    width: 32px;
    text-indent: -9999px;
    margin: 0px;
    right: -25px;
    position: absolute;
    outline: none;
}

.video_section .owl-carousel .owl-nav button.owl-prev {
    background-image: url(../image/back-arrow.png) !important;
    height: 32px;
    width: 32px;
    text-indent: -9999px;
    margin: 0px;
    left: -54px;
    position: absolute;
    outline: none;
}

.video_section .owl-carousel .owl-nav {
    position: absolute;
    transform: translateY(-50%);
    top: 42%;
    width: 100%;
}

.banner_part video {
    float: left;
    position: relative;
    outline: none;
}

.video_section #owl-demo .item {
    background: #42bdc2;
    padding: 30px 0px;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    outline: none;
}

.volume {
    position: absolute;
    bottom: 14px;
    left: 26px;
    z-index: 9;
    background: #f4f4f4;
    padding: 4px 8px;
    border-radius: 4px;
    cursor: pointer;
}

.sliderblock .volume {
    display: none;
}

.play_btn span {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
}

    .play_btn span:after {
        position: absolute;
        content: "";
        border-left: 17px solid #fff;
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

.play_btn {
    height: 70px;
    width: 70px;
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    pointer-events: none;
    display: none;
}

.banner_video {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px; /*temporary hack just to stop overlaping of slider content and other content*/
    float: left;
    box-shadow: 0 0 12px #ccc;
}

    .banner_video .banner_heading {
        font-size: 36px;
        line-height: 42px;
        color: #f58320;
        font-weight: bold;
        position: absolute;
        top: 5%;
        margin: 0 0 26px 0;
        z-index: 9;
        left: 24%;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }
/*-------------------------Begin Client Form CSS-------------------------*/
.client_form .ffl-wrapper {
    position: relative;
    display: block;
    padding-top: 1rem;
}

    .client_form .ffl-wrapper .ffl-label {
        transition-property: all;
        transition-duration: 200ms;
        transition-timing-function: ease;
        transition-delay: 0s;
        position: absolute;
        white-space: nowrap;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        pointer-events: none;
        top: 1.25rem;
        font-size: 15px;
    }

    .client_form .ffl-wrapper.ffl-floated .ffl-label {
        top: 0;
    }

.client_form .ffl-label {
    color: #909090;
    line-height: 1.2;
}

.client_form .ffl-wrapper select option {
    padding: 0px !important;
}

.client_form .ffl-wrapper select {
    color: #909090;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.select_city {
    position: relative;
}

    .select_city:after {
        position: absolute;
        content: '';
        top: 12px;
        right: 0px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 8px solid #B4B4B4;
        pointer-events: none;
    }

.client_form .ffl-floated .ffl-label {
    color: #0289f3;
    font-size: 0.75rem;
}

.client_form form {
    max-width: 46%;
    margin: 2rem auto 0;
    background-color: #fff;
    padding: 32px 32px;
    border-radius: 4px;
    box-shadow: 0 0 12px #ccc;
}

    .client_form form:after {
        content: "";
        display: block;
        clear: both;
    }

.client_form input, .client_form textarea, .client_form select {
    transition: border-bottom 100ms ease;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 1rem;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    border-style: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    height: 1.875rem;
    color: #909090;
}

.client_form form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.client_form input:hover, .client_form textarea:hover, .client_form select:hover {
    border-bottom-width: 1px;
    border-bottom-color: #909090;
}

.client_form input:focus, .client_form textarea:focus, .client_form select:focus {
    border-bottom-width: 1px;
    border-bottom-color: #0289f3;
}

.client_form textarea {
    resize: none;
    min-height: 1.875rem;
}

.client_form label > span {
    color: #909090;
}

[type="button"] {
    transition: background-color 0.3s ease;
    border: none;
    color: #ffffff;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 1rem;
    float: right;
    border-radius: 4px;
}

.client_form [type="button"]:hover, .client_form [type="button"]:focus {
    background-color: #027bda;
}

.client_form {
    width: 100%;
    float: left;
    padding: 100px 0 60px;
    /*background-image: url(../image/a.jpeg);
    background-repeat: no-repeat;
    background-size: cover;*/
    height: 100%;
    background: #f4f4f4;
}

.school_form {
    width: 100%;
/*Chanved by Dhaval @22-06-19*/
    /*float: left;*/
    float: none;
    /* padding: 100px 0 60px; */
    height: 100%;
    /* background: #f4f4f4; */
}

.school_heading_new
{
    color: black;
    text-align:left;
}

.reg_form form .lbl .field-validation-error {
    color: red;
    position: absolute;
    left: 2px;
    bottom: -14px;
}

.client_form.client_bg form {
    box-shadow: 0 0 16px #ccc;
}

.client_form .about_heading {
    font-weight: normal;
    font-size: 28px;
    line-height: 32px;
}

.client_form .main_heading {
    padding: 0 0 16px 0;
}
/*-------------------------Scratch Card Detail----------------------*/
.scratch_card_detail {
    width: 100%;
    float: left;
    padding: 118px 0 60px;
}

.scratch_card_section {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 34px;
    background: #f4f4f4;
}

    .scratch_card_section .about_heading {
        font-weight: normal;
        font-size: 28px;
        line-height: 32px;
    }

    .scratch_card_section .border_line {
        margin: 26px 0 0 0;
    }

    .scratch_card_section table {
        border: 1px solid #ccc;
    }

        .scratch_card_section table td, .scratch_card_section table th {
            border: 1px solid #ccc;
            padding: 4px 10px;
            font-size: 14px;
            color: #444;
        }

.cntr {
    float: left;
    width: 100%;
    padding: 10px 0 0 0;
    position: relative;
}

#cbx {
    position: absolute;
}

.label-cbx {
    user-select: none;
    cursor: pointer;
    margin-bottom: 0;
}

    .label-cbx input:checked + .checkbox {
        border-color: #0494f9;
    }

        .label-cbx input:checked + .checkbox svg path {
            fill: #0494f9;
        }

        .label-cbx input:checked + .checkbox svg polyline {
            stroke-dashoffset: 0;
        }

    .label-cbx:hover .checkbox svg path {
        stroke-dashoffset: 0;
    }

    .label-cbx .checkbox {
        position: relative;
        top: 2px;
        float: left;
        margin-right: 8px;
        width: 20px;
        height: 20px;
        border: 2px solid #C8CCD4;
        border-radius: 3px;
    }

        .label-cbx .checkbox svg {
            position: absolute;
            top: -2px;
            left: -2px;
        }

            .label-cbx .checkbox svg path {
                fill: none;
                stroke: #0494f9;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 71px;
                stroke-dashoffset: 71px;
                transition: all 0.6s ease;
            }

            .label-cbx .checkbox svg polyline {
                fill: none;
                stroke: #FFF;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 18px;
                stroke-dashoffset: 18px;
                transition: all 0.3s ease;
            }
/*--------------------Advantage Block CSS-------------------------*/
.advantage_section {
    width: 100%;
    float: left;
    padding: 60px 0px 68px 0px;
    background: #9fd5ea;
}

    .advantage_section .border_line::before, .advantage_section .border_line::after {
        background: #404040;
    }

.advantage_block {
    width: 100%;
    display: inline-block;
}

.circle {
    display: inline-block;
    height: 108px;
    width: 108px;
    background: #57bee6;
    margin: 0;
    border-radius: 50%;
    text-align: center;
}

    .circle img {
        padding-top: 18px;
    }

.advantage_section .box {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

    .advantage_section .box p {
        font-size: 14px;
        line-height: 22px;
        margin: 20px 0;
        height: 68px;
        display: table;
        width: 100%;
    }

    .advantage_section .box button {
        text-decoration: none;
        font-size: 16px;
        line-height: 20px;
        background: #fff;
        padding: 8px 24px;
        border-radius: 16px;
        color: #0494f9;
        border: none;
        cursor: pointer;
        outline: none;
        float: none;
    }

    .advantage_section .box p span {
        vertical-align: middle;
        display: table-cell;
    }

    .advantage_section .box .hvr-rectangle-out::before {
        background: #f58320;
        border-radius: 16px;
    }

.md-close.hvr-rectangle-out::before {
    background: #f58320;
    border-radius: 16px;
}

.advantage_section .box button:hover, .advantage_section .box button:focus {
    color: #fff;
}

.md-close {
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    background: #fff;
    padding: 8px 24px;
    border-radius: 16px;
    color: #3ab4e3;
    border: none;
    cursor: pointer;
    outline: none;
}

.md-modal .md-content {
    background: #f4f4f4;
}

    .md-modal .md-content h3 {
        padding: 12px 16px;
        font-size: 22px;
        color: #404040;
    }

.md-content > div p {
    font-size: 14px;
    color: #404040;
    margin: 0 0 12px 0;
    text-align: justify;
    line-height: 26px;
}

.md-modal .md-content .md-close {
    background: #3ab4e3;
    color: #fff;
    top: 0px;
    right: 0px;
}

.video_modal .md-content .md-close {
    top: -30px;
    right: -20px;
}

.object_content {
    width: 100%;
    text-align: center;
}

    .object_content p {
        font-size: 22px;
        line-height: 40px;
        margin: 0;
        color: #fff;
    }
/*-----------------Begin Our Story Section CSS--------------------*/
.our_story {
    width: 100%;
    float: left;
    padding: 54px 0px 112px 0;
    background: #f4f4f4;
}

.our_story_content {
    width: 100%;
    float: left;
    text-align: center;
}

    .our_story_content p {
        font-size: 14px;
        line-height: 28px;
        margin: 0;
        padding: 0 0 42px 0;
        color: #404040;
        text-align: justify;
    }

.read_more.hvr-rectangle-out {
    background: #3ab4e3;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 24px;
    color: #fff;
    border-radius: 16px;
    cursor: pointer;
}

.our_story_content a {
    color: #fff !important;
}

.read_more.hvr-rectangle-out::before {
    background: #57bee6;
    border-radius: 16px;
}

.b-description_readmore_button {
    background: #0494f9;
    font-size: 40px;
    line-height: 42px;
    padding: 0px 0 10px 0;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    width: 44px;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -74px;
    text-transform: capitalize;
}

.what-we-offer-sec {
    width: 100%;
    float: left;
    padding: 54px 0;
}

    .what-we-offer-sec .content:hover .btm_text {
        display: none;
    }

    .what-we-offer-sec .main_heading {
        padding: 0 0 40px 0;
    }

    .what-we-offer-sec .btm_text {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        text-align: center;
        background: rgba(58, 180, 227, 0.5);
        color: #fff;
        padding: 6px 0;
        font-size: 24px;
    }

.b-description_readmore_wrapper {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    max-width: none !important;
    width: 100%;
    position: relative;
}

.b-description_readmore {
    width: 100%;
    position: relative;
    line-height: 25px;
    font-size: 1em;
    text-align: left;
    box-sizing: border-box;
}

.b-description_readmore_ellipsis:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 75%;
    height: 25px;
    background: linear-gradient(to right, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1) 65%);
}

.error-message {
    color: red !important;
}

.admin-bg {
    background: rgba(0, 0, 0, 0.08);
}

.logo-holder {
    margin: 0 auto;
    text-align: center;
    background: #ccc;
    width: 30%;
    height: auto;
    cursor: pointer;
    border: 1px solid #ccc;
}

.change-logo {
    font-size: 12px;
}

.logo-image {
    width: 90%;
    margin: 10% auto;
}

.toggle {
    display: none;
    width: 28px;
    height: 30px;
    margin: 30px auto 10px;
    outline: none;
    position: absolute;
    top: -56px;
    right: 16px;
}

    .toggle span:after,
    .toggle span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -9px;
    }

    .toggle span:after {
        top: 9px;
    }

    .toggle span {
        position: relative;
        display: block;
    }

        .toggle span,
        .toggle span:after,
        .toggle span:before {
            width: 100%;
            height: 5px;
            background-color: #2384c8;
            transition: all 0.3s;
            backface-visibility: hidden;
            border-radius: 2px;
        }

    .toggle.on span {
        background-color: transparent;
    }

        .toggle.on span:before {
            transform: rotate(45deg) translate(5px, 5px);
        }

        .toggle.on span:after {
            transform: rotate(-45deg) translate(7px, -8px);
        }

    .toggle.on + #menu {
        opacity: 1;
        visibility: visible;
    }
/*-------------------Begin Contact Us Section CSS------------------*/
.contact_section {
    width: 100%;
    float: left;
    padding: 52px 0px;
}

.contactus {
    width: 100%;
    float: left;
}

    .contactus h2 {
        font-size: 30px;
        line-height: 34px;
        margin: 0px 0 15px 0px;
        color: #404040;
    }

    .contactus form {
        width: 100%;
        float: left;
    }

    .contactus .field span {
        font-size: 15px;
        line-height: 18px;
        color: #888;
        margin: 0 0 8px 0;
        float: left;
    }

    .contactus .field input, .contactus .field textarea {
        background: none;
        border-radius: 4px;
        box-shadow: none;
        margin: 0px;
    }

    .contactus .field_left {
        float: left;
        width: 49%;
    }

    .contactus .field_right {
        float: right;
        width: 49%;
    }

    .contactus .field {
        width: 100%;
        float: left;
        padding: 0 0 18px 0;
    }

    .contactus .send_msg {
        padding: 10px 16px;
        border-radius: 4px;
        margin: 0;
        float: left;
        background: #0494f9;
    }

        .contactus .send_msg.hvr-rectangle-out:before {
            background: #f58320;
            border-radius: 4px;
        }

.user_dashboard .product_detail a.explore.hvr-rectangle-out:before {
    background: #f58320;
}

.contactus .getintouch {
    width: 100%;
    float: left;
}

.getintouch h3 {
    font-size: 30px;
    line-height: 34px;
    margin: 0;
    color: #0088CC;
}

    .getintouch h3 span {
        font-weight: bold;
    }

.get_section p {
    font-size: 15px;
    line-height: 25px;
    color: #888;
    margin: 16px 0 0 0;
}

.get_section {
    width: 100%;
    float: left;
    padding: 0 0 28px;
    border-bottom: 1px solid #dcdcdc;
}

.office_section {
    width: 100%;
    float: left;
    border-bottom: 1px solid #dcdcdc;
}

    .office_section ul {
        list-style: none;
        margin: 0;
        width: 100%;
        float: left;
        padding: 0px;
    }

        .office_section ul li img {
            max-width: 26px;
            position: relative;
            top: -1px;
        }

        .office_section ul li label {
            display: inline-block;
            margin: 0 0px 0 10px;
            color: #888;
            width: auto;
            font-weight: bold;
            vertical-align: top;
        }

        .office_section ul li p, .office_section ul li a {
            display: inline-block;
            margin: 0;
            font-size: 15px;
            line-height: 20px;
            color: #888;
            margin: 0 0 0 10px;
            vertical-align: top;
        }

        .office_section ul li a {
            color: #0494f9;
            transition: all 0.3s ease;
        }

            .office_section ul li a:hover {
                color: #f58320;
                outline: none;
                text-decoration: none;
            }

    .office_section h3 {
        padding: 0 0 22px 0;
    }

    .office_section ul li {
        width: 100%;
        float: left;
        margin: 0 0 16px;
    }

        .office_section ul li span {
            display: inline-block;
            width: 26px;
            height: 26px;
            background: #0088CC;
            border-radius: 50%;
            text-align: center;
        }
/*------------------------Begin Footer Section Part-------------------------*/
footer {
    width: 100%;
    float: left;
    padding: 20px 0px 30px;
    background: #333;
    text-align: center;
}

    footer.back .back_to_top {
        display: block;
        z-index: 9;
    }

.back_to_top {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: none;
    float: right;
    border: 2px solid #0494f9;
    text-align: center;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: all 0.3s ease;
}

    .back_to_top:hover {
        background: #0494f9;
    }

        .back_to_top:hover i {
            border: solid #fff;
            border-width: 0 2px 2px 0;
        }

    .back_to_top i {
        border: solid #0494f9;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        position: relative;
        top: 7px;
    }

.social_icon {
    width: 100%;
    float: left;
    padding: 6px 0 0px 0;
}

.footer_logo img {
    width: 120px;
}

.social_icon a {
    width: 38px;
    height: 38px;
    background: #3ab4e3;
    display: inline-block;
    border-radius: 50%;
    vertical-align: bottom;
    line-height: 34px;
    margin: 0 4px;
    transition: all 0.5s ease;
    transform: scale(1);
}

    .social_icon a:hover {
        transform: scale(1.1);
        background: #f58320;
    }

.client_form [type="button"] {
    background: #0289f3;
}

.alert.alert-success {
    display: inline-block;
    padding: 10px 10px 8px;
    width: 100%;
    background-color: #dff0d8;
    margin: 14px 0 20px;
}

.reg_form .alert.alert-success > p {
    color: #468847;
    text-align: left;
    margin: 0;
    font-size: 14px;
    font-family: sans-serif;
    padding: 0 0 0 6px;
}

    .reg_form .alert.alert-success > p label {
        margin: 0px;
    }

.reg_form form .lbl {
    float: left;
    width: 100%;
    margin: 6px 0px;
    position: relative;
}

.reg_form .otp_block .form-control:focus {
    box-shadow: none;
}

.reg_form .otp_block .form-control {
    font-size: 12px;
    width: 75%;
    float: left;
    border: 1px solid #ccc;
    height: auto;
    padding: 7px 10px;
    transition: all 0.5s ease;
}

.reg_form .otp_block button {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    background: #0289f3;
    border: none;
    padding: 9px 20px;
    border-radius: 4px;
    float: right;
    cursor: pointer;
    margin-top: 0;
}

.reg_form .verified {
    float: left;
    width: 100%;
    box-shadow: none;
    text-align: left;
    margin: 10px 0 6px 0;
    box-shadow: none !important;
    border-bottom: 1px solid #e8e8e8;
}

    .reg_form .verified button {
        padding: 7px 16px;
        font-size: 14px;
        background-color: #0289f3;
        border-color: #0289f3;
        width: 102px;
        transition: all 0.4s ease;
        color: #fff;
        border: none;
        border-radius: 4px;
        float: left;
        margin: 0px;
    }

.reg_form .verified_msg {
    text-align: left;
    font-size: 13px;
    line-height: 15px;
    color: #3c763d;
    margin: 12px 0 16px 14px;
    padding-bottom: 12px;
    float: left;
}

.reg_form input.scratch_card {
    width: 100%;
    border: 1px solid #ccc;
    margin: 10px 0 0 0;
    border-radius: 4px;
    font-size: 14px;
    padding: 6px 10px;
    height: auto;
    transition: all 0.5s ease;
}

.reg_form .cntr span {
    font-size: 14px;
}

.reg_form input.scratch_card:focus, .reg_form .otp_block .form-control:focus {
    border: 1px solid #0289f3;
}

.client_form form#viewClientForm {
    /*max-width: 80%;*/
    max-width: 90%;
    margin: 2rem auto 0;
    background-color: #fafafa;
    padding: 32px 32px;
    border-radius: 4px;
}

.clientInfoTableDisplay {
    width: 100%;
    min-width:768px;
}

    .clientInfoTableDisplay tr {
        text-align: center;
    }

        .clientInfoTableDisplay tr button {
            transition: background-color 0.3s ease;
            border: none;
            color: #ffffff;
            padding: 5px;
            text-transform: uppercase;
            font-size: 16px;
            cursor: pointer;
            margin-top: 0;
            border-radius: 4px;
        }

.copy_right {
    width: 100%;
    float: left;
    text-align: center;
    color: #ababab;
    margin: 16px 0 0;
    font-size: 14px;
    line-height: 16px;
}

.client_form .clientInfoTableDisplay [type="button"] {
    float: none;
    font-size: 14px;
    background: #0289f3;
    border: none;
}

    .client_form .clientInfoTableDisplay [type="button"]:hover {
        background: #f58320;
    }

.client_form .clientInfoTableDisplay th, .client_form .clientInfoTableDisplay td {
    border: 1px solid #ccc;
    font-size: 14px;
}

.client_form .clientInfoTableDisplay th {
    padding: 6px 0;
}

.client_form .dataTables_info {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 0 0;
}

.client_form .dataTables_paginate {
    padding: 10px 0 0;
}

    .client_form .dataTables_paginate li a {
        color: #3ab4e3;
    }

.client_form select.form-control.input-sm {
    border: 1px solid #ccc;
    font-size: 14px;
}

.client_form input.form-control.input-sm {
    float: left;
    border: 1px solid #ccc;
    padding: 0 10px;
}

    .client_form input.form-control.input-sm:focus {
        box-shadow: none;
    }

.error_label {
    width: 80% !important;
    margin-top: 2.5rem !important;
}
/*----------------------User Dashboard CSS---------------------*/
.user_dashboard {
    width: 100%;
    float: left;
    padding: 44px 20px;
    margin-top: 65px;
    text-align: center;
    background: #f4f4f4;
}

.dashboad_main {
    width: 100%;
    display: table;
    height: 386px;
    overflow-y: scroll;
    color: #888;
}

    .dashboad_main.dashboard_package {
        display: inline-block;
    }

.right.invoice {
    text-decoration: none;
    transition: all 0.4s ease;
}

.btm_btn .explore.right.hvr-rectangle-out {
    background: #0494f9 !important;
    color: #fff;
    padding: 4px 0 8px;
}

.right.invoice:hover {
    color: #1c55d9;
}

.user_dashboard .dashboard_block {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    border-radius: 4px;
    display: flex;
}

.dashboad_main h4 {
    display: table-cell;
    vertical-align: middle;
}

.user_dashboard .other_info h5 {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin: 0;
    font-weight: normal;
}

.user_dashboard .other_info a {
    text-decoration: none;
    transition: all 0.4s ease;
    margin: 0 0 0 3px;
    color: #f58320;
}

.user_dashboard .user_info.other_info {
    padding: 12px 12px;
    margin: 0 0 6px 0;
    background: #233146;
}

.user_dashboard .btm_content {
    width: 100%;
    float: left;
    padding: 0 30px;
}

    .user_dashboard .btm_content select {
        width: 100%;
        border: navajowhite;
        height: 32px;
        padding: 0 8px;
        font-size: 14px;
        background: #233146;
        line-height: 16px;
        color: #fff;
        outline: none;
        cursor: pointer;
        margin: 0 0 14px 0;
        transition: all 0.5s ease;
    }

    .user_dashboard .btm_content button:hover {
        background: #0B192E;
    }

    .user_dashboard .btm_content button {
        width: 100%;
        height: 32px;
        margin: 0 0 17px;
        padding: 0;
        font-size: 14px;
        line-height: 16px;
        background: #233146;
        color: #fff;
        border-radius: 0;
        outline: none;
    }

.user_dashboard .all_prod {
    width: 100%;
    float: left;
    background: #fff;
    box-shadow: 3px 2px 4px #ccc;
    padding: 20px;
    margin: 0 0 20px 0;
}

    .user_dashboard .all_prod h2 {
        font-size: 20px;
        line-height: 22px;
        text-transform: uppercase;
        font-weight: 600;
        color: #7B8191;
        margin: 0;
    }

.dashboard_left {
    float: left;
    width: 40%;
}

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

    .dashboard_left figure.prod_img {
        padding: 0px;
        margin: 0 auto;
        width: 100%;
    }

.dashboard_right_side {
    float: right;
    width: 100%;
}

.user_dashboard .dashboard_right h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0px;
    padding: 0 0 10px 0;
    color: #333;
    font-weight: 600;
}

.user_dashboard .dashboard_right p {
    font-size: 15px;
    line-height: 20px;
    color: #333;
    margin: 0 26px 4px 0px;
    float: left;
}

.user_dashboard .user_info h4 {
    font-size: 26px;
    line-height: 30px;
    color: #444;
    margin: 0 0 20px 0;
}

.user_dashboard .course_desc h2 {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin: 0px 0 10px;
}

/*Added by Dhaval @08-06-19*/
.dashboard_left_side .course_desc h2 {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin: 0px 0 10px;
}

.user_dashboard .user_info {
    width: 100%;
    padding: 20px;
    margin: 0 auto 22px;
    float: left;
    border-bottom: 2px solid #233146;
}

/*Added by Dhaval @08-06-19*/
.dashboard_left_side .user_info {
    width: 100%;
    padding: 20px;
    margin: 0 auto 22px;
    float: left;
    border-bottom: 2px solid #233146;
}

.dashboard_left_side {
    float: left;

    /*Changed by Dhaval @08-06-19 for new template*/
    width: 386px;
    /*width: 100%;*/

    background: #364760;
    border-radius: 4px 0 0 4px;
    padding: 20px 0 0 0;

    /*Added by Dhaval @08-06-19 for new template*/
    text-align: center;
}

.user_dashboard .user_info {
    width: 100%;
    padding: 20px;
    margin: 0 auto 22px;
    float: left;
    border-bottom: 2px solid #233146;
}

.user_dashboard .course_desc p {
    font-size: 14px;
    line-height: 22px;
    color: #aeaeae;
    margin: 0px;
}

/*Added by Dhaval @08-06-19*/
.dashboard_left_side .course_desc p {
    font-size: 14px;
    line-height: 22px;
    color: #aeaeae;
    margin: 0px;
}

.user_dashboard .dashboard_right {
    float: right;
    width: 56%;
    text-align: left;
    padding: 10px 0 0 0;
}

.user_dashboard .dashboard_right .btm_btn {
    width: 100%;
    float: left;
    margin: 8px 0 0 0;
}

.user_dashboard .dashboard_right .btm_btn .explore {
    text-align: center;
    margin: 0 14px 0 0;
    line-height: 20px;
    cursor: pointer;
}

.user_dashboard .product_detail {
    display: inline-block;
    width: 86%;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    margin: 6px auto 0;
    border-radius: 6px;
    position: relative;
}

.user_dashboard .product_detail a.explore {
    display: inline-block;
    text-decoration: none;
    background: #0494f9;
    color: #fff;
    padding: 4px 22px 8px;
    margin: 6px 0 0 0;
}

.user_dashboard figure.left_side {
    width: auto;
    display: inline-block;
    height: 86px;
    width: 86px;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 8px;
}

.user_dashboard figure.left_side img {
    width: 100%;
}

/*Added by Dhaval @08-06-19*/
.dashboard_left_side figure.left_side {
    width: auto;
    display: inline-block;
    height: 86px;
    width: 86px;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 8px;
}

.dashboard_left_side figure.left_side img {
    width: 100%;
}

.dashboard_left_side figure.right_side {
    display: inline-block;
    width: 100%;
}
/*----------------------------------*/


.user_dashboard figure.right_side {
    display: inline-block;
    width: 100%;
}

.user_dashboard .main_heading {
    padding: 20px 0 40px 0 !important;
}


/*-----------------Begin School Deshboard CSS----------------------*/


/*Added by Dhaval @17-06-19*/
.school_dashboard_left_side .user_info {
    width: 100%;
    padding: 20px;
    margin: 0 auto 22px;
    float: left;
    border-bottom: 2px solid #233146;
}

.school_dashboard_left_side {
    float: left;

    /*Changed by Dhaval @17-06-19 for new template*/
    /*width: 386px;*/
    width: 100%;

    background: #364760;
    border-radius: 4px 0 0 4px;
    padding: 20px 0 0 0;

    /*Added by Dhaval @17-06-19 for new template*/
    text-align: center;
}

/*Added by Dhaval @17-06-19*/
.school_dashboard_left_side .course_desc h2 {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin: 0px 0 10px;
}

/*Added by Dhaval @17-06-19*/
.school_dashboard_left_side .course_desc p {
    font-size: 14px;
    line-height: 22px;
    color: #aeaeae;
    margin: 0px;
}

/*Added by Dhaval @17-06-19*/
.school_dashboard_left_side figure.left_side {
    width: auto;
    display: inline-block;
    height: 86px;
    width: 86px;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 8px;
}
/*Added by Dhaval @17-06-19*/
.school_dashboard_left_side figure.left_side img {
    width: 100%;
}
/*----------------------------------*/

/*-----------------Begin Banner sidebar CSS----------------------*/
.sidebar {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    width: 500px;
    height: 100%;
    padding: 20px;
    transition: all .4s ease;
    background: rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0);
}

.slide-out:before {
    background: rgba(255, 255, 255, 0.4) !important;
}

.sidebar:before {
    position: absolute;
    z-index: 0;
    top: 0;
    right: -250px;
    display: block;
    width: 750px;
    height: 100%;
    content: '';
    transition: border-left .4s ease;
    transform: skew(-17deg, 0deg);
    transform-origin: 0 0 0;
    border-left: solid 0;
    background: rgba(255, 255, 255, 0.65);
}

.sidebar:hover::before {
    border-left: solid 14px #174a6d;
}

.sidebar .toggle-sidebar {
    position: absolute;
    top: 318px;
    left: -105px;
    width: 69px;
    height: 25px;
    cursor: pointer;
    transition: all .8s ease;
    transform: rotate(107deg);
    transform-origin: 0 0 0;
    opacity: 0;
    border-radius: 3px;
    background: #174a6d;
}

.sidebar:hover .toggle-sidebar {
    left: -95px;
    opacity: 1;
}

.toggle-sidebar:before {
    position: absolute;
    bottom: 5px;
    left: 8px;
    width: 75%;
    height: 2px;
    content: '';
    background: #fff;
}

.toggle-sidebar:after {
    position: absolute;
    top: 5px;
    left: 8px;
    width: 75%;
    height: 2px;
    content: '';
    background: #fff;
}

figure.logo.index_logo {
    position: absolute;
    z-index: 4;
    top: 32px;
    left: 76px;
    background: rgba(255, 255, 255, 0.8);
    padding: 12px;
    border-radius: 6px;
}

.sidebar .sidebar_content {
    display: inline-block;
    width: 100%;
    z-index: 9999999;
    text-align: center;
}

    .sidebar .sidebar_content h2 {
        font-size: 32px;
        line-height: 40px;
        color: #f58320;
        font-weight: bold;
        margin: 0 0 26px 0;
    }

.sidebar .sidebar_logo {
    display: inline-block;
    margin: 0 0 20px;
    width: 142px;
}

    .sidebar .sidebar_logo img {
        width: 100%;
    }

.sidebar ul {
    margin: 22px 0;
    padding: 0px;
    list-style: none;
}

    .sidebar ul li {
        display: inline-block;
        padding: 4px 12px;
    }

        .sidebar ul li a {
            text-decoration: none;
            color: #1F95EF;
            transition: all 0.6s ease;
            font-size: 18px;
            line-height: 24px;
        }

            .sidebar ul li a:hover {
                color: #f58320;
            }

ul.sidebar_menu {
    position: absolute;
    top: 10px;
}

.sidebar .login {
    padding: 8px 0px;
    border-radius: 0;
    font-size: 16px;
    line-height: 20px;
    transition: all 0.6s ease;
    background: #0494f9 !important;
    /*width: 102px;*/
    width: 115px;
    margin: 0 4px;
    float: none;
    text-decoration: none;
    color: #fff;
}

    .sidebar .login.hvr-rectangle-out::before {
        background: #ffa03d;
    }

.sidebar_content p {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    color: #0494f9;
    margin: 0 0 8px;
    font-weight: bold;
}

.sidebar .user-btn {
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
}

.video_modal {
    position: relative;
}

    .video_modal .md-close {
        background: transparent !important;
        color: #fff;
        font-size: 34px;
        line-height: 36px;
        font-weight: bold;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0px;
    }

    .video_modal .md-content {
        padding: 6px 6px 0px 6px;
    }

.client_form input[type="radio"] {
    width: auto;
    display: inline;
    padding: 0;
    margin-bottom: 1rem;
    margin-right: 5px;
    box-shadow: none;
    appearance: none;
    outline: none;
    background-color: transparent;
    border-style: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    color: #909090;
    height: auto;
}

.select-file-box button[type="button"] {
    width: 100%;
    margin: 5px 0 0 0;
    height: auto;
}

.main_heading {
    width: 100%;
    text-align: center;
}

.modal-body .client_form {
    width: 100%;
    float: left;
    padding: 0px;
    background: none;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

    .modal-body .client_form form {
        max-width: 100%;
        margin: 0;
        background: none;
        padding: 0px;
    }

.modal#addSubDomainModal .modal-header {
    border-bottom: none;
    padding: 1rem 0 0 0;
}

    .modal#addSubDomainModal .modal-header .main_heading {
        padding: 0px;
    }

.modal#generateOrderModal .modal-header {
    border-bottom: none;
    padding: 1rem 0 0 0;
}

    .modal#generateOrderModal .modal-header .main_heading {
        padding: 0px;
    }

.banner-images-selector {
    margin-left: 15px;
    margin-bottom: 15px;
}

.banner-videos-selector {
    margin-left: 15px;
    margin-bottom: 15px;
}

.select-file-box {
    width: 95%;
    height: 50px;
    background: #f5f2f2;
    text-align: center;
    vertical-align: middle;
    margin: 5px;
}

    .select-file-box p {
        padding: 13px;
        margin-bottom: 0px;
    }

.banner-image, .banner-video {
    cursor: pointer;
    overflow: hidden;
}

.modal button[class="close"] {
    cursor: pointer;
    position: absolute;
    right: 15px;
    background: gray;
}

.learn_video_section {
    width: 100%;
    float: left;
    padding: 54px 0;
    /*background: #f4f4f4;*/
}

    .learn_video_section figure.learn_video {
        box-shadow: 0 0 10px #ccc;
        border-radius: 10px;
        cursor: pointer;
    }

    .learn_video_section .learn_video img {
        border-radius: 6px;
        width: 100%;
    }

.learn_video .play_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transform: translate(-50%, -50%);
}

.learn_video.md-trigger {
    position: relative;
}

.card_detail {
    width: 100%;
    display: inline-block;
    padding: 8px 0;
}

    .card_detail input {
        width: 100%;
        max-width: 100%;
        margin: 0 auto !important;
    }

        .card_detail input:focus {
            border-color: #3ab4e3 !important;
        }

    .card_detail form {
        width: 100%;
        position: relative;
        max-width: 62%;
        margin: 0 auto;
    }

    .card_detail button {
        padding: 0px 22px;
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        background: #3ab4e3;
        height: 37px;
        border-radius: 0;
    }

.sidebar button.hvr-rectangle-out::before {
    background: #ffa03d;
}

.card_detail {
    width: 100%;
    display: inline-block;
    padding: 8px 0;
}

    .card_detail input {
        width: 100%;
        max-width: 100%;
        margin: 0 auto !important;
    }

        .card_detail input:focus {
            border-color: #3ab4e3 !important;
        }

    .card_detail form {
        width: 100%;
        position: relative;
        max-width: 62%;
        margin: 0 auto;
    }

    .card_detail button {
        padding: 0px 22px;
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        background: #3ab4e3;
        height: 37px;
        border-radius: 0;
    }

.sidebar button.hvr-rectangle-out::before {
    background: #ffa03d;
}

.user {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    background: #0494f9;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.user_icon {
    font-size: 14px;
    top: 8px !important;
}

.user > a:hover, .user > a:focus {
    color: #fff;
}

.user > a {
    color: #fff !important;
    position: relative;
    top: 11px;
    text-transform: uppercase;
    line-height: 26px !important;
}

.menu_drop_down {
    opacity: 0;
    visibility: hidden;
    /*transform: translateY(2em);*/
    width: 176px;
    position: absolute;
    top: 34px;
    right: 0px;
    border-top: none;
    transition: all 0.2s ease-in-out;
    padding: 8px 0 0 0;
    list-style: none;
    margin: 0;
    text-align: left;
    cursor: pointer;
}

.desktop_dropdown:hover .menu_drop_down {
    opacity: 1;
    visibility: visible;
    /*transform: translateY(0);
    transition-delay: 0s, 0s, 0.9s;*/
}

.menu_drop_down .user_figure figure img {
    width: 100%;
}

.menu_drop_down .user_figure figure {
    width: 54px;
    margin: 0 auto;
}

.menu_drop_down li.user_figure {
    width: 100%;
    float: left;
    padding: 12px 0 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    cursor: default;
}

.menu_drop_down .user_figure p {
    margin: 10px 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #0494f9;
}

.menu_drop_down .logout_btn:focus {
    outline: none;
}

.menu_drop_down .logout_btn {
    background: #0494f9;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 20px;
    display: inline-block;
    border: none;
    margin: 13px 0 6px;
    border-radius: 3px;
    cursor: pointer;
}

    .menu_drop_down .logout_btn svg.svg-inline--fa {
        position: relative;
        top: 1px;
        right: 6px;
    }

.mobile_dropdown {
    display: none;
    top: 3px;
    cursor: pointer;
}

.menu_drop_down li {
    background: #fff;
    float: left;
    width: 100%;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.menu_drop_down a {
    padding: 8px 16px;
    float: left;
    color: #555555;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    width: 100%;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
}

    .menu_drop_down a:hover {
        text-decoration: none;
        color: #f8c12c;
    }

h3.user_name {
    position: absolute;
    top: 20%;
    font-size: 26px;
    line-height: 30px;
    color: #888;
    width: 100%;
    margin: 0;
    left: 0;
}

header.masthead.mb-auto.header_inner_pages {
    position: fixed;
}
/*------------------Topic video section CSS----------------*/
.topicvideo {
    padding: 132px 0 40px;
    width: 100%;
    float: left;
}

    .topicvideo .left.news-block-holder {
        width: 68%;
        float: left;
    }

    .topicvideo .youtube_top h2 {
        float: left;
        font-size: 22px;
        line-height: 24px;
        color: #1c7fa5;
    }

    .topicvideo .youtube_btm h2 {
        font-size: 20px;
        line-height: 26px;
        padding: 4px 16px 10px;
        color: #1c7fa5;
        font-weight: bold;
    }

    .topicvideo .youtube_top a {
        float: right;
    }

    .topicvideo .youtube_top {
        width: 100%;
        float: left;
        padding: 12px 16px 3px;
        border-radius: 4px;
        background: #0494f91a;
    }

    .topicvideo .schedule_post .main-sidebar {
        width: 30%;
        box-shadow: 0 0 12px #ccc;
        float: right;
        background: #fff;
        border-radius: 4px;
    }

    .topicvideo .right .right_side h4 {
        font-size: 20px;
        line-height: 22px;
        color: #1c7fa5;
        padding: 16px 16px 10px 16px;
        border-bottom: 1px solid #d8d8d8;
        text-transform: capitalize;
        margin: 0;
        transition: all 0.4s ease;
    }

.youtube_video > .right_side > h4 {
    background: #0494f91a;
}

.topicvideo .right .right_side .youtube_btm_text {
    display: inline-block;
    width: 100%;
    overflow-y: auto;
    height: 464px;
}

    .topicvideo .right .right_side .youtube_btm_text .topic_block {
        width: 100%;
        float: left;
        border-bottom: 1px solid #DFDFDF;
        cursor: pointer;
        padding: 10px 20px 10px 38px;
        overflow: hidden;
        transition: all 0.4s ease;
    }

        .topicvideo .right .right_side .youtube_btm_text .topic_block:hover .right_side h4:before {
            border: solid #fff;
            border-width: 0 2px 2px 0;
        }

        .topicvideo .right .right_side .youtube_btm_text .topic_block:hover {
            background: #1c7fa5;
        }

            .topicvideo .right .right_side .youtube_btm_text .topic_block:hover h4 {
                color: #fff;
            }

.topic_clicked {
    background: #1c7fa5;
}

    .topic_clicked h4 {
        color: #fff !important;
    }

    .topic_clicked .right_side h4:before {
        border: solid #fff !important;
        border-width: 0 2px 2px 0 !important;
    }

.topicvideo .video_clicked {
    background: #1c7fa5 !important;
    transition: all 0.4s ease;
    box-shadow: 0 0 5px #0494f9 !important;
}

    .topicvideo .video_clicked .btm_video_box_right h4 {
        color: #fff;
    }

.topicvideo .right .right_side .youtube_btm_text .topic_block:last-child {
    border-bottom: none;
}

.topicvideo .right .right_side .youtube_btm_text .left_side {
    width: 54px;
    float: left;
    position: relative;
}

.topicvideo .right img {
    width: 100%;
}

.topicvideo .right .right_side .youtube_btm_text .right_side {
    width: 100%;
    float: left;
}

    .topicvideo .right .right_side .youtube_btm_text .right_side h4 {
        font-size: 14px;
        line-height: 20px;
        color: #363635;
        padding: 0px;
        border: none;
        position: relative;
    }

        .topicvideo .right .right_side .youtube_btm_text .right_side h4:before {
            position: absolute;
            content: '';
            top: 6px;
            left: -18px;
            border: solid #0494f9;
            border-width: 0 2px 2px 0;
            display: inline-block;
            -webkit-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            padding: 3px;
            transition: all 0.4s ease;
        }

    .topicvideo .right .right_side .youtube_btm_text .right_side p {
        font-size: 12px;
        line-height: 16px;
        color: #676767;
        margin: 0;
    }

.flowplayer.custom_height {
    height: 425px;
}

aside.left_block.post_desc_img {
    box-shadow: 0 0 8px #ccc;
    background: #fff;
    border-radius: 4px;
}

.topicvideo .btm_videos {
    width: 100%;
    float: left;
    margin: 12px 0 26px 0;
}

.topic_video {
    width: 100%;
    float: left;
    padding: 16px 0 0;
}

.topicvideo .btm_videos .owl-nav button:focus {
    outline: none;
}

.topicvideo .btm_videos .owl-nav {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.topicvideo .btm_videos button.disabled {
    color: #ccc !important;
}

.topicvideo .btm_videos button.owl-next {
    position: absolute;
    right: -40px;
    margin: 0;
    font-size: 52px !important;
}

button.owl-prev {
    position: absolute;
    left: -40px;
    font-size: 52px !important;
    margin: 0;
}

.topicvideo .btm_videos .btm_video_box {
    float: left;
    width: 100%;
    background: transparent;
    padding: 14px 14px 16px;
    border-radius: 4px;
    position: relative;
    margin: 0 1% 0 0;
    box-shadow: 0 0 5px #ccc;
    background: #F4F4F4;
}

.topicvideo .owl-carousel .owl-item {
    border-radius: 6px;
    cursor: pointer;
}

.topicvideo .btm_videos .btm_video_box:last-child {
    margin-right: 0px;
}

.topicvideo .btm_video_box_left {
    margin: 0px;
    width: 48%;
    float: left;
}

.topicvideo .btm_video_box_right {
    float: right;
    width: 48%;
    margin: 0;
}

    .topicvideo .btm_video_box_right p {
        font-size: 14px;
        line-height: 16px;
        background: #333434;
        width: auto;
        float: left;
        padding: 2px 12px;
        color: #fff;
        border-radius: 2px;
        margin: 0;
        bottom: 15px;
        position: absolute;
        right: 16px;
        transition: all 0.4s ease;
    }

.topicvideo .video_clicked .btm_video_box_right p {
    color: #333434;
    background: #fff;
}

.topicvideo h2.owl_heading {
    font-size: 20px;
    line-height: 24px;
    color: #1c7fa5;
    margin: 0;
    width: 100%;
    float: left;
}

.topicvideo .btm_video_box_right h4 {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 6px;
    transition: all 0.4s ease;
}

.topicvideo .btm_video_box figure img {
    width: 100%;
}

.topicvideo .owl-carousel .owl-stage-outer {
    background: #fff;
    border-radius: 6px;
    padding: 12px 0;
    box-shadow: 0 0 10px #ccc;
}

.packages {
    width: 100%;
    float: left;
    padding: 110px 0 60px 0;
}

    .packages .banner_part {
        height: inherit;
    }

    .packages .client_form {
        padding: 0px 0 40px;
        height: 320px;
        background-image: url('../Image/bck-bg-img.jpg');
    }

    .packages .main_heading.package_heading {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 62%;
        left: 50%;
    }

        .packages .main_heading.package_heading .about_heading {
            font-size: 40px;
            line-height: 50px;
            color: #fff;
        }

    .packages .packages_section {
        width: 100%;
        float: left;
    }

    .packages .package_header {
        margin: 16px 0 24px 0;
        font-size: 30px;
        line-height: 34px;
        color: #0494f9;
        font-weight: bold;
        text-align: left;
    }

    .packages .packages_content {
        width: 100%;
        border-bottom: 1px solid #dddddd;
        display: inline-block;
    }

    .packages .box {
        display: inline-block;
        
/*Following line is commeted by Dhaval @28-06-19*/
        /*width: 23.8%;*/

/*Following line is added by Dhaval @28-06-19*/
        width: 48.8%;
        
        border: 1px solid #dfdfdf;
        background: #fff;
        cursor: default;
        box-shadow: 0 0 4px #ccc;
        margin: 0 0.6% 16px;
        position: relative;
        top: 0;
        transition: all ease 0.5s;
        color: #333;
        text-align: center;
    }

        .packages .box h4 {
            margin: 0;
            font-size: 20px;
            line-height: 22px;
            background: #0b9bec;
            padding: 10px;
            display: inline-block;
            width: 100%;
            color: #fff;
            transition: all 0.5s ease;
        }

        .packages .box span {
            width: 100%;
            font-size: 16px;
            line-height: 18px;
            padding: 10px 0;
            display: inline-block;
            transition: all 0.5s ease;
        }

        .packages .box label {
            font-size: 24px;
            line-height: 26px;
            padding: 8px 0;
            margin: 0;
            width: 100%;

/*Commented by Dhaval @02-07-19*/
            /*border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;*/

            transition: all 0.5s ease;
            display: inline-block;
        }

        .packages .box strike {
            font-size: 16px;
            line-height: 20px;
            color: #666;
            padding: 0 8px 0 0;
            position: relative;
            top: -2px;
        }

    .packages .qunty {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
    }

    .packages .box p {
        margin: 0px;
        font-size: 13px;
        line-height: 16px;
        display: inline-block;
        vertical-align: middle;
        padding: 10px 6px;
        transition: all 0.5s ease;
    }

    .packages .qunty .videos {
        position: relative;
    }

        .packages .qunty .videos:before {
            position: absolute;
            content: '';
            height: 16px;
            width: 1px;
            background: #fff;
            top: 10px;
            left: -3px;
            transition: all ease 0.5s;
        }

        .packages .qunty .videos:after {
            position: absolute;
            content: '';
            height: 16px;
            width: 1px;
            background: #fff;
            top: 10px;
            right: -3px;
            transition: all ease 0.5s;
        }

    .packages .btn {
        width: 100%;
        margin: 4px 0;
        transition: all 0.5s ease;
        padding: 4px 10px;
        cursor: default !important;
    }

    .packages span.subjects {
        font-size: 13px !important;
        line-height: 15px;
        border-bottom: 1px solid #ccc;
        padding: 5px 0 10px !important;
        border-top: 1px solid #ccc;
        display: inline-block;
        min-height: 55px;
        position: relative;
    }

    .packages .box .subjects p {
        padding: 0 !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 96%;
        line-height: 20px;
    }

    .packages .buy {
        border: none;
        color: #404040;
        font-size: 14px;
        line-height: 16px;
        border-radius: 4px;
        width: 102px;
        padding: 8px 4px;
        cursor: pointer;
        text-transform: uppercase;
        float: left;
        margin: 4px 0;
        transition: all 0.5s ease;
        background: #0b9bec;
        color: #fff;
        outline: none !important;
    }

        .packages .buy.try {
            float: right;
            transition: all 0.5s ease;
        }

        .packages .buy:hover {
            outline: none;
            text-decoration: none;
        }

        .packages .buy.hvr-rectangle-out::before {
            background: #f58320;
            border-radius: 4px;
            text-decoration: none;
            outline: none;
        }

    .packages .main_content {
        width: 100%;
        float: left;
        background: #fafafa;
        padding: 0 26px 26px 26px;
        border-radius: 4px;
        box-shadow: 0 0 16px #ccc;
    }

.main_content.free-content-holder {
    padding: 26px;
    min-height: 500px;
}

header.masthead.mb-auto.header_inner_pages.index_header.mini_logo.hide {
    display: none;
}
/*-------------------------Standard Page CSS------------------------*/
.standard {
    width: 100%;
    float: left;
    padding: 110px 0 60px 0;
    text-align: center;
}

    .standard .neet {
        display: inline-block;
        margin: 1%;
        padding: 0;
        background: #fff;
        width: 31%;
        box-shadow: 0 0 10px #ccc;
        border-radius: 5px;
    }

    .standard h2.course_heading {
        font-size: 26px;
        line-height: 30px;
        color: #444;
        margin: 14px 0 0 0;
        padding: 12px 0 22px;
    }

    .standard .irs-lc-details h4 {
        font-size: 18px;
        line-height: 22px;
        width: 100%;
        padding: 12px 0;
        border-bottom: 1px solid #d2d3d4;
        border-top: 1px solid #d2d3d4;
        color: #333;
        margin: 0px;
    }

    .standard .video_box {
        display: inline-block;
        background: transparent;
        border-radius: 4px;
        margin: 0;
        color: #444;
        border-bottom: 1px solid #f1f1f1;
        width: 100%;
        padding: 12px 0;
        margin: 0;
        font-size: 16px;
        line-height: 18px;
    }

    .standard a.footer_btn {
        text-decoration: none;
        font-size: 16px;
        line-height: 20px;
        padding: 14px 0px;
        display: inline-block;
        width: 100%;
        line-height: 18px;
        background: #3ab4e3;
        color: #fff;
    }

    .standard .subject .irs-lc-grid {
        width: 80%;
        margin: 26px auto 12px;
    }
/*--------------------Chapter page CSS---------------------*/
.chapter {
    float: left;
    width: 100%;
    padding: 110px 0 40px 0;
    text-align: center;
}

    .chapter .heading_section h2 {
        font-size: 26px;
        line-height: 30px;
        text-align: center;
        margin: 0;
        padding: 0 0 20px 0;
    }

    .chapter .chapter_wise_list {
        width: 100%;
        max-width: 70%;
        background: #fff;
        margin: 8px auto;
        border-radius: 5px;
        box-shadow: 0 0 20px #ccc;
        position: relative;
        display: inline-block;
    }

        .chapter .chapter_wise_list h2 {
            float: left;
            font-size: 24px;
            line-height: 26px;
            margin: 0;
            width: 100%;
            color: white;
        }

    .chapter .back_btn {
        float: right;
        position: absolute;
        right: 14px;
    }

.chapter_heading {
    width: 100%;
    float: left;
    padding: 26px;
}

.chapter .chapter_heading {
    width: 100%;
    float: left;
    padding: 10px 20px 10px 20px;
    border-bottom: 5px solid #ccc;
    background: #1c7fa5;
    border-radius: 5px 5px 0 0;
}

.chapter .day_box {
    width: 100%;
    float: left;
    text-align: left;
    border-bottom: 5px solid #ccc;
    padding-bottom: 10px;
}

.chapter .day_heading {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #1c7fa5;
    padding: 12px 20px 8px;
    margin: 0;
    background: #0494f91a;
}

.chapter .day_box ul {
    padding: 4px 32px;
    list-style: none;
    margin: 0px;
}

.chapter .day_box li {
    padding: 2px 0;
}

.chapter .day_box ul li a {
    font-size: 15px;
    line-height: 28px;
    position: relative;
    color: #000;
    padding: 0 0 0 20px;
    cursor: pointer;
    width: 100%;
    float: right;
    transition: font-size 1s;
    transition: font-weight 0s;
    border-bottom: 1px #dee2e6 solid;
}

    .chapter .day_box ul li a:hover {
        line-height: 28px;
        position: relative;
        padding: 0 0 0 20px;
        cursor: pointer;
        width: 100%;
        float: right;
        background: aliceblue;
    }

.chapter .day_box ul li:hover a {
}

    .chapter .day_box ul li:hover a:before {
        border: solid #007bff;
        border-width: 0 1px 1px 0;
    }

.chapter .day_box ul li a:before {
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    top: 10px;
    left: 0px;
    content: "";
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.bg_color {
    background: #f4f4f4;
}
/*---------------------Begin Scratch Card page CSS--------------------------*/
.scratch_card {
    width: 100%;
    float: left;
    padding: 112px 0 46px 0;
    background: #439FE0;
    color: #fff;
}

.scratch_card .left_side 
{
    float: left;
    width: 48%;
    position: relative;
}

    .scratch_card .left_side h1 {
        font-size: 48px;
        line-height: 52px;
        font-weight: bold;
        margin: 0;
    }

    .scratch_card .left_side p {
        font-size: 22px;
        line-height: 26px;
        font-weight: bold;
        margin: 20px 0 50px 0;
    }

.scratch_card input[type="text"] {
    width: 76%;
    height: 48px;
    padding: 0 12px;
    border: none;
    border-radius: 4px;
    color: #444;
}

    .scratch_card input[type="text"]:hover, .scratch_card input[type="text"]:focus {
        outline: none !important;
    }

.scratch_card button {
    width: 76%;
    border: none;
    height: 48px;
    background: #f58320;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    margin: 12px 0 0 0;
    float: left;
    transition: all 0.2s ease;
}

    .scratch_card button:hover {
        background: #fa7400;
        border-radius: 4px;
    }

    .scratch_card button:hover, .scratch_card button:focus {
        border-radius: 2px;
        box-shadow: none;
        outline: none !important;
    }

.scratch_card .left_side span {
    width: 100%;
    float: left;
    padding: 16px 0 0 0;
    font-size: 14px;
    line-height: 16px;
    -webkit-animation: fall-in 0.75s;
    -moz-animation: fall-in 0.75s;
    -o-animation: fall-in 0.75s;
    animation: fall-in 0.75s;
}

@-webkit-keyframes fall-in {
    0% {
        -ms-transform: scale(3, 3);
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0;
    }

    50% {
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }

    60% {
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-moz-keyframes fall-in {
    0% {
        -ms-transform: scale(3, 3);
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0;
    }

    50% {
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }

    60% {
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-o-keyframes fall-in {
    0% {
        -ms-transform: scale(3, 3);
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0;
    }

    50% {
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }

    60% {
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
/*@-webkit-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 25%;
  }
}
@-moz-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 25%;
  }
}
@-o-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 25%;
  }
}*/
/*@-moz-keyframes fall-in {
  0% {
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes fall-in {
  0% {
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes fall-in {
  0% {
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes fall-in {
  0% {
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 15%;
  }
}
@-webkit-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 15%;
  }
}
@-o-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 15%;
  }
}
@keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 15%;
  }
}*/

.scratch_card .success_result {
    font-weight: bold;
}

.scratch_card .right_side {
    width: 50%;
    float: right;
}

    .scratch_card .right_side img {
        width: 100%;
        border-radius: 6px;
    }

.scratch_card .pkg_detail {
    width: 100%;
    float: left;
    padding: 20px;
    box-shadow: 0 0 10px #fff;
    max-width: 90%;
    margin: 30px 0 0 0;
    border-radius: 4px;
}

.pkg_info tr, .pkg_info td {
    border: none;
}

.scratch_card .pkg_detail p {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 22px;
    margin: 0px 0 16px;
}

.scratch_card .pkg_detail td {
    padding: 3px 20px 3px 0px;
}

.scratch_card .pkg_detail a {
    color: #fff;
    background: #f58320;
    padding: 4px 14px 6px 14px;
    float: right;
    border-radius: 3px;
    margin: 0 0 0 10px;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.2s ease;
}

    .scratch_card .pkg_detail a:hover {
        background: #fa7400;
    }

.scratch_card .pkg_detail span {
    font-size: 20px !important;
    line-height: 22px;
}

.scratch_card .pkg_detail img {
    position: relative;
    top: -3px;
    margin: 0 0 0 8px;
}

.scratch_card .success_result {
    padding: 12px 10px 6px !important;
    width: 90% !important;
    margin: 20px 0 !important;
}

.scratch_card .alert-danger {
    width: 76% !important;
}

.scratch_card .pkg_detail_table {
    width: 100%;
    float: left;
    margin: 12px 0 0 0;
}

    .scratch_card .pkg_detail_table td {
        border: 1px solid #fff;
        padding: 4px 10px !important;
    }

.scratch_card .scratch_card_error {
    margin: 0;
    padding: 0px 0 10px 0px !important;
    width: auto !important;
    font-weight: bold;
    position: absolute;
    top: 122px;
}
/* =================== for internal page loader=============== */
.loader {
    border: 5px solid #f4f4f4;
    border-radius: 50%;
    border-top: 5px solid #1E90FF;
    width: 35px;
    height: 35px;
    -webkit-animation: spin 2s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
}

.background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    background-color: #000;
    z-index: 9999;
}

.seq_loader {
    height: 50px;
    width: 100%;
    position: relative !important;
    background: rgba(0, 0, 0, 0) !important;
}

    .seq_loader .loader {
        border: 5px solid #ccc;
        border-top: 5px solid #0494f9;
    }
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* for internal page loader */
.label-normal-text {
    font-size: inherit !important;
}

.order-client-name {
    color: #909090;
    line-height: 1.2;
    margin: 0px 0px 5px 5px;
}

.client_form form#viewOrderDetailsForm {
    /*max-width: 70%;*/
    max-width: 90%;
}
/*-------------------After login header CSS----------------------*/
.afterlogin .toggle {
    display: none;
    top: -10px;
    right: 60px;
    cursor: pointer;
}

.afterlogin .nav {
    position: absolute;
    top: 52px;
    text-align: left !important;
    background: #0494f9;
    width: 210px;
    transition: all 0.5s ease;
    /*display: none;*/
    opacity: 0;
    visibility: hidden;
    left: 9px;
}

.afterlogin .nav-link {
    width: 100%;
    padding: 8px 20px;
    border-bottom: 1px solid #47a8ec;
    color: #fff;
}

    .afterlogin .nav-link:hover {
        background: #3fa0e4;
        color: #fff;
    }

.afterlogin h2.user_heading {
    font-size: 22px;
    margin: 0;
    line-height: 26px;
    color: #fff;
}

.mini_logo .temp-logo-holder {
    height: 70px;
    min-width: 70px;
}

    .mini_logo .temp-logo-holder .logo img {
        padding: 5px;
        max-height: 70px;
    }

.afterlogin .toggle span,
.afterlogin .toggle span:after,
.afterlogin .toggle span:before {
    background: #0494f9;
}

.afterlogin .login_sec {
    display: block;
    top: -5px;
}

.afterlogin .middle_text {
    width: 100%;
    float: left;
}

.afterlogin .nav_main {
    position: absolute;
    right: 0px;
}

.middle_text {
    display: none;
}

.afterlogin .middle_text {
    display: block;
}
/*-------------------End After login header CSS----------------------*/
.beforelogin nav {
    float: left;
}

beforelogin .login_sec {
    display: none;
}

.logo_part {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

.nav_main {
    float: right;
    margin: 0;
    padding: 0;
}
/*-------------------Begin Changes Password page CSS----------------------*/
.change_pwd {
    width: 100%;
    float: left;
    padding: 120px 0 40px;
    position: relative;
}

.client_form fieldset input.pre_btn {
    float: left;
}

.client_form fieldset p.mob_no {
    font-size: 15px;
    line-height: 20px;
    color: #333;
    margin: 12px 0 6px;
    text-align: left;
}

.client_form fieldset .forgot_content p.mob_no {
    font-size: 15px;
    line-height: 20px;
    color: #468847;
    margin: 12px 0 6px;
    text-align: left;
    background: #dff0d8;
    border-color: #c3e6cb;
    padding: 8px 0 8px 18px;
    border-radius: 4px;
}

.client_form fieldset .forgot_content {
    width: 100%;
    float: left;
}

    .client_form fieldset .forgot_content .mob_code {
        width: 100%;
        float: left;
    }

.new_pwd {
    width: 100%;
    float: left;
}

.client_form fieldset .forgot_content .mob_code .ffl-wrapper {
    width: 70%;
    float: left;
}

.client_form fieldset .forgot_content .mob_code button.resend_code {
    width: 120px;
    height: 34px;
    font-size: 14px;
    padding: 0 6px;
}

.contact_page {
    padding: 52px 0px;
}

    .contact_page form select {
        background: none;
        border-radius: 4px;
        width: 100%;
    }

.contact_page {
    padding: 38px 0px;
}

.comming_soon {
    height: 396px;
    padding-top: 13%;
    padding-left: 37%;
}

    .comming_soon h2 {
        font-size: 50px;
        font-weight: bold;
    }

.afterlogin .toggle2 .nav {
    top: 32px;
    right: 0;
    left: inherit;
}

.toggle2 {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 72px;
    width: 30px;
    padding: 0px 30px 22px 60px;
    display: none;
}

.afterlogin .toggle2 {
    display: block;
}

.toggle2 span {
    height: 5px;
    width: 28px;
    background: #0494f9;
    display: inline-block;
    border-radius: 2px;
    position: relative;
    vertical-align: top;
}

    .toggle2 span:after {
        content: '';
        position: absolute;
        top: 9px;
        width: 28px;
        height: 5px;
        background: #0494f9;
        border-radius: 2px;
    }

    .toggle2 span:before {
        content: '';
        position: absolute;
        top: 18px;
        width: 28px;
        height: 5px;
        background: #0494f9;
        border-radius: 2px;
    }

.toggle2:hover .nav {
    display: block !important;
    opacity: 1;
    visibility: visible;
}
/*======================Begin Package page CSS===================*/
.package .profile_detail {
    margin: 6px auto 60px;
    width: 90%;
    padding: 26px;
    background: #fbfbfb;
    box-shadow: 0 0 12px #ccc;
}

    .package .profile_detail .left_side {
        width: 26%;
        background: #fbfbfb;
        padding: 7px 7px;
        box-shadow: 0 0px 6px #9a969a;
        float: left;
    }

        .package .profile_detail .left_side img {
            max-width: 100%;
        }

    .package .profile_detail .right_side {
        width: 74%;
        float: left;
        display: flex;
    }

    .package .profile_detail .user_info {
        padding-bottom: 4px;
        text-align: center;
        width: 100%;
    }

    .package .profile_detail .right_side .user_info {
        margin: 0px 0 10px 0;
        width: auto;
        box-shadow: 0 0 6px #ccc;
        padding: 16px 16px 37px 16px;
        background: #fbfbfb;
        width: 52.7%;
        float: left;
        margin: 0 12px 0 12px;
        min-height: 178px;
        position: relative;
    }

.package table {
    margin: 0 auto;
}

.package table, .package th, .package td {
    border-collapse: collapse;
}

.package th {
    color: #666;
}

.package .my_courses tr {
    border: 1px solid #ccc;
}

.package .free_content tr {
    border: none;
    margin: 0 0 6px;
    float: left;
}

.package th,
.package td {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #464444;
    padding: 4px 8px;
}

.package caption {
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    margin: 0px 0 14px 0;
    color: #464444;
    caption-side: top;
    padding: 0 0;
    font-weight: 500;
}

.package .free_content h3 {
    font-size: 18px;
    line-height: 20px;
    color: #767676;
    text-align: left;
    margin: 0 0 10px 0;
}

.package .make_amount .explore:hover {
    text-decoration: none;
    color: #fff;
}

.package .explore.hvr-rectangle-out::before {
    background: #f58320;
}

.package .make_amount .explore {
    display: inline-block;
    margin: 10px auto 0;
    width: 87%;
    float: none;
    padding: 4px 0;
    font-size: 16px;
    border-radius: 0;
    background: #428bca;
    color: #fff;
    transition: all 0.6s;
    border: none;
    text-transform: capitalize;
    cursor: pointer;
}

.package .profile_detail.jee .explore {
    background: #552F62;
}

.package .profile_detail.jee .term_condition p a {
    color: #552F62;
}

.package .profile_detail.jee .explore:hover {
    background: #eb553a;
}

.package .profile_detail.jee {
    margin: 36px auto 0;
}

.package .sub_wise_block {
    width: 100%;
    display: inline-block;
    padding-top: 20px;
    text-align: center;
}

.package .profile_detail.jee .saving_amt {
    color: #552F62;
}

.package .saving_amt {
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    margin: 12px 0 0 20px;
    color: #428bca;
}

.package .sub_box1 > h3 {
    font-size: 20px;
    line-height: 14px;
    color: white;
    margin: 0;
    padding: 12px 12px 12px;
    border-bottom: 1px solid #0494f9;
    text-align: center;
    background: #0494f9ad;
}

.package .sub_box1 {
    border: 1px solid #0494f940;
    padding: 0;
    text-align: left;
}

.package .all_chapter {
    max-height: 225px;
    overflow-y: auto;
}

.package .sub_box1:last-child {
    margin-right: 0px;
}

.package .day_heading {
    font-size: 16px;
    padding: 8px 0 8px 14px;
    line-height: 20px;
    background: #0494f926;
    color: #464444;
    margin: 0;
}

.package .day_box li a {
    padding: 8px 26px 8px 22px;
    font-size: 14px;
    line-height: 20px;
    color: #5E5E5E;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    transition: all 0.4s ease;
    outline: none;
    border-bottom: 1px solid #DDDDDD;
    cursor: pointer;
}

.package .make_amount {
    float: right;
    padding: 10px 0 12px 0;
    background: #fbfbfb;
    height: 100%;
}

.package .amount1 {
    border-bottom: 1px solid #dbdbdb;
    float: left;
    padding: 10px 20px 10px;
    width: 100%;
}

    .package .amount1 span {
        color: #464444;
        float: right;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
    }

.package .total_amount {
    padding: 10px 22px 10px;
}

.package .amount2 {
    float: left;
    width: 100%;
}

.package .amount1 h4 {
    float: left;
    margin: 0px;
    font-size: 16px;
    line-height: 16px;
    color: #464444;
    padding: 0;
    border: none;
}

.package .amount1 p {
    color: #888;
    float: left;
    font-size: 12px;
    margin: 0;
}

.package .term_condition {
    float: left;
    margin: 10px 22px 0;
    position: relative;
}

    .package .term_condition p {
        font-size: 13px;
        line-height: 18px;
        color: #464444;
        text-align: left;
        margin: 0px;
    }

.package .user_info .sub_heading {
    margin: 0 0 26px 0;
    padding: 0 0 16px;
    font-size: 24px;
    line-height: 26px;
    color: #4B4B4B;
}

.package .sub_main_heading {
    margin: 0 0 12px 0;
    padding: 0 0 16px;
    font-size: 24px;
    line-height: 26px;
    color: #464444;
    text-align: center;
}

.package .make_amount h3 {
    font-size: 18px;
    line-height: 20px;
    color: #464444;
    margin: 0;
    text-align: left;
    padding: 5px 0 12px 20px;
    border-bottom: 1px solid #dcdcdc;
}

.package .user_info.jee .make_amount .explore {
    background: #552F62;
}

    .package .user_info.jee .make_amount .explore:hover {
        background: #eb553a;
    }

.package .user_info.jee .make_amount .term_condition a,
.package .user_info.jee .make_amount .saving_amt {
    color: #552F62;
}

.package .day_box {
    width: 100%;
    display: inline-block;
    padding: 0px;
    background: #f4f4f4;
    border-radius: 0;
    margin: 0;
    box-sizing: border-box;
}

    .package .day_box ul {
        margin: 0;
        padding: 0px;
    }
/*======================End Package page CSS===================*/
#viewScratchcardModal #viewScratchcardOk {
    margin-right: 5px;
}

.buy_now {
    text-align: center;
}

    .buy_now .md-content p {
        font-size: 26px;
        line-height: 30px;
        color: #007bff;
        text-align: center;
    }

    .buy_now .md-content button.md-close {
        position: absolute;
        top: -30px;
        right: -30px;
        background: #007bff !important;
        font-size: 26px;
        color: #fff;
        border-radius: 4px;
        padding: 6px 8px;
    }

    .buy_now .md-content h3 {
        background: #007bff;
        color: #fff;
        font-weight: 600;
    }

    .buy_now .login_img img {
        width: 100%;
    }

    .buy_now .login_img {
        width: 72px;
        display: inline-block;
    }

    .buy_now .md-content a.login.hvr-rectangle-out:before {
        background: #f58320;
        border-radius: 4px;
    }

    .buy_now .md-content a.login {
        font-size: 16px;
        line-height: 18px;
        text-decoration: none;
        background: #007bff;
        color: #fff;
        padding: 8px 26px;
        border-radius: 4px;
        margin: 15px 0 0 0;
        text-transform: uppercase;
        display: inline-block;
    }
/*-------------------------Begin Invoice Page CSS----------------------------*/
.invoice_main {
    width: 100%;
    float: left;
    padding: 30px 0;
    text-align: center;
    font-family: sans-serif;
}

.invoice_header {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
}

.invoice_content {
    width: 100%;
    max-width: 900px;
    display: inline-block;
}

.invoice_logo {
    float: left;
    width: 30%;
    text-align: left;
}

.invoice_main .header_right {
    float: right;
    text-align: right;
    width: 60%;
}

    .invoice_main .header_right h3 {
        font-size: 14px;
        line-height: 16px;
        color: #333;
        margin: 0 0 6px 0;
    }

    .invoice_main .header_right address {
        font-size: 14px;
        line-height: 22px;
        color: #333;
        font-style: normal;
    }

.invoice_main .invoice_detail {
    width: 100%;
    float: left;
    text-align: left;
    padding: 22px 0;
}

    .invoice_main .invoice_detail .invoice_no, .invoice_main .invoice_detail .invoice_date {
        width: 100%;
        float: left;
        padding: 0 0 8px 0;
        font-size: 15px;
        color: #333;
        line-height: 16px;
    }

.invoice_main .user_info {
    width: 100%;
    float: left;
    font-size: 15px;
    line-height: 16px;
    color: #333;
}

.invoice_main .billing_detail {
    float: left;
    text-align: left;
    width: 48%;
}

.invoice_main .shipping_detail {
    float: right;
    width: 48%;
    text-align: right;
}

.invoice_main .user_info strong {
    padding: 0 0 10px 0;
    float: left;
    width: 100%;
}

.invoice_main .user_info span {
    line-height: 20px;
}

.invoice_main .item_detail {
    width: 100%;
    float: left;
    padding: 30px 0 0 0;
    text-align: left;
}

.invoice_main table, th, td {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

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

.invoice_main th {
    text-transform: uppercase;
    font-size: 14px;
    color: #333;
}

.invoice_main td {
    font-size: 13px;
    color: #333;
}

.invoice_main .item_detail caption {
    padding: 8px;
    border: 1px solid #ddd;
    border-bottom: none;
    text-align: left;
    background-color: #f5f5f5;
    font-size: 15px;
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
    caption-side: top;
}

.invoice_main .table_btm {
    width: 100%;
    float: left;
    padding: 22px 0;
}

    .invoice_main .table_btm button {
        font-size: 14px;
        line-height: 16px;
        float: right;
        text-decoration: none;
        background: #428bca;
        color: #fff;
        padding: 8px 20px;
        border-radius: 4px;
        transition: all 0.6s;
        border: none;
        margin: 24px 0 0 0;
        cursor: pointer;
    }

        .invoice_main .table_btm button:hover {
            background: #f0991d;
        }
/*-------------------------End Invoice Page CSS----------------------------*/

/*-------------------------User Details Page CSS---------------------------*/
.user_detail {
    width: 100%;
    float: left;
    padding: 46px 0 40px 0;
}

    .user_detail .main_heading {
        padding-bottom: 24px;
    }

    .user_detail .left_side {
        width: 65%;
        padding: 14px 0px;
        box-shadow: 0 0px 6px #ccc;
        background: #fbfbfb;
        float: left;
        margin-right: 2%;
    }

    .user_detail .user_info h3 {
        font-size: 18px;
        line-height: 22px;
        text-align: left;
        margin: 0px;
        color: #838383;
        border-bottom: 1px solid #dcdcdc;
        padding: 0 0 8px 20px;
    }

.tax_heading {
    border-bottom: 1px solid #ccc;
    margin: 10px 0 26px 0;
    border-top: 1px solid #ccc;
    padding-top: 8px;
}

.tax_detail button {
    display: inline-block;
    margin: 4px 22px 0 0;
    width: 120px;
    float: right;
    padding: 6px 0;
    font-size: 18px;
    border-radius: 0;
    border: none;
    background: #428bca;
    transition: all 0.6s;
    cursor: pointer;
    color: #fff;
}

.user_detail .tax_detail {
    width: 100%;
    float: left;
    /*margin: 0 0 10px 0;*/
}

    .user_detail .tax_detail h3 {
        border: none;
    }

.tax_detail .form-group {
    padding: 0 20px;
}

.tax_detail .form-control:focus {
    box-shadow: none;
}


.user_detail .form_main {
    padding: 20px 20px 0;
    float: left;
    width: 100%;
}

.user_detail label.form_left {
    float: left;
    width: 20%;
    margin: 0;
    padding: 6px 0 0;
    color: #666;
    font-size: 14px;
    line-height: 16px;
}

.user_detail .form_right {
    float: left;
    width: 80%;
}

.user_detail .form_main .form-control:focus {
    box-shadow: none;
}

.form-group {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 16px;
}

    .form-group .form-control {
        font-size: 14px;
        line-height: 16px;
    }

        .form-group .form-control textarea {
            min-height: 80px;
        }

.user_detail .user_info .right_side {
    width: 33%;
    float: right;
    background: #fbfbfb;
    padding: 14px 0px 20px 0px;
    box-shadow: 0 0px 6px #ccc;
}

.user_detail .make_amount .img_block {
    width: 100%;
    float: left;
    border-bottom: 1px solid #dddddd;
    padding: 6px 20px 10px;
}

    .user_detail .make_amount .img_block .img_left {
        width: 24%;
        float: left;
        margin: 0px;
    }

        .user_detail .make_amount .img_block .img_left img {
            max-width: 100%;
        }

    .user_detail .make_amount .img_block .course {
        float: right;
        font-size: 16px;
        line-height: 5px;
        color: #666;
    }

.user_detail .amount1 {
    border-bottom: 1px solid #dbdbdb;
    float: left;
    padding: 10px 20px 10px;
    width: 100%;
}

    .user_detail .amount1 h4 {
        float: left;
        margin: 0px;
        font-size: 14px;
        line-height: 16px;
        color: #888;
        padding: 0;
        border: none;
    }

    .user_detail .amount1 span {
        color: #888;
        float: right;
        font-size: 15px;
        line-height: 16px;
    }

.user_detail .term_condition {
    float: left;
    margin: 12px 22px 0;
    position: relative;
}

    .user_detail .term_condition p {
        font-size: 13px;
        line-height: 18px;
        color: #888;
        text-align: left;
        margin: 0px;
    }

.user_detail .make_amount .explore {
    display: inline-block;
    margin: 30px auto 0;
    width: 88%;
    float: none;
    padding: 6px 0;
    font-size: 18px;
    border-radius: 0;
    border: none;
    background: #428bca;
    transition: all 0.6s;
    cursor: pointer;
    color: #fff;
}

.user_detail .make_amount {
    text-align: center;
}

.user_detail .saving_amt {
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    margin: 12px 20px 0 20px;
    color: #428bca;
}

.user_detail .make_amount .secure {
    line-height: 13px;
    text-align: left;
    margin: 0;
    padding: 20px 20px;
}

.user_detail .secure img {
    float: left;
    margin: 0 10px 0 0;
}

.user_detail .make_amount .secure span {
    font-size: 12px;
    line-height: 18px;
    color: #555;
    width: 88%;
    float: left;
}

.user_detail .user_info.user_detail_main {
    width: 100%;
    display: flex;
}

.paymentresponse {
    width: 100%;
    text-align: center;
    padding: 93px 0 40px 0;
    background: #f4f4f4;
}

    .paymentresponse .main_heading {
        padding: 4px 0 10px 0;
    }

.paymentresponse_content .success strong {
    font-size: 16px;
    line-height: 18px;
    float: left;
}

.paymentresponse_content .success label {
    font-size: 16px;
    line-height: 18px;
    float: left;
    margin: 0 0 0 10px;
}

.paymentresponse_content {
    width: 100%;
    padding: 26px;
    max-width: 560px;
    margin: 20px auto;
    box-shadow: 0 0 10px #ccc;
    border-radius: 4px;
}

    .paymentresponse_content .success {
        width: 100%;
        text-align: center;
        font-size: 18px;
        line-height: 20px;
        position: inherit;
        margin: 0;
        top: 0;
        max-width: 100%;
    }

    .paymentresponse_content span.validation {
        width: 100%;
        display: inline-block;
        padding: 10px 0 10px;
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
        color: #333;
    }

    .paymentresponse_content .btm_btn .btn:focus {
        box-shadow: none;
    }

    .paymentresponse_content .btm_btn .btn {
        border: none;
        padding: 0;
        width: 120px;
        height: 34px;
        font-size: 16px;
        line-height: 32px;
        background: #439FE0 !important;
    }

    .paymentresponse_content .btm_btn {
        margin-bottom: 0px;
        width: 100%;
        display: inline-block;
    }

.paymentresponse table th {
    background: #439FE0;
    color: #fff;
    font-weight: 600;
}

.paymentresponse_content .combo_pkg_table {
    width: 100%;
    float: left;
}

.paymentresponse_content .btm_btn .btn.hvr-rectangle-out:before {
    background: #f58320;
    border-radius: 4px;
    border: 1px solid #f58320;
}

.pkg_detail {
    width: 100%;
    float: left;
}

.paymentresponse table, .paymentresponse th, .paymentresponse td {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

.paymentresponse th, .paymentresponse td {
    padding: 6px 12px;
    text-align: left;
}

.paymentresponse_content table {
    width: 510px;
    margin: 0 auto 25px;
}

/*html, body {
    height: 100%;
}*/

.paymenterror {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 100px 0 40px 0;
}

.btm_btn {
    margin-bottom: 15px;
}

.btm_btn .hvr-rectangle-out {
    line-height: 20px;
    transition: all 0.6s ease;
    background: #3ab4e3 !important;
    width: 102px;
    margin: 0 4px;
    float: none;
    text-decoration: none;
    color: #fff;
    padding: 7px;
}

.admin-logout {
    position: absolute !important;
    right: 0;
}

.terms_condition {
    float: left;
    width: 100%;
    padding: 120px 0 40px 0;
    text-align: left;
}

.terms_condition .terms_and_conditions {
    width: 100%;
    max-width: 100%;
    background: #fff;
    margin: 8px auto;
    border-radius: 5px;
    box-shadow: 0 0 20px #ccc;
    display: inline-block;
}

.terms_condition p, .terms_condition li {
    text-align: justify;
    margin-left: 25px;
    color: #596971;
}

.footer-links a {
    color: #ababab;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .footer-links a:hover {
        color: #fff;
    }

.footer-links {
    color: white;
    padding: 0px 20px 0px 20px;
    position: relative;
}

    .footer-links:before {
        position: absolute;
        content: '';
        height: 14px;
        width: 1px;
        background: #ababab;
        top: 7px;
        right: 0px;
    }

.terms_condition {
    float: left;
    width: 100%;
    padding: 120px 0 40px 0;
    text-align: left;
}

.terms_condition .terms_and_conditions {
    width: 100%;
    max-width: 100%;
    background: #fff;
    margin: 8px auto;
    border-radius: 5px;
    box-shadow: 0 0 20px #ccc;
    display: inline-block;
}

.terms_condition p, .terms_condition li {
    text-align: justify;
    margin-left: 25px;
    color: #596971;
}

.footer-links:first-child {
    padding: 0px 20px 0px 20px;
}

.footer-links:last-child {
    padding: 0px 20px 0px 20px;
    border-right: none;
}

    .footer-links:last-child:before {
        content: none;
    }

.footer-links-holder {
    margin: 15px auto !important;
}

footer .container hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #555555;
    margin: 0px 0 15px 0;
    padding: 0;
}

footer hr {
    border-color: #4D4D4D;
    margin: 0 0 22px 0;
}

footer.admin-footer {
    padding: 40px 0px !important;
}

.buypackage_topics {
    font-size: 12px;
}

.buypackage_chapters {
    font-size: 14px !important;
}

.buypackage_subjects {
    font-size: 14px !important;
    font-weight: bold;
}
/*---------------------------------------------------------------*/
/*Added by Dhaval for Package div*/
.content-div {
    height: 150px;
    width: 100%;
    background: #335BBC;
    text-align: center;
    margin: 0;
    padding: 0;
}

.content-div2 {
    height: 163px;
    width: 100%;
    background: #BC3633;
    text-align: center;
    margin: 0;
    padding: 0;
}

.temp-div {
    height: 200px;
    background: gray;
}

.temp-div2 {
    height: 100px;
    background: darkolivegreen;
}

.temp-div3 {
    height: 100px;
    background: brown;
}

.standard-heading {
    height: 50%;
    background: #54d2eb;
    padding: 5px;
}

.standard-heading2 {
    height: 50%;
    background: #EB884F;
    padding: 5px;
}

.heading {
    margin: 18px 0 0 0;
    color: #0f2d75;
    font-size: 22px;
    line-height: 24px;
}

.heading2 {
    margin: 4px 0px;
    color: #972033;
}

.under-block {
    height: 10px;
    background: #212180;
    width: 70%;
    margin: -5px auto;
}

.under-block-sem {
    height: 25px;
    background: #701B32;
    width: 70%;
    margin: -12px auto;
    color: #f7b63b;
    font-size: 14px;
}

.standard-content {
    margin-top: 3%;
    color: #fff;
    background: #365abb;
}

.standard-content2 {
    margin-top: 3%;
    color: #F4D899;
    background: #bc3633;
}

.standard-content-inner {
    padding: 12px 14px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.separator {
    height: 100px;
    background: white;
}
/*---------------------------------------------------------------*/
.subject-box-centered {
    margin: 0 auto;
    float: none;
}

.img_block .course#standard {
    float: left;
    color: #888;
    margin-top: 10px;
}

.img_block .course#packageName {
    color: #888;
    margin-top: 10px;
}

.desable {
    color: #000 !important;
    background: #bbbbbb !important;
    cursor: default !important;
}

    .desable:before {
        background: #bbbbbb !important;
    }

#viewPackageListForm {
    max-width: 90%;
}

.btn_color {
    background: #0289f3;
    width: 27px;
}

.gallery-nav ul li {
    float: left;
    margin-bottom: -1px;
}

.grid {
    position: relative;
    height: 580px;
}

.packagelist {
    max-width: 90%;
    margin: 2rem auto 0;
    background-color: #fafafa;
    padding: 32px 32px;
    border-radius: 4px;
}

.gallery-holder {
    width: 1300px;
}
/** Custom Select **/
.pkg_dropdown {
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
}

.custom-select-wrapper {
    position: relative;
    display: block;
    padding-top: 1rem;
}

.demo-content .ffl-wrapper .ffl-label {
    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    position: absolute;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
    top: 1.25rem;
    font-size: 15px;
}

.custom-select:focus {
    outline: none !important;
}

.demo-content .ffl-wrapper.ffl-floated .ffl-label {
    top: 0;
}

.demo-content .ffl-label {
    color: #909090;
    line-height: 1.2;
}

.demo-content .ffl-wrapper select option {
    padding: 0px !important;
}

.demo-content .ffl-wrapper select {
    color: #909090;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.select_city {
    position: relative;
}

    .select_city:after {
        position: absolute;
        content: '';
        top: 12px;
        right: 0px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 8px solid #B4B4B4;
        pointer-events: none;
    }

.demo-content .ffl-floated .ffl-label {
    color: #0289f3;
    font-size: 0.75rem;
}

.demo-content form {
    max-width: 100%;
    background-color: #fafafa;
    padding: 0px 32px 32px;
    border-radius: 4px;
    padding-top: 20px;
}

    .demo-content form:after {
        content: "";
        display: block;
        clear: both;
    }

.demo-content input, .demo-content textarea, .demo-content select {
    transition: border-bottom 100ms ease;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 1rem;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    border-style: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    height: 1.875rem;
    color: #909090;
}

.demo-content form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.demo-content input:hover, .demo-content textarea:hover, .demo-content select:hover {
    border-bottom-width: 1px;
    border-bottom-color: #909090;
}

.demo-content input:focus, .demo-content textarea:focus, .demo-content select:focus {
    border-bottom-width: 1px;
    border-bottom-color: #0289f3;
}

.demo-content textarea {
    resize: none;
    min-height: 1.875rem;
}

.demo-content label > span {
    color: #909090;
}

[type="button"] {
    transition: background-color 0.3s ease;
    border: none;
    color: #ffffff;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 1rem;
    float: right;
    border-radius: 4px;
}

.demo-content [type="button"]:hover, .demo-content [type="button"]:focus {
    background-color: #027bda;
}

.demo-content {
    width: 100%;
    float: left;
    padding: 93px 0 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.demo-content.client_bg form {
    box-shadow: 0 0 16px #ccc;
}

.demo-content .about_heading {
    font-size: 28px;
    line-height: 32px;
    font-weight: normal;
    margin: 0;
    color: #404040;
}

.demo-video-poster {
    width: 100%;
    padding: 5px;
    cursor: pointer;
    min-height: 182px;
}

.select_board_block:before {
    position: absolute;
    content: '';
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 9px;
    width: 9px;
    right: -12px;
    z-index: 9;
    transform: rotate(132deg);
    top: 10px;
    right: 14px;
    pointer-events: none;
}

.demo-video-subject-holder {
    margin: 15px auto !important;
}

.demo-video-subject {
    padding: 0px 20px 0px 20px;
    float: left;
}

    .demo-video-subject a {
        text-decoration: none;
        cursor: pointer;
    }

.custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 84px 0 22px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 36px;
    background: #5c9cd8;
    border-radius: 4px;
    cursor: pointer;
}

.demo-video-subject a:hover {
    text-decoration: none;
    color: orange !important;
}

.demo-video-subject .selected {
    text-decoration: underline !important;
    color: orange !important;
}

.row#demoVideoSubjectContainer {
    background: #2384c8;
    color: white;
    position: relative;
}

.row#demoVideoContainer {
    background: white;
    padding: 15px 0px;
}

.tab_main .demo-video-subject-holder {
    margin: 15px auto !important;
    background: #2384c8;
    position: fixed;
    top: 61px;
    right: 0;
    left: 0;
    width: 82.8%;
    text-align: center;
    z-index: 9;
    border-radius: 4px;
    padding: 14px 0px;
}

.tab_main .demo-video-subject {
    float: none;
    display: inline-block;
}

.upperbar {
    float: right;
    width: 100%;
    background: #333;
}

.temp-logo-holder {
    height: 100px;
    min-width: 100px;
    background: white;
    z-index: 999;
    position: absolute;
    left: 114px;
    top: 0;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.7);
    display: table;
    text-align: center;
}

.logo img {
    padding: 5px;
    max-height: 100px;
}

.topbar-content {
    text-decoration: none;
    float: right;
    font-size: 12px;
    padding: 8px 10px;
    color: white;
    margin: 0;
}

a.topbar-content {
    margin-right: 0px;
}

.upperbar a:hover {
    color: orange;
    text-decoration: none;
}

.top-menu-extra-options {
    line-height: 25px !important;
    color: white;
    padding: 8px 15px 9px !important;
}

.packagelist {
    max-width: 90%;
    margin: 2rem auto 0;
    background-color: #fff;
    padding: 32px 32px;
    border-radius: 4px;
    box-shadow: 0 0 13px #ccc;
}

.radio_design {
    float: left;
    margin-right: 15px;
}

    .radio_design input {
        margin: 0 !important;
        cursor: pointer;
    }

    .radio_design label {
        margin-bottom: 1rem;
    }

.package_form .ffl-wrapper {
    padding: 0 !important;
}
/* Custom Select */
.pkg_dropdown {
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
}

.custom-select-wrapper {
    position: relative;
    float: left;
    user-select: none;
    width: 40%;
    margin: 0 10px 0 0;
}

.custom-select-wrapper select {
    display: none;
}

.custom-select:focus {
    outline: none !important;
}

.custom-select {
    position: relative;
    float: left;
    background: #2C86C2;
    color: #fff;
    width: 100%;
    height: 36px;
    padding: 0 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.select_board_block {
    position: relative;
    width: 40%;
    float: left;
    margin: 0 10px 0 0;
    transition: all .4s ease-in-out;
}

.select_board_block:before {
    position: absolute;
    content: '';
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 9px;
    width: 9px;
    right: -12px;
    z-index: 9;
    transform: rotate(132deg);
    top: 10px;
    right: 14px;
    pointer-events: none;
}

.custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 84px 0 22px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 36px;
    background: #5c9cd8;
    border-radius: 4px;
    cursor: pointer;
}

.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    sources;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
    z-index: 9;
}

.custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 22px;
    border-bottom: 1px solid #b5b5b5;
    font-size: 16px;
    font-weight: 600;
    color: #b5b5b5;
    line-height: 36px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.custom-option:first-of-type {
    border-radius: 4px 4px 0 0;
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}

.custom-option:hover {
    background: #5c9cd8;
    color: #fff;
}

.pkg_dropdown button {
    float: left;
    width: 17%;
    margin: 0;
    border-radius: 4px;
    padding: 0;
    height: 36px;
    outline: none;
    background: #2C86C2;
}

    .pkg_dropdown button:hover {
        background: #f58320;
    }
/*Folloing classes are used for showing the content of FreeContentPage*/
/*html, body {
    height: 100%;
}*/

@import url('https://fonts.googleapis.com/css?family=Montserrat|Orbitron');

body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

#header {
    position: fixed;
    z-index: 2000;
    top: 122px;
    display: none;
}

#header h1 {
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(255,255,255,0.9);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    padding: 20px;
    background: #000;
}

#navigation {
    margin-top: 75px;
    display: block;
    list-style: none;
    z-index: 3;
}

.content {
    right: 40px;
    left: 280px;
    top: 50px;
    padding-bottom: 0px;
}

.content h2 {
    font-size: 80px;
    padding: 0px 0px 0px 0px;
    color: #fff;
    color: rgba(255,255,255,0.9);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

h3 {
    color: #fff;
}

.content p {
    font-size: 18px;
    padding: 10px;
    line-height: 24px;
    color: #fff;
    display: inline-block;
    border: 1px solid #007CBF;
    padding: 10px;
    margin: 3px 0px;
}

.panel {
    width: 100%;
    min-height: 100%;
    position: absolute;
    background-color: #000;
    box-shadow: 4px -4px 4px rgba(0,0,0,0.2);
    margin-left: -102%;
    z-index: 2;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.panel:target {
    margin-left: 0%;
    background-color: #f4f4f4;
}

.modal-panel {
    width: 100%;
    min-height: 100%;
    position: absolute;
    background-color: #000;
    box-shadow: 4px -4px 4px rgba(0,0,0,0.2);
    opacity: 0;
    z-index: 2;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.modal-panel:target {
    opacity: 1;
    background-color: #f4f4f4;
}

#works {
    padding: 15px 0px;
}

#works li {
    display: inline;
}

#form p {
    background: #fff;
    color: #000;
}

#form input, #form textarea {
    background: #000;
    color: #fff;
    border: none;
}

#form textarea {
    width: 493px;
    height: 100px;
}

#form label {
    padding-right: 10px;
    float: left;
}

.footnote a {
    color: #fff;
}

.one {
    width: 6.866%;
}

.button-1 {
    display: inline-block;
    padding: 10px 5px;
    margin: 0px -50px 12px;
    position: relative;
    width: 127px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #174a6d;
    font-size: 14px;
    line-height: 16px;
}

.button-1:before {
    content: "";
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-color: #007CBF;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.button-1:hover {
    color: #fff;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    background-color: #f96a36;
}

.button-1.free-content-side-navigation-active {
    background-color: #f96a36;
    position: relative;
}

    .button-1.free-content-side-navigation-active:after {
        position: absolute;
        content: '';
        top: 11px;
        right: -9px;
        border-left: 9px solid #f96a36;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }

.button-1:hover:before {
    left: 0;
}

.pkg_dropdown button:hover {
    background: #f58320;
}

.hide_content {
    display: none;
}

.font_color {
    color: #fff;
    padding-bottom: 10px;
}

.package_font {
    font-size: 25px;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ccc;
    color: #8a8484;
    text-align: left;
}

.packages_height {
    min-height: 300px;
    position: relative;
}

.padding {
    margin: 0;
    color: #9a9999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 72%;
    width: 100%;
    text-align: center;
}

.package_padding {
    margin-bottom: 15px;
}

.validity {
    width: 100%;
    position: relative;
    right: inherit;
    text-align: left;
    font-weight: 600;
    color: #333;
    position: relative;
    top: 15px;
}

#validity-holder-1 {
    text-align: center;
}

.free-content-video-play-icon {
    margin: 0;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25%;
}

.free-content-video-description {
    width: 85%;
    margin: 0;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    background: rgba(0,0,0,0.8);
    padding: 0px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    padding: 6px 2px;
    min-height: 50px;
    color: white;
}

.free-content-video-description span {
    position: absolute;
    width: 98%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.free-content-video-description.static {
    width: 88%;
}

.free-content-poster-image {
    box-shadow: 0 0 3px #666;
    margin-bottom: 15px;
}

.afterlogin .toggle2 .nav li {
    position: relative;
}

.afterlogin .toggle2 ul.submenu2 {
    position: absolute;
    right: 100%;
    background: #0494f9;
    margin: 0;
    padding: 0;
    width: 210px;
    border: 1px solid #47a8ec;
    top: 0px;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    /*display: none;*/
}

.afterlogin .toggle2 ul.submenu2 a:hover {
    text-decoration: none;
    background: #3fa0e4;
}

.afterlogin .toggle2 ul.submenu2 a {
    width: 100%;
    padding: 8px 20px;
    border-bottom: 1px solid #47a8ec;
    float: left;
    color: #fff;
    line-height: 26px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.afterlogin .toggle2 .arrow:before {
    top: 18px;
    right: 14px;
}

.afterlogin .toggle2 .arrow {
    text-align: left;
}

.afterlogin .toggle2 .nav li:hover ul.submenu2 {
    /*display: block;*/
    opacity: 1;
    visibility: visible;
}

.free_content_main .side_btn:hover {
    text-decoration: none;
    background: #f96a36;
}

.free_content_main .modal-body {
    text-align: center;
}

.free_content_main button.close {
    background: transparent;
    padding: 0px;
    top: 4px;
    right: 20px;
}

.free_content_main .modal-dialog {
    max-width: 850px;
}

.free_content_main button.close span {
    text-shadow: none;
    font-size: 46px;
    color: #000;
}

.free-content-holder {
    max-height: 500px;
    overflow: auto;
}

.free-content-buy-packages {
    padding: 93px 0 60px 0;
}

.chapter .commingsoon button[class="close"]:focus {
    outline: none !important;
}

.chapter .commingsoon button[class="close"]:hover {
    color: #ffa03d;
}

.chapter .commingsoon button[class="close"] {
    z-index: 99;
    color: #0088CC;
    text-shadow: none;
    font-size: 36px;
    line-height: 38px;
    padding: 0;
    background: transparent;
    top: 10px;
    opacity: 1;
    right: 20px;
    transition: all 0.3s ease;
}

.chapter .commingsoon .modal-header {
    padding: 0 !important;
}

.chapter .commingsoon .irs-login-form span {
    font-size: 20px;
    line-height: 22px;
    color: #0088CC;
    font-weight: 600;
    display: inline-block;
}

.chapter .commingsoon .loginBtn.autosize_modelbtn:focus {
    box-shadow: none;
}

.chapter .commingsoon .loginBtn.autosize_modelbtn.hvr-rectangle-out:before {
    background: #ffa03d;
    border-radius: 4px;
}

.chapter .commingsoon .loginBtn.autosize_modelbtn {
    background: #3ab4e3;
    padding: 6px 30px;
    float: none;
    margin: 0;
}

.chapter .commingsoon .modal-body {
    padding: 0 0px 24px 0px;
}

.commingsoon figure img {
    width: 100%;
}

.commingsoon figure {
    margin: 0;
    width: 132px;
    margin: 0 auto;
}

.free-content-video-holder {
    cursor: pointer;
}
/*------------------------Mobile Toggle CSS--------------------*/
.mobmenu,
.mobmenu ul,
.mobmenu ul li,
.mobmenu ul li a,
.mobmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
}

.mobmenu:after,
.mobmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.mobmenu #head-mobile {
    display: none;
}

.mobmenu {
    background: #174a6d;
    top: 77px;
    z-index: 99;
    display: none;
}

.mobmenu > ul > li {
float: left;
}

.mobmenu > ul > li > a {
    padding: 17px;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #ddd;
}

.mobmenu > ul > li:hover > a,
.mobmenu > ul > li > a:focus,
.mobmenu ul li.active a {
    color: #fff !important;
}

.mobmenu > ul > li:hover,
.mobmenu ul li.active:hover,
.mobmenu ul li.active,
.mobmenu ul li.has-sub.active:hover {
    -webkit-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.mobmenu > ul > li.has-sub > a {
    padding-right: 30px;
    COLOR: #FFF;
}

.mobmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: "";
}

.mobmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: "";
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.mobmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0;
}

.mobmenu ul ul {
    position: absolute;
    left: -9999px;
}

.mobmenu ul ul li {
    height: 0;
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    background: #333;
    transition: all 0.25s ease;
}

.mobmenu li:hover > ul {
    left: auto;
}

.mobmenu li:hover > ul > li {
    height: 35px;
}

.mobmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}

.mobmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
}

.mobmenu ul ul li:last-child > a,
.mobmenu ul ul li.last-item > a {
    border-bottom: 0;
}

.mobmenu ul ul li:hover > a,
.mobmenu ul ul li a:hover {
    color: #fff;
}

.mobmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: "";
}

.mobmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: "";
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.mobmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
}

.mobmenu ul ul li.has-sub:hover,
.mobmenu ul li.has-sub ul li.has-sub ul li:hover {
    background: #363636;
}

.mobmenu ul ul ul li.active a {
    border-left: 1px solid #333;
}

.mobmenu > ul > li.has-sub > ul > li.active > a,
.mobmenu > ul ul > li.has-sub > ul > li.active > a {
    border-top: 1px solid #333;
}

.mini_logo .middle_text .user_heading {
    display: block;
}

.contactus_heading {
    font-size: 28px;
    line-height: 32px;
    font-weight: normal;
    margin: 0;
    color: #404040;
}

.buy-package-user-details {
    box-shadow: 0 0 6px #ccc;
    padding: 8px 8px;
}

.subject-wise-block-holder {
    padding-right: 8px;
    padding-left: 8px;
}

.sub-box-holder {
    width: 31.8%;
    display: inline-block;
    padding: 10px 5px;
}

.amount1 em {
    font-style: normal;
    font-size: 16px;
    padding-left: 3px;
}

.amount1 h4 label {
    margin: 0;
}

.billing_state select {
    height: 35px;
}

.contactus2 form {
    width: 100%;
    float: left;
    border-radius: 4px;
    box-shadow: 0 0 16px #ccc;
    padding: 26px 26px 26px 26px;
    background: #fff;
}

.packages .box label .rupee_small {
    font-size: 20px;
    color: #5a5a5a;
}

.office_section2 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: 0 0 16px #ccc;
    padding: 20px;
    background: #fff;
}

.contact_section2 {
    width: 100%;
    float: left;
    padding: 52px 0px;
    background: #f4f4f4;
}

.service_no p {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #ababab;
}

.office_section2 ul {
    list-style: none;
    margin: 0;
    width: 100%;
    float: left;
    padding: 0px;
}

.office_section2 ul li {
    width: 100%;
    float: left;
    margin: 0 0 16px;
}

.office_section2 ul li label {
    display: inline-block;
    margin: 0 0px 0 10px;
    color: #888;
    width: auto;
    font-weight: bold;
    vertical-align: top;
}

.office_section2 ul li p, .office_section2 ul li a {
    display: inline-block;
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 0 10px;
    vertical-align: top;
}

.office_section2.office_section ul li p {
    width: 68%;
}

.office_section2 h3 {
    padding: 0px 0px 22px;
}

.fp-player {
    opacity: 0;
}

#videoLoader {
    background: #000;
    height: 425px;
    color: #fff;
    text-align: center;
    width: 100%;
}

.topicvideo .flowplayer.custom_height {
    position: relative;
}

.fadein {
    transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    opacity: 1;
}

.fadeout {
    transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    opacity: 0;
}

.vodeo_preloader {
    width: 85px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.office_section2 ul li span {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: #0088CC;
    border-radius: 50%;
    text-align: center;
}

.serviceNo {
    font-style: normal;
}

.contactus2 .send_msg {
    background: #0494f9;
    padding: 10px 16px;
}

    .contactus2 .send_msg.hvr-rectangle-out:before {
        background: #f58320;
        border-radius: 4px;
    }

.alert-box {
    padding: 8px 15px;
    font-weight: 600;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    position: absolute;
    display: none;
    top: 92px;
    right: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
}

.failure {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    display: none;
}

.warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    display: none;
}

.mini_logo .upperbar {
    display: none;
}

.price-details {
    box-shadow: 0 0 6px #ccc;
    padding: 8px 8px;
}

.contactus form select {
    background: none;
    border-radius: 4px;
    width: 100%;
}

.free-content-page-video-control {
    width: 100%;
}

.modal.add_subdomain_modal .client_form form {
    box-shadow: none;
}

.client_form .sub-domain-form {
    box-shadow: none !important;
}

.client_form .generate-order-form {
    box-shadow: none !important;
}

.client_form .view-scratchcards-form {
    box-shadow: none !important;
}

.client_form .confirm-order-form {
    box-shadow: none !important;
}

.client_form #viewOrderDetailsForm {
    box-shadow: none !important;
}

.client_form #viewOrderDetailsForm {
    /*box-shadow: none !important;*/
}

.modal.add_subdomain_modal .client_form form {
    box-shadow: none;
}

.privacy_policy .chapter_heading ul li, .terms_condition .chapter_heading ul li, .refund_policy .chapter_heading ul li {
    margin: 0 0 10px 0;
}

.dataTable.no-footer th {
    background: #757575;
    color: #fff;
    font-weight: 600;
}

.client_form.admin_main {
    text-align: center;
}

.admin_main .dataTables_wrapper {
    display: inline-block;
    width: 100%;
}

.admin_main .pkg_btn {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
}

    .admin_main .pkg_btn button:focus {
        outline: none;
    }

    .admin_main .pkg_btn button:hover {
        background: #f58320;
    }

.clientInfoTableDisplay tr button:hover {
    background: #f58320;
}

.clientInfoTableDisplay tr button:focus {
    outline: none;
}

.admin_main .pkg_btn button {
    float: left;
    margin: 0 20px 0 0;
    width: 120px;
}

.admin_main .dataTables_wrapper .dataTables_length label {
    width: 100%;
    text-transform: capitalize;
}

.admin_main .dataTables_wrapper .dataTables_filter label {
    width: 100%;
    float: left;
}

.admin_main .dataTables_wrapper .dataTables_length label .form-control {
    float: left;
    width: 75% !important;
    padding: 0 8px;
    position: relative;
    top: -4px;
}

    .admin_main .dataTables_wrapper .dataTables_length label .form-control:focus {
        box-shadow: none;
    }

.admin_main .dataTables_wrapper .dataTables_filter label input.form-control.input-sm {
    width: 86%;
    float: right;
    height: 34px;
    position: relative;
    top: -4px;
}

.client_form.admin_main .dataTables_paginate li a:hover {
    outline: none;
    text-decoration: none;
}

.client_form.admin_main .dataTables_paginate li a {
    color: #027bda;
    border: 1px solid #027bda;
    padding: 5px 14px;
    margin: 0 6px 0 0;
    outline: none;
    transition: all 0.3s ease;
}

    .client_form.admin_main .dataTables_paginate li a:hover {
        color: #fff;
        border: 1px solid #027bda;
        background: #027bda;
    }

.admin_main .dataTables_wrapper .table-rasponsive {
    width: 100%;
    margin: 0 0 16px;
}

.admin_main .order_detail_radio {
    width: 100%;
    float: left;
    text-align: left;
    margin: 0 0 12px 0;
}

.admin_main .order_detail_radio aside.order_right {
    float: left;
}

.admin_main .order_detail_radio aside.order_left {
    float: left;
    margin: 0 30px 0 0;
}

.admin_main .order_detail_radio input[type="radio"] {
    position: relative;
    top: 2px;
}

.client_form.admin_main .dataTables_info {
    text-align: left;
}

.free_content_main .modal {
    z-index: 999999;
    top: 80px;
    padding-right: 0px !important;
}

.modal-padding-settings {
    padding: 100px 0 60px;
}

.modal-padding-settings {
    padding: 100px 0 60px;
}

.all_chapter ul {
    list-style: circle;
}

.google-maps {
    width: 100%;
    display: inline-block;
    margin: 0 0 30px 0;
}

.office_section ul li p {
    width: 68%;
}

.about_img img {
    width: 100%;
}

.buy_pkg_tab h2 {
    color: #007bff;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    display: inline-block;
}

.buy_pkg_tab .tab_content {
    width: 100%;
    float: left;
    border: 1px solid #007bff;
    padding: 16px;
}

.buy_pkg_tab .tab-slider--nav {
    width: 100%;
    float: left;
    margin-bottom: 8px;
}

.buy_pkg_tab .tab-slider--tabs {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buy_pkg_tab .tab-slider--tabs.slide:after {
    left: 50%;
}

.buy_pkg_tab .tab-slider--trigger {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #007bff;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #007bff;
    padding: 11px 20px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    transition: color 250ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buy_pkg_tab .tab-slider--trigger.active {
    color: #fff;
    background: #007bff;
}

.buy_pkg_tab .tab-slider--body {
    margin-bottom: 20px;
}

.buy_pkg_tab ul {
    padding: 0 0 0 12px;
    list-style: inside;
    color: #333;
}

.buy_pkg_tab .tab-slider--body ul li {
    font-size: 14px;
    line-height: 16px;
    margin: 12px 0;
}

.tab_content .chapter-heading {
    background: #0494f926;
    display: block;
    padding: 5px;
    color: #333333;
    font-size: 16px;
    line-height: 20px;
}

.tab_content {
    max-height: 500px;
    overflow: auto;
}

.buy_pkg_tab .container .row {
    margin: 0 -30px;
}

.tab-slider--container {
    width: 100%;
}

.upperbar .hdr_mini_icon {
    display: none;
}

.upperbar svg.svg-inline--fa.fa-registered.fa-w-16.hdr_mini_icon {
    font-size: 16px;
    position: relative;
    top: 2px;
    right: 4px;
}

.upperbar svg.svg-inline--fa.fa-phone.fa-w-16.hdr_mini_icon {
    position: relative;
    top: 3px;
    right: 8px;
}

.upperbar svg.svg-inline--fa.fa-sign-in-alt.fa-w-16.hdr_mini_icon {
    font-size: 16px;
    position: relative;
    top: 2px;
}

.reg_mini_icon {
    width: 18px;
    position: relative;
    top: -1px;
    display: none;
}

.reg_mini_icon img {
    width: 100%;
}

.expired {
    color: red !important;
    font-weight: bold;
}

.modal-backdrop.show {
    display: none;
}

#chkSelectAll{
    float: left;
    width: 18px !important;
    margin: 3px -28px 0px 20px;
}
.send-checkbox{
    float: left;
    width: 18px !important;
    margin: 13px -23px 0 20px;
}

#userInfoTable input {
    margin-bottom: 0;
    margin-top: 0;
    box-shadow: none;
    height: 1.875rem;
    color: #909090;
}

.btn-notification button{
    float: right;
    margin-bottom: 15px;
}
/*.preloader {
    background-color: #ffffff;
    background-image: url('../Image/preloader3.gif');
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999999;
}*/

.field-validation-error {
    font-size: 13px;
    color: red;
    line-height: 14px;
    margin: 6px 0 6px 0;
    width: 100%;
    text-align: left;
}

/*Added by Dhaval @28-05-19*/
.video-modal
{
    height: 500px;
}

#vimeoPlayer
{
    height: 100%;
}

 #frmVideo
{
     height: 100%;
}

 .index-page-video
{
     height: 100%;
}

#freeContentPlayVideoModal
{
    z-index: 999999;
    top: 80px;
    padding-right: 0px !important;
}

#freeContentPlayVideoModal .modal-dialog {
    max-width: 850px;
}

#freeContentPlayVideoModal button.close {
    background: transparent;
    padding: 0px;
    top: 4px;
    right: 20px;
}

#freeContentPlayVideoModal button.close span {
    text-shadow: none;
    font-size: 46px;
    color: #000;
}
    
.school_dashboard {
    width: 100%;
    float: left;
    padding: 44px 20px;
    margin-top: 65px;
    text-align: center;
    background: #f4f4f4;
}


/*Added by Dhaval @10-06-19*/
#schoolOrderInfoTable_filter .input-group {
    margin: auto;
}

.table-striped>tbody>tr:nth-child(odd) {
    background-color: #fff;
}

.adminside.no-footer th {
    /*color: black;*/
    /*font-weight: 600;*/
    text-align:center;
}

/*Added by Dhaval @ 11-06-19*/
.school-modal
{
    color: gray !important;
}

.order-modal input[type=text]
{
    width: 250px;
}

/*Added by Dhaval @ 14-06-19*/
#schoolOrderInfoTable_wrapper > .table-rasponsive
{
/*Commented by Dhaval @ 22-06-19*/
    /*max-height: 385px;*/
    overflow-y: scroll;
}

#modalInputError .modal-dialog
{
    width:auto;
}

#modalInputError
{
    z-index:9999999;
}

/*Added by Dhaval @20-06-19*/
.school-logo-holder
{
    margin: 0 auto;
    text-align: center;
    background: #ccc;
    width: 20%;
    height: auto;
    cursor: pointer;
    border: 1px solid #ccc;
}

.school-logo-image {
    width: 90%;
    margin: 10% auto;
}

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

.client_form form#liveClassroom {
    max-width: 80%;
    margin: 2rem auto 0;
    background-color: #fafafa;
    padding: 32px 32px;
    border-radius: 4px;
}

.school_form form#liveClassroom .download-setup
{
    height: 190px;
    width: 256px;
    margin: 20px auto;
    box-shadow: black 0px 0px 4px;
    text-align: center;
}

.download-setup .setup-image{
    margin-top: 25px;
}

.download-setup .download-image
{
    margin-top: 20px;
    width:185px;
}

.school_form form#liveClassroom .call-number
{
    margin-top:30px;
    padding: 20px;
    background: #174a6d;
    color: white;
}

.installation-step
{
    /*display: table-cell;
    vertical-align: middle;*/
    border: 1px solid #174a6d;
    /*padding: 20px 5px;*/
    
/*Changed by Dhaval @ 22-06-19*/
    /*height: 150px;*/
    height: 115px;
    width: 100%;
}

.installation-step .title
{
    color: white;
    background: #174a6d;
}

.installation-step p
{
    padding: 5px;
}

.main-steps-container
{
    background: #f0f0f0;
    padding: 20px;
}

.step-detail
{
    /*width: 70%;*/
    width: 51%;
    margin: 0 auto;
    border: 1px solid #ddd; 
    padding:5px;
}

.condition-detail {
    /* width: 70%; */
    /* width: 51%; */
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 5px;
}

.main-steps
{
    margin-bottom: 30px;
}

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

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

.text-align-center
{
    text-align:center;
}
    
.school_form .ffl-wrapper {
    position: relative;
    display: block;
    padding-top: 1rem;
}

.school_form .ffl-wrapper .ffl-label {
    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    position: absolute;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
    top: 1.25rem;
    font-size: 15px;
}

/*.school_form .ffl-label {
    color: #909090;
    line-height: 1.2;
}

.school_form input, .school_form textarea, .school_form select {
    transition: border-bottom 100ms ease;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 1rem;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    border-style: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    height: 1.875rem;
    color: #909090;
}*/

.no-padding
{
    padding:0;
}

.form-box .form-error-and-button
{
    margin: 0 auto;
    text-align: center;
}


.form-box .form-error-and-button  button
{
    float:none;
}

.select-file-box-school {
    width: 100%;
    height: 50px;
    background: #f5f2f2;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 5px; 
    margin-left: 0px;
}

.banner-images-selector-school {
     margin-left: 0; 
     margin-bottom: 0; 
}

.banner-videos-selector-school {
    /* margin-left: 15px; */
    margin-bottom: 0;
}

.banner-videos-selector-school {
    /*margin-left: 15px;*/
    margin-bottom: 15px;
}

.banner-image-school > p, .banner-video-school > p
{
    margin:15px 0;
}

.main-logo-holder
{
    text-align:center;
    margin-bottom:30px;
}

.main-logo-holder button
{
    float:none;
}

.upload-media
{
    text-align:center;
    margin-bottom:30px;
}

.upload-media button
{
    margin-top:20px;
    float:none;
}

/*Added by Dhaval @ 28-06-19*/

.school_form h1, .school_form h2, .school_form h3, .school_form h4, .school_form h5, .school_form h6 {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 20px;
}

.liveclassroompage-school_heading_new
{
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: black;
    text-align: left;
    margin: 0 -20px 20px;
    padding: 15px 25px 15px;
    background-color: #f3f3f3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.school_form .form-box-header {
    margin: 0;
    padding: 20px;
    border-bottom: 2px solid #ddd;
    background-color: #f5f5f5;
}

.school_form .form-box {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background-color: #f9f9f9;
}
.school_form .form-box .form-group {
    /*Commented by Dhaval @ 29-06-19*/
    /*margin: 0 -15px;*/
    padding: 8px 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
}

.school_form .form-box .form-group .noteInForm{
    font-size: 12px;
    text-align: left;
}

.school_form .form-group {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 16px;
}

.school_form .main-steps-container {
    background: #f0f0f0;
    padding: 20px;
    margin: 10px 10px;
}

.school_form .main-steps a
{
    color:black;
    text-decoration: none;
}

.box .package-row
{
    margin-right: 0;
    margin-left: 0;
}

.box .package-row .package-box
{
    border: 1px solid #ccc;
}

.box .package-col
{
    padding: 0 5px;
}

.box .package-col .days-label
{
    font-size: 18px;
}

.purchased
{
    background:#0b9bec
}

.invisible
{
    opacity:0;
}

.package-details-hover
{
    background:#ccc;
}

.package-row .package-col .purchased
{
    color:white;
}

.packages .box .purchased label .rupee_small 
{
    font-size: 20px;
    color: white;
}

.packages .box .purchased strike
{
    color: white;
}

.mayIHelpYou
{
    width: 200px;
}

/*Added by Dhaval @ 06-07-19*/
.ad-holder-col
{
    padding:0px;
}

.ad-holder-col-left
{
    padding-left:15px;
}

.ad-holder-col-right
{
    padding-right:15px;
}

.ad-holder-col-left .side-ad, .ad-holder-col-right .side-ad
{
    width: 300px;
}

.select-file-box-school
{
    cursor:pointer;
}

.mobile_app_section_homepage {
    width: 100%;
    float: left;
    padding: 60px 0px 68px;
    background: rgb(159, 213, 234);
}

.mobile_app_block p.mobile-app-homepage
{
    font-size:18px; 
    font-weight:400; 
    line-height:36px;
}

.mobile_app_block .box p span.highlight-text
{
    /*font-size:18px;*/ 
    font-weight:600; 
    /*line-height:36px;*/
    vertical-align: unset;
    display: unset;
}

.mobile_app_block .box .app-icon
{
    width: 60%;
}

.mobile_app_block .box .device-image
{
    width:100%;
}

.mobile_app_block .app-icon-holder {
    border-bottom:none !important;
    margin-bottom: 30px !important;
}

/*Added by Dhaval @12-07-19*/
.enquire-now-box {
  position: fixed;
  right:0;
  top: 50%;
  width:auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background:#f58320;
  z-index:9;
  right:-107px;
  transition: 0.3s;
}

.enquire-now-box a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  text-decoration:none;
}

.enquire-now-box:hover {
  right:0px;
}

.liveclassroom_section_homepage {
    width: 100%;
    float: left;
    padding: 60px 0px 68px;
    background: #d9f1fe;
}

.liveclassroom_section_homepage .box {
    width: 100%;
    /*text-align: center;*/
    margin: 0 auto;
    display: inline-block;
}

.liveclassroom_section_homepage .box .device-image {
    width: 100%;
}


.liveclassroom_section_homepage .box p {
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0;
    height: 68px;
    display: table;
    width: 100%;
}

.liveclassroom_section_homepage p.mobile-app-homepage {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
}

.liveclassroom_section_homepage .box p span.highlight-text {
    font-weight: 600;
    vertical-align: unset;
    display: unset;
}

.liveclassroom_section_homepage .liveclassroom_block .visit-liveclassroom
{
    padding: 10px 16px;
    border-radius: 4px;
    margin: 0;
    float: left;
    background: #0494f9;
}

.liveclassroom_section_homepage .liveclassroom_block .visit-liveclassroom.hvr-rectangle-out:before {
    background: #f58320;
    border-radius: 4px;
}

.about_us {
    float: left;
    width: 100%;
    padding: 120px 0 40px 0;
    text-align: left;
}

.about_us .terms_and_conditions {
    width: 100%;
    max-width: 100%;
    background: #fff;
    margin: 8px auto;
    border-radius: 5px;
    box-shadow: 0 0 20px #ccc;
    display: inline-block;
}

.about_us .terms_and_conditions ul {
  list-style: none;
}

.about_us .terms_and_conditions ul li:before {
  content: '✓';
  font-weight:600;
  padding-right:10px;
}


.about_us .medium-holder
{
    padding: 5px;
}

/*.about_us .mediums-available
{
    text-align: center;
    border: 1px solid darkgray;
    padding: 9px;
    min-height: 92px;
}*/

.about_us .learning-interesting-holder
{
    margin: 0px -26px;
    padding: 45px 15px;
    text-align:left;
}
.about_us .mediums-available {
    text-align: center;
    border: 1px solid darkgray;
    padding: 9px;
    /*min-height: 92px;
    background: #174a6d;
    color: white;*/
    background: #f5f5f5;
    color: #000;
}

.about_us .highlight-holder
{
    margin: 0px -26px;
    padding: 45px 15px;
    background: aliceblue;
    text-align:left;
}

.about_us .we-found-holder
{
    margin: 0px -26px;
    padding: 45px 15px;
    background: whitesmoke;
    text-align:left;
}

.about_us .available-medium-holder
{
    margin: 0px -26px;
    padding: 45px 15px;
    /*background: whitesmoke;*/
    text-align:left;
}

.about_us .highlight-holder {
    margin: 0px -26px;
    padding: 45px 15px;
    background: aliceblue;
    text-align:left;
}

.about_us .benefits-holder {
    margin: 0px -26px;
    padding: 45px 15px;
    background: #ffcc2b;
    text-align:left;
    padding-left: 0;
}

.about_us .call-us-holder {
    text-align:center;
    margin: 0px -26px;
    padding: 45px 15px;
    background: #f58320;
    color: white;
    text-align:center;
}

.about_section .container .product-details .inner-section
{
    /*background:white;*/
    background: #d9f1fe;
    padding: 10px 5px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px #ddd;
}

.product-details .inner-section .detail-sections
{
    /*border-bottom: 1px solid #ddd;*/
    border-bottom: 1px solid darkgray;
    padding: 10px 0;
}


.product-details .inner-section .detail-sections:last-child
{
    border:none;
    padding: 10px 0;
    min-height: 134px;
}

.highlight-holder .buy-package-btn
{
    padding: 10px 16px;
    border-radius: 4px;
    margin: 0;
    float: none;
    background: #0494f9;
}


.highlight-holder .buy-package-btn:before {
    background: #f58320;
    border-radius: 4px;
}

.our_story_content .sir-photo
{
    width: 75%;
    padding-top: 15px;
    background:white;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px #ddd;
}


.panel-group .panel
{
    width: 100%;
    min-height: 100%;
    position: relative; 
    background-color: white; 
    box-shadow: 4px -4px 4px rgba(0,0,0,0.2);
    margin-left: 0; 
    z-index: 2;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.panel .panel-heading .heading-block
{
    display: inline;
    margin-right: 20px;
}

.panel-group .panel button
{
    transition: background-color 0.3s ease;
    border: none;
    color: #ffffff;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    margin-top: 0;
    border-radius: 4px;
}

.product-details .inner-section .tag-image
{
    position: absolute;
    left: 15px;
    top: 0px;
    width: 75px;
}

.inner p
{
    border:none;
}

.card .card-tools button
{
    background: none;
}

.map-fullscreen-button
{
    position:absolute; 
    right:10px; 
    bottom:20px; 
    z-index:999; 
    padding: 3px 8px; 
    background: #FFC107; 
    font-size: 25px; 
    line-height: 20px;
    cursor: pointer;
}

#map-modal .modal-dialog
{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
}

#map-modal
{
    padding-right:0 !important;
    padding-left:0 !important; 
    padding-top: 5vh;
}

.admin_main .packagelist #btnexcel
{
    /*position: absolute;
    top: 155px;
    right: 95px;*/

    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 10px;
}

.clickable
{
    cursor: pointer;
}

#userDetailsModal .modal-dialog
{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
}

.small-box .inner .inner-box
{
    display: inline-block;
    padding: 0 5px;
}

.small-box .inner .inner-box h3
{
    /*text-align:center;*/
}

.school_content {
    width: 100%;
    float: left;
    /* padding: 12px 0 60px; */
    height: 100%;
    background: #f4f4f4;
}

.school_form select
{
    display: block;
    padding: 5px;
    margin: 10px 0px;
}

.school_form #uploadBtn
{
    width: 10%;
    margin-top: 20px;
}

.modal-backdrop 
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.6) !important;
}

.modal.show .modal-dialog {
    z-index: 9999 !important;
    margin-top: 50px
}

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

.margin-5
{
    margin:5px;
}

.disabled
{
    background:darkgrey !important;
}

.uploadContentTableHolder
{
    overflow-x: scroll;
}

.clientInfoTableHolder
{
    overflow-x: scroll;
}

.banner-image-in-table
{
    width:200px;
}






/*Loader*/
/*--------------------------------------------------------------------------------------*/
/* Absolute Center Spinner */
.preloader {
  position: fixed;
  z-index: 9999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: white;
}

/* Transparent Overlay */
.preloader:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(255, 255, 255, 0.5);*/
  background-color: white;
}

/* :not(:required) hides these rules from IE9 and below */
.preloader:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  /*background-color: transparent;*/
  background-color: white;
  border: 0;
}

.preloader:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------------------------------*/