.btn-color-1 {
    background-color: var(--color1) !important;
    color: #FFF !important;
}

.btn-color-1:hover {
    color: #FFF !important;
    background-color: var(--color1_lighter);
}

.btn-color-2 {
    background-color: var(--color2) !important;
    color: #FFF !important;
}

.btn-color-2:hover {
    color: #FFF !important;
    background-color: var(--color2_lighter);

}


.background_color1 {
    background-color: var(--color1) !important;
    color: #fff !important;
}

/* BLUE */
.background_color2 {
    background-color: var(--color2) !important;
    color: #fff !important;
}

/* ORANGE */
.background_color3 {
    background-color: var(--color3) !important;
    color: #fff !important;
}

/* VOILET */
.background_color4 {
    background-color: var(--color4) !important;
    color: #fff !important;
}

/* GREEN */

.border-radius {
    border-radius: 15px;
}

.color1 {
    color: var(--color1) !important;
}

/* BLUE */
.color2 {
    color: var(--color2) !important;
}

/* ORANGE */
.color3 {
    color: var(--color3) !important;
}

/* VOILET */
.color4 {
    color: var(--color4) !important;
}

/* GREEN */

.color1_lt {
    color: var(--color1_lighter) !important;
}

.color2_lt {
    color: var(--color2_lighter) !important;
}

.color3_lt {
    color: var(--color3_lighter) !important;
}

.color4_lt {
    color: var(--color4_lighter) !important;
}

.border_color1 {
    border-color: var(--color1) !important;
}

/* BLUE */
.border_color2 {
    border-color: var(--color2) !important;
}

/* ORANGE */
.border_color3 {
    border-color: var(--color3) !important;
}

/* VOILET */
.border_color4 {
    border-color: var(--color4) !important;
}

/* GREEN */


.btn-purple {
    background: #4f69a3;
    background: -moz-linear-gradient(top, #4f69a3 0, #415b93 100%);
    background: -webkit-linear-gradient(top, #4f69a3 0, #415b93 100%);
    background: linear-gradient(to bottom, #4f69a3 0, #415b93 100%);
    color: #FFF;
}

.btn-purple:hover {
    text-decoration: none;
    color: #FFF;
    background: #324d89;
    background: -moz-linear-gradient(top, #415b93 0, #324d89 100%);
    background: -webkit-linear-gradient(top, #415b93 0, #324d89 100%);
    background: linear-gradient(to bottom, #415b93 0, #324d89 100%);
}

.btn-blue {
    background: #0094ef;
    color: #FFF;
    border: solid 2px #FFF;
}

.btn-blue:hover {
    text-decoration: none;
    color: #0094ef !important;
    background: #FFF;
    border: solid 2px #0094ef;
}

.btn-orange {
    background: #f4422d;
    color: #FFF;
    border: solid 2px #FFF;
}

.btn-orange:hover {
    text-decoration: none;
    color: #f4422d !important;
    background: #FFF;
    border: solid 2px #f4422d;
}

.btn-red1 {
    background: #d64638;
    background: -moz-linear-gradient(top, #d64638 0, #d64638 100%);
    background: -webkit-linear-gradient(top, #d64638 0, #d64638 100%);
    background: linear-gradient(to bottom, #d64638 0, #d64638 100%);
    color: #FFF;
}

.btn-red1:hover {
    text-decoration: none;
    color: #FFF !important;
    background: #d64638;
    background: -moz-linear-gradient(top, #d64638 0, #db0013 100%);
    background: -webkit-linear-gradient(top, #d64638 0, #db0013 100%);
    background: linear-gradient(to bottom, #d64638 0, #db0013 100%);
}

.btn-cyan {
    background: #4da4e3;
    background: -moz-linear-gradient(top, #4da4e3 0, #4da4e3 100%);
    background: -webkit-linear-gradient(top, #4da4e3 0, #4da4e3 100%);
    background: linear-gradient(to bottom, #4da4e3 0, #4da4e3 100%);
    color: #FFF;
}

.btn-cyan:hover {
    text-decoration: none;
    color: #FFF !important;
    background: #4da4e3;
    background: -moz-linear-gradient(top, #4da4e3 0, #007bff 100%);
    background: -webkit-linear-gradient(top, #4da4e3 0, #007bff 100%);
    background: linear-gradient(to bottom, #4da4e3 0, #007bff 100%);
}

.btn-green {
    background: #28a732;
    background: -moz-linear-gradient(top, #28a732 0, #28a732 100%);
    background: -webkit-linear-gradient(top, #28a732 0, #28a732 100%);
    background: linear-gradient(to bottom, #28a732 0, #28a732 100%);
    color: #FFF;
}

.btn-green:hover {
    text-decoration: none;
    color: #FFF !important;
    background: #28a732;
    background: -moz-linear-gradient(top, #28a732 0, #088b23 100%);
    background: -webkit-linear-gradient(top, #28a732 0, #088b23 100%);
    background: linear-gradient(to bottom, #28a732 0, #088b23 100%);
}

.btn-flat-icon {
    opacity: 0.7;
}

.btn-flat-icon:hover {
    opacity: 1;
}

.btn-purple-text {
    color: #4f69a3;
}

.btn-blue-text {
    color: #0094ef;
}

.btn-orange-text {
    color: #f4422d;
}

.btn-red1-text {
    color: #d64638;
}

.btn-cyan-text {
    color: #4da4e3;
}

.btn-green-text {
    color: #28a732;
}


.background_hightlight {
    background-color: #fdffb0 !important;
    color: #000 !important;
}

.black-text {
    color: #000 !important;
}

.btn-primary {
    background-color: var(--color1) !important;
    border-color: var(--color1) !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #fff !important;
    border-color: var(--color1) !important;
    color: var(--color1) !important;
}

.btn-outline-primary {
    color: var(--color1);
    border-color: var(--color1);
}

.btn-outline-primary:hover {
    background-color: var(--color1);
    border-color: var(--color1);
}

.btn-color2 {
    background-color: var(--color2) !important;
    border-color: var(--color2) !important;
    color: #fff !important;
}

.btn-color2:hover {
    background-color: #fff !important;
    border-color: var(--color2) !important;
    color: var(--color2) !important;
}

.btn-blue {
    background: var(--color1);
}

.btn-success {
    background: var(--color4);
}

.card-img-top {
    min-height: 155px;
    height: auto;
}

.btn-header {
    font-size: 15px;
    padding: 12px 0 !important;
}


.font2 {
    font-family: Roboto, serif !important;
}

.font-700 {
    font-weight: 700 !important;
}

.font-bold {
    font-weight: 600 !important;
}

.font-med {
    font-weight: 400 !important;
}

.font-light {
    font-weight: 100 !important;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

.hide {
    display: none;
}

.hide2 {
    display: none !important;
}

.pc-hide {
    display: none;
}

@media (max-width: 800px) {
    .pc-hide {
        display: block;
    }
}


/* ------------   x xBootstrap (start) */

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

/* ------------   x xBootstrap (end) */


/* ------------   x PC Mobile (start) */
@media (min-width: 577px) {

    .pc_text_align_left {
        text-align: left;
    }

    .pc_text_align_right {
        text-align: right;
    }

    .pc_dir_ltr {
        direction: ltr;
    }

    .pc_dir_rtl {
        direction: rtl;
    }

    .pc_m_0 {
        margin: 0px;
    }

    .pc_m_10 {
        margin: 10px;
    }

    .pc_m_20 {
        margin: 20px;
    }

    .pc_m_30 {
        margin: 30px;
    }

    .pc_ml_0 {
        margin-left: 0px;
    }

    .pc_ml_10 {
        margin-left: 10px;
    }

    .pc_ml_20 {
        margin-left: 20px;
    }

    .pc_ml_30 {
        margin-left: 30px;
    }

    .pc_mr_0 {
        margin-right: 0px;
    }

    .pc_mr_10 {
        margin-right: 10px;
    }

    .pc_mr_20 {
        margin-right: 20px;
    }

    .pc_mr_30 {
        margin-right: 30px;
    }

    .pc_mt_0 {
        margin-top: 0px;
    }

    .pc_mt_10 {
        margin-top: 10px;
    }

    .pc_mt_20 {
        margin-top: 20px;
    }

    .pc_mt_30 {
        margin-top: 30px;
    }

    .pc_mb_0 {
        margin-bottom: 0px;
    }

    .pc_mb_10 {
        margin-bottom: 10px;
    }

    .pc_mb_20 {
        margin-bottom: 20px;
    }

    .pc_mb_30 {
        margin-bottom: 30px;
    }

    .pc_p_0 {
        padding: 0px;
    }

    .pc_p_10 {
        padding: 10px;
    }

    .pc_p_20 {
        padding: 20px;
    }

    .pc_p_30 {
        padding: 30px;
    }

    .pc_pl_0 {
        padding-left: 0px;
    }

    .pc_pl_10 {
        padding-left: 10px;
    }

    .pc_pl_20 {
        padding-left: 20px;
    }

    .pc_pl_30 {
        padding-left: 30px;
    }

    .pc_pr_0 {
        padding-right: 0px;
    }

    .pc_pr_10 {
        padding-right: 10px;
    }

    .pc_pr_20 {
        padding-right: 20px;
    }

    .pc_pr_30 {
        padding-right: 30px;
    }

    .pc_pt_0 {
        padding-top: 0px;
    }

    .pc_pt_10 {
        padding-top: 10px;
    }

    .pc_pt_20 {
        padding-top: 20px;
    }

    .pc_pt_30 {
        padding-top: 30px;
    }

    .pc_pb_0 {
        padding-bottom: 0px;
    }

    .pc_pb_10 {
        padding-bottom: 10px;
    }

    .pc_pb_20 {
        padding-bottom: 20px;
    }

    .pc_pb_30 {
        padding-bottom: 30px;
    }

}

@media (max-width: 576px) {

    .mobile_text_align_left {
        text-align: left;
    }

    .mobile_text_align_right {
        text-align: right;
    }

    .mobile_dir_ltr {
        direction: ltr;
    }

    .mobile_dir_rtl {
        direction: rtl;
    }

    .mobile_font_11 {
        font-size: 11px !important;
    }

    .mobile_font_12 {
        font-size: 12px !important;
    }

    .mobile_font_13 {
        font-size: 13px !important;
    }

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

    .mobile_font_15 {
        font-size: 15px !important;
    }

    .mobile_font_16 {
        font-size: 16px !important;
    }

    .mobile_font_17 {
        font-size: 17px !important;
    }

    .mobile_font_18 {
        font-size: 18px !important;
    }

    .mobile_font_19 {
        font-size: 19px !important;
    }

    .mobile_font_20 {
        font-size: 20px !important;
    }

    .mobile_font_22 {
        font-size: 22px !important;
    }

    .mobile_font_24 {
        font-size: 24px !important;
    }

    .mobile_font_26 {
        font-size: 26px !important;
    }

    .mobile_font_30 {
        font-size: 30px !important;
    }

    .mobile_m_0 {
        margin: 0px;
    }

    .mobile_m_10 {
        margin: 10px;
    }

    .mobile_m_20 {
        margin: 20px;
    }

    .mobile_m_30 {
        margin: 30px;
    }

    .mobile_ml_0 {
        margin-left: 0px;
    }

    .mobile_ml_10 {
        margin-left: 10px;
    }

    .mobile_ml_20 {
        margin-left: 20px;
    }

    .mobile_ml_30 {
        margin-left: 30px;
    }

    .mobile_ml_40 {
        margin-left: 40px;
    }

    .mobile_ml_50 {
        margin-left: 50px;
    }

    .mobile_ml_60 {
        margin-left: 60px;
    }

    .mobile_ml_-60 {
        margin-left: -60px;
    }

    .mobile_mr_0 {
        margin-right: 0px;
    }

    .mobile_mr_10 {
        margin-right: 10px;
    }

    .mobile_mr_20 {
        margin-right: 20px;
    }

    .mobile_mr_30 {
        margin-right: 30px;
    }

    .mobile_mr_40 {
        margin-left: 40px;
    }

    .mobile_mr_50 {
        margin-left: 50px;
    }

    .mobile_mt_0 {
        margin-top: 0px;
    }

    .mobile_mt_10 {
        margin-top: 10px;
    }

    .mobile_mt_20 {
        margin-top: 20px;
    }

    .mobile_mt_30 {
        margin-top: 30px;
    }

    .mobile_mb_0 {
        margin-bottom: 0px;
    }

    .mobile_mb_10 {
        margin-bottom: 10px;
    }

    .mobile_mb_20 {
        margin-bottom: 20px;
    }

    .mobile_mb_30 {
        margin-bottom: 30px;
    }

    .mobile_p_0 {
        padding: 0px;
    }

    .mobile_p_10 {
        padding: 10px;
    }

    .mobile_p_20 {
        padding: 20px;
    }

    .mobile_p_30 {
        padding: 30px;
    }

    .mobile_pl_0 {
        padding-left: 0px;
    }

    .mobile_pl_10 {
        padding-left: 10px;
    }

    .mobile_pl_20 {
        padding-left: 20px;
    }

    .mobile_pl_30 {
        padding-left: 30px;
    }

    .mobile_pr_0 {
        padding-right: 0px;
    }

    .mobile_pr_10 {
        padding-right: 10px;
    }

    .mobile_pr_20 {
        padding-right: 20px;
    }

    .mobile_pr_30 {
        padding-right: 30px;
    }

    .mobile_pt_0 {
        padding-top: 0px;
    }

    .mobile_pt_10 {
        padding-top: 10px;
    }

    .mobile_pt_20 {
        padding-top: 20px;
    }

    .mobile_pt_30 {
        padding-top: 30px;
    }

    .mobile_pb_0 {
        padding-bottom: 0px;
    }

    .mobile_pb_10 {
        padding-bottom: 10px;
    }

    .mobile_pb_20 {
        padding-bottom: 20px;
    }

    .mobile_pb_30 {
        padding-bottom: 30px;
    }

    .mobile_pb_60 {
        padding-bottom: 60px;
    }


}

/* ------------   x PC Mobile (end) */


.mobile-hide {
    display: block;
}

@media (max-width: 800px) {
    .mobile-hide {
        display: none;
    }
}

.block {
    display: block;
}

.justify {
    text-align: justify;
}

.block100 {
    width: 100%;
    display: block;
}

a, a:link {
    color: var(--color1);
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.dir-base {
    direction: rtl !important;
}

.dir-float-left {
    float: left !important;
}

.dir-float-right {
    float: right !important;
}

.dir-text-left {
    text-align: left;
}

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

.mrgbutton {
    margin-bottom: 15px;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

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

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


body, html {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', serif;
    font-weight: 400;
    background-color: #ebeef0;
}


.mrg {
    margin-top: 15px;
}

.mrg2x {
    margin-top: 30px;
}

.mrg3x {
    margin-top: 45px;
}

.form-control:focus, .btn:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
    outline: 0 none;
}

.mobile_block {
    display: none;
}

.height-100 {
    height: 100% !important;
}

.width-100 {
    width: 100% !important;
}

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

.margin-right0 {
    margin-right: 0 !important;
}

.margin-left0 {
    margin-left: 0 !important;
}

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

.margin-bottom0 {
    margin-bottom: 0 !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-right5 {
    margin-right: 5px !important;
}

.margin-left5 {
    margin-left: 5px !important;
}

.margin-top5 {
    margin-top: 5px !important;
}

.margin-bottom5 {
    margin-bottom: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-right10 {
    margin-right: 10px !important;
}

.margin-left10 {
    margin-left: 10px !important;
}

.margin-top10 {
    margin-top: 10px !important;
}

.margin-bottom10 {
    margin-bottom: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-right15 {
    margin-right: 15px !important;
}

.margin-left15 {
    margin-left: 15px !important;
}

.margin-top15 {
    margin-top: 15px !important;
}

.margin-bottom15 {
    margin-bottom: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-right20 {
    margin-right: 20px !important;
}

.margin-left20 {
    margin-left: 20px !important;
}

.margin-top20 {
    margin-top: 20px !important;
}

.margin-bottom20 {
    margin-bottom: 20px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-right30 {
    margin-right: 30px !important;
}

.margin-left30 {
    margin-left: 30px !important;
}

.margin-top30 {
    margin-top: 30px !important;
}

.margin-bottom30 {
    margin-bottom: 30px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-right40 {
    margin-right: 40px !important;
}

.margin-left40 {
    margin-left: 40px !important;
}

.margin-top40 {
    margin-top: 40px !important;
}

.margin-bottom40 {
    margin-bottom: 40px !important;
}

.margin-50 {
    margin: 50px !important;
}

.margin-right50 {
    margin-right: 50px !important;
}

.margin-left50 {
    margin-left: 50px !important;
}

.margin-top50 {
    margin-top: 50px !important;
}

.margin-bottom50 {
    margin-bottom: 50px !important;
}

.margin-60 {
    margin: 60px !important;
}

.margin-right60 {
    margin-right: 60px !important;
}

.margin-left60 {
    margin-left: 60px !important;
}

.margin-top60 {
    margin-top: 60px !important;
}

.margin-bottom60 {
    margin-bottom: 60px !important;
}


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

.padding-right0 {
    padding-right: 0 !important;
}

.padding-left0 {
    padding-left: 0 !important;
}

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

.padding-bottom0 {
    padding-bottom: 0 !important;
}


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

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

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

.padding-top5 {
    padding-top: 5px !important;
}

.padding-bottom5 {
    padding-bottom: 5px !important;
}

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

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

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

.padding-top10 {
    padding-top: 10px !important;
}

.padding-bottom10 {
    padding-bottom: 10px !important;
}

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

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

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

.padding-top15 {
    padding-top: 15px !important;
}

.padding-bottom15 {
    padding-bottom: 15px !important;
}

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

.padding-right20 {
    padding-right: 20px !important;
}

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

.padding-top20 {
    padding-top: 20px !important;
}

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

.padding-30 {
    padding: 30px !important;
}

.padding-right30 {
    padding-right: 30px !important;
}

.padding-left30 {
    padding-left: 30px !important;
}

.padding-top30 {
    padding-top: 30px !important;
}

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

.padding-40 {
    padding: 40px !important;
}

.padding-right40 {
    padding-right: 40px !important;
}

.padding-left40 {
    padding-left: 40px !important;
}

.padding-top40 {
    padding-top: 40px !important;
}

.padding-bottom40 {
    padding-bottom: 40px !important;
}

.padding-50 {
    padding: 50px !important;
}

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

.padding-left50 {
    padding-left: 50px !important;
}

.padding-top50 {
    padding-top: 50px !important;
}

.padding-bottom50 {
    padding-bottom: 50px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-right60 {
    padding-right: 60px !important;
}

.padding-left60 {
    padding-left: 60px !important;
}

.padding-top60 {
    padding-top: 60px !important;
}

.padding-bottom60 {
    padding-bottom: 60px !important;
}

.noborder {
    border: none !important;
}

.noborder-top {
    border-top: none !important;
}

.noborder-bottom {
    border-bottom: none !important;
}

.noborder-left {
    border-left: none !important;
}

.noborder-right {
    border-right: none !important;
}

.font1rem {
    font-size: .1rem;
}

.font2rem {
    font-size: .2rem;
}

.font3rem {
    font-size: .3rem;
}

.font4rem {
    font-size: .4rem;
}

.font5rem {
    font-size: .5rem;
}

.font6rem {
    font-size: .6rem;
}

.font7rem {
    font-size: .7rem;
}

.font8rem {
    font-size: .8rem !important;
}

.font9rem {
    font-size: .9rem;
}

.font10rem {
    font-size: 1rem;
}

.font11rem {
    font-size: 1.1rem;
}

.font12rem {
    font-size: 1.2rem;
}

.font13rem {
    font-size: 1.3rem;
}

.font14rem {
    font-size: 1.4rem;
}

.font15rem {
    font-size: 1.5rem;
}

.font16rem {
    font-size: 1.6rem;
}

.font17rem {
    font-size: 1.7rem;
}

.font18rem {
    font-size: 1.8rem;
}

.font19rem {
    font-size: 1.9rem;
}

.font20rem {
    font-size: 2.0rem;
}

.font21rem {
    font-size: 2.1rem;
}

.font22rem {
    font-size: 2.2rem;
}

.font23rem {
    font-size: 2.3rem;
}

.font24rem {
    font-size: 2.4rem;
}

.font25rem {
    font-size: 2.5rem;
}

.font26rem {
    font-size: 2.6rem;
}

.font27rem {
    font-size: 2.7rem;
}

.font28rem {
    font-size: 2.8rem;
}

.font29rem {
    font-size: 2.9rem;
}

.font30rem {
    font-size: 3rem;
}

.font35rem {
    font-size: 3.5rem;
}

.font40rem {
    font-size: 4rem;
}

.font1px {
    font-size: 1px !important;
}

.font2px {
    font-size: 2px !important;
}

.font3px {
    font-size: 3px !important;
}

.font4px {
    font-size: 4px !important;
}

.font5px {
    font-size: 5px !important;
}

.font6px {
    font-size: 6px !important;
}

.font7px {
    font-size: 7px !important;
}

.font8px {
    font-size: 8px !important;
}

.font9px {
    font-size: 9px !important;
}

.font10px {
    font-size: 10px !important;
}

.font11px {
    font-size: 11px !important;
}

.font12px {
    font-size: 12px !important;
}

.font13px {
    font-size: 13px !important;
}

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

.font15px {
    font-size: 15px !important;
}

.font16px {
    font-size: 16px !important;
}

.font17px {
    font-size: 17px !important;
}

.font18px {
    font-size: 18px !important;
}

.font19px {
    font-size: 19px !important;
}

.font20px {
    font-size: 20px !important;
}

.font21px {
    font-size: 21px !important;
}

.font22px {
    font-size: 22px !important;
}

.font23px {
    font-size: 23px !important;
}

.font24px {
    font-size: 24px !important;
}

.font25px {
    font-size: 25px !important;
}

.font26px {
    font-size: 26px !important;
}

.font27px {
    font-size: 27px !important;
}

.font28px {
    font-size: 28px !important;
}

.font29px {
    font-size: 29px !important;
}

.font30px {
    font-size: 30px !important;
}

.font35px {
    font-size: 35px !important;
}

.font40px {
    font-size: 40px !important;
}

.opacity0 {
    opacity: 0;
}

.opacity10 {
    opacity: .1;
}

.opacity20 {
    opacity: .2;
}

.opacity30 {
    opacity: .3;
}

.opacity40 {
    opacity: .4;
}

.opacity50 {
    opacity: .5;
}

.opacity60 {
    opacity: .6;
}

.opacity70 {
    opacity: .7;
}

.opacity80 {
    opacity: .8;
}

.opacity90 {
    opacity: .9;
}

.opacity100 {
    opacity: 1;
}

.line-height-50 {
    line-height: 50%;
}

.line-height-75 {
    line-height: 75%;
}

.line-height-100 {
    line-height: 100%;
}

.line-height-125 {
    line-height: 125%;
}

.line-height-150 {
    line-height: 150%;
}

.line-height-175 {
    line-height: 175%;
}

.line-height-185 {
    line-height: 185%;
}

.line-height-200 {
    line-height: 200%;
}

.min-w-300px {
    min-width: 300px;
}

.p-relative {
    position: relative !important;
}

.p-absolute {
    position: absolute !important;
}


.bg_transparent {
    background-color: transparent !important;
}

.border_width_0 {
    border-width: 0 !important;
}

.border_radius_0 {
    border-radius: 0 !important;
}

.overflow-x-clip {
    overflow-x: clip;
}

/* <COLORS AND BG COLORS> */
.text-white {
    color: #FFF !important;
}

.text-green {
    color: var(--color4) !important;
}

.bg-green {
    background-color: var(--color4) !important;
}

.bg-gray {
    background-color: #AAA;
}

.bg-gray-light {
    background-color: #EEE;
}

.bg-gray-lighter {
    background-color: #dadada;
}


.text-shadow {
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.rotate {
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.hand_hover:hover {
    cursor: pointer;
}

.yellow_star {
    color: #f2ad0d;
}

.gray_star {
    color: #d5d5dd;
}

.star_rate1 {
    display: inline-block;
    width: 120px;
    height: 30px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.star_rate2 {
    display: inline-block;
    width: 100px;
    height: 24px;
    position: relative;
    padding: 0;
    margin: 10px 0 0 10px;
    overflow: hidden;
}

.star_rate3 {
    display: inline-block;
    position: absolute;
    height: 300px;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.star_rate4 {
    display: inline-block;
    position: absolute;
    height: 300px;
    top: 0;
    left: 0;
    width: 100px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}


#vchat_btn {
    display: inline-block;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 80px;
    height: 90px;
    background-color: #228855;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding-top: 5px;
    border: solid 4px white;
    border-radius: 3px;
    box-shadow: 0 0 10px 1px #333;
    cursor: pointer;
    opacity: 0.8;
}

#vchat_btn:hover {
    opacity: 1;
}

#vchat_btn i {
    display: inline-block;
    width: 40px;
    height: 21px;
}

#vchat_form_container {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 200px;
    height: 160px;
    background-color: #228855;
    color: #fff;
    font-size: 12px;
    direction: ltr;
    text-align: center;
    border: solid 4px white;
    border-radius: 3px;
    box-shadow: 0 0 10px 1px #333;
    opacity: 1;
    padding: 5px;
}

#vchat_form_msg, #vchat_form_msg i {
    font-size: 12px;
}

#vchat_name, #vchat_mobile {
    padding: 4px;
    margin: 3px;
    font-size: 12px;
    text-align: center;
    width: 160px;
}

#vchat_go {
    padding: 4px;
    font-size: 12px;
    margin: 3px;
    text-align: center;
    width: 160px;
    cursor: pointer;
    color: #fff;
    background-color: #116633;
    border: solid 1px #fff;
}


.aa_photo_circle_user_header {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin: 5px;
    display: inline-block;
    margin-bottom: -10px !important;
}

.aa_photo_circle_user_header img {
    width: 36px !important;
    margin-top: -4% !important;
    margin-left: -5% !important;
    top: -5px !important;
}

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

/* </COLORS AND BG COLORS> */
.header-topbar {
    padding: 10px 0px;
    background-color: #FFF;
    height: auto;
}

.header-topbar-part {
    padding-top: 10px;
}

.logo img {
    width: auto;
    height: auto;
    margin-top: 0;
}

.dir-ltr {
    direction: ltr !important;
}

.custom-indicator {
    top: -55px;
    bottom: initial;
    right: 0;
    left: auto;
    margin: 0;
}

.custom-indicator li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: var(--color1) !important;
}

.custom-indicator-left {
    top: -40px !important;
    bottom: initial !important;
    right: auto !important;
    left: 0 !important;
    margin: 0 !important;
}

.nav-container {
    padding: 10px;
    color: #fff;
    font-size: 18px;
}

.nav-container a {
    color: #fff;
}

.nav-container a:hover {
    text-decoration: underline;
}

.nav-container i {
    margin: 0 10px 0 10px;
}

.nav-container i.fa-home {
    margin: 0 0px 0 10px;
}

#navbarNavDropdown .dropdown-menu {
    background-color: var(--color1);
    border: 0;
    border-radius: 0;
    top: 45px;
    min-width: 200px;
}

#navbarNavDropdown .dropdown-menu > a {
    color: #FFF;
}

#navbarNavDropdown .dropdown-menu > a:hover {
    background-color: transparent;
}

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

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

#map_wrapper, #map_canvas {
    max-width: 100%;
    box-sizing: border-box;
    width: auto;
    display: block;
}

#map_wrapper {
    height: 500px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

#header_language_menu_dropdown_container {
    z-index: 9999;
}

#header_language_menu_dropdown_btn {

}

#header_language_menu_dropdown_list a.dropdown-item {
    color: black;
    font-size: 14px;
    padding: 3px 12px;
}

/* <mobile menu icon> */
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    cursor: pointer;
    background-color: #000;
    margin-bottom: 5px;
}

/* </mobile menu icon> */


/* <menu DropDown> */
.menu-container {
    position: relative;
}

.menu-container ul {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 5px;
    flex-wrap: nowrap;
}

.menu-container ul a {
    display: block;
    color: #FFF;
    text-decoration: none;
    font-weight: 300;
    font-size: 16px;
    padding: 20px 25px;
}

.menu-container ul li.main-menu-item a {
    /* border-right: solid 1px #63b0df; */
}


.menu-container ul a i {

    font-size: 17px;
    padding: 0 0px;
    display: inline-block; /* display: inline-block;	*/
    float: right;
    margin-top: -2px;
    width: 28px;
    height: 28px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    opacity: 0.7;

}


.login-dropdown-menu {
    display: inline-block;
    white-space: nowrap;
    font-size: 15px;
    min-height: 28px;
    width: 100%;
}

.gutters-5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.gutters-5 > .col, .gutters-5 > [class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.navbar-nav .nav-link {
    padding-right: 20px !important;
}

.w-user {
    display: block;
    float: left;
}

.eclipse {
    display: inline-block;
    max-width: 40px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin-left: 2px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0 !important;
}

.navbar-nav .nav-link:hover {
    cursor: pointer;
}

.menu-container ul li {
    position: relative;
    flex: auto;
}

.menu-container a:hover {
    background-color: var(--color2);
}

.menu-container ul li.current-menu-item a {
    color: #fff !important;
}

.menu-container li ul li a {
    color: #000;
}

.menu-container ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    z-index: 999999;
    background-color: var(--color1);
    line-height: 0 !important;
}

.menu-container ul ul li {
    float: none;
    width: 360px;
}

/* .menu-container ul ul li:hover{ opacity: 1; background-color:#eeeeee; } */
/* .menu-container ul ul li:hover .menu-container ul ul { background-color:#fff; } */

.menu-container ul ul a {
    padding: 15px;
}

.menu-container ul ul ul {
    top: 0;
    left: 100%
}

.menu-container ul li a {
    display: block;
    width: 100%;
    position: relative;
    min-height: 62px;
}

.submenuicon {
    float: left;
    width: 52px;
    padding: 7px 0;
    margin-top: -10px;
    background-color: #0079fb;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    margin-right: 10px;
}

.menu-text {
    position: relative;
    float: none;
    width: 260px;
    padding: 19px 0;
    margin-top: 0;
}

.menu-text-hassub {
    float: right;
    color: #666;
    margin-top: 9px !important;
}

.text-menu, .undertext-menu {
    display: block;
    position: absolute;
}

.text-menu {
    color: #FFF;
    top: 0;
}

.undertext-menu {
    color: #CCC;
    top: 25px;
    font-size: 14px;
}

.submenuicon {
    margin: 5px 0px
}

.top-border-hide {
    border-top: hidden;
}

.video_cont_iframe {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video_cont_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 90%;
    height: auto;
}

/* .menu-container ul li:hover > ul{display:block} */

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
    border-color: var(--color1);
    background-color: var(--color1);
    color: #fff;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
    border-color: var(--color2);
    background-color: var(--color2);
    color: #fff;
}


.glevels_bar_title {
    font-variant-caps: all-small-caps;
    margin: 0;
    background-color: var(--color1);
    padding: 0 15px 3px 15px;
    color: #fff;
}

.top-bar {
    /*margin-top: -40px;*/
}

.glevels_bar {
    padding: 20px 15px 10px 15px;
}

.how_it_works_bg {
    background-color: var(--color2);
}

@media (max-width: 800px) {
    /*.how_it_works_bg { margin-top: 70px; }*/
}


.page_courses_how_it_works .services-option-container i {
    font-size: 40px;
    opacity: 0.2;
    /*color: var(--color1);*/
    color: #fff;
}

.page_courses_how_it_works .services-options-text {
    font-size: 17px;
    opacity: 0.5;
    /*color: var(--color1);*/
    color: #fff;
}

.page_courses_how_it_works .services-options-text-2, .page_courses_how_it_works a.services-options-text-2 {
    /*color: var(--color2);*/
    color: #fff;
    font-size: 13px;
}

.page_courses_how_it_works .glevels_bar_title {
    padding: 5px 15px 1px 15px;
}

.page_courses_how_it_works .services-option-container i.active, .page_courses_how_it_works .services-options-text.active {
    opacity: 1;
}


.bigone {
    width: 100%;
    position: absolute;
    height: 50px;
    background-color: #DDD;
}

/* </menu dropDown> */
.menu-icon {
    display: none;
}

.flat-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .13s ease-in-out, box-shadow .13s ease-in-out;
}

.flat-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: .375rem .75rem;
    font-size: 1rem;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    transition: border-color .13s ease-in-out, box-shadow .13s ease-in-out;
}

.flat-lg {
    padding: .600rem .800rem;
}

#topbar-dropdown a {
    color: #000;
}

#topbar-dropdown a:hover, .topbar-links:hover {
    text-decoration: none;
}

.topbar-links {
    color: #000;
    text-decoration: none;
}

.headermenucontainer {
    background-color: var(--color1);
    /*display: flex; */
    /*margin:10px 0px;*/
}

.custom-carouselitem {
    min-height: 500px;
    background-size: cover;
}

.carousel-on-inner {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 500px;
    width: 100%;
    z-index: 999;
}

.slideshow-container {
    position: relative !important;
}

.carousel-control-prev, .carousel-control-next {
    z-index: 9999;
}


.aa_banner {
    display: block;
    text-align: center;
}

.aa_banner a {
    display: inline-block;
    text-align: center;
    margin: 5px;
    max-width: 1110px;
}

.aa_banner a img {
    width: 100%;
    height: auto;
}


a.aa_file_link, a.aa_file_link:link {
    text-decoration: underline !important;
    color: var(--color1) !important;
    padding: 0 10px;
}

a.aa_file_link:hover {
    opacity: 0.7;
}


.admin_profile_photo {
    border: 1px solid var(--color1);
    width: 45px;
    height: auto;
    border-radius: 100%;
    margin-right: 8px;
    margin-left: 8px;
    vertical-align: middle;
}

.admin_profile_ui_menu {
    font-size: 12px;
    vertical-align: middle;
}


.slider_title {
    font-family: Roboto;
    font-size: 48px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 3px;
}

.slider_title_line2 {
    font-family: 'OpenSansBold', Roboto;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.search-container {
    position: relative;
    height: 500px;
}

.header-search-container, .header-search-container-find-course {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home_search_form_container {
    margin-top: 30px;
    box-shadow: 0 0px 0.5px 5px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
}

.home_search_form_i_want {
    width: 100%;
    border-radius: 0;
    border-radius: 6px 0px 0px 6px;
}

.home_search_form_btn {
    width: 100%;
    border-radius: 0 6px 6px 0px;
}


.home_search_form_container_mcf {
    margin-top: 30px;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px 15px;
}

.home_course_search_form_btn_back {
    text-shadow: 0 0px 10px #000000;
}

#home_xhome_main_course_search_form_container {
    margin-bottom: -100px;
}

#home_xhome_2type_course_search_form_btn_language {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#home_xhome_2type_course_search_form_btn_teacher {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#home_xhome_2type_course_search_form_btn_friend {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#home_xhome_2type_course_search_form_btn_academic {
    margin-bottom: 15px;
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#home_xhome_2type_course_search_form_btn_academic div {
    margin-left: 63px;
}

#home_xhome_academic_course_search_form_container .home_academic_course_search_form_labels {
    font-size: 26px;
    color: #fff;
    margin-top: 15px;
    text-shadow: 0 0px 10px #000000;
    text-transform: uppercase;
    font-family: Righteous, Roboto, Arial;
}


#popup_xhome_main_course_search_form_container {
}

#popup_xhome_2type_course_search_form_btn_language {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#popup_xhome_2type_course_search_form_btn_teacher {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#popup_xhome_2type_course_search_form_btn_friend {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#popup_xhome_2type_course_search_form_btn_academic {
    margin-bottom: 15px;
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#popup_xhome_2type_course_search_form_btn_academic div {
    margin-left: 63px;
}

#popup_xhome_academic_course_search_form_container .home_academic_course_search_form_labels {
    font-size: 26px;
    color: #fff;
    margin-top: 15px;
    text-shadow: 0 0px 10px #000000;
    text-transform: uppercase;
    font-family: Righteous, Roboto, Arial;
}


#home_slide_search_input {
    padding: 32px 20px;
    font-size: 22px;
    border-color: #fff;
}

#home_slide_search_icon {
    color: #fff;
    background-color: var(--color1);
    border-color: var(--color1);
    border-radius: 4px 0px 0px 4px;
}


.home-tabscontainer {
    background-color: #efeff6;
}

#hometab .nav-tabs .nav-item.show .nav-link, #hometab .nav-tabs .nav-link.active {
    border-radius: 0;
    background-color: #efeff6;
    border-bottom: 0 !important;
}

#hometab .nav-tabs {
    border-bottom: 0;
}

#hometab .nav-tabs .nav-item {
    margin-left: -15px;
    margin-right: -15px;
}

#hometab .nav-item > .active {
    border-top: 6px solid var(--color2) !important;
}

#hometab .nav-link:not(.active):hover {
    background-color: var(--color1) !important;
    color: #FFF;
    border-top-color: var(--color1) !important;
}

#hometab .nav-link {
    padding: 15px !important;
    border-top: 5px solid #efeff6 !important;
}

.tab-container {
    background-color: #efeff6;
}

.alpha {
    margin: 2rem 0;
}

.container-404 {
    min-height: 500px;
    height: auto;
}

.error-404 {
    font-size: 150px;
    color: var(--color1);
    text-shadow: 1px 1px 1px var(--color1),
    2px 2px 1px var(--color1),
    3px 3px 1px var(--color1),
    4px 4px 1px var(--color1),
    5px 5px 1px var(--color1),
    6px 6px 1px var(--color1),
    7px 7px 1px var(--color1),
    8px 8px 1px var(--color1),
    25px 25px 8px rgba(0, 0, 0, 0.2);
}


.courseAttrTag {
    font-size: 13px;
}


.section {
    padding: 20px 15px 40px 15px;
    height: auto;
    min-height: 100px;
    background-color: #FFF;
    margin: 15px 0;
}

.carousel-indicators [data-bs-target] {
    font-size: 0 !important;
}

.section-title {
    color: #000;
    margin-bottom: 30px;
    margin-top: 40px;
}

.feture-option-container {
    text-align: center;
}

.feture-option-container i {
    font-size: 3em;
    color: #243238;
}

.feture-options-text {
    font-size: 1em;
    color: #243238;
    margin-top: 10px;
}

.feture-options-text-2 {
    font-size: 0.8em;
    /* color: #b0bec5; */
    color: #616161;
}

.subscribe-container {
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3rem 0;
    background-color: var(--color1);
}

.sb-title {
    color: #FFF;
    font-size: 3em;
}

.sb-desc {
    color: #b0bec5;
    font-size: 1em;
}

.input-g-custom {
    border-color: var(--color2) !important;
    background-color: var(--color2) !important;
    color: #FFF;
}

#subscribe-text {
    height: 70px;
}

.slidervideoitem {
    background-color: #FFF;
}

.thumbnailvideo {
    position: relative;
    z-index: 2;
}

.iconthumvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 4rem;
    text-shadow: 0 0px 10px #000000;
}

.slidervideoitem:hover span {
    color: var(--color2) !important;
    text-shadow: 0 0px 10px #FFFFFF;
}

.iconslider {
    font-size: 2rem;
    text-align: center;
}

.homeconsultant-container {
    height: 685px;
    background-color: #fbfbfc;
    background-image: url('personal-consultant.png');
    background-color: #f6f7f7;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

#left-consultant-text-container, #right-consultant-text-container {
    padding-top: 5rem;
}

#left-consultant-text-container p, #right-consultant-text-container p {
    display: block;
    margin-bottom: 5rem;
}

.button-help {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
}

#center-consultant {
    position: relative;
    height: 450px;
}

.testumonial-items, .custom-testomunial-items, .testomunial-container, .testomunial-content {
    height: 600px;
}

.testomunial-header {
    height: 300px;
}

.testomunial-container {
    position: relative;
}

.custom-testomunial-items {
    background-repeat: no-repeat;
    background-size: cover;
}

.testomunial-content {
    position: relative;
}

.testomunial-header {
    position: absolute;
    width: 100%;
    z-index: 9999999999;
    top: 0;
    padding-top: 2rem;
    color: #DDD;
}

.testomunial-footer {
    position: absolute;
    width: 100%;
    z-index: 9999999999;
    bottom: 0 !important;
}

.testomunial-comment {
    height: 200px;
    width: 100%;
    padding-left: 30rem;
}

.testomunial-comment h3 {
    color: #90a4ae;
    font-size: 1.5rem;
}

.footer-pagger-container {
    height: 90px;
    text-align: center;
    padding: 1rem 0;
    margin-top: 10px;
    cursor: pointer;
}

.testomunial-footer {
    height: 110px;
    border-top: 1px solid #EEE;
}

.testomunial-img-thumb img {
    width: 50px;
    height: 50px;
}

.testomunial-text h3 {
    color: #90caf9;
    font-size: 1.5rem;
}

.testomunial-text p {
    color: #b0bec5;
}

.testomunial-header h3 {
    margin-bottom: 30px;
}

.footer-pagger-container:hover {
    border-radius: 5px;
    border: 1px solid #0079fb;
}

.footer-pagger-active {
    background-color: #0079fb;
    border-color: #FFF;
    color: #FFF;
}

.header-testomunials-percents {
    height: 100px;
}

.header-testomunials-percents i {
    font-size: 8rem;
}

.testomunial-p {
    position: absolute;
    bottom: -70px;
    width: 100%;
    margin-left: -15px;
    text-align: center;
}

.services {
    height: 100px;
    background-color: var(--color1);
    padding: 0rem 0;
}

#services-title {
    display: block;
    margin-bottom: 30px;
    color: #FFF;
    font-weight: bold;
}

.services-option-container {
    text-align: center;
}

.services-option-container i {
    font-size: 2.5rem;
    color: #EEE;
}

.services-options-text {
    font-size: 17px;
    color: #EEE;
    padding: 10px 0px;
}

.services-options-text-2, a.services-options-text-2 {
    height: 60px;
    display: block;
    font-size: 13px;
    color: #e2f2fd;
}

.footer {
    background-color: #FFF;
}

.footer-social-container {
    height: 100px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    margin-bottom: 20px;
    padding-top: 1.5rem;
}

.menu-footercontainer ul {
    display: block;
    padding-left: 30px;
    list-style: none;
}

.menu-footercontainer li {
    display: block;
    list-style: none;
}

.menufooter-title i {
    font-size: 1.5rem;
}

.menufooter-title {
    font-family: Roboto;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 15px;
}

.menu-footercontainer li a {
    font-family: Roboto;
    display: block;
    padding: 5px 0;
    font-weight: 400;
}

.menu-footer-privacypolicy {
    height: 80px;
    border-top: 1px solid #EEE;
    margin-top: 20px;
}

.feturs-mob, .testomunial-mob, .testomunial-mob2, .mobile-service, .footer-sep, .tabitems, .mobile-link {
    display: none;
}

.undermenu-text {
    width: 100%;
    display: block;
    color: #999;
    margin-top: 10px;
}

.site-filter-by-container {
    background-color: #FFF;
    padding: 0;
}

.site-filter-by-container {
    padding: 10px 0;
}


.home-cate-slider h4 {
    text-align: left;
    padding: 10px 15px 0px 15px;
}

.page-suggustion {
    height: 50px;
}

.card h5 {
    color: var(--color1);
    font-size: 1rem;
}

.card:hover h5 {
    /*color: var(--color2);*/
}

.right-silderbar-continer {
    min-height: 400px;
    height: auto;
}

.slider-cat-container {
    height: 330px;
}

.slider-cat-thumbnail {
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
}

.slider-cat-title {
    font-size: 0.9rem;
    color: #777;
    max-height: 36px;
    overflow: hidden;
    margin-bottom: 6px;
}

.slider-cat-desc {
    font-size: 0.8rem;
    color: #999;
    max-height: 36px;
    overflow: hidden;
    margin-bottom: 6px;
}

.slider-cat-footer {
    border: 1px solid #EEE;
    height: 120px;
    padding: 10px;
}

.footer-slidercat-category {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}

.footer-slidercat-right-date {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}

.list-group-item:first-child, .list-group-item:last-child {
    border-radius: 0;
}

.green-bg-ac {
    color: #FFF;
}

.post-grid {
    height: auto;
    background-color: #FFF;
}

.post-thumbnail-img {
    height: 240px;
    background-size: cover;
}

.post-grid-footer {
    padding: 5px;
}

.flex-same-height-row {
    display: flex;
    flex-wrap: wrap;
}

.same-height-row {
    flex-basis: 100%;
}

.post-grid-footer-title {
    font-size: 1rem;
    color: #fff;
    text-align: center;
    min-height: 75px;
}

.footer-post-attach {
    font-size: 0.8rem;
    color: #fff;
}

#bxinmobile {
    display: none;
}

.browsalltab-container {
    margin: 30px 0;
}

.browsalltab-container li {
    display: none;
}

.post-container {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
}

.post-container .thumbnail, .post-grid-footer {
    flex: 1;
    position: relative;
}

.course_offered_roban {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 3vw;
}

.post-grid-footer {
    position: relative;
}

.post-grid-footer-desc {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 2px;
}

/* <PAGES> */
.content-container {
    background-color: #FFF;
}

.left-uni-content-container {
    padding: 10px 15px 10px 15px;
}

@media (max-width: 800px) {
    .pagepadd {
        padding: 2px;
    }
}

.pagepadd-x2 {
    padding: 4rem 15px;
}


#uni-comments {
    margin-top: 20px;
}

.link-suggestion:hover .recommendedtitle-article {
    color: #fa4435;
}

.slide-img-recommended {
    float: left;
    width: 100px;
    height: 100px;
}

.slide-img-recommended img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.slide-text-recommended {
    float: left;
    width: 200px;
    padding-left: 15px;
    overflow: hidden;
}

.recommendedsummary-article, .recommendedtitle-article {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
}

.recommendedtitle-article {
    font-size: 0.9rem;
    color: #000;
}

.recommendedsummary-article {
    font-size: 0.7rem;
    color: #999;
}

.list-footer {
    position: absolute;
    left: 0;
    width: 100%;
    height: 25px;
    bottom: 0;
    background-color: #FFF;
}

.imageuni-small-pop {
    width: 80px;
    height: 80px;
}

.recommendedarticle-date {
    font-size: 0.7rem;
    color: #999;
    color: #0092eb;
}

.popover-body {
    width: 200px;
}

.page-share-container {
    float: left;
    position: relative;
    margin-top: 2rem;
}

.share_container {
    margin: 20px;
    opacity: 0.5;
    text-align: right;
}

.shareicon {
    display: inline-block;
    font-size: 1rem;
    color: var(--color1);
}

.shareicon:hover {
    color: var(--color2);
}

.shareicon span {
    font-size: 1.5rem;
    display: inline-block;
    margin-right: 30px;
}

.shareicontextarea {
    font-size: 1rem !important;
    margin-bottom: 20px;
    font-weight: bold;
}

.bottomslideshow {
    height: 400px;
    background-color: #FFF;
    border-top: 1px solid #EEE;
    padding: 1.2rem;
}

.footerslideshow-title {
    font-size: 1.3rem;
    text-align: left;
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    color: #999;
    font-weight: bold;
}

/* </PAGES> */

/* <VIDEO> */
.videogallerycontainer {
    background-color: #FFF;
    height: auto;
    border-top: 1px solid #EEE;
    padding: 1.2rem
}

/* </VIDEO> */
/* <CONTENTSLIDESHOW> */
.contentslideshow {
    width: 100%;
    margin-bottom: 50px;
}

/* </CONTENTSLIDESHOW> */
.gototopcontainer {
    padding: 10px;
    text-align: center;
    font-size: 1rem;
    position: fixed;
    left: 0;
    top: 90%;
    background-color: var(--color2);
    color: #EEE;
    cursor: pointer;
}

.gototopcontainer:hover {
    font-weight: bold;
}

.page-content {
    position: relative;
}

.page-title {
    float: left;
    display: block;
    font-family: Roboto;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
}

.page-date {
    display: block;
    font-family: Roboto;
    font-size: 0.7rem;
    font-weight: 400;
    margin: 0 0 20px 0;
    color: #999;
}


/* .page-sidebar {
    text-align: left;
} */

.textcontent {
    float: left;
}

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

.togglemobileicon {
    padding: 15px 0;
}

.recommendarticle-content {
    padding-top: 20px;
}

.photo-container {
    margin: 20px 0px 20px 0px;
}

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

.gallery-container {
    width: 100%;
}

.gallery-container .lightgallery {
}

.gallery-container .lightgallery .col-md-3 {
    float: left;
    list-style: none;
    padding: 5px;
}

.gallery-container .lightgallery {
    padding-left: 0;
}

.gallery-container .lightgallery .col-md-3 img {
    width: 100%;
    height: auto;
    max-height: 200px;
    border: 3px solid #FFF;
    box-shadow: 0 0 3px #aaa;
}

.rowgallery {
    margin-left: -7px;
}

.imagegallerycontainer {
    height: auto;
    background-color: #FFF;
    border-top: 1px solid #EEE;
    padding: 1.2rem
}

.imagegallery-container {
    width: 100%;
    height: auto;
    position: relative;
    min-height: 150px;
    margin: 20px 0px 0px 0px;
}

.imagegallery-container img {
    width: 100%;
    height: 100%;
}

#booking-page-header {
    padding-left: 35px;
}

.booking-page-item {
    padding-left: 35px;
}

.booking-page-item span {
    font-size: 1.3rem;
    font-weight: 600;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.uni_logo_booking_cont {
    margin-bottom: 30px;
}

.uni_logo_booking {
    border: 3px solid var(--color1);
    width: 150px;
}

.uni_view_header_compact_logo {
    max-width: 240px;
    width: 100%;
}

#signup_submit {
    margin-bottom: 35px;
}

#booking_box_container {
    margin-right: 24px;
}

.text-summary p.collapse:not(.show) {
    max-height: 500px !important;
    height: auto;
    display: block;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-summary p.collapsing {
    min-height: 500px !important;
}



#booking-form-container {
    padding: 40px 15px;
}

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

#booking-title {
    margin-bottom: 15px;
}

.booking-fee {
    font-size: 18px;
    font-weight: bold;
}

.book-item {
    margin-bottom: 15px;
}

.fileattachbg {
    position: relative;
    min-height: 200px;
    max-height: 200px;
    background-size: cover;
}

.attachicon {
    padding: 7px 12px;
    position: absolute;
    right: 10px;
    bottom: -24px;
    width: 50px;
    height: 50px;
    background-color: #FFF;
    border: 1px solid #999;
    border-radius: 100%;
}

.attachicon span {
    font-size: 2rem;
}

.iconattachbottom {
    padding: 15px;
    display: inline-block;
}

@media (max-width: 800px) {

    .eclipse {
        max-width: 100% !important;
    }

    .page-title {
        margin: 20px 0px 20px 0px;
    }

    .gutters-5 > .col, .gutters-5 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .page-date {
        margin: 0 0 20px 0px;
    }
    
    .photo-container {
        margin: 20px 0px 20px 0px;
    }

    .lightgalleryphotoalbum {
        margin: 20px 0px 20px 0px;
        padding: 0;
    }

    #booking_box_container {
        margin-right: 0;
    }
}


/* PHOTO GALLERY */
/* <GALLERY> */
.box-portolio {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px;
    text-align: center;
    display: none;
}

.box-portolio h3 {
    font-size: 1rem;
    border-bottom: 3px solid #FFF;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 115px;
    overflow: hidden;
    height: 26px;
}

.imagegallery-icon {
    text-align: center;
}

.box-portolio p {
    font-size: 0.9rem;
}

.imagegallery-icon span {
    background-color: #FFF;
    font-size: 1rem;
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    padding-top: 3px;
    cursor: pointer;
}

.imagegallery-icon span:hover {
    background-color: #EEE;
}

/* </GALLERY> */
.photogallery-contianer {
    height: 300px;
    background-color: #333;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.imageholder-onimage {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background-color: #000;
    padding-top: 20%;
    text-align: center;
    font-size: 2rem;
    color: #EEE;
    opacity: 0;
}

.image-holder {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.imagetextholder h3 {
    font-size: 16px;
    color: #EEE;
    font-weight: normal;
    display: block;
    height: 40px;
    overflow: hidden;
    padding: 10px 0;
    margin: 0;
}

.imagetextholderp {
    display: block;
    height: 100px;
    overflow: hidden;
    color: #828282;
}

.imageitemcontainer:hover .imageholder-onimage {
    opacity: 0.4;
    transition: visibility 1s, opacity 0.3s linear;
    -webkit-transition: visibility 1s, opacity 0.3s linear;
    -moz-transition: visibility 1s, opacity 0.3s linear;
    -ms-transition: visibility 1s, opacity 0.3s linear;
    -o-transition: visibility 1s, opacity 0.3s linear;
}

.imageitemcontainer {
    padding: 0 !important;
    z-index: 9;
}

.imageitemcontainer img {
    width: 100%;
    height: 100%;
}

.imageitemcontainer div {
    position: absolute;
    bottom: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 4px 15px;
    font-size: 13px;
    width: 100%;
}

.imageitemcontainer {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.imageitemcontainer:hover {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    z-index: 99;
    cursor: pointer;
}

.imageitemcontainer:hover::after {
    opacity: 1;
}

.pagger-container {
    margin: 20px;
}

.pagination {
    display: block;
    text-align: right;
}

.pagination li {
    list-style: none;
    display: inline-block;
    padding-left: 25px;
    text-align: right;
    font-size: 17px;
}

.pagination li a {
    color: var(--color1);
}

.pagination li.active a {
    font-weight: bold;
    color: var(--color2) !important;
}

@media (max-width: 800px) {
    .pagination {
        text-align: left;
    }

    .pagination li {
        margin-top: 30px;
        padding-left: 0;
        padding-right: 25px;
        text-align: left;
    }
}

.iconplay-onvideo {
    position: absolute;
    left: 0;
    width: 100%;
    top: 25%;
    text-align: center;
    font-size: 2rem;
}

.playicon {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: #333;
    padding-top: 15px;
    padding-left: 10px;
    color: #EEE;
    opacity: 0;
    transition: opacity 0.01s;
    -webkit-transition: opacity 0.01s;
    -moz-transition: opacity 0.01s;
    -ms-transition: opacity 0.01s;
    -o-transition: opacity 0.01s;
}

.icon-show span {
    opacity: 0.8;
    /* box-shadow: 0px 0px 22px #000; */
}

.carousel-item {
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out !important;
}

.btn-carousel-playlist {
    border: 0;
    background-color: transparent;
}

.btn-carousel-playlist span {
    width: 40px;
    height: 40px;
    padding: 8px;
    background-color: #FFF;
    box-shadow: 1px 1px 10px #999;
    color: #000;
    font-size: 25px;
    border-radius: 50%;
}

.btn-carousel-playlist-prev {
    left: -10%;
}

.btn-carousel-playlist-next {
    right: -10%;
}

.smaller-icon-onvideo {
    width: 54px;
    height: 54px;
    font-size: 26px;
    padding: 14px 19px;
}

.smaller-video-icon {
}

.box-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 20;
}

.ins-header-content {
    position: absolute;
    left: 0;
    bottom: -15px;
    height: auto;
    z-index: 11;
    padding: 5px 0;
}

.header-institution-logo-con {
    position: absolute;
    top: -20px;
}

.header-inst-logo-cont {
    width: 200px;
    position: absolute;
    border-radius: 50%;
    top: -210px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.header-inst-logo-cont img {
    border-radius: 50% !important;
}

.text-cont {
    position: relative;
    z-index: 12;
}

.ins-header-content::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: 0.8;
    top: 0;
    z-index: 10;
}

.text-cont h2, .text-cont small {
    display: block !important;
    width: 100%;
    text-align: center;
    margin-bottom: 0 !important;
}

.show-icon {
    z-index: 20;
    opacity: 0.8 !important;
    position: relative;
}

.smaller-video-duration {
    padding: 1px 3px;
    font-size: 11px;
    color: white;
    background-color: black;
    float: right;
    margin-top: -34px;
    margin-right: 5px;
}

.smaller-video-albumcount {
    position: absolute;
    display: inline-block;
    right: 5px;
    bottom: 68px;
    z-index: 1000;
    padding: 1px 3px;
    font-size: 12px;
    color: white;
    background-color: black;
}

.videoshowcontainer .playicon {
    background-color: #333; /* background-color: var( --color2 ); */
    color: #EEE !important;
}

.videoshowcontainer a:hover .playicon {
    opacity: 1 !important;
    background-color: #333; /* background-color: var( --color2 ); */
    color: #EEE !important;
}

.lightgalleryvideoitem iframe {
    width: 100% !important;
    min-height: 400px !important;
}

.videoshowtitle {
    font-family: Roboto;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 20px 0 10px 0;
}

.videoshowdesccontainer {
    position: relative;
    z-index: 9;
    text-align: justify;
    margin-top: 30px;
}

.videosuggest {
    background-color: #f4f4f4;
    width: 100%;
    height: 100%;
    margin-top: 24px;
}

.videosuggestionherader {
    width: 100%;
    background-color: #ededed;
    padding: 15px;
}

.videosuggestioncontent {
    height: 97%;
    width: 100%;
    overflow-y: scroll;
}

.inner-sug {
    height: 100%;
    width: 100%;
}

.h3smallvideos {
    height: 100px;
}

.smallvideos h3 {
    font-size: 0.9rem;
}

.smallvideos {
    height: 50px;
}

.smallvideos .playicon {
    font-size: 1rem;
    width: 22px;
    height: 22px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding-top: 3px;
    padding-left: 4px;
    top: -7px;
}

.smallvideos .iconplay-onvideo {
    top: 0;
}

.videosuggestioncontent {
    padding: 15px;
}


#signup_submit {
    color: #2c251a;
    background-color: #fbb040;
}

#signup_submit:hover {
    color: #2c251a;
    background-color: #fbd9a7;
    border: solid 1px #fbb040;
}


.ins-header h1 {
    font-size: 1.9rem;
}

.ins-header h3 {
    font-size: 1.3rem;
}

.ins-header.ins_header_template_normal {
    width: 100%;
    height: auto;
    position: relative;
}

.ins-header.ins_header_template_normal .ins-header-img {
    width: 100%;
    height: auto;
}

.ins-header.ins_header_template_normal .ins-header-logo {
    height: 115px;
    width: 115px;
    position: absolute;
    left: auto;
    right: 20px;
    bottom: 22px;
    z-index: 3;
}

.ins-header.ins_header_template_normal .ins-header-logo img {
    width: 100%;
    border-radius: 50%;
    z-index: 3;
    border: 3px solid var(--color1);
}

.ins-header.ins_header_template_normal .ins-header-text {
    position: absolute;
    bottom: 13px;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 24px 260px 15px 20px;
}

.img-header-logo-inst {
    width: 100%;
    height: 100%;
}

.ins-header.ins_header_template_normal .ins-header-title {
    display: inline-block;
    left: 240px;
    z-index: 3;
    font-family: Roboto;
    font-size: 2rem;
}

.ins-header.ins_header_template_normal .ins-header-desc {
    bottom: 25px;
    font-size: 1.1rem;
    left: 240px;
    z-index: 3;
    font-weight: 400;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.img-xSerivesSection {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 2px solid var(--color1);
}

.card-xSerivesSection {
    background-color: #FFF;
}


.ins-header.ins_header_template_center {
    width: 100%;
    height: 540px;
    text-align: center;
    position: relative;
}

.ins-header.ins_header_template_center .ins-header-img {
    width: 100%;
    height: auto;
}

.ins-header.ins_header_template_center .ins-header-logo {
    height: 20%;
    width: 20%;
    top: 20px;
    left: 40%;
    position: absolute;
    z-index: 3;
}

.ins-header.ins_header_template_center .ins-header-logo img {
    width: 100%;
    border-radius: 10%;
    z-index: 3;
}

.ins-header.ins_header_template_center .ins-header-text {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 12px 20px 8px 20px;
    min-height: 105px;
    text-align: center;
}

.ins-header.ins_header_template_center .ins-header-title {
    top: 50%;
    left: 0;
    z-index: 3;
    font-family: Roboto;
    font-size: 2rem;
}

.ins-header.ins_header_template_center .ins-header-desc {
    top: 50%;
    font-size: 1.1rem;
    left: 0;
    z-index: 3;
    font-weight: 400;
}


.ins-header.ins_header_template_wide1 {
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.ins-header.ins_header_template_wide1 .ins_header_template_wide1_container {
    position: relative;
    height: 100%;
}

.ins-header.ins_header_template_wide1 .ins_header_template_wide1_container .ins-header-img {
    left: 0;
    top: 0;
}

.ins-header.ins_header_template_wide1 .ins_header_template_wide1_container .header_ad_inst_background {
    position: absolute;
    bottom: 0;
}

.ins-header.ins_header_template_wide1 .header_ad_inst_background {
    opacity: 0.8;
}

.ins-header.ins_header_template_wide1 .ins-header-logo img {
    width: 180px;
    height: 180px;
    border-radius: 5% 5% 0% 0%;
    z-index: 3;
}

.ins-header.ins_header_template_wide1 .ins-header-title {
    top: 50%;
    left: 0;
    z-index: 3;
    font-family: Roboto;
    font-size: 2rem;
    text-align: left;
}

.ins-header.ins_header_template_wide1 .ins-header-desc {
    top: 50%;
    font-size: 1.1rem;
    left: 0;
    z-index: 3;
    font-weight: 400;
    text-align: left;
}


.ins_header_template_material, .ins_header_template_material_text {
    z-index: 90;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 15px;
    width: 50%;
    opacity: 0.8;
}

.ins_header_template_material_text {
    z-index: 100;
    opacity: 1 !important;
}

.ins_header_template_material_logo {
    float: left;
    width: 40%;
    margin-right: 20px;
}

.ins_header_template_material_logo img {
    width: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.ins_header_template_material_container h1 {
    font-size: 27px;
}

.ins_header_template_material_container h3 {
    font-size: 20px;
}

.ins_header_template_material_tabs {
    margin-top: 0;
    padding-top: 15px;
}

.ins_header_template_float_logo img {
    width: 100%;
}

.header_ad_inst_background {
    padding: 15px 0;
}

.ins-logo-course {
    top: -10px;
    left: -6px;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    border: solid 3px;
}


.floatshadow_container {
    position: relative;
    left: 0;
    width: 100%;
    z-index: 9999;
    margin-bottom: -60px;
    bottom: 56px;
    -webkit-box-shadow: -1px -8px 38px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -1px -8px 38px 5px rgba(0, 0, 0, 0.25);
    box-shadow: -1px -8px 38px 5px rgba(0, 0, 0, 0.25);
}


.ins-page-content {
}

.ins-page-link {
    display: block;
    margin: 8px 0px;
    padding: 8px;
    border: solid 1px #eee;
    min-height: 92px;
    font-family: Roboto;
    font-weight: 400 !important;
}

.ins-page-link-form {
    display: block;
    margin: 8px 0px;
    padding: 8px;
    border: solid 1px #eee;
    border-top-color: rgb(238, 238, 238);
    border-right-color: rgb(238, 238, 238);
    border-bottom-color: rgb(238, 238, 238);
    border-left-color: rgb(238, 238, 238);
    min-height: 60px;
    font-family: Roboto;
    font-weight: 400 !important;
}

.ins-page-img {
    float: left;
}

.ins-page-img img {
    width: 76px;
    height: 76px;
    border-radius: 100%;
}

.img-circle {
    width: 76px;
    height: auto;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.ins-page-text {
    margin-left: 88px;
    font-weight: 400 !important;
}

.ins-page-title {
    font-size: 1.0rem;
    font-weight: 400 !important;
}

.ins-page-desc {
    font-size: 0.8rem;
    color: #7d939e;
    font-weight: 400 !important;
}


.uni-links li {
    list-style-type: square;
}

.uni-links li a, .uni-links li a:link, .uni-links li a:active, .uni-links li a:visited {
    color: var(--color2);
    font-size: 0.9rem;
}

.uni-links li a:hover {
    color: #000;
}


.institution-content {
    padding-top: 60px;
}

.institution-content h1 {
    font-size: 1.5rem;
    font-weight: bold;
}

.ins-tabs {
    text-align: center !important;
    border: solid 1px #eeeeee;
    color: #506e7d;
    font-weight: 400;
    font-family: Roboto;
    border-bottom: none;
    padding: 20px 0 20px 0;
    margin-right: 10px;
    background-color: #eeeeee;
}

.instheadermenu {
    padding: 10px 15px 0 25px;
    background-color: #FFF;
}

.instheadermenu li {
    list-style: none;
    cursor: pointer;
}

.content-container {
    padding: 20px;
}


.left-uni-content h2 {
    font-family: Roboto;
    font-size: 1.5rem;
    font-weight: 400 !important;
    color: var(--color1);
    display: block;
    margin-bottom: 20px;
}

.left-uni-content h3 {
    font-family: Roboto;
    font-size: 1.3rem;
    font-weight: 400 !important;
    color: var(--color2);
}

.right-uni-content h2 {
    font-family: Roboto;
    font-size: 1.4rem;
    font-weight: 400 !important;
    color: var(--color1);
    margin: 6px 0px 6px 0px !important;
    padding: 0 !important;
}

.right-uni-content h3 {
    font-family: Roboto;
    font-size: 1.1rem;
    font-weight: 400 !important;
    color: var(--color2);
    margin: 10px;
}

#ranking, #compare, #gallery, #videos, #subjects, #campuse {
    min-height: 300px;
}

.header-subject {
    font-size: 1rem !important;
}

.list-grouplist {
    padding-left: 0;
}

.list-grouplist li {
    list-style: none;
    display: block;
    width: 100%;
    padding: 10px 15px;
}

#subjects h3 {
    margin-bottom: 20px;
}

ul.lightgallery {
    padding-left: 0;
}

.unilist-container {
    height: 215px;
    overflow: hidden;
}

.unilistimagecontainer {
    min-height: 165px;
    max-height: 165px;
}

.unilistimagecontainer img {
    width: 100%;
    border: 1px solid #CCC;
}

.unilist-container {
    margin: 10px 0;
}

.unilist-container:hover .universityname {
    color: #000;
}

.universityname {
    font-size: 0.9rem;
    font-weight: 400;
    color: #999;
}

.control {
    height: 35px;
    border: 0;
    outline: 0;
    width: 100%;
    padding: 5px;
    font-size: 0.8rem;
    color: #EEE;
    border: 1px solid #EEE;
    color: #999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.left-uni-content {
    min-height: 500px;
}

.right-uni-content, .left-uni-content {
    margin-top: 20px;
}

.course-pr {
    height: 350px;
    margin-bottom: 30px;
    background-color: #FFF;
    border: 1px solid #EEE;
    position: relative;
}

.course-imagecontainer {
    width: 100%;
    max-height: 170px;
    position: relative;
    overflow: hidden;
}

.course-imagecontainer img {
    width: 100%;
}

.section-toggle-title {
    font-size: 1rem;
    display: block;
    padding: 10px 10px 3px 10px;
    font-weight: bold;
    margin-bottom: 15px;
    background-color: #EEE;
}

.course-desc {
    color: #888;
    font-size: 0.8rem;
    padding: 5px;
    text-align: justify;
}

.course-footercontainer {
    padding: 10px;
    bottom: 0;
    width: 100%;
    color: #2494ef;
    font-size: 0.8rem;
}

.course-pr h3 {
    padding: 15px;
    color: #000;
    font-size: 1rem;
}

.frm-text {
    border: 0;
    outline: 0;
    border: 1px solid #EEE;
    padding: 0 15px;
    color: #666;
}

.frm-text option:first-child {
    color: #999;
}

.big {
    width: 100%;
    height: 45px;
}

.btnform {
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    background-color: var(--color1);
    border: 0;
    outline: 0;
}

.sidebaricontoggle {
    background-color: #EEE;
    height: 46px;
    padding: 0 12px;
    line-height: 41px;
}

.sidebaricontoggle:hover {
    cursor: pointer;
}

.sidebaricontogglecontent {
    padding: 8px;
}

.page-sidecontent {
    border: 1px solid #EEE;
    margin-bottom: 5px;
}

.icon-smalltoggle {
    font-size: 1rem;
    color: var(--color2);
}

.moreoptionsidebar {
    cursor: pointer;
    margin-top: 8px;
}

.sidebar-icontoggle {
    float: right;
    margin-right: -3px;
    font-size: 1.5rem;
    margin-top: 10px;
    cursor: pointer;
}

.sidebar-icontoggle_left {
    float: left;
    margin-left: -3px;
    font-size: 1.5rem;
    margin-top: 7px;
    padding-right: 10px;
    cursor: pointer;
}

.header-listicon {
    font-size: 2rem;
}

.list-viewpost {
    position: relative;
}

.list-viewpostpublished {
    width: auto !important;
    bottom: -16px;
    background-color: transparent !important;
}

.listviewcontainer h3 {
    padding: 5px 0 !important;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.listviewcontainer .course-pr {
    height: auto !important;
    padding: 10px;
    margin-bottom: 10px !important;
}

.reviewcontainer {
    padding: 15px !important;
    text-align: center;
    min-height: 200px;
}

.reviewcontainer h3 {
    color: #000 !important;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 15px;
}

.reviewerr, .reviewstatus {
    font-size: 15px;
    font-weight: bold;
    display: block;
    height: 30px;
}

.review-ratingcontainer {
    padding: 15px 0;
}

.review-ratingcontainer li {
    list-style: none;
    display: inline-block;
    padding: 10px 15px;
    text-align: center;
    border: 1px solid #eee;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
}

.review-ratingcontainer span {
    font-size: 2rem;
    color: #5ab763;
}

.group-captcha {
    position: relative;
}

.control-captcha {
    position: absolute;
    right: 75px;
    height: 35px;
    top: 20px;
}

.textvalpoint {
    display: none;
}

.flat-control {
    width: 100%;
    background: #fff;
    color: #a3a3a3;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1);
    border: 0;
    outline: 0;
    padding: 22px 18px;
}

.flat-control:focus + .control-icon {
    color: #5ab763;
}

.flat-button {
    transition: all 200ms ease-in;
    background: #7f8ff4;
    color: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 12px 36px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
}

#modalreview {
    background-color: #f4f6fa !important;
}

.relative {
    position: relative;
}

#btn-reviewsend {
    position: absolute;
    right: -50px;
    top: 10px;
}

#btn-reviewsend:hover {
    background-color: #6d7de4;
}

.control-icon {
    position: absolute;
    right: 20px;
    top: 21px;
    font-size: 1.5rem;
    color: #aedebb;
}

.review-container {
    margin: 20px 0;
    position: relative;
    float: left;
    width: 100%;
    max-height: 200px;
    overflow: hidden;
    height: auto;
}

.review-itemcontainer {
    padding: 5px;
    margin-bottom: 5px;
}

.review-con p {
    display: block;
}

.review-user {
    color: #999;
    font-size: 13px;
    margin-bottom: 0.5rem;
}

.review-content {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0.5rem;
    text-align: justify;
}

.review-info {
    text-align: left;
    color: #999;
    font-size: 12px;
    margin-bottom: 0.5rem;
    float: left;
    width: 45%;
}

.review-iconcollapse {
    text-align: right;
    float: right;
    font-size: 1.2rem;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 0;
}

.review-iconcollapse:hover {
    color: #dc3545;
}

.review-imgleft {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #000;
    padding-top: 13px;
    text-transform: capitalize;
    margin-right: 15px;
    float: left;
    width: 75px;
    height: 75px;
    border: 1px solid #EEE;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.review-con {
    margin-left: 15px;
}

.review-itemcontainer {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #EEE;
}

.review-hightlight {
    float: left;
    font-size: 12px;
    cursor: pointer;
    padding: 15px 0;
    background-color: #FFF;
    bottom: 0;
    text-align: left;
    color: #000;
    font-size: 1rem;
    width: 100%;
}

.active-heightlight {
    position: absolute;
    -webkit-box-shadow: 1px -35px 28px -10px #FFF;
    -moz-box-shadow: 1px -35px 28px -10px #FFF;
    box-shadow: 1px -35px 28px -10px #FFF;
    text-align: center;
}

.get-height {
    float: left;
}

.review-collapse {
    font-weight: bold;
}

.review-hightlight:hover span {
    color: var(--color1);
}

.review-loadingmore {
    width: 100%;
    margin: 10px 0;
    text-align: center;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    float: left;
}

.iconload {
    font-size: 1rem;
}

.review-loadingmore:hover {
    color: #fa4435;
}

.review-pointscontainer {
    width: 100%;
    float: left;
}

.reviewpoints-title, .reviewpoints-status {
    font-size: 13px;
    font-weight: bold;
    color: #999;
}

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

.reviewpoints-stars {
    text-align: center;
}

.reviewpoints-stars span {
    color: #5ab763;
}

.btn-headersearch {
    padding: 15px !important;
}

.nopadding {
    padding: 0;
}

#leftdivheader {
    color: #FFF;
    padding: 10px;
    font-size: 22px;
    font-weight: bold;
}

.divheadersearch {
    display: block;
    width: 100%;
    background-color: #EEE;
    padding: 15px 2px;
    text-align: center;
}

#rightdivheader {
    width: 13%;
    cursor: pointer;
    color: #FFF;
    height: 54px;
}

.flat {
    border-radius: 0 !important;
}

.btnflatheight {
    padding: 10px;
}

.menu-container ul li.inst_menu_item {
    margin: 10px;
}

.menu-container ul li.inst_menu_item a {
    /*color: var( --color1 ) !important;*/
    /*border-color: var( --color1 );*/
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    text-align: center;
    line-height: 50px;
}

.menu-container ul li.inst_menu_item a:hover {
    /*background-color: var( --color1 );*/
    /*color: white !important;*/
}

.n_b_t {
    border-top: 0 !important;
    padding: 10px;
}

.smaller-img img {
    width: 60px !important;
}

.no_thumnail_circle {
    font-size: 2rem;
    font-weight: bold;
    width: 60px;
    background-color: #EEE;
    color: #000;
    height: 60px;
    padding: 4px;
    float: left;
    border: 1px dotted #999;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.smaller-text {
    margin-left: 72px !important;
}

.smaller-title {
    font-size: 0.8rem;
}

.mrg-bottom {
    margin-bottom: 10px;
}

.post-container-inst {
    border-bottom: 1px dotted #EEE;
    width: 100%;
    float: left;
    display: block;
    padding: 10px 0;
}

.post-container-inst h5 {
    color: #000;
}

.post-container-inst:hover h5 {
    color: var(--color2);
}

.nomargin {
    margin: 0 !important;
}

.noitemcontainer {
    width: 100%;
    height: 100px;
    padding: 15px;
    text-align: center;
}

.icon-noitem, .text-noitem {
    font-size: 3rem;
    color: #999;
}

.custom-indicator-with-title {
    position: relative !important;
    top: 40px !important;
}

.carosel-title {
    margin-bottom: 30px;
    margin-top: 40px;
}

.text-noitem {
    font-size: 1rem;
    font-weight: 400;
}

.event_flew_container {
    padding: 10px;
    z-index: 999;
    position: fixed;
    right: 5px;
    top: 205px;
    width: 385px;
    min-height: 340px;
    height: auto;
    background-color: #FFF;
    box-shadow: 0 11px 15px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 11px 15px rgba(0, 0, 0, 0.18);
    -ms-box-shadow: 0 11px 15px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 11px 15px rgba(0, 0, 0, 0.18);
    -o-box-shadow: 0 11px 15px rgba(0, 0, 0, 0.18);
}

.event_flew_boxed {
    width: 100%;
    min-height: 320px;
    height: auto;
    border: 1px solid #22b86c;
    float: left;
    padding: 10px;
}

.event_image img {
    width: 90px;
    border: 2px solid #EEE;
}

.event_flew_title {
    font-size: 1.1rem;
    text-align: justify;
    font-weight: bold;
    display: inline-block;
    margin-top: 5px;
}

.event_flew_desc {
    font-size: 0.8rem;
    text-align: justify;
    color: #999;
}

.icon_event_up_coming {
    font-size: 5.5rem;
}

.text_event_up_coming {
    font-size: 1.4rem;
    font-weight: bold;
    font-family: cursive;
    margin-right: 10px;
}

.link_event_up_coming {
    font-size: 16px;
    color: #999;
    margin-top: 20px;
    font-weight: bold;
    color: #0093ec;
}

.uni_thumb_bg {
}

.uni_thumb_img {
    width: 100%;
    max-width: 206px;
}

.uni_html_logo_container .uni_thumb_img_div {
    background-color: var(--color1) !important;
    width: 100%;
    min-height: 180px;
    text-align: center;
    border-radius: 50% !important;
    max-width: 180px;
    margin: auto auto;
}

.uni_html_logo_container .uni_thumb_img_div div {
    background-color: #fffff9 !important;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
    margin-top: 15px;
    position: relative;
}

.uni_html_logo_container .uni_thumb_img_div span.uni_thumb_img_span {
    display: inline-block;
    width: 136px;
    max-width: 136px;
    color: var(--color1) !important;
    border-bottom: solid 6px var(--color2) !important;
    font-family: Righteous, Roboto, Arial;
    margin-top: 52px;
    line-height: 1.1;
    position: absolute;
    bottom: 50px;
    left: 7px;
    overflow: hidden;
    overflow-wrap: normal;
    white-space: normal;
    word-break: keep-all;
}


.uni_logo_responsive {
    width: 200px;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.links-container {
    padding-left: 25px;
}

.inst-headeraction {
    padding-top: 20px;
}

#instheadersearch {
    padding-left: 0;
}

.btnsmaller {
    padding: 4px;
}

.course_offered_roban {
    margin: -3px 5px 0px 0px;
}


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


/* FIND COURSE POPUP */
.f_a_button {
    cursor: pointer;
    color: #999;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    font-size: 24px;
    font-family: 'OpenSansBold', Roboto;
    padding: 15px 20px;
    background-color: var(--color2);
    color: #FFF;
    font-weight: bold;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa_a_button_container {
    z-index: 99;
    position: fixed;
    top: 50%;
    left: 25px;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.f_a_overbody {
    z-index: 999999999999;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    display: none;
}

.fa_a_overbody_black {
    height: 100%;
    height: 100vh;
    overflow: auto;
}

.f_a_overbody_close {
    z-index: 99999999999999;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 4rem;
    padding: 0 12px;
    cursor: pointer;
    color: #FFF;
}

.fa_find_container {
    border: 1px solid var(--color4);
    padding: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/* .f_a_overbody{z-index:999999999999;width:100%;position:fixed;left:0;top:0;height:100%;}
.f_a_overbody2{z-index:999999999999;background-color:#000;opacity:0.8;width:100%;position:fixed;left:0;top:0;height:100%;}
.f_a_overbody_close{z-index:99999999999999;position:fixed;right:5px;top:5px;font-size:4rem;padding:0 12px;cursor:pointer;color:#FFF;} */
.f_a_container_body {
    border: 1px solid var(--color4);
    z-index: 99999999999999;
    position: fixed;
    height: 500px;
    top: 50%;
    left: 50%;
    width: 1200px;
    padding: 50px;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.f_a_container_body h1 {
    font-weight: bold;
    color: #FFF;
    font-size: 3.3rem;
    text-align: center;
}

/* .f_a_container_body .SumoSelect > .CaptionCont > span{font-size:2rem;font-weight:bold} */
.f_a_group {
    display: none;
}

.input_2 {
    outline: none;
    border: none;
    font-size: 18px;
    line-height: 1.2;
    color: #686868;
    display: block;
    width: 100%;
    background: #e6e6e6;
    height: 62px;
    border-radius: 3px;
    padding: 0 30px 0 50px;
}

.input_2_icon {
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 22px;
    color: #a7a7a7;
}

.loginicon {
    font-size: 3rem;
}

.loginicon-topbar {
    font-size: 1.2em;
    margin-top: 10px;
}

.topbar-login-btn {
    float: right;
    cursor: pointer;
    overflow: hidden;
    max-width: 100%;
}

.dropdown-login-info {
    min-width: 250px;
    width: auto;
    border-bottom: 1px solid #EEE;
}

.dr-row-with-icon > * {
    color: #424750;
}

.dr-row-with-icon > *:hover {
    color: var(--color2)
}

.link-with-icon:after {
    position: absolute;
    left: 25px;
    top: 3px;
    content: "\f105";
    font-family: FontAwesome;
}

.loginicon-topbar:after {
    font-size: 0.7em;
    position: absolute;
    right: -15px;
    top: 15px;
    content: "\f0d7";
    font-family: FontAwesome;
}

.btn2 {
    cursor: pointer;
    font-weight: bold;
    outline: none !important;
    border: none;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    height: 62px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.btn3 {
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.btn3:hover {
    color: var(--color2);
    border-color: var(--color2);
}

.or_container {
    font-size: 16px;
    color: #999999;
    line-height: 3;
}

.mrg2 {
    margin-top: 40px;
}

#student-logincontainer {
    padding: 2rem;
}

#inst-logincontainer {
    padding: 2rem;
}

#student_login_form {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 1000;
}

.nav2 {
    height: 51px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}


/* LOGIN POPUP */
.db_dump {
    margin: 20px;
    padding: 4px;
    border: solid 1px #777;
    background-color: #f3ab69;
}

.db_dump .sunlight-container {
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.db_dump table {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.db_dump table tr:hover {
    cursor: pointer;
    background: #EE8 !important;
}

.db_dump table tr:nth-child(even) {
    background: #EEE
}

.db_dump table tr:nth-child(odd) {
    background: #FFE
}

.db_dump table tr td {
    font-size: 12px;
    font-family: Arial;
    font-weight: 100;
    color: #111;
    padding: 3px;
}

.db_dump table tr:nth-child(1) td {
    font-size: 13px !important;
    font-weight: bold !important;
}

.db_dump table tr td:nth-child(1) {
    width: 30px !important;
    text-align: right;
}

.db_dump table tr td:nth-child(2) {
    width: 180px !important;
    padding-left: 15px;
    font-size: 11px;
    width: 260px;
}

.db_dump table tr td:nth-child(3) {
    width: 120px !important;
    text-align: right;
}

.db_dump table tr td:nth-child(4) {
    padding-left: 25px;
}


.live-chat {
    width: 300px;
    height: auto;
    border: 2px solid var(--color1);
    position: fixed;
    right: 94px;
    bottom: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.header-live-chat {
    cursor: pointer;
    padding: 20px 10px;
    color: #FFF;
    font-weight: bold;
    background-color: var(--color1);
}

.content-live-chat {
    background-color: #FFF;
    height: 100%;
    padding: 15px;
}


.small_date_rule {
    color: #fff;
    background-color: #3f618b;
    border-radius: 3px;
    padding: 2px 5px;
    margin: 3px 5px;
    display: inline-block;
    float: left;
    font-size: 11px;
    font-weight: 100;
    font-family: Arial, Verdana;
}

.tab-home {
    padding: 30px 0;
}

.thumbnail-max-250 {
    max-height: 250px;
}

.mcf-table {
    width: 100%;
}

.mcf-table-row {
    flex-basis: 100%;
}

.text-title {
    color: #FFF;
}

.header-table {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 1.1rem;
    font-weight: 400;
    background-color: var(--color1_lighter);
}

.header-table > * {
    color: #FFF !important;
}

.header-table a:hover {
    color: #FFF !important;
}

.footer-table {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #ededed;
    border-top: 0;
    padding: 1px;
}

.mcf-table-body {
    border: 1px solid #ededed;
    border-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.mcf-table-body, .header-table {
    padding: 15px;
}

.mcf-table-item {
    padding: 10px 43px 10px 0;
    position: relative;
}

.item-2 {
    -ms-flex: 0 50%;
    flex: 0 50%;
}

.item-1 {
    -ms-flex: 0 100%;
    flex: 0 100%;
}

.card a {
    display: unset;
}

.with-icon:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 2rem;
    color: #767676;
}

.with-icon:hover a, .with-icon:hover:after {
    color: var(--color2);
}

#social-icon {
    text-align: center;
}

.text-top p {
    margin-bottom: 0 !important;
}

#btn-login {
    overflow: hidden;
    white-space: nowrap;
}

.opt label {
    margin-bottom: 0 !important;
}

@media screen and (min-device-width: 801px) {
    .ins-logo {
        display: none;
    }
}

@media screen and (max-device-width: 800px) {
    .ins-header-text, .ins-header-desc {

        text-align: center !important;
    }

    .icon-show span {
        opacity: 1 !important;
    }

    .page_courses_how_it_works .services-options-text {
        font-size: 13px;
    }

    .btn-carousel-playlist {
        display: none;
    }

    .services-option-container {
        margin-top: 10px;
    }

    #btn-login {
        width: 100%;
        margin-bottom: 10px;
    }


    .ins_header_template_normal {
        height: auto !important;
        position: relative !important;
        bottom: 0;
    }

    .ins-header.ins_header_template_normal .ins-header-title {
        position: relative !important;
        bottom: 0 !important;
    }

    .ins-header.ins_header_template_normal .ins-header-logo {
        position: relative !important;
    }

    .ins-header.ins_header_template_normal .ins-header-logo {
        text-align: center !important;
        width: 100% !important;
        height: 200px !important;
        padding-top: 15px;
        margin-bottom: 40px;
        left: 0 !important;
    }

    .ins-header.ins_header_template_normal .ins-header-logo img {
        width: 200px !important;
        height: auto !important;
        margin-bottom: 15px;
    }

    .ins_header_template_float {
        margin-top: 18px;
    }

    .left-uni-content {
        min-height: auto !important;
        height: auto !important;
    }

    .home-tabscontainer-main {
        margin-top: 50px;
    }

    .site-fetures-container {
        min-height: auto;
    }

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

    .ins-header-img {
        display: none;
    }


    .ins_header_template_material, .ins_header_template_material_text {
        width: 100%
    }

    .ins_header_template_material_text {
        padding: 15px !important;
    }

    .ins_header_template_material_text .ins-header-title {
        float: left;
    }

    .ins-header-desc {
        text-align: justify;
    }

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

    .ins_header_template_material_logo img {
        width: 50%;
    }

    .ins-header.ins_header_template_wide1 .ins_header_template_wide1_container .header_ad_inst_background {
        position: relative;
    }

    .ins-header.ins_header_template_wide1 .ins_header_template_wide1_container .ins-header-logo {
        bottom: 0 !important;
    }

    .fa_a_button_container, .f_a_button {
        width: 100%;
        left: 0;
        top: 0;
        transform: rotate(0);
        border-radius: 0;
        text-align: center;
        font-size: 15px;
        padding: 12px 0;
        z-index: 99;
    }

    .fa_a_button_container {
        padding: 0;
        z-index: 999;
    }

    .f_a_container_body {
        width: 90%;
        padding: 15px;
        height: auto;
    }

    .f_a_container_body h1 {
        font-size: 2.6rem;
    }

    .f_a_container_body .SumoSelect > .CaptionCont > span {
        font-size: 1.2rem;
    }

    .modal-lg {
        width: 95% !important;
        max-width: 95% !important;
        margin-top: 100px;
    }

    .booking-page-item, #booking-page-header {
        padding-left: 15px;
    }

    #booking-form-container {
        padding: 15px;
    }

    #pagepaddbook {
        margin-top: 15px;
        padding-bottom: 0;
    }

    .nav2 {
        display: none;
    }

    .event_flew_container {
        position: relative;
        width: 100%;
        box-shadow: none;
        top: 0;
        min-height: auto;
        padding: 0;
    }

    .event_flew_boxed {
        margin-left: 5px;
        border-color: #EEE;
        margin-bottom: 15px;
        padding-bottom: 30px;
    }

    .text_event_up_coming {
        font-size: 1.2rem;
    }

    .link_event_up_coming {
        font-size: 14px;
    }

    #nav-tabContent.tab-content {
        height: auto !important;
    }

    .f_a_overbody_close {
        font-size: 3rem !important;
    }

    .margin-0-mobile {
        margin: 0 !important;
    }

    .text-center-mobile {
        text-align: center !important;
    }

    #ui-panel-menu {
        margin-bottom: 15px;
    }

    .header_ad_inst_background {
        padding: 0 !important;
    }

    .ins-header-title, .ins-header-desc {
        left: 0 !important;
    }

    .ins-header-text {
        position: relative !important;
    }

    .ins-header.ins_header_template_normal .ins-header-logo {
        bottom: 0 !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mobile-margin {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mobilenopadding, .content-container {
        padding-left: 0;
        padding-right: 0;
    }

    .ins-header-logo img {
        border: 2px solid #EEE;
    }

    #instheadersearch {
        padding-left: 15px;
    }

    body {
        overflow-x: hidden !important;
    }

    .rotate_no_mobile {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    }

    .list-footer {
        height: 40px;
    }

    .mobile_text_right {
        text-align: right !important;
    }

    .mobile_text_left {
        text-align: left !important;
    }

    .mobile_text_center {
        text-align: center !important;
    }

    .divheadersearch {
        width: 100% !important;
    }

    .rowmobilefix {
        margin: 15px;
    }

    #carouselExampleControls {
        /*display: none;*/
        min-height: 600px;
    }

    .header-search-container {
        bottom: 0;
        transform: none !important;
        left: 0 !important;
        padding: 15px;
    }

    .carousel-on-inner, .header-search-container {
        /*position: relative;*/
        top: 20px;
        min-height: auto;
    }

    .custom-carouselitem {
        height: 720px;
    }

    .slider_title, .slider_title_line2 {
        /*color:var( --color1 );*/
        text-shadow: none;
        margin-bottom: 20px;
    }

    #rightdivheader, #leftdivheader {
        border-radius: 0;
    }

    .search-container {
        margin: 0;
        height: auto !important;
    }

    .mobile_hide {
        display: none !important;
    }

    .mobile_block {
        display: block;
    }

    .module-left-container {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: none;
        box-shadow: none;
    }

    .imageitemcontainer {
        width: 50%;
    }


    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important;
    }

    .mobile-no-flex {
        flex: none !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
    }

    .mobile-width-55 {
        width: 55% !important;
    }

    .mobile-center {
        text-align: center !important;
    }


    .logo {
        width: 100%;
        display: block;
        text-align: center;
    }


    .header-topbar-menu {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .menu-text-hassub {
        display: none;
    }

    .menu-text {
        margin-top: 0 !important;
    }

    .header-topbar, #hometab {
        padding-left: 0;
        padding-right: 0;
    }

    #hometab .nav-tabs .nav-item {
        margin-left: 0;
        margin-right: 0;
    }

    #hometab .nav-tabs .nav-item {
        padding-left: 0;
        padding-right: 0;
    }

    #hometab .nav {
        flex: none !important;
        display: block;
    }

    .tab-content .col-md-3, .site-fetures-container .col-md-3 {
        display: block !important;
        float: left;
    }

    .feturs-mob {
        width: 0 !important;
    }

    .site-fetures-container .col {
        margin-bottom: 20px;
    }


    /* <menu DropDown> */
    .menu-container {
        display: none;
    }


    .toggle-icon {
        width: 30px;
        height: 30px;
        font-size: 1.3rem;
        text-align: center;
        background-color: #fff;
        color: var(--color1);
        position: absolute;
        right: 15px;
        top: 21px;
        line-height: 30px;
        z-index: 99999999999999999999999;
    }

    .menu-container ul {
        display: block;
    }

    .menu-container ul a {
        color: #fafafa !important;
        display: block;
    }

    .menu-container ul li {
        display: block;
        margin-right: 22px;
    }

    .menu-container ul li .fa-angle-down {
        display: none;
    }


    .menu-container ul ul {
        position: relative !important;
        background: none !important;
    }

    .menu-container ul ul ul {
        left: 0 !important;
        top: 100% !important;
    }

    .menu-container ul ul li {
        width: 100%;
    }

    .menu-container ul ul ul li {
        width: 100%;
    }

    .menu-container ul li a {
        float: none !important;
        width: 100%;
    }

    .menu-text {
        float: none !important;
        width: 100%;
    }

    .text-menu, .undertext-menu {
        display: block;
        position: relative;
        left: 8px !important;
        top: -5px !important;
        color: #Fafafa;
    }

    .menu-container ul ul li:hover {
        background-color: transparent !important;
    }

    .menu-container ul ul li {
        border: 0;
    }

    .menu-container ul ul li {
        opacity: 1;
        background-color: transparent !important;
    }

    .undertext-menu {
        top: -20px !important;
        left: 8px !important;
    }

    .headermenucontainer {
        height: auto;
        margin: 0;
    }

    .bar1, .bar2, .bar3 {
        background-color: #656982;
    }

    #home_slide_search_input {
        padding: 20px 2px;
        font-size: 15px;
    }

    #hometopagger-left, #hometopagger-right {
        display: none;
    }

    #hsc h1 {
        font-size: 1.6rem;
        font-weight: bold;
    }

    #hsc h2 {
        font-size: 1.2rem;
        font-weight: 400;
    }

    .feturs-mob {
        display: block;
    }

    .site-fetures-container, .subscribe-container {
        height: auto;
        padding: 2rem 0;
    }

    .sb-title {
        font-size: 2rem;
    }

    #subscribe-text {
        height: 40px;
    }

    #left-consultant-text-container p, #right-consultant-text-container p {
        margin-bottom: 1rem;
        color: #6610f2;
    }

    #center-consultant {
        height: 30px;
    }

    #left-consultant-text-container, #right-consultant-text-container {
        padding-top: 2rem;
    }

    .homeconsultant-container {
        height: auto;
    }

    .button-help {
        left: 0 !important;
    }

    .testomunial-mob {
        display: block;
    }

    .testomunial-p {
        bottom: -90px;
    }

    .testumonial-items, .custom-testomunial-items, .testomunial-container, .testomunial-content {
        height: 1100px;
    }

    .testomunial-footer {
        height: auto;
    }

    .testomunial-mob2 {
        display: block;
    }

    .testomunial-img-thumb, .testomunial-text h3, .testomunial-text p {
        text-align: center !important;
    }

    .footer-pagger-container {
        height: auto;
    }

    .testomunial-header .col {
        height: 200px;
    }

    .testomunial-header {
        position: relative;
        height: 400px;
    }

    .services {
        padding: 2rem 0;
        height: auto;
    }

    .mobile-service {
        display: block;
        height: 10px;
    }

    /* .menu-container ul li{width:100%;}
		.menu-container ul li:hover > ul{display:none;}
		.menu-container ul a{width:85%;float:left;text-align: left;}
		.toggle-icon{width:30px;height:30px;font-size: 1em;text-align: center;background-color: #000;color:#FFF;position: absolute;right:0;top:0;line-height:30px;}
		.menu-container ul ul li{width:100%;}
		.menu-container ul ul ul {top: 100%;left: 0;width: 100%;}
		.menu-container ul ul{position: relative;} */
    /* </menu dropDown> */
    .header-topbar {
        height: auto;
    }

    .menu-icon {
        display: block;
        margin-left: 15px;
    }

    .footer-social-container {
        height: auto;
        padding: 2rem 0;
    }

    .footer-sep {
        height: 20px;
        display: block;
    }

    .menu-footercontainer {
        padding-left: 0;
        padding-right: 0;
    }

    .menufooter-title {
        font-size: 1.2rem;
        font-weight: normal;
    }

    .menufooter-title i {
        font-size: 1.2rem;
    }

    .footer-about h3 {
        font-size: 1rem;
    }

    .menu-footercontainer ul {
        padding-left: 15px;
    }

    #footer-policy-container, .menu-footer-privacypolicy {
        padding: 0;
        height: auto;
    }

    .testomunial-header h3 {
        font-size: 1.2rem;
    }

    .tabitems {
        display: block;
    }

    .slider-cat-title {
        margin-bottom: 0;
    }

    .footer-slidercat-right-date {
        text-align: left;
    }

    #box-bx .bx-default-pager {
        width: 43%;
    }

    .unilistimagecontainer {
        min-height: 165px;
        max-height: 165px;
        text-align: center;
    }

    .unilistimagecontainer img {
        display: inline-block;
        width: 50%;
        height: auto;
        border: 1px solid #CCC;
    }

    .universityname {
        text-align: center;
        margin-top: 20px;
    }

    .post-grid {
        height: 260px;
    }

    .post-thumbnail-img {
        background-size: 75%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .post-grid-footer {
        height: 120px !important;
    }

    .post-grid-footer {
        margin-bottom: -5px;
    }

    .tab-posts {
        margin-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .post-grid-footer {
        border: 0;
    }

    .post-container {
        margin: 0;
    }

    .mobile-link {
        display: block;
    }

    .mobile-link {
        color: #FFF;
    }

    .post-container {
        padding: 0 !important;
    }

    .services {
        padding: 1rem 0;
    }

    .icoservicesleftarrow, #services-title {
        margin-bottom: 15px;
    }

    .gototopcontainer {
        display: none;
    }

    .smallvideos {
        height: auto;
    }

    .smallvideos .playicon {
        width: 60px;
        height: 60px;
        border-radius: 60px;
        background-color: #333;
        padding-top: 15px;
        padding-left: 10px;
        color: #EEE;
        opacity: 0;
        transition: opacity 0.3s;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
    }

    .smallvideos .iconplay-onvideo {
        top: 30%;
    }

    .smallvideos .playicon {
        font-size: 2rem;
    }

    .lightgalleryvideoitem iframe {
        min-height: auto !important;
    }


    .ins-header {
        width: 100%;
        height: auto;
        position: relative;
    }

    .ins-header-img {
        width: 100%;
        height: auto;
    }

    .ins-header-logo {
        position: relative;
        display: block;
        text-align: center;
        width: 100%;
        height: auto;
        z-index: 3;
        bottom: 60px;
        left: auto;
    }

    .ins-header-logo img {
        display: inline-block;
        width: 120px;
        height: auto;
        border-radius: 50%;
        z-index: 3;
    }

    .ins-header-text {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .ins-header-title {
        padding: 15px !important;
        position: relative;
        bottom: auto;
        left: auto;
    }

    .ins-header-desc {
        padding: 15px !important;
        position: relative;
        bottom: auto;
        left: auto;
    }


    .instheadermenu {
        height: auto;
        padding: 10px 10px 0 10px !important;
    }

    .instheadermenu li {
        list-style: none;
        cursor: pointer;
        padding: 7px 15px;
    }

    .section-content p {
        text-align: justify;
    }

    .post-content {
        float: left;
    }

    .left-uni-content-container {
        margin-right: 0;
        padding-right: 0;
    }

    .left-uni-content {
        border: none;
    }


    .link-suggestion {
        display: block;
        width: 100%;
        min-height: 160px;
        height: auto;
        float: none;
        padding: 15px;
        border: 1px solid #EEE;
        margin-bottom: 5px;
        text-align: center;
    }

    .link-suggestion .slide-img-recommended {
        display: block;
        text-align: center;
        float: none;
        height: 120px;
        width: 100%;
    }

    .link-suggestion .slide-img-recommended img {
        display: inline-block;
        text-align: center;
        float: none;
        width: 100px;
        height: 100px;
    }

    .link-suggestion .slide-text-recommended {
        display: inline-block;
        float: none;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .sidebaricontogglecontent {
        display: none;
    }

    .page-sidebar {
        min-height: auto !important;
    }

    .module-left-iconarrow {
        background-color: #14a850;
        color: #FFF;
        border-radius: 0 0px 15px 0px;
        margin-right: -195px;
        min-width: 240px !important;
        max-width: 240px !important;
        width: 240px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        height: 50px !important;
    }

    .module-left-container {
        left: -102%;
    }

    .listviewcontainer .course-pr {
        padding: 0;
    }

    .slidervideoitem {
        padding: 15px;
    }

    .plm-3 {
        padding-left: 1rem;
    }

    .menu-container ul li {
        float: none !important;
    }

    .browsalltab-container {
        margin: 15px 0;
    }

    .logo_size {
        width: 100% !important;
    }

    #social-icon {
        text-align: left;
    }

    .topbar-login-btn {
        height: 44px;
        width: 100%;
        text-align: left;
        background-color: var(--color2);
        color: #FFF;
        padding: 0 15px 0 15px;
        border-radius: 5px;
    }

    .loginicon-topbar {
        color: #FFF;
        font-size: 1.2rem;
    }

    .loginicon-topbar:after {
        right: 15px;
    }

    .login-dropdown-menu .dropdown-menu {
        width: 100%;
        left: 5px !important;
    }
}


.ins_menu_bar_bg {
    background-color: #C62828 !important;
}

a.ins_menu_bar_color, a.ins_menu_bar_color:link {
    color: #FFFFFF !important;
}

a.ins_menu_bar_color_hover:hover {
    color: #FFFFFF !important;
}

.ins_menu_bar_font {
    font-family: 'Roboto', Arial;
}

.ins_menu_bar_font_size {
    font-size: 16px !important;
}

.ins_menu_bar_font_style {
    font-style: normal !important;
}

.ins_menu_bar_font_weight {
    font-weight: 400 !important;
}

.ins_tabs_active_bg {
    background-color: var(--color2) !important;
}

.ins_tabs_active_text_color {
    color: #000000 !important;
}

.ins_tabs_background {
    background-color: #FF8A80;
}

.ins_tabs_font {
    font-family: 'Roboto', Arial;
}

.ins_tabs_font_size {
    font-size: 16px !important;
}

@media (max-width: 575.98px) {
    .ins_tabs_font_size {
        font-size: 14px !important;
    }
}


.ins_tabs_font_style {
    font-style: normal !important;
}

.ins_tabs_font_weight {
    font-weight: normal !important;
}

.ins_tabs_text_color {
    color: #FFFFFF !important;
}

.inst_menu_item .nav-link {
    padding: 15px !important;
    text-align: center;
}


/* bigger template */
.bigger-logo {
    width: 230px !important;
    left: 15px !important;
    bottom: 2px !important;
}

.small_logo_change_position {
    bottom: -8px !important;
}

.big_logo_change_position {
    left: 11px !important;
    bottom: -7px !important;
}

.normal_logo_change_position {
    bottom: -5px !important;
}

.chat-ai-icon {
    position: fixed;
    left: 50px;
    bottom: 50px;
}

.phone-number-top {
    top: 5px;
    left: 5px;
}

@media (max-width: 575.98px) {


    #footer-policy-container {
        padding-top: 25px;
        padding-bottom: 53px;
    }

    .live-chat {
        bottom: -110px;
        z-index: 115;
    }

    #sitelogo {
        text-align: center;
    }

    .xUni_Logo_Size_large {
        width: auto !important;
        height: auto !important;
    }

    .ins-tabs {
        width: 100%;
        padding: 5px 5px;
        min-height: 30px;
        margin-bottom: 10px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .chat-ai-icon {
        display: none;
    }

    .h-auto-sm {
        height: auto !important;
    }

    .container {
        padding-right: 0;
        padding-left: 0;
        margin: 0 0px 0px 0px;
    }

    .ins-navbar {
        padding: 10px 15px !important;
    }

    .inst_menu_item .nav-link {
        padding: 5px !important;
        text-align: left !important;
    }

    .m-w-100 {
        width: 100%;
    }

    .live-chat {
        width: 100%;
        right: 0;
    }

    .w-75-mobile > * {
        flex: 0 0 75%;
    }

    .w-50-mobile > * {
        flex: 0 0 50%;
    }

    .w-45-mobile > * {
        flex: 0 0 45%;
    }

    .w-25-mobile > * {
        flex: 0 0 25%;
    }

    .w-33-mobile > * {
        flex: 0 0 33%;
    }

    .w-90-mobile > * {
        flex: 0 0 90%;
    }

    .w-95-mobile > * {
        flex: 0 0 95%;
    }

    .mobilepadding5 {
        padding: 5px;
    }

    .item-1-mobile {
        flex: 100%;
    }

    .with-icon:after {
        right: 0;
    }

    .nowrapmobile {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .custom-indicator {
        display: none !important;
    }

    .indicator-videos {
        display: flex !important;
        width: 100%;
        padding-top: 17px;
        position: relative;
        margin-bottom: -42px !important;
    }

    .carosel-title {
        color: #999;
        margin: 0;
    }

    .custom-indicator-with-title {
        top: 0 !important;
        margin-bottom: 0 !important;
    }

    .no-gutters-sm {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .no-gutters-sm > .col, .no-gutters-sm > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .d-none-sm {
        display: none;
    }

    .SumoSelect > .optWrapper.isFloating {
        position: relative !important;
    }

    #bg-homeenglish-courses {
        background-image: none !important;
    }

    .english_prep_box_home {
        padding: 0 !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #sitelogo {
        text-align: center;
    }

    .ins-tabs {
        width: 55%;
    }

    .m-w-100 {
        width: 100%;
    }

    .carousel-on-inner {
        min-height: auto !important;
    }

    .item-1-mobile {
        flex: 100%;
    }

    .with-icon:after {
        right: 0;
    }

    .no-gutters-sm {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .no-gutters-sm > .col, .no-gutters-sm > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .d-none-sm {
        display: none;
    }

    .SumoSelect > .optWrapper.isFloating {
        position: relative !important;
    }

    .h-auto-sm {
        height: auto !important;
    }

    #bg-homeenglish-courses {
        background-image: none !important;
    }

    .english_prep_box_home {
        padding: 0 !important;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {
    #sitelogo {
        text-align: center;
    }

    .m-w-100 {
        width: 100%;
    }

    .d-none-md {
        display: none;
    }

    .SumoSelect > .optWrapper.isFloating {
        position: relative !important;
    }

    #bg-homeenglish-courses {
        background-image: none !important;
    }

    .english_prep_box_home {
        padding: 0 !important;
    }

    .h-auto-md {
        height: auto !important;
    }

    .i-container {
        margin-bottom: 10px;
    }

    .card-img-top {
        min-height: 112px;
        height: auto;
    }

    .video_cont_iframe iframe {
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #sitelogo {
        text-align: left;
    }

    .card-img-top {
        min-height: 112px;
        height: auto;
    }
}

@media (min-width: 1200px) {
    #sitelogo {
        text-align: left;
        margin-top: 10px;
    }
}

.newskinvideo {
    margin-bottom: 15px;
}

.course-right-offered-icon {
    padding-left: 10px;
}

/* courseSearchForm */
.courseSearchForm_TopContainer {
    margin: 0 7px;
}

.videoshowcontainer iframe {
    width: 100% !important;
    min-height: 350px !important;
    height: auto !important;
    margin-bottom: 10px;
}

@media (max-width: 800px) {
    .courseSearchForm_TopContainer .row, .courseSearchForm_TopContainer .col-md-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .phone-number-top {
        position: relative !important;
        margin-top: 10px;
        top: 0 !important;
    }

    .phone-number-top div {
        margin-right: 0 !important;
        width: 50% !important;
    }


}

/* courseBox */
.courseBoxContainer50 {
    width: 50%;
}

.courseBoxContainer100 {
    width: 100%;
}

.courseBox {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-bottom: 2px solid #dadada;
    position: relative;
}

.courseBoxContainer50 .courseBox {
    height: 100% !important;
}

.courseBoxContainer100 .courseBox {
    margin-bottom: 0;
}

.courseTitle {
    line-height: 18px;
    font-size: 15px;
}

.courseUniTitle {
    line-height: 18px;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.courseTitle i, .courseUniTitle i {
    display: inline-block;
    width: 28px;
    float: left;
    opacity: 0.8;
}

.courseTitle span, .courseUniTitle span {
    display: block;
    margin-left: 15px;
}

.courseDesc {
    color: #999;
    font-size: 13px;
    font-weight: lighter;
    padding: 5px;
    text-align: justify;
    overflow: hidden;
    position: relative;
}

.content-with-more {
    height: 30%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #f9f9f9;
    text-align: center;
    padding: 2px;
    cursor: pointer;
    display: block;
    opacity: 0.9;
    box-shadow: 10px -6px 40px -11px rgba(0, 0, 0, 0.54);
    -webkit-box-shadow: 10px -6px 40px -11px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 10px -6px 40px -11px rgba(0, 0, 0, 0.54);
}


.courseAttrContainer {
    background-color: #eeeeee;
    padding-top: 15px;
    padding-bottom: 15px;
}

.courseAttr {
}

/* .courseAttr .courseAttrTitle {
    float: left;
} */

.ellipsis {
    display: block; /* or inline-block */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 7.6em;
    line-height: 1.8em;
}


.card-recent .card-title {
    display: block;
    min-height: 80px;
}

.courseAttr .courseAttrTitle i {
    display: inline-block;
    width: 16px;
}

/* .courseAttr .courseAttrValue {
    margin-left: 120px;
} */

.courseBoxContainer50 .courseBtnsCol {
    max-width: none;
    flex: unset;
    display: block;
    width: 100%;
}

.courseFeeBTN {
    line-height: 28px;
    padding: 5px 15px;
    text-align: left;
    font-size: 17px;
    letter-spacing: 1px;
    color: var(--color1);
    border-bottom: 1px solid var(--color1);
    background-color: white;

}

a.courseBookBTN, a.courseBookBTN:link {
    padding: 5px 15px;
    display: inline;
    font-size: 13px;
    color: #FFF;
    border-bottom: 1px solid var(--color2);
    background-color: var(--color2);

}

a.courseBookBTN:hover {
    color: white;
    background-color: var(--color2);
}

@media (max-width: 992px) {
    .courseBoxContainer50 {
        width: 100%;
    }

    .courseBoxContainer100 {
        width: 100%;
    }

    .phone-number-top_container {
        height: 24px;
    }

    .phone-number-top {
        position: relative !important;
        margin-top: 10px;
        top: 0 !important;
    }

    .phone-number-top div {
        margin-right: 30px !important;
        width: auto !important;
    }

}

/* GLevels (How it works) */


.glevel_levels_box_rows {
}

.glevel_levels_box_rows a {
    display: block;
    margin-bottom: 20px;
    color: #f3f7f9;
}

.page_courses_how_it_works .glevel_levels_box_rows a {
    /*color: var(--color1);*/
    color: #fff;
}

ul.block_list_gray {
    padding: 0;
    margin: 0;
}

ul.block_list_gray li {
    list-style: none;
}

ul.block_list_gray li a {
    display: block;
    color: #444;
    font-size: 13px;
    padding: 6px 1px;
    background-color: #efefef;
    margin-bottom: 4px;
    text-align: center;
}

ul.block_list_gray li a:hover {
    background-color: #ddd;
}

/* Uni Sidebar */
.uni_sidebar_pages_btn.highlight {
    background-color: var(--color2) !important;
}

.uni_sidebar_pages_btn.highlight h4 {
    color: white !important;
    font-size: 20px;
    padding-top: 5px;
}

.uni_sidebar_pages_btn.highlight p {
    font-size: 22px;
    color: white !important;
    margin-bottom: 0;
}


/* ---------- xUni Component ---------------------- */
.xUni_viewHeaderCompact {
    border-bottom: solid 8px #efefef;
}

.xUni_viewMenuGeneral {
    gap: 10px;
}

.xUni_viewMenuGeneral a {
    background-color: #efefef;
    border-radius: 0 !important;
    padding: 13px 5px 8px 5px;
    color: #1a1b20;
    min-width: 80px;
}

.xUni_viewMenuGeneral a.active,
.xUni_viewMenuGeneral a:hover {
    background-color: #d1d1d1;
}

/* LOGO */
.xUni_Logo_Container {
    max-width: 100%;
    text-align: center;
}

/* LOGO SAMLL */
.xUni_Logo_Size_small {
    width: 138px;
    height: 184px;
}

.xUni_Logo_Size_small .xUni_Logo_HTML {
    width: 100%;
    height: 138px;
}

.xUni_Logo_Size_small .xUni_Logo_HTML_DIV {
    height: 138px;
    padding: 8px;
}

.xUni_Logo_Container .xUni_Logo_IMG {
    width: 100%;
    height: auto;
}

.xUni_Logo_Size_normal img {
    border-radius: 10px;
    border: 1px solid #EEE;
}

/* LOGO NORMAL */
.xUni_Logo_Size_normal {
    width: 184px;
    max-height: 184px;
    height: auto;
    padding-left: 20px;
}

.xUni_Logo_Size_normal .xUni_Logo_HTML {
    width: 100%;
    height: 184px;
}

.xUni_Logo_Size_normal .xUni_Logo_HTML_DIV {
    height: 184px;
    padding: 12px;
}

/* LOGO LARGE */
.xUni_Logo_Size_large {
    width: 100%;
    max-height: 300px;
    height: auto;
}

.xUni_Logo_Size_large .xUni_Logo_HTML {
    width: 100%;
    height: 246px;
}

.xUni_Logo_Size_large .xUni_Logo_HTML_DIV {
    height: 246px;
    padding: 24px;
}

/* LOGO INNER HTML */
.xUni_Logo_Container .xUni_Logo_HTML .xUni_Logo_HTML_DIV {
    border-color: var(--color1) !important;
    border-style: solid !important;
    border-width: 8px !important;
    background-color: #fffff9 !important;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xUni_Logo_Container .xUni_Logo_HTML span.xUni_Logo_HTML_SPAN {
    display: inline-block;
    color: var(--color1) !important;
    border-bottom: solid 6px var(--color2) !important;
    font-family: 'Righteous', 'Roboto', Arial, serif;
    line-height: 1.1;
    padding-bottom: 6px;
    width: 100%;
    overflow-wrap: normal;
    white-space: normal;
    word-break: keep-all;
}


#bg-homeenglish-courses {
    height: 400px;
    background-position: center;
    background-size: cover;
    background-color: #e5f3ff;
    border-bottom: 5px solid var(--color1);
}

#img-left-shape {
    position: absolute;
    top: 0;
    left: -87px;
    width: 100px;
}

#button-anim {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 3s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 3s;
    -webkit-animation-name: grow;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: grow;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes grow {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.homeenglish-textcolor {
    font-family: 'OpenSansBold', Roboto;
    font-weight: 700;
    font-size: 42px !important;
    color: var(--color2);

}

.homeenglish_title {
    margin: 0 0px !important;
    padding: 0 !important;
}

.homeenglish_diagnostic {
    margin-top: 30px;
    margin-bottom: 15px;
}

.homeenglish_click_on {
    text-transform: uppercase;
    font-size: 32px !important;
    margin-top: 40px !important;
}

.english_prep_box_home:hover {
    transform: scale(1.3);
}


.english_prep_box_home {
    position: relative;
    z-index: 0;
    max-width: 132px;
    height: 100%;
    text-align: center;
    transition: 0.3s;
}

.SumoSelect p {
    margin: 0;
}

.SumoSelect {
    width: 100%;
}

.SelectBox {
    padding: 15px 8px;
}

.sumoStopScroll {
    overflow: hidden;
}

/* Filtering style */
.SumoSelect .hidden {
    display: none;
}

.SumoSelect .search-txt {
    display: none;
    outline: none;
}

.SumoSelect .no-match {
    display: none;
    padding: 6px;
}

.SumoSelect.open .search-txt {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 15px 8px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

.SumoSelect.open > .search > span, .SumoSelect.open > .search > label {
    visibility: hidden;
}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass, .SumoUnder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.SelectClass {
    z-index: 1;
}

.SumoSelect > .optWrapper > .options li.opt label, .SumoSelect > .CaptionCont, .SumoSelect .select-all > label {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.SumoSelect {
    display: inline-block;
    position: relative;
    outline: none;
}

.SumoSelect > .CaptionCont {
    position: relative;
    border: 1px solid #A4A4A4;
    min-height: 14px;
    background-color: #fff;
    margin: 0;
}

.control-selectsearch > .CaptionCont {
    position: relative;
    min-height: 14px;
    background-color: #fff;
    margin: 0;
}

.control-selectsearch + .CaptionCont {
    border: none !important;
}

.SumoSelect > .CaptionCont > span {
    display: block;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
}

/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder {
    color: #000;
    font-style: italic;
    background-color: transparent;
}

.SumoSelect > .CaptionCont > label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
}

.SumoSelect > .CaptionCont > label > i { /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII='); */
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 0.8;
}

.SumoSelect > .optWrapper {
    display: none;
    z-index: 1000;
    top: 30px;
    min-width: 100%;
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
    overflow: hidden;
}

.SumoSelect.open > .optWrapper {
    top: 55px;
    display: block;
}

.SumoSelect.open > .optWrapper.up {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px;
}

.SumoSelect > .optWrapper ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
}

.SumoSelect > .optWrapper > .options {
    border-radius: 2px;
    position: relative;
    /*Set the height of pop up here (only for desktop mode)*/
    max-height: 250px;
    /*height*/
}

.SumoSelect > .optWrapper.okCancelInMulti > .options {
    border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options {
    border-radius: 0 0 2px 2px;
}

.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
    border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.group.disabled > label {
    opacity: 0.5;
}

.SumoSelect > .optWrapper > .options li ul li.opt {
    padding-left: 22px;
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
    padding-left: 50px;
}

.SumoSelect > .optWrapper.isFloating > .options {
    box-shadow: 0 0 100px #595959;
}

.SumoSelect > .optWrapper > .options li.opt {
    padding: 6px 6px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}

.SumoSelect > .optWrapper > .options > li.opt:first-child {
    border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
    border-radius: 0;
}

.SumoSelect > .optWrapper > .options > li.opt:last-child {
    border-radius: 0 0 2px 2px;
    border-bottom: none;
}

.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
    border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.opt:hover {
    background-color: #E4E4E4;
}

.SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel {
    background-color: #a1c0e4;
}

.SumoSelect > .optWrapper > .options li label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

.SumoSelect > .optWrapper > .options li span {
    display: none;
}

.SumoSelect > .optWrapper > .options li.group > label {
    cursor: default;
    padding: 8px 6px;
    font-weight: bold;
}

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 90%;
    bottom: 0;
    margin: auto;
    max-height: 90%;
}

/*disabled state*/
.SumoSelect > .optWrapper > .options li.opt.disabled {
    background-color: inherit;
    pointer-events: none;
}

.SumoSelect > .optWrapper > .options li.opt.disabled * {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */
    filter: alpha(opacity=50); /* Netscape */
    -moz-opacity: 0.5; /* Safari 1.x */
    -khtml-opacity: 0.5; /* Good browsers */
    opacity: 0.5;
}


/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options li.opt {
    padding-left: 35px;
    cursor: pointer;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    bottom: 0;
    margin-left: -35px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #AEAEAE;
    border-radius: 2px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.SumoSelect > .optWrapper > .MultiControls {
    display: none;
    border-top: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
    border-radius: 0 0 3px 3px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
    display: block;
    margin-top: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
    display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
    padding: 6px;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
    box-shadow: 0 0 2px #a1c0e4;
    border-color: #a1c0e4;
    outline: none;
    background-color: #a1c0e4;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
    display: inline-block;
    cursor: pointer;
    padding: 12px;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
    background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
    border-right: 1px solid #DBDBDB;
    border-radius: 0 0 0 3px;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
    border-radius: 0 0 3px 0;
}

/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options li.opt {
    padding: 12px 6px;
}

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
    padding-left: 35px;
}

.SumoSelect > .optWrapper.multiple.isFloating {
    padding-bottom: 43px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
    background-color: rgb(17, 169, 17);
    box-shadow: none;
    border-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center center;
}

/*disabled state*/
.SumoSelect.disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.SumoSelect.disabled > .CaptionCont {
    border-color: #ccc;
    box-shadow: none;
}

/**Select all button**/
.SumoSelect .select-all {
    border-radius: 3px 3px 0 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 0 3px 35px;
    cursor: pointer;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
}

.SumoSelect .select-all > label, .SumoSelect .select-all > span i {
    cursor: pointer;
}

.SumoSelect .select-all.partial > span i {
    background-color: #ccc;
}


/*styling for optgroups*/
.SumoSelect > .optWrapper > .options li.optGroup {
    padding-left: 5px;
    text-decoration: underline;
}

.row-expect {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

/* xForms */
@media (max-width: 800px) {
    #header_language_menu_dropdown_container {
        text-align: center !important;
    }

    .input-group-x {
        padding-left: 0;
        padding-right: 0;
    }

    .xUni_Logo_Size_normal {
        padding-left: 0;
    }

    .icon-top-courses {
        position: absolute;
        top: -18px;
    }

    .icon-add-my {
        right: -6px;
    }

    .icon-add-star {
        right: 25px;
    }

    .logo-uni-in-courses {
        padding-right: 0;
    }

    .courseTitle span, .courseUniTitle span {
        margin-left: 5px;
        margin-top: 2px;
    }

    .courseTitle i, .courseUniTitle i {
        width: auto;
    }

    .info-course-container {
        padding-top: 11px;
    }

    .xUni_Logo_Container .xUni_Logo_IMG {
        box-shadow: 1px 1px 11px -7px #999;
    }
}


/* page-content */
.page-content h1 {
    font-size: 26px;
}

.page-content h2 {
    font-size: 23px;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: 600;
}

.page-content h3 {
    font-size: 22px;
    padding-top: 15px;
    padding-bottom: 8px;
    font-weight: 600;
}

.page-content h4 {
    font-size: 21px;
    padding-top: 15px;
    padding-bottom: 8px;
    font-weight: 600;
}

.page-content h5 {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: 600;
}

.page-content h6 {
    font-size: 19px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: 600;
}

.goto_post_icon {
    color: #0091d2;
    opacity: 0.4;
    top: -4px;
    position: relative;
    font-size: 12px;
}

.min-height-body {
    min-height: 500px;
    height: auto;
}

.xClient_profile_uploaded {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: solid 4px white;
    box-shadow: 0 0 3px #999;
    margin: auto;
}

.xClient_profile_uploaded img {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
}

.xClient_profile_header {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin: 0px;
    display: inline-block;
    margin-top: -7px !important;
}

.xClient_profile_header img {
    width: 36px !important;
    margin-top: -4% !important;
    margin-left: -4% !important;
    top: -5px !important;
}

.xClient_profile {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 15px 0;
    border: solid 4px white;
    box-shadow: 0px 0px 3px #999;
}

.xClient_profile img {
    width: 110%;
    margin-top: -20%;
    margin-left: -5%;
}

@media (max-device-width: 800px) {
    .aa_photo_circle, .xClient_profile {
        margin: 0 auto;
    }

    .ins-header-content, .header-inst-logo-cont {
        position: relative !important;
        top: 0 !important;
    }

    .ins-header.ins_header_template_normal .ins-header-desc {
        bottom: 0 !important;
    }
}

.xClient_profile_header {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin: 5px;
    display: inline-block;
    margin-bottom: -10px !important;
}

.xClient_profile_header img {
    width: 36px !important;
    margin-top: -4% !important;
    margin-left: -5% !important;
    top: -5px !important;
}