body {
    /*font-family: 'Lato', 'Arial', sans-serif;
    font-size: 14px;
    position: relative;
    color: #747983;*/
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    /*font-size: 1rem;*/
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    /*color: #535353;*/
    color: #4f4d4d;
}

a {
    color: #0c5dcc;
    cursor: pointer;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

    a:hover,
    a:focus {
        color: #00aff5;
        text-decoration: none;
        outline: none;
    }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Rubik', sans-serif;*/
    color: #000;
    font-weight: 500;
    display: block;
}

.text-font1 {
    font-family: 'IBM Plex Sans', sans-serif;
}

.text-font2 {
    font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@font-face {
    font-family: 'Script MT Bold';
    src: url('../fonts/SCRIPTBL.ttf') format('truetype');
}

@font-face {
    font-family: 'Ebbing PERSONAL USE ONLY';
    src: url('../fonts/Ebbing_PERSONAL_USE_ONLY.ttf') format('truetype');
}

@font-face {
    font-family: Titillium Web;
    src: url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
}
/*h1 {
    font-size: 60px;
    margin-bottom: 1.5rem;
}
h2 {
    font-size: 45px;
    margin-bottom: 1rem;
}
h3 {
    font-size: 33px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 28px;
    margin-bottom: 0.7rem;
}*/
ul {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

form {
    margin: 0;
}

.row-sm {
    margin-right: -5px;
    margin-left: -5px;
}

    .row-sm .col, .row-sm .col-1, .row-sm .col-10, .row-sm .col-11, .row-sm .col-12, .row-sm .col-2, .row-sm .col-3, .row-sm .col-4, .row-sm .col-5, .row-sm .col-6, .row-sm .col-7, .row-sm .col-8, .row-sm .col-9, .row-sm .col-auto, .row-sm .col-lg, .row-sm .col-lg-1, .row-sm .col-lg-10, .row-sm .col-lg-11, .row-sm .col-lg-12, .row-sm .col-lg-2, .row-sm .col-lg-3, .row-sm .col-lg-4, .row-sm .col-lg-5, .row-sm .col-lg-6, .row-sm .col-lg-7, .row-sm .col-lg-8, .row-sm .col-lg-9, .row-sm .col-lg-auto, .row-sm .col-md, .row-sm .col-md-1, .row-sm .col-md-10, .row-sm .col-md-11, .row-sm .col-md-12, .row-sm .col-md-2, .row-sm .col-md-3, .row-sm .col-md-4, .row-sm .col-md-5, .row-sm .col-md-6, .row-sm .col-md-7, .row-sm .col-md-8, .row-sm .col-md-9, .row-sm .col-md-auto, .row-sm .col-sm, .row-sm .col-sm-1, .row-sm .col-sm-10, .row-sm .col-sm-11, .row-sm .col-sm-12, .row-sm .col-sm-2, .row-sm .col-sm-3, .row-sm .col-sm-4, .row-sm .col-sm-5, .row-sm .col-sm-6, .row-sm .col-sm-7, .row-sm .col-sm-8, .row-sm .col-sm-9, .row-sm .col-sm-auto, .row-sm .col-xl, .row-sm .col-xl-1, .row-sm .col-xl-10, .row-sm .col-xl-11, .row-sm .col-xl-12, .row-sm .col-xl-2, .row-sm .col-xl-3, .row-sm .col-xl-4, .row-sm .col-xl-5, .row-sm .col-xl-6, .row-sm .col-xl-7, .row-sm .col-xl-8, .row-sm .col-xl-9, .row-sm .col-xl-auto {
        padding-right: 5px;
        padding-left: 5px;
    }

p.lead {
    margin-bottom: 2rem;
    font-size: 1rem;
    font-weight: 400;
}

.text-primary {
    color: #e38cb7 !important;
}

.text-light-pink {
    color: #ff66a7;
}

.light-font {
    font-weight: 300;
}

.title-decorative {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #adb5bd;
    margin-bottom: 0.75rem;
    display: block;
    font-weight: 500;
}

@media (min-width: 576px) {
    .title-decorative {
        margin-bottom: 1rem;
    }

    div#myModalstudent .modal-dialognew {
        max-width: 773px !important;
        margin: 1.75rem auto;
    }
}

.btn {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0.6rem 1.5rem;
    transition: all 0.3s ease;
}

    .btn.with-icon i {
        width: 25px;
        height: 25px;
        background: #f9398f;
        color: #fff;
        display: inline-block;
        line-height: 25px;
        text-align: center;
        border-radius: 50%;
    }

.btn-link {
    font-weight: 500;
    color: #4255c3;
}

.btn-md {
    padding: 0.6rem 1.35rem;
}

.btn-outline-light:hover {
    color: #cc378d;
}

.btn-pink {
    border-radius: 3px;
    background-image: -moz-linear-gradient( 122deg, #e54595 0%, #fd378e 100%);
    background-image: -webkit-linear-gradient( 122deg, #e54595 0%, #fd378e 100%);
    background-image: -ms-linear-gradient( 122deg, #e54595 0%, #fd378e 100%);
    background-image: linear-gradient( 122deg, #e54595 0%, #fd378e 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
    font-weight: 500;
    padding: 0.6rem 2rem;
    border: 0;
    color: #fff;
}

    .btn-pink:hover,
    .btn-pink:focus,
    .btn-pink:active,
    .btn-pink:not([disabled]):not(.disabled).active,
    .btn-pink:not([disabled]):not(.disabled):active,
    .show > .btn-pink.dropdown-toggle {
        background-image: linear-gradient( 122deg, #fd378e 0%, #e54595 100%);
        box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.3);
        color: #FFF;
    }

.btn-light {
    border-radius: 3px;
    background: #FFF;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.26);
    font-size: 14px;
    font-weight: 500;
    color: #3f51b5;
    margin: 0.5rem;
    padding: 0.7rem 1.6rem;
    line-height: 1.8;
}

.btn-group-lg > .btn,
.btn-lg {
    padding: 0.8rem 1rem;
    font-size: 15px;
}

.light-bg {
    background-color: #faf6fb;
}

section {
    padding: 50px 0;
}

.section {
    padding: 0 0 100px 0;
}

.dark-section {
    padding: 60px 0;
}

.section2 {
    padding: 80px 0;
}

.section-title {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-title small {
        color: #998a9b;
    }

.content-section {
    padding: 60px 0;
}

@media (max-width:1400px) {
    .content-section {
        padding: 40px 0;
    }
}

@media (max-width:1200px) {
    .main-section > .content-section:first-child {
        padding: 60px 0 40px 0;
    }
}

@media (max-width:992px) {
    .main-section > .content-section:first-child {
        padding: 45px 0 30px 0;
    }
}

@media (max-width:576px) {
    .main-section > .content-section:first-child {
        padding: 40px 0 30px 0;
    }
}

@media (max-width:767px) {


    .d-flex.social.mt-2 {
        display: unset !important;
        text-align: left;
    }

    .videogallery .image-gallery .gallry-block .content-block {
        height: auto !important;
    }

    .AwardsBox .Awardsleft {
        margin-left: 48 !important;
    }

    .AwardsBox .owl-carousel .owl-item img {
        height: auto !important;
        width: 100% !important;
    }

    .AwardsBox .heading-text-below {
        left: 60px !important;
    }

    .AwardsBox h3.text-uppercase.text-white {
        font-size: 22px;
    }

    .AwardsBox h4.bg-color {
        padding: 5px 15px !important;
        font-size: 18px;
    }

    .AwardsBox img.Badge-Junior {
        width: 63% !important;
    }

    .AwardsBox ul.d-flex.justify-content-between {
        display: unset !important;
    }

        .AwardsBox ul.d-flex.justify-content-between li {
            width: 100% !important;
        }

    table.table.table-r.table-responsive.table-bordered.table-striped.tblpmg0 {
        margin-top: 40px !important;
    }

    div#rgnxbk div#dvSearch a.btn.btn-submit.bt-md.pull-right b, div#rgnxbk div#dvSearch .fgrp p {
        font-size: 10px !important;
        text-align: center;
    }

    .our-team-01 .team-img .img img {
        width: 100%;
        height: auto !important;
    }

    .about-kamp-page .about-KPMC .about-KPMC-content p {
        padding-right: 0 !important;
    }

    .directstrtn {
        text-align: center;
    }

        .directstrtn button#btnSignUp {
            width: 87% !important;
        }

    .header-top .login-menu a.nav-link.mr-3 {
        margin-right: 0 !important;
    }

    .header-top .login-menu li.nav-item.login-item.position-relative.admin_ug {
        position: absolute !important;
        bottom: -43px;
        z-index: 9;
        width: 100%;
        left: 0;
        right: 0;
        text-align: right;
        margin: 0 auto;
    }

    .university_head ul.login-menu.float-right {
        float: initial !important;
    }

    .footer-social-link h4.text-white {
        margin-top: 10px;
        font-size: 22px;
    }

    .social-icons.spinned {
        margin-left: 3px !important;
    }

    .social-icons .item {
        margin: 0 !important;
    }

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

    .site-header a.navbar-brand.hidden-md-up {
        display: block !important;
    }

    .payment_rstr button#btnSignUp {
        width: 90% !important;
    }
    /*.university_head {
    margin-top: 124px;
}*/
    /*.university_head ul.login-menu.float-right li.nav-item.login-item.position-relative.admin_ug {
            display: none !important;
        }*/
    .select2-container .select2-selection--single {
        height: auto !important;
    }

    .university_head .header-top .header-address ul li {
        width: 50%;
        text-align: center;
        border: none;
        margin-right: 0;
    }



    .university_head .header-top .logo-item img {
        height: 30px;
    }

    .university_footer .footerlogo-kamp {
        width: 113px;
    }

    .university_footer .copyright {
        text-align: center;
    }

    .university_head .header-top .nistad-item img {
        height: 23px !important;
    }

    .university_head .header-top .login-item .nav-link {
        background-image: linear-gradient(to right, #2a9df4, #0575E6) !important;
        border-image-source: linear-gradient(to left, #2a9df4, #076ddd);
        color: #fff !important;
    }

        .university_head .header-top .login-item .nav-link span {
            color: #fff !important;
        }

    .loginDv span#forgotId_re {
        padding-right: 7px !important;
    }

    .loginDv .lglnk {
        padding-right: 7px !important;
    }

    .loginDv {
        padding: 10px !important;
    }

    .login-part {
        padding: 28px 15px 18px !important;
    }

    .login-wrapper .mt-3.text-right {
        text-align: center !important;
    }

    .login-wrapper input.btn.btn-submit.bt-md {
        width: 88%;
    }

    .nav-menu .navbar-dark.navbar-expand-lg .navbar-nav.login-menu {
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        word-break: break-all !important;
        white-space: inherit !important;
    }

    .registration-part .col-md-6.col-sm-6.col-12.pull-left.text-left {
        padding-left: 0;
    }

    .registration-part button#btnSignUp {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .registration-part .captcha .col-sm-5.col-12 input#next {
        width: 100%;
    }


    .registration-part .col-md-6.col-sm-6.col-12.pull-left.text-right {
        text-align: center !important;
        margin: 0 0 23px 0 !important;
        padding-left: 0;
    }

    .registration-part .captcha .col-sm-5.col-12 {
        text-align: center;
        margin-top: 23px;
    }

    .select2-container .select2-selection--single {
        height: auto !important;
    }

    .main-menu .navbar-dark .navbar-nav .nav-link {
        color: #333;
        line-height: 15px !important;
        font-weight: 600;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }

    .nav-menu.fixed-top.is-scrolling ul.navbar-nav.login-menu.ml-auto {
        display: none;
    }

    .main-menu .navbar-dark .navbar-nav {
        /*margin-top: 119px;*/
    }
}

.header-title {
    position: relative;
    background: #f9fbff;
    background: -webkit-linear-gradient(bottom,#f8fbff,#ffffff);
    background: -ms-linear-gradient(bottom,#f8fbff,#ffffff);
    background: -o-linear-gradient(bottom,#f8fbff,#ffffff);
    background: -moz-linear-gradient(bottom,#f8fbff,#ffffff);
}

    .header-title:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: url(../images/header-title-bg.png) center 85% no-repeat;
    }

    .header-title h1 {
        position: relative;
        font-size: 4rem;
        line-height: 1.2em;
        letter-spacing: 1px;
        text-transform: capitalize;
    }

    .header-title .breadcrumb-wrap {
        position: relative;
        margin-top: 30px;
        padding-left: 180px;
    }

        .header-title .breadcrumb-wrap:before {
            content: '';
            position: absolute;
            top: 14px;
            left: 2px;
            width: 158px;
            border-bottom: 2px solid #0c141c;
        }

    .header-title .breadcrumb-title {
        position: relative;
    }

        .header-title .breadcrumb-title li {
            position: relative;
            display: inline-block;
            line-height: 30px;
            margin-right: 20px;
            font-weight: 400;
            color: #00000a;
            font-size: 18px;
            text-transform: capitalize;
        }

            .header-title .breadcrumb-title li:before {
                content: '/';
                position: absolute;
                right: -22px;
                top: 2px;
                width: 20px;
                font-size: 12px;
                text-align: center;
                line-height: 30px;
            }

            .header-title .breadcrumb-title li a {
                color: #00000a;
                font-weight: 400;
                transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
            }

            .header-title .breadcrumb-title li:first-child {
                margin-left: 0px;
            }

            .header-title .breadcrumb-title li:last-child:before {
                display: none;
            }

@media (max-width:600px) {
    .header-title h1 {
        font-size: 3.5rem;
    }

    .header-title .breadcrumb-wrap {
        margin-top: 15px;
        padding-left: 150px;
    }

        .header-title .breadcrumb-wrap:before {
            width: 126px;
        }
}

@media (max-width:450px) {
    .header-title h1 {
        font-size: 3.3rem;
    }

    .header-title .breadcrumb-wrap {
        margin-top: 15px;
        padding-left: 120px;
    }

        .header-title .breadcrumb-wrap:before {
            width: 100px;
        }

    .header-title .breadcrumb-title li {
        font-size: 15px;
    }
}

@media (max-width:400px) {
    .header-title .breadcrumb-wrap:before {
        width: 50px;
    }

    .header-title .breadcrumb-wrap {
        margin-top: 15px;
        padding-left: 70px;
    }
}

@media (max-width:350px) {
    .header-title .breadcrumb-wrap:before {
        width: 20px;
    }

    .header-title .breadcrumb-wrap {
        margin-top: 15px;
        padding-left: 25px;
    }
}
/*.container-full, .container-full1 {
        max-width: 100%;
        width: 100%;
        
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
}*/
/*@media only screen and (min-width: 1400px) {
   
    .container-full1 {
        max-width: 1200px;
    }
    
}

@media only screen and (max-width: 1200px) and (min-width: 1100px) {
    .container-full, .container-full1 {
        
        max-width: 1030px;
    }
}
@media only screen and (max-width: 1100px) and (min-width: 992px) {
    .container-full, .container-full1 {
       
        max-width: 950px;
    }
}*/
@media only screen and (max-width: 992px) and (min-width: 767px) {

    .login-part {
        padding: 28px 122px 18px !important;
    }

    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .container-full, .container-full1 {
        /*max-width: 850px;*/
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 767px) {

    .sticky_icon li {
        width: 30px;
        height: 30px !important;
        display: inline-block;
    }

        .sticky_icon li a {
            font-size: 0;
        }

        .sticky_icon li:hover {
            margin-left: 0 !important;
        }

        .sticky_icon li img {
            width: 23px;
        }

    .sticky-container {
        bottom: 20px;
        top: unset !important;
        left: 15px !important;
    }

    .container-full, .container-full1 {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}
/* NAVBAR
----------------------*/
body.SitePage {
    padding-top: 90px;
}

body.index-page {
    /*padding-top:112px;*/
}

.nav-search-header {
    background-color: #314d9a;
    /*background: linear-gradient(45deg, #2f4a97, #0e8fbc 80%,#824d7f);*/
    /*padding: .5rem 0;
    min-height: 80px;*/
    /*background:linear-gradient(45deg, #352967,#3277bc);*/
    background: linear-gradient(45deg, #2d408c,#3277bc);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .nav-search-header .navbar-brand {
        padding: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        z-index: 105;
    }

.nav-menu .navbar-dark .navbar-brand {
    padding: 0;
}

    .nav-menu .navbar-dark .navbar-brand img, .nav-search-header .navbar-brand img {
        height: 90px;
        /*margin-top: -64px;
    padding: 10px;
    background: #fff;
    margin-left: -15px;*/
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -ms-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

.nav-search-header .search-bar .search-box {
    position: relative;
    padding-left: 180px;
}

    .nav-search-header .search-bar .search-box .form-control {
        height: 42px;
        border-radius: 30px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.48);
    }

    .nav-search-header .search-bar .search-box .btn {
        position: absolute;
        top: 0;
        right: 0;
        height: 42px;
        width: 50px;
        border-radius: 0;
        background: #3e4fae;
        color: #fff;
        font-size: 19px;
        border: 1px solid #fff;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        padding: 0.6rem 0rem;
    }

.nav-search-header .navbar-nav {
    float: right;
}

.nav-search-header .navbar {
    padding: 0;
}

.nav-search-header .navbar-nav .nav-item {
    padding: 0.32rem 0;
}

.nav-search-header .navbar-nav .nav-link {
    /*color: rgba(255, 255, 255, 0.8);*/
    color: #000000;
    font-size: 13px;
    line-height: 37px;
    padding: 0 15px;
    text-decoration: none;
    white-space: nowrap;
    margin-left: 0.3rem;
}

    .nav-search-header .navbar-nav .nav-link.nav-btn {
        line-height: initial;
        padding: 8px 15px;
        border-radius: 20px;
        background: rgba(0, 0, 0, 0.2);
    }

.nav-menu .navbar-dark .navbar-nav .nav-link {
    /*line-height: 80px;*/
    font-weight: 400;
}

.nav-search-header .navbar-nav .nav-link {
    color: #ffffff;
}

.nav-search-header .navbar-nav .dropdown-menu {
    position: absolute;
    z-index: 1031;
    border-radius: 0;
    -webkit-animation-name: slideInUp-medium;
    animation-name: slideInUp-medium;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    box-shadow: 0 2px 8px rgba(0,0,0,.08), 0 5px 15px rgba(0,0,0,.08);
    margin: 0;
    border: 0;
}

    .nav-search-header .navbar-nav .dropdown-menu .dropdown-item {
        font-size: 13px;
        padding: .5rem 1.5rem;
    }

        .nav-search-header .navbar-nav .dropdown-menu .dropdown-item:hover {
            color: #824d7f;
        }

.nav-menu {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .18);
    transition: all 0.3s ease;
    background: #fff;
    position: relative;
}
    /*.nav-menu:before {
    content: '';
    background: linear-gradient(to right, #16319f, #05a8e6);
    position: absolute;
    top: 0;
    height: 2px;
    width: 100%;
    z-index: 1;
}*/
    .nav-menu.fixed-top {
        /*top: 47px;*/
        position: fixed;
        top: 0;
    }

    .nav-menu .navbar {
        padding: 0;
    }

    .nav-menu .navbar-dark .navbar-toggler {
        color: #fff;
        border-color: rgb(251, 61, 141);
        background: #ff5ba0;
        border-radius: 2px;
        margin: 10px 0;
    }

    .nav-menu .navbar-dark .navbar-nav .nav-link {
        padding: 0 15px;
    }

.navbar-nav .nav-link {
    position: relative;
}

    .navbar-nav .nav-link .ti {
        width: 25px;
        height: 25px;
        background: #fff;
        color: #3e50b2;
        display: inline-block;
        line-height: 25px;
        text-align: center;
        border-radius: 50%;
    }

.SitePage .nav-menu {
    background-color: #212529;
    padding: 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
}

    .SitePage .nav-menu .navbar.navbar-dark {
        border-bottom: 0;
    }

.navbar-nav .nav-item a.btn-pink {
    padding: 0.6rem 1.5rem;
    text-transform: capitalize;
}

.nav-menu .navbar-dark.navbar-expand-lg .navbar-nav.login-menu {
    -ms-flex-direction: row;
    flex-direction: row;
    display: inherit;
}

.nav-menu .navbar-dark .login-menu .nav-item {
    margin-left: 0rem;
    text-align: left;
}

.nav-menu .navbar-dark .login-menu .nav-link {
    font-size: 15px;
}

.nav-menu .navbar-dark .login-menu .btn.nav-link {
    line-height: 1;
    text-transform: capitalize;
    padding: 0.3rem 1rem;
    border: 1px solid #d5d6de;
    box-shadow: 0 3px 13px -3px rgba(0, 0, 0, 0.27);
    margin: 0.35rem 0;
}

    .nav-menu .navbar-dark .login-menu .btn.nav-link i {
        background: #fb3d8d;
        color: #ffffff;
    }

.nav-menu .navbar-dark .login-menu .nav-link {
    position: relative;
}

.nav-menu .navbar-dark .login-menu .login-item {
    /*background:#292d38;*/
    padding: 0 0.5rem;
}

    .nav-menu .navbar-dark .login-menu .login-item .nav-link {
        line-height: initial;
        background: linear-gradient(to right,#134c9d,#27afe8);
        color: #fff;
        border-radius: 30px;
        margin-top: 20px;
        padding: 11px 19px;
        display: inline-table;
    }

        .nav-menu .navbar-dark .login-menu .login-item .nav-link img {
            height: 24px;
            margin-bottom: 5px;
        }

.nav-menu .navbar-dark .login-menu .nistad-item {
    margin-left: 0;
    margin-right: -15px;
    padding: 0 0.5rem;
}

    .nav-menu .navbar-dark .login-menu .nistad-item .nav-link {
        padding: 0;
    }

        .nav-menu .navbar-dark .login-menu .nistad-item .nav-link img, .nav-menu .navbar-dark .login-menu .logo-item img {
            height: 63px;
            margin: 5px 0 0 0;
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            -ms-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }

.nav-menu .navbar-dark .login-menu .logo-item {
    margin-left: 0;
}

    .nav-menu .navbar-dark .login-menu .logo-item img {
        margin: 8px 0 0 0;
        height: 70px;
    }
/*.nav-menu.menu-is-open .navbar-collapse {
    background-color: rgb(74, 13, 143);
    background: linear-gradient(45deg, #292d38, #3f51b5);
    box-shadow: 0px 7px 23px 0px rgba(0, 0, 0, 0.56);
    position: absolute;
    width: 100%;
    top: 60px;
    border: 1px solid #fff;
}
.nav-menu.menu-is-open .navbar-dark .navbar-collapse .navbar-nav .nav-link {
    color: #fff;
}*/
.nav-menu.fixed-top.is-scrolling {
    top: 0;
}

.nav-menu.is-scrolling {
    padding: 0;
}

    .nav-menu.is-scrolling .navbar-dark .navbar-brand img {
        height: 73px;
        padding: 0;
        margin: 0;
    }

    .nav-menu.is-scrolling .navbar-dark .login-menu .nistad-item .nav-link img {
        height: 70px;
    }

    .nav-menu.is-scrolling .navbar-dark .login-menu .logo-item .nav-link img {
        height: 60px;
    }

    .nav-menu.is-scrolling .navbar-dark .login-menu .login-item .nav-link {
        font-size: 15px;
        margin-top: 16px;
    }
/*.nav-menu.is-scrolling .navbar-dark .login-menu .btn.nav-link {
    margin: 0.7rem 0;
}
.nav-menu.is-scrolling .navbar-dark .login-menu .my-cart:before {
    content: '';
    background: url(../images/cart-icon-alt.png);
    background-repeat: no-repeat;
    background-size: 27px 27px;
    background-position: center center;
}
.nav-menu.is-scrolling .navbar-dark .login-menu .offer-zone:before {
    content: '';
    background: url(../images/phone-icon-alt.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center center;
}
.nav-menu.is-scrolling .navbar-dark .login-menu .my-cart .nav-link > span {
    margin-top: 35px;
}
.nav-menu.is-scrolling .navbar-dark .login-menu .my-cart .nav-link .cart-num {
    background: #ffffff;
    color: #ea4394;
    margin-top: 0;
}*/
@media (max-width: 1400px) {
    .nav-menu.fixed-top {
        /*top: 43px;*/
    }
}

@media (max-width: 1310px) and (min-width: 1250px) {
    .nav-search-header .col-xl-8 {
        -ms-flex: 0 0 63.666667%;
        flex: 0 0 63.666667%;
        max-width: 63.666667%;
    }
}

@media (max-width: 1170px) and (min-width: 992px) {
    .nav-search-header .col-xl-8 {
        -ms-flex: 0 0 60.666667%;
        flex: 0 0 60.666667%;
        max-width: 60.666667%;
    }
}

@media (max-width: 992px) {
    .nav-menu .navbar-dark .navbar-brand img, .nav-search-header .navbar-brand img {
        height: 70px;
    }

    .nav-menu.is-scrolling .navbar-dark .navbar-nav .nav-link {
        font-size: 14px;
    }

    .nav-menu.is-scrolling .navbar-dark .login-menu .login-item .nav-link {
        font-size: 13px;
        margin-top: 16px;
    }

    .nav-menu.is-scrolling .navbar-dark .navbar-brand img {
        height: 70px;
    }
}

@media (min-width: 992px) {
    .nav-search-header {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .nav-search-header .navbar-expand-lg .navbar-nav {
            margin-left: 0;
        }
}

@media (max-width: 1400px) {
    .nav-menu .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.6rem;
        padding-left: 0.6rem;
    }
}

@media (max-width: 1300px) {
    .nav-menu .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.3rem;
        padding-left: 0.3rem;
        /*font-size: 14px;*/
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    .event-area .item .thumb, .event-area .item .info {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        min-height: initial !important;
    }

    .header-top .login-item .nav-link {
        font-size: 13px !important;
        margin-top: 16px;
    }

    .nav-menu .navbar-dark .navbar-brand img, .nav-search-header .navbar-brand img {
        height: 70px;
    }

    .nav-menu .navbar-dark .login-menu .nistad-item .nav-link img {
        height: 70px;
    }

    .nav-menu .navbar-dark .login-menu .logo-item .nav-link img {
        height: 60px;
    }
}

@media (max-width: 1100px) {
    .nav-menu .navbar-expand-lg .navbar-nav .nav-link {
        /*font-size: 13px;*/
        font-size: 14px;
    }
}

@media (max-width:991px) {

    .site-header .responsive-login-btn {
        display: block !important;
        width: 100%;
    }

    .site-header .header-top .login-item .nav-link {
        margin-top: 8px;
        margin-bottom: 6px;
    }

    .site-header .header-top .login-item .nav-link {
        padding: 9px 26px !important;
    }

    .site-header .header-top .login-menu {
        display: flex;
        justify-content: center;
    }

    .site-header .login-menu .login-submenu {
        top: 44px;
    }

    .main-section {
        margin-top: 125px;
    }

    .nav-menu .navbar-dark .login-menu .login-item .nav-link {
        border-radius: 2px;
    }

    .nav-menu .navbar-dark .navbar-brand img, .nav-search-header .navbar-brand img {
        height: 80px;
    }

    .navbar-nav.is-scrolling {
        padding-bottom: 1rem;
    }

    .nav-search-header .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .nav-menu .navbar.navbar-dark.navbar-expand-lg.flex-row-reverse {
        flex-direction: row !important;
    }

    .nav-menu .navbar-dark .login-menu .login-item {
        /*background: transparent;*/
        margin: 0;
    }

    .nav-menu .navbar-dark.navbar-expand-lg .navbar-nav.login-menu {
    }
}

@media (max-width:900px) {
    .nav-search-header .col-xl-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .nav-search-header .navbar-expand-lg {
        display: none;
    }

    .nav-menu .navbar-dark .login-menu {
        display: block;
    }
}

@media (max-width:768px) {
    .nav-menu .navbar {
        padding: 0;
    }

    .nav-menu .navbar-dark.navbar-expand-lg .navbar-nav.login-menu {
        top: 0;
    }
}

@media (max-width:600px) {
    .nav-search-header .search-bar .search-box {
        padding-left: 150px;
    }

    .nav-menu .navbar-dark .login-menu .nav-item {
        margin-left: 0;
    }
}

@media (max-width:500px) {
    .nav-search-header .navbar-brand img {
        height: 28px;
        margin-top: 0.5rem;
    }

    .nav-search-header .search-bar .search-box .form-control, .nav-search-header .search-bar .search-box .btn {
        height: 40px;
    }

    .nav-search-header .search-bar .search-box .btn {
        font-size: 16px;
        width: 49px;
        text-align: center;
        padding: 0;
    }

    .nav-search-header .search-bar .search-box {
        padding-left: 100px;
    }

    .nav-search-header .navbar-nav .nav-link {
        margin-right: 0;
        padding: 0 5px;
    }

    .nav-menu .navbar-dark .login-menu .my-cart .nav-link .cart-num {
        top: -25px;
        min-width: 21px;
        height: 21px;
        line-height: 21px;
    }

    .nav-menu .navbar-dark .login-menu .nav-link {
        padding: 0 5px;
        font-size: 13px;
    }

    .nav-menu .navbar-dark .login-menu .btn.nav-link {
        display: none;
    }
}

@media (max-width:640px) {
    .nav-menu .navbar-dark .login-menu .login-item .nav-link {
        padding: 7px 8px;
    }
}

@media (max-width:556px) {
    .nav-menu .navbar-dark .login-menu .login-item {
        padding: 0 1px;
    }

    .nav-menu .navbar-dark.navbar-expand-lg .navbar-nav.login-menu {
        display: initial;
    }
}

@media (max-width:498px) {
    .nav-menu .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px !important;
    }
}

@media (max-width:466px) {
    .nav-menu .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 10px !important;
    }
}

@media (max-width:350px) {
    .nav-search-header .search-bar .search-box {
        padding-left: 0;
    }

    .nav-search-header .navbar-brand {
        position: static;
        margin-bottom: 10px;
    }

        .nav-search-header .navbar-brand img {
            margin-top: 0;
        }
}
/*.main-section {
    padding-top: 80px;
}
@media (max-width:1400px) {
    .main-section {
        padding-top: 70px;
    }
}
@media (max-width:768px) {
    .main-section {
        padding-top: 60px;
    }
}*/
/* --------------------------------------------------------------------------------
    Main Menu
----------------------------------------------------------------------------------*/

.main-menu.menu-is-open .navbar-collapse {
    padding: 20px 0;
}

.main-menu .navbar {
    padding: 0;
}

.main-menu .navbar-dark .navbar-nav .active > .nav-link, .main-menu .navbar-dark .navbar-nav .nav-link.active, .main-menu .navbar-dark .navbar-nav .nav-link.show, .main-menu .navbar-dark .navbar-nav .show > .nav-link, .main-menu .navbar-dark .navbar-nav .nav-link:focus, .main-menu .navbar-dark .navbar-nav .nav-link:hover {
    color: #49d1ff;
}

.main-menu .navbar-dark .navbar-nav .nav-link {
    line-height: 47px;
    padding: 0px 16px 0 16px;
    text-decoration: none;
    white-space: nowrap;
    color: #212529;
    font-weight: 600;
}

.navbar-nav .dropdown-toggle::after {
    margin-left: .80em;
}

.main-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
    position: relative;
}

    .main-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item a {
        color: #fff;
        font-size: 15px;
        font-weight: 400;
    }

    .main-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover > a {
        color: #fff;
    }

.main-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #fff;
}

.dropdown-item {
    color: #535353;
}

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #3a5bd2;
        background: linear-gradient(to right,#134e9f,#27abe6);
    }

.main-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item.active > a, .main-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:active > a {
    color: #fff;
}

@media (min-width:1400px) {
    .main-menu .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 16px;
    }
}

@media (min-width:992px) {
    .main-menu .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
    }

        .main-menu .navbar-expand-lg .navbar-nav .nav-link:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #3a5bd2;
            /*background: linear-gradient(to right,#3a5bd2,#37bbec);*/
            background: linear-gradient(to left,#0ac7ff,#308dff);
            opacity: .8;
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -ms-transform-origin: right;
            transform-origin: right;
            transition: transform .7s cubic-bezier(.19,1,.22,1),background-color .6s ease;
        }

        .main-menu .navbar-expand-lg .navbar-nav .nav-link:hover:before {
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            -ms-transform-origin: left;
            transform-origin: left;
        }

    .main-menu .navbar-expand-lg .navbar-nav .dropdown-menu {
        z-index: 1031;
        border-radius: 0;
        -webkit-animation-name: slideInUp-medium;
        animation-name: slideInUp-medium;
        animation-duration: .5s;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        box-shadow: 0 2px 8px rgba(0,0,0,.08), 0 5px 15px rgba(0,0,0,.08);
        margin: 0;
        border: 0;
        padding: 0px 0;
        background: #918f8f;
    }

    .main-menu .navbar-expand-lg .navbar-nav .nav-link .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b !important;
        text-decoration: none;
        background-color: #636161;
    }

    .main-menu .navbar-expand-lg .navbar-nav .nav-item:hover > .dropdown-menu {
        display: block;
    }

    .main-menu .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover > .inner-navbar {
        display: block;
    }

    .main-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
        padding: 0;
    }

        .main-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item a {
            padding: .5rem 2rem;
            display: block;
        }

    .main-menu .navbar-expand-lg .navbar-nav .nav-item .inner-navbar {
        left: 100%;
        top: 2px;
    }
}

@media (max-width: 1400px) {
    .nav-menu .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.6rem;
        padding-left: 0.6rem;
    }
    /*.main-menu .navbar-dark .navbar-nav .nav-link {
        padding: 0 4px 0 .5rem;
    }*/
}

@media (max-width: 1300px) {
    .nav-menu .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.3rem;
        padding-left: 0.3rem;
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    .main-menu .navbar-dark .navbar-nav .nav-link {
        line-height: 50px;
        font-size: 12px;
        padding: 0 0.5rem 0 0.5rem;
    }
}

@media (max-width: 1100px) {
    .nav-menu .navbar-expand-lg .navbar-nav .nav-link {
        /*font-size: 13px;*/
        font-size: 14px;
    }

    .nav-menu .navbar-expand-lg .navbar-nav .dropdown-toggle::after {
        margin-left: .30em;
    }
}

@media (max-width:991px) {
    .event-area {
        padding: 60px 0px;
        margin-top: 100px;
    }

    .back-banner .event-area {
        margin-top: 0;
    }

    .nav-menu .navbar-dark .navbar-collapse .navbar-nav .dropdown-menu {
        padding: 0.2rem 0.7rem;
        margin: 0 7px;
    }

    .banner-announcement .nav-menu .navbar-dark .navbar-collapse .navbar-nav .dropdown-item {
        white-space: inherit;
        font-size: 0.85rem;
        border-bottom: 1px dashed #dadada;
        padding: .35rem 0;
    }

    .nav-menu .navbar-dark .navbar-collapse .navbar-nav .dropdown-item:last-child {
        border-bottom: 0;
    }

    .main-menu {
        position: fixed;
        left: 0;
        width: 100%;
        top: 0px;
        z-index: 999;
        background: #ffffff;
        -webkit-box-shadow: 0 15px 46px rgba(0,0,0,.18);
        -ms-box-shadow: 0 15px 46px rgba(0,0,0,.18);
        box-shadow: 0 15px 46px rgba(0,0,0,.18);
    }

        .main-menu .navbar-dark .navbar-nav .nav-link {
            color: #333;
            line-height: 20px;
            font-weight: 600;
        }

        .main-menu .navbar-dark .navbar-nav {
            padding: 30px 20px;
        }

        .main-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item a {
            color: #535353;
            width: 100%;
            float: left;
        }

        .main-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover a {
            color: #000;
            width: 100%;
            float: left;
        }

    .navbar-nav .dropdown-menu {
        float: left !important;
    }

    .main-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
        float: left;
        width: 100%;
    }
}
/* banner
----------------------*/
.carousel.slidercarousel {
    /*height: auto;
    overflow: hidden;*/
}

    .carousel.slidercarousel .carousel-caption {
        left: 0;
        right: 0;
        width: 100%;
        padding: 10px 20px;
        background: #141410b8;
        top: 0;
        bottom: auto;
        text-align: left;
    }

        .carousel.slidercarousel .carousel-caption p {
            font-size: 1.1rem;
        }

.site-header {
    padding: 20px 0 0 0;
    color: #FFF;
    position: relative;
    /*padding-top:128px;*/
    padding-top: 3px;
    /*background: url('../images/banner-bg.jpg');*/
    background-size: cover;
    background-position: center;
    background-color: #fff;
    box-shadow: 1px 1px 9px 1px #ddd;
}

.index-page .site-header {
    /*padding-bottom: 30px;*/
    padding-bottom: 5px;
    background-color: #fff;
}

.slider-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.97;
    top: 0;
    left: 0;
    /*background-color: rgba(33, 37, 41, 0.95);
    background: linear-gradient(45deg, rgba(41, 45, 56, 0.95), rgba(63, 69, 86, 0.9));*/
    background-color: #212529;
    background: linear-gradient(45deg, #292d38, #3f4556);
    /*background: linear-gradient(45deg, #292d38, #3f51b5);*/
}

.bg-gradient {
    background: #2c303a url(../images/bg-dots.png);
    /*background: #212529;
    background: linear-gradient(45deg, #292d38, #3f4556);
    background: -moz-linear-gradient( 135deg, rgba(41, 45, 56, 0.95) 0%, rgba(63, 69, 86, 0.9) 100%);
    background: -webkit-linear-gradient( 135deg, rgba(41, 45, 56, 0.95) 0%, rgba(63, 69, 86, 0.9) 100%);
    background: -ms-linear-gradient( 135deg, rgba(41, 45, 56, 0.95) 0%, rgba(63, 69, 86, 0.9) 100%);
    background: linear-gradient( 135deg, rgba(41, 45, 56, 0.95) 0%, rgba(63, 69, 86, 0.9) 100%);*/
}

.bg-gradient2 {
    background: linear-gradient(135deg, rgb(111, 66, 193) 0%, rgb(69, 130, 236) 100%);
}

.bg-gradient3 {
    background: linear-gradient(135deg, rgb(111, 66, 193) 0%, rgb(62, 79, 175) 100%);
}

.bg-gradient4 {
    background: linear-gradient(45deg, #292d38, #3f51b5);
}

.bg-gradient5 {
    background: linear-gradient(150deg, #19a0ff 0%, #2d1582 100%);
}

.bg-gradient6 {
    background: linear-gradient(45deg, #2d408c,#3277bc);
}

.bg-gradient7 {
    background: linear-gradient(-11deg,#2d69bd,#134f9f);
}

.bg-blue2 {
    background: #134f9f;
}

.bg-gradient-light {
    background-image: linear-gradient(0deg, rgba(55, 125, 255, 0.1) 0%, transparent 100%);
    background-repeat: repeat-x;
}

.carousel-inner {
    height: 500px;
    height: 100%;
}

    .carousel-inner .carousel-item img {
        width: 100%;
    }

header .carousel-inner .carousel-item img {
    position: absolute;
    width: 100%;
}

.carousel-item {
    height: 100%;
}

.carousel-control-next, .carousel-control-prev {
    width: 70px;
    opacity: 0;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 70px;
    height: 70px;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url(../images/slide-arrow.png);
    background-repeat: no-repeat;
    background-size: 91px;
    background-position: 15px 0;
}

.carousel-control-next-icon {
    background-image: url(../images/slide-arrow.png);
    background-repeat: no-repeat;
    background-size: 91px;
    background-position: -36px 0;
}

.carousel.slide:hover .carousel-control-next, .carousel.slide:hover .carousel-control-prev {
    opacity: .9;
}

.banner-content {
    width: 100%;
    padding: 0 80px;
    text-align: left;
    height: 100%;
}

    .banner-content > .row {
        height: 100%;
    }

.carousel.slide .carousel-item .slider-overlay {
    display: none;
}

.banner-content-buttons {
    margin: 25px 0 0 0;
}

.banner-content .banner-content-buttons .btn {
    line-height: 42px;
    font-size: 16px;
    height: auto;
    line-height: auto;
    padding: 7px 25px;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
}

.banner-content .banner-content-buttons .btn-warning .ti {
    margin-left: 10px;
}

.banner-content .banner-content-buttons .btn-white {
    color: #fff;
    box-shadow: none;
}

.banner-content .btn-white .ti {
    border: 2px solid #ffc207;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 38px;
    line-height: 34px;
    margin: 0 15px 0 0;
    width: 38px;
}

.banner-content .banner-content-buttons .btn:hover {
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.4);
}

.banner-content h1 {
    color: #fff;
    font-family: 'chalkFont';
    text-transform: uppercase;
}

    .banner-content h1 span {
        color: #fdc106;
    }

.tagline {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    margin: 20px auto 0 auto;
}

.banner-content .tagline {
    margin: 0 auto;
}

.carousel-item.first-slide .banner-content h2, .carousel-item.second-slide .banner-content h2 {
    font-size: 4.4rem;
    line-height: 1;
    text-shadow: 1px 1px 5px #000;
    font-weight: 500;
}

    .carousel-item.first-slide .banner-content h2 span {
        display: block;
    }

    .carousel-item.first-slide .banner-content h2 .text1 {
        font-size: 7.6rem;
        line-height: 0.6;
        font-family: 'Ebbing PERSONAL USE ONLY';
        color: #ffd83d;
        margin-bottom: 3rem;
    }

    .carousel-item.first-slide .banner-content h2 .text2 {
        margin-left: 11rem;
        font-family: Titillium Web;
        color: #2dfff7;
    }

        .carousel-item.first-slide .banner-content h2 .text2 img {
            height: 48px;
            vertical-align: baseline;
            margin: 0 4px;
        }

    .carousel-item.first-slide .banner-content h2 .text3 {
        font-family: Rockwell;
        margin-left: 4rem;
        font-size: 4.7rem;
    }

.carousel-item.first-slide .banner-content .slide-widget {
    position: absolute;
    top: -50px;
    right: 8%;
    height: 250px;
}

.carousel-item.first-slide .banner-content .banner-img img {
    max-height: 680px;
    padding-top: 50px;
}

.carousel-item.first-slide .banner-content h3 {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1.1;
    color: #fff;
    font-weight: 300;
    margin-top: 1.5rem;
    text-align: center;
    letter-spacing: 1.5px;
    width: 75%;
}

.carousel-item.first-slide .banner-content-buttons {
    width: 75%;
    text-align: center;
}
/*.banner-content .search-bar .search-box {
    position: relative;
}
.banner-content .search-bar .search-box .form-control {
    height: 45px;
    border-radius: 3px;
}
.banner-content .search-bar .search-box .btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    border-radius: 0;
    background: #3e4fae;
    color: #fff;
    font-size: 19px;
    border: 1px solid #fff;
}*/
.carousel-item.second-slide .banner-content h2 {
    color: #e3a545;
    line-height: 1.2;
    font-size: 10rem;
}

.carousel-item.second-slide .banner-content h3 {
    font-size: 3rem;
    line-height: 1.2;
}

.carousel-item.second-slide .banner-content .banner-img {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}

.banner-content .search-bar .search-criteria {
    margin-top: 10px;
}

    .banner-content .search-bar .search-criteria span {
        margin: 0 15px;
        font-size: 16px;
        display: inline-block;
    }

        .banner-content .search-bar .search-criteria span i {
            margin-right: 10px;
            color: #f9398f;
        }

@media (max-width:1500px) {
    .carousel-item.first-slide .banner-content .slide-widget {
        right: 0;
    }
}

@media (max-width:1400px) {
    /*.carousel.slidercarousel {
        height: 356px;
    }

    .slidercarousel {
        height: 530px;
    }*/

    .carousel-item.first-slide .banner-content .banner-img img {
        max-height: 600px;
    }

    .banner-content {
        padding: 0 50px;
    }

        .banner-content .banner-content-buttons .btn {
            line-height: 36px;
            font-size: 16px;
            padding: 7px 18px;
        }

    .carousel-item.first-slide .banner-content .slide-widget {
        top: -30px;
        height: 200px;
        right: 44px;
    }

    .carousel-item.first-slide .banner-content h3, .carousel-item.first-slide .banner-content-buttons {
        width: 85%;
    }

    .carousel-item.first-slide .banner-content h2 {
        font-size: 4rem;
    }

        .carousel-item.first-slide .banner-content h2 .text1 {
            font-size: 7rem;
            margin-bottom: 2.5rem;
        }

        .carousel-item.first-slide .banner-content h2 .text3 {
            font-size: 4.5rem;
            line-height: 0.8;
        }

    .carousel-item.first-slide .banner-content h3 {
        font-size: 1.3rem;
    }

    .carousel-item.first-slide .banner-content h2 .text2 img {
        height: 44px;
    }

    .carousel-item.second-slide .banner-content .banner-img {
        left: 100px;
    }

    .carousel-item.second-slide .banner-content h2 {
        font-size: 8rem;
    }

    .carousel-item.second-slide .banner-content h3 {
        font-size: 2.5rem;
    }
}

@media (max-width:1300px) {
    .carousel-item.second-slide .banner-content h2, .carousel-item.second-slide .banner-content h3 {
        margin-left: 2rem;
    }
}

@media (max-width:1200px) {


    .slide-caption__title {
        font-size: 2rem !important;
    }

    .nav-link {
        display: block;
        padding: 0.5rem 0.5rem !important;
    }

    .header-top .nistad-item img {
        height: 30px !important;
        /*margin: 13px 19px 0 0 !important;*/
    }
    /*.header-top .logo-item img {
    margin: 12px 0 0 0!important;
    height: 34px !important;
}*/
    .header-top .login-item .nav-link {
        padding: 9px 12px !important;
    }

    .header-top .header-address ul li {
        list-style: none;
        float: left;
        margin-right: 20px;
        line-height: 18px;
        color: #fff;
        border-right: 1px solid #fff;
        padding: 10px 9px 10px 0px !important;
        font-size: 12px;
    }

    .site-header {
        padding-top: 10px;
    }

    /*.carousel.slidercarousel {
        height: 356px;
    }*/

    .carousel-control-next, .carousel-control-prev {
        width: 30px;
    }

    .carousel-control-prev-icon {
        background-image: url(../images/slide-arrow.png);
        background-repeat: no-repeat;
        background-size: 65px;
        background-position: 2px 0;
    }

    .carousel-control-next-icon {
        background-image: url(../images/slide-arrow.png);
        background-repeat: no-repeat;
        background-size: 65px;
        background-position: -37px 0;
    }

    .carousel.slidercarousel .carousel-caption p {
        font-size: 1rem;
    }

    .banner-content .banner-content-buttons .btn {
        line-height: 36px;
        font-size: 16px;
        padding: 5px 18px;
    }

    .carousel-item.first-slide .banner-content h2 {
        font-size: 3.8rem;
    }

        .carousel-item.first-slide .banner-content h2 .text1 {
            font-size: 6.5rem;
            margin-bottom: 2.5rem;
        }

        .carousel-item.first-slide .banner-content h2 .text2 {
            margin-left: 9rem;
        }

            .carousel-item.first-slide .banner-content h2 .text2 img {
                height: 42px;
            }

        .carousel-item.first-slide .banner-content h2 .text3 {
            margin-left: 2rem;
            font-size: 4.3rem;
        }

    .carousel-item.first-slide .banner-content h3, .carousel-item.first-slide .banner-content-buttons {
        width: 90%;
    }

    .carousel-item.first-slide .banner-content h3 {
        font-size: 1.2rem;
        letter-spacing: 1px;
        margin-top: 1.5rem;
    }

    .banner-content-buttons {
        margin: 25px 0 0 0;
    }

    .carousel-item.second-slide .banner-content h2, .carousel-item.second-slide .banner-content h3 {
        margin-left: 6rem;
    }
}

@media (max-width:991px) {
    .carousel.slidercarousel {
        height: auto;
        overflow: visible;
    }

    .carousel.slidercarousel, .carousel-inner, .carousel-item {
        height: auto;
    }

    header .carousel-inner .carousel-item img {
        position: static;
        width: 100%;
    }



    .banner-content-buttons {
        margin: 20px 0 0 0;
    }

    .carousel.slide .carousel-item .slider-overlay {
        display: block;
    }

    .carousel-item.first-slide .banner-content h2 .text1 {
        font-size: 6rem;
        margin-bottom: 2rem;
    }

    .carousel-item.first-slide .banner-content h2 .text2 {
        margin-left: 5rem;
    }

    .carousel-item.first-slide .banner-content h2 .text3 {
        font-size: 4.2rem;
        margin-left: 1rem;
    }

    .carousel-item.first-slide .banner-content h2 .text2 img {
        height: 42px;
    }

    .carousel-item.second-slide .banner-content .banner-img {
        width: 100%;
    }

        .carousel-item.second-slide .banner-content .banner-img:before {
            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            background: rgba(9, 28, 39, 0.8);
            top: 0;
            height: 100%;
        }

    .carousel-item.second-slide .banner-content h2 {
        font-size: 6rem;
        margin: 0;
    }

    .carousel-item.second-slide .banner-content h3 {
        font-size: 2rem;
        margin: 0;
    }

    .site-header {
        padding-top: 52px;
    }

    .index-page .site-header {
        padding-bottom: 30px;
    }
}

@media (max-width:840px) {
    .carousel-item.first-slide .banner-content h2 {
        font-size: 3.4rem;
    }

        .carousel-item.first-slide .banner-content h2 .text2 img {
            height: 37px;
        }

        .carousel-item.first-slide .banner-content h2 .text3 {
            font-size: 4rem;
        }
}

@media (max-width:768px) {
    .tagline {
        font-size: 17px;
    }

    .slidercarousel {
        height: auto;
    }

    .banner-content h1 {
        font-size: 1.8rem;
    }

    .banner-content {
        padding: 40px 30px;
    }

    .carousel-item.first-slide .banner-content h2 .text1, .carousel-item.first-slide .banner-content h2 .text2, .carousel-item.first-slide .banner-content h2 .text3 {
        font-family: inherit;
        font-size: inherit;
        text-transform: capitalize;
        margin-bottom: 0;
        line-height: 1.1;
        margin: 0;
        display: initial;
    }

    .carousel-item.first-slide .banner-content h3 {
        text-align: left;
    }

    .carousel-item.first-slide .banner-content-buttons {
        text-align: left;
    }
}

@media (max-width:700px) {
    .carousel.slidercarousel .carousel-caption p {
        font-size: 0.85rem;
    }
}

@media (max-width:570px) {
    .banner-content .banner-content-buttons .btn {
        line-height: 29px;
        font-size: 13px;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 15px;
    }

    .carousel-control-next-icon {
        background-position: -51px 0;
    }

    .carousel-item.first-slide .banner-content-buttons .btn.btn-white {
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px;
    }

    .carousel-item.first-slide .banner-content h2 {
        font-size: 3rem;
    }

    .carousel-item.first-slide .banner-content h3 {
        margin-top: 1.2rem;
        font-size: 1.1em;
        letter-spacing: 0;
        line-height: 1.4;
    }

    .carousel-item.second-slide .banner-content h2 {
        font-size: 5rem;
    }

    .carousel-item.second-slide .banner-content h3 {
        font-size: 1.5rem;
    }

    .carousel.slidercarousel .carousel-caption p {
        font-size: 0.8rem;
    }
}

@media (max-width:440px) {
    .banner-content h1 {
        line-height: 1.4;
    }

    .banner-content-buttons {
        margin: 20px 0 0 0;
    }
}

@media (max-width:370px) {
    .banner-content-buttons {
        margin: 10px 0 0 0;
    }
}

.banner-announcement {
    /*background: url(../images/black-trans.png) repeat;*/
    /*background-color:#f1f1f1;*/
}

.marquee-container {
    max-height: 291px;
    overflow: hidden;
}

.banner-announcement .list li a {
    color: #000;
}

.banner-announcement .list li {
    position: relative;
    margin: 0 0 10px 0;
    color: #000;
    padding-left: 73px;
    margin-bottom: 10px;
    min-height: 72px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
    animation: marquee 8s linear infinite;
    font-family: 'Poppins', sans-serif;
}

    .banner-announcement .list li span {
        padding: 7px 0 0 0;
        display: block;
        font-size: 11px;
        color: #000;
        line-height: 10px;
        text-align: center;
        font-weight: 700;
        animation: marquee 8s linear infinite;
        font-family: 'Poppins', sans-serif;
    }

        .banner-announcement .list li span:first-child {
            font-size: 14px;
            margin-top: 1rem;
            margin-bottom: 0.1rem;
        }

    .banner-announcement .list li .date {
        display: block;
        font-style: normal;
        font-size: 10px;
        text-align: center;
        color: #888888;
    }

.banner-announcement .list > li .calendar {
    position: absolute;
    top: 1px;
    left: 0;
    background: url(../images/calendar-red.png)no-repeat;
    width: 60px;
    height: 58px;
    background-size: 100% 100%;
    padding-top: 5px;
}

.banner-announcement .list > li:nth-child(2n) .calendar {
    background: url(../images/calendar-blue.png)no-repeat;
    background-size: 100% 100%;
}

.banner-announcement .list > li:nth-child(3n) .calendar {
    background: url(../images/calendar-yellow.png)no-repeat;
}

.banner-announcement .play, .banner-announcement .stop {
    border: 1px solid rgba(255, 255, 255, 0.5882352941176471);
    border-radius: 50px;
    height: 25px;
    width: 25px;
    color: #fff;
    text-align: center;
    margin-top: 14px;
    margin-right: 6px;
    background: transparent;
    padding: 0;
}

    .banner-announcement .play:focus, .banner-announcement .stop:focus {
        outline: none;
        box-shadow: none;
        border: 1px solid #3cc4f2;
        color: #3cc4f2;
    }
/*.banner-announcement .play i, .banner-announcement .stop i{
    margin-top: 4px;
    }*/
.banner-announcement .link-btn {
    color: #3cc4f2;
    font-size: 18px;
}

@media (min-width:992px) {
    /*.banner-announcement {
        width: 33.333333%;
        height: 100%;
        position: relative;
        right: 0;
    }*/
}

@media (min-width:1400px) {
    .marquee-container {
        max-height: 300vertical-tabpx;
    }

    .banner-announcement {
        height: auto;
        /*box-shadow: 1px 1px 5px 2px #ddd;*/
    }
}

@media (max-width:1400px) and (min-width:992px) {
    .marquee-container {
        max-height: 239px;
    }
}

@media (max-width:1200px) {
    .banner-announcement .list > li .calendar {
        width: 55px;
        height: 53px;
    }

    .banner-announcement .list li {
        padding-left: 65px;
        min-height: 63px;
        line-height: 1.5;
        font-size: 14px;
        margin-bottom: 15px;
    }

        .banner-announcement .list li:last-child {
            margin-bottom: 5px;
        }

    .banner-announcement .list > li .calendar {
        padding-top: 3px;
    }
}

@media (max-width:992px) {
    .banner-announcement .list li {
        min-height: 54px;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
}
/***********************************************************
    slider-advertise-section    
/**********************************************************/
.slider-advertise-section img {
    margin-bottom: 1rem;
    height: 400px;
}

    .slider-advertise-section img:last-child {
        margin-bottom: 0;
    }

@media (max-width:1400px) {
    .slider-advertise-section img {
        height: 370px;
    }
}

@media (max-width:1200px) {
    .slider-advertise-section img {
        height: 350px;
    }
}

@media (max-width:992px) {
    .slider-advertise-section img {
        height: 300px;
    }
}

@media (max-width:900px) {
    .slider-advertise-section img {
        height: 250px;
    }
}

@media (max-width:768px) {

    .contslide {
        margin-top: 87px;
    }

    .slider-advertise-section {
        display: none;
    }

    .university_head .navbar-brand img {
        70px;
    }

    .navbar-brand img {
        width: 113px;
        height: auto !important;
    }
}
/***********************************************************
 page-links-section
/**********************************************************/
.page-links-section {
    background: #f7f8fa;
    padding: 60px 0;
}

    .page-links-section .dark-section {
        padding: 0;
        margin-bottom: 0;
    }

        .page-links-section .dark-section .card-body {
            padding: 1.5rem 1.25rem;
        }

        .page-links-section .dark-section h6 a {
            color: #fff;
        }

.links-list-box {
    border: 2px solid #1631a1;
    border-radius: 2px;
}

    .links-list-box .box-header {
        padding: 10px 20px;
        border: 2px solid #1631a1;
        box-shadow: 0 5px 35px rgba(0,0,0,.1);
        background: #1631a1;
        color: #fff;
        font-size: 1.2rem;
    }

    .links-list-box .box-body {
        padding: 20px;
        min-height: 190px;
    }

.page-links-section .feature-box2 img {
    width: 30px;
}

.page-links-section .feature-box2 h6 {
    color: #fff;
}

.page-links-section .feature-box2.first {
    background: #1042b2;
    border-color: #1042b2;
}

.page-links-section .feature-box2.second {
    background: #1570cd;
    border-color: #176bd3;
}

.page-links-section .feature-box2.third {
    background: #089adf;
    border-color: #089adf;
}

.page-links-section .feature-box2.fourth {
    background: #00BCD4;
    border-color: #00bcd4;
}

.blog-sec {
    height: 100%;
    position: relative;
    background: url(../images/result.jpg);
    background-size: cover;
    height: 250px;
}

    .blog-sec .content-block {
        position: absolute;
        padding: 20px 35px;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.72);
    }

.custom-tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}

    .custom-tabs ul.nav-tabs {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        margin: 0 auto;
        padding: 0;
        max-width: 1200px;
        list-style: none;
        -ms-box-orient: horizontal;
        -ms-box-pack: center;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        border: 0;
    }

        .custom-tabs ul.nav-tabs li {
            position: relative;
            z-index: 1;
            display: block;
            margin: 0;
            text-align: center;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .custom-tabs ul.nav-tabs li a {
                background: #1e95bf;
                color: #ffffff;
                padding: .65rem 1rem;
                border: 0;
                border-radius: 0;
            }

    .custom-tabs .nav-tabs .nav-item.show .nav-link, .custom-tabs .nav-tabs .nav-link.active {
        background: #1631a0;
        color: #e9ebf5;
    }

    .custom-tabs .tab-content {
        width: 100%;
        border: 2px solid #16319f;
        display: block;
        margin: 0;
        background: #fff;
    }

        .custom-tabs .tab-content .tab-pane {
            padding: 15px;
            min-height: 200px;
        }

.page-links-section .custom-tabs .arrow-list.type3 li {
    margin-bottom: 6px;
    line-height: 1.8;
}

    .page-links-section .custom-tabs .arrow-list.type3 li p {
        margin: 0;
    }
/*.custom-tabs ul a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
}
custom-tabs ul a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1em 0;
    color: #74777b;
    line-height: 1;
    -webkit-transition: color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, transform 0.3s;
}
custom-tabs ul li aactive {
    color: #2CC185;
    -webkit-transform: translate3d(0,8px,0);
    transform: translate3d(0,8px,0);
}*/
.blog-sec .slider-overlay {
    background-color: #000;
    opacity: 0.05;
}

@media (max-width:1200px) {
    .page-links-section .dark-section .card-body {
        padding: 1.15rem 1.25rem;
    }
}

@media (max-width:576px) {
    .page-links-section {
        background: #f7f8fa;
        padding: 40px 0;
    }
}
/***********************************************************
  about-program(AboutProgram)
/**********************************************************/


.about-program .content-section.about-kamp-program {
    background: #fff url(../images/home-bg-02.jpg) no-repeat;
    background-position: right;
    padding-bottom: 70px;
}

.vertical-gallerySlider .carousel-inner, .vertical-gallerySlider .carousel, .vertical-gallerySlider .carousel-item {
    height: auto;
    width: 100%;
}

.vertical-gallerySlider {
    display: inline;
    position: relative;
}
    /*------------------------------ vertical bootstrap slider----------------------------*/
    .vertical-gallerySlider .carousel-item-next.carousel-item-left,
    .vertical-gallerySlider .carousel-item-prev.carousel-item-right {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        top: 0;
    }

    .vertical-gallerySlider .carousel-item-next,
    .vertical-gallerySlider .active.carousel-item-right {
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        top: 0;
    }

    .vertical-gallerySlider .carousel-item-prev,
    .vertical-gallerySlider .active.carousel-item-left {
        transform: translate3d(0,-100%, 0);
        -webkit-transform: translate3d(0,-100%, 0);
        -moz-transform: translate3d(0,-100%, 0);
        -ms-transform: translate3d(0,-100%, 0);
        -o-transform: translate3d(0,-100%, 0);
        top: 0;
    }
    /*------------------------------- vertical carousel indicators ------------------------------*/
    .vertical-gallerySlider .carousel-indicators {
        position: absolute;
        bottom: -40px;
        justify-content: left;
        width: auto;
        margin-left: 15px;
    }

        .vertical-gallerySlider .carousel-indicators li {
            display: block;
            margin-bottom: 5px;
            border: 1px solid #994772;
        }

            .vertical-gallerySlider .carousel-indicators li.active {
                margin-bottom: 5px;
                background: #994772;
            }

        .vertical-gallerySlider .carousel-indicators li {
            height: 7px;
        }

.about-program .content-section.how-to-participate {
    padding: 70px 0;
    background: #fff url(../images/home-bg-03.jpg) no-repeat;
    background-size: cover;
}

.about-program .eligibility-criteria .left-section {
    /*position: absolute;
    left: 0;
    padding-left: 140px;
    height: 100%;*/
    border-right: 1px solid #d6dee5;
}

.about-program .eligibility-criteria .heading-text-below {
    font-size: 90px;
    top: -66px;
    z-index: 1;
}

@media (min-width: 1400px) {
    .about-program .eligibility-criteria .left-section, .about-program .eligibility-criteria .right-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media (min-width: 992px) {
    .about-program .content-section.about-kamp-program {
        padding-bottom: 60px;
    }

    .vertical-gallerySlider .carousel-indicators li {
        height: 3px;
    }

    .vertical-gallerySlider .carousel-indicators {
        top: 0;
        margin: auto;
        bottom: 0;
        height: 20px;
        right: auto;
        left: -78px;
        width: auto;
        justify-content: center;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .about-program .eligibility-criteria {
        position: relative;
        background: url(../images/title1.jpg) no-repeat;
        background-position: center right;
        background-size: 800px;
    }
        /*.main-section.about-program > .content-section.eligibility-criteria {
        padding: 0;
    }*/
        .about-program .eligibility-criteria .left-section, .about-program .eligibility-criteria .right-section {
            padding-top: 40px;
            padding-bottom: 40px;
        }

            .about-program .eligibility-criteria .left-section .content-block {
                padding: 50px;
                border: 1px solid #d6dee5;
                margin-right: -100px;
                /*border-top-color: #3692cf;
        border-right-color: #369cd6;
        border-bottom-color: #344a8b;
        border-left-color: #35488a;
        background: linear-gradient(45deg, #353574 5%,#3277bc 75%,#3cc1f1);
        color: #fff;*/
                background-color: #fff;
            }

        .about-program .eligibility-criteria .right-section {
            padding-left: 140px;
        }
}

@media (max-width: 1400px) {
    .about-program .content-section.how-to-participate {
        padding: 60px 0;
    }

    .about-program .eligibility-criteria .right-section ul.arrow-list li {
        line-height: 1.6em;
        margin-bottom: 5px;
    }

    .about-program .eligibility-criteria {
        background-size: 700px;
    }
}

@media (max-width: 1200px) {
    .about-program .eligibility-criteria {
        background-size: 600px;
    }
}

@media (max-width: 992px) {
    .about-program .eligibility-criteria {
        background: none;
    }
}

@media (max-width: 768px) {
    .about-program .content-section.how-to-participate {
        padding: 50px 0;
    }

    .about-program .eligibility-criteria .heading-text-below {
        font-size: 60px;
        top: -56px;
    }
}

@media (max-width: 576px) {
    .about-program .eligibility-criteria .heading-text-below {
        font-size: 45px;
        top: -37px;
    }
}
/***********************************************************
  about-kamp (AboutKAMP)
/**********************************************************/
.about-KPMC .about-KPMC-image {
    padding-top: 60px;
}

.about-kamp-page .heading-text-below {
    z-index: 1;
}

.about-kamp-page .about-kamp .highlights-of-KAMP ul.arrow-list li {
    margin: 0 0 0 0;
    padding-left: 25px;
}

.about-kamp-page .about-kamp .highlights-of-KAMP ul.arrow-list.type5 li:before {
    background: url(../images/check.png) no-repeat center center;
    width: 30px;
    height: 30px;
    background-size: 16px 16px;
}

.about-kamp-page .about-kamp .highlights-of-KAMP ul.arrow-list.type5 li {
    padding-left: 45px;
    min-height: 35px;
}

.about-kamp-page .about-kamp .highlights-of-KAMP ul.arrow-list.type4-2 li:before {
    width: 5px;
    height: 5px;
    left: 4px;
}

.about-kamp-page .about-kamp .highlights-of-KAMP ul.arrow-list.type4-2 li:after {
    width: 13px;
    height: 13px;
}

.about-kamp-page .about-KPMC h1 {
    font-weight: 500;
    margin-bottom: 35px;
    padding-right: 60px;
    padding-top: 28px;
}

.hdngpdng {
    padding-top: 26px;
}

.about-kamp-page .about-KPMC .about-KPMC-content p {
    padding-right: 60px;
}

.content-section.about-KPMC {
    padding-top: 70px;
    border-top: 1px solid #d5dde4;
    border-bottom: 1px solid #d5dde4;
}

#about-KPMC-KAC {
   /* background: url(../images/home-bg-02.jpg);*/
    background-size: cover;
    background-position: right;
    position: relative;
    padding: 50px 0;
}

    #about-KPMC-KAC:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: 0.3;
    }
/*=======About NISTADS========*/
.about-NISTADS .about-featured-image {
    position: absolute;
    width: 50%;
    left: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

    .about-NISTADS .about-featured-image img {
        width: 100%;
    }

    .about-NISTADS .about-featured-image .content-box {
        position: absolute;
        bottom: -25%;
        left: -30px;
        background: #014eb4;
        width: 400px;
        font-size: 15px;
        font-family: "Playfair Display";
        font-weight: 400;
        color: #fff;
        padding: 35px 35px;
        letter-spacing: 2px;
        outline: 1px solid #ffffff6b;
        outline-offset: -6px;
    }

.about-featured-image:hover .grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.about-NISTADS .single-about-box .box-icon-img {
    font-size: 64px;
    color: #00b9ff;
}

.about-NISTADS .single-about-box h3 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700;
    color: #181818;
    margin-top: 10px;
}

.about-NISTADS .p-content {
    font-size: 15px;
    line-height: 30px;
    color: #7f7f7f;
    width: 96%;
}

.nistapic {
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 0px 3px 8px #ccc;
}

@media (max-width: 1400px) {
    .about-NISTADS .about-featured-image .content-box {
        bottom: -38%;
    }
}

@media (max-width: 1200px) {
    .about-NISTADS .about-featured-image .content-box {
        bottom: -42%;
    }
}

@media (max-width: 992px) {
    .about-NISTADS .about-featured-image {
        position: relative;
        width: 100%;
        left: 0;
        padding-right: 15px;
        padding-left: 15px;
    }

        .about-NISTADS .about-featured-image .content-box {
            bottom: auto;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
        }
}

@media (max-width: 576px) {
    .single-about-box {
        display: -ms-flexbox !important;
        display: flex !important;
        margin-right: 20px;
        -ms-flex-align: center !important;
        align-items: center !important;
        margin-bottom: 20px;
    }

    .about-NISTADS .single-about-box .box-icon-img {
        margin-right: 20px;
    }
}
/*********end about NISTAD*************/
.content-section.alliance-Partner {
    padding-top: 80px;
}

.about-KPMC .list-box {
    width: 85%;
}

    .about-KPMC .list-box .heading-text {
        font-size: 1.3rem;
    }

.about-KPMC .image-block .main-image {
    /*position: absolute !important;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/aboutkamp.jpg);*/
    z-index: 9;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    position: relative;
}

.about-KPMC .image-block .main-image {
    margin-left: -15px;
    overflow: hidden;
}

.about-KPMC .image-block .image_border {
    position: absolute;
    top: 15px;
    bottom: 40px;
    left: -40px;
    right: 40px;
    z-index: 4;
}

    .about-KPMC .image-block .image_border .border {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        border: 10px solid #3ec5f3 !important;
        z-index: 7;
    }

    .about-KPMC .image-block .image_border img {
        opacity: 0;
    }

.about-KPMC .image-block.animated .block-horizzontal {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10;
    animation: reveal_left_to_right 1s ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    background: #1631a1;
    left: 0;
}

.about-KPMC .image-block .main-image img {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.about-KPMC .image-block.animated .main-image .image-block {
    display: inline-block;
    width: 50%;
    position: relative;
    overflow: hidden;
}

.about-Kac .image-block.animated .main-image .image-block {
    width: 33.333333%;
}

.about-KPMC .image-block.animated .main-image .image-block .about-img {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to right, #16319f, #0575E6);
    color: #d0d0d1;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    animation: color 0.5s ease-in-out;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    opacity: 0;
}

    .about-KPMC .image-block.animated .main-image .image-block .about-img p {
        font-size: 13px;
    }

.about-KPMC .image-block.animated .main-image img {
    animation: color 0.5s ease-in-out;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
}

@keyframes reveal_left_to_right {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    50% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes reveal_top_to_bottom {
    0% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes color {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.about-KPMC .image-block .pattern {
    position: absolute;
    top: 100px;
    bottom: -40px;
    left: 40px;
    right: -33px;
}

    .about-KPMC .image-block .pattern .in {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-repeat: repeat;
        background-image: url(../images/point.png);
    }

.about-KPMC .image-block .main-image .image-block .overlay-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(36, 40, 49, 0.90);
    color: #fff;
    padding: 30px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    -webkit-transition-delay: .05s;
    -o-transition-delay: .05s;
    transition-delay: .05s;
}

    .about-KPMC .image-block .main-image .image-block .overlay-content .content {
        width: 100%;
    }

    .about-KPMC .image-block .main-image .image-block .overlay-content a {
        display: block;
        color: #ff79b1;
        width: 100%;
    }

.about-KPMC .image-block .main-image .image-block:hover .overlay-content {
    opacity: 1;
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-transition: all 0.37s ease-out;
    -o-transition: all 0.37s ease-out;
    transition: all 0.37s ease-out;
}

.nistad-strenght {
    padding: 30px;
    text-align: center;
    border: 1px dashed #d5dde4;
    margin-bottom: 30px;
    -webkit-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    border-radius: 5px;
    background: transparent;
}

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

.nistad-strenght:hover {
    border-color: #EE2D50;
    -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);
}

    .nistad-strenght:hover i {
        color: #EE2D50;
    }

.nistad-strenght i {
    font-size: 60px;
    transition: all .7s ease 0s;
}

@media (min-width: 768px) {
    .about-kamp-page .about-kamp {
        background: #fff url(../images/home-bg-04.webp) no-repeat;
        background-size: cover;
        background-position: right;
        position: relative;
    }

        .about-kamp-page .about-kamp:before {
            content: '';
        }

    .content-section.alliance-Partner {
        padding-top: 100px;
    }
}

@media (max-width: 1400px) {
    .about-kamp-page .about-kamp .flip-box .flip-box-content {
        padding: 30px 40px;
    }
    /*.about-kamp-page .about-kamp .highlights-of-KAMP p {
        margin-bottom: 0;
    }*/
}

@media (max-width: 1200px) {
    .content-section.about-KPMC {
        padding-bottom: 20px;
    }

    .about-KPMC .image-block .pattern {
        right: -29px;
    }

    .about-kamp-page .about-kamp .flip-box .flip-box-content {
        padding: 25px 40px;
    }
}

@media (max-width: 1100px) {
    .about-kamp-page .about-kamp .flip-box .flip-box-content {
        padding: 25px;
    }

    .about-KPMC .image-block .pattern {
        bottom: -34px;
        right: -17px;
    }
}

@media (max-width: 992px) {
    .about-kamp-page .about-kamp .flip-box-back-side, .about-kamp-page .about-kamp .flip-box-front-side {
        min-height: 220px;
    }

    .about-kamp-page .about-KPMC h1 {
        padding-right: 0;
    }

    .about-KPMC .list-box {
        width: 100%;
    }

        .about-KPMC .list-box .heading-text {
            font-size: 1.55rem;
        }

    .about-KPMC .about-KPMC-image {
        padding: 50px 50px 80px 50px;
    }

    .about-KPMC .image-block .image_border {
        top: 10px;
        bottom: 90px;
        left: 10px;
        right: 100px;
    }

    .about-KPMC .image-block .pattern {
        bottom: 39px;
        right: 28px;
        top: 100px;
        left: 65px;
    }

    .about-KPMC .image-block.animated .main-image .image-block {
        background: #fff;
    }

    .about-kamp-page .about-kamp .highlights-of-KAMP ul.arrow-list.type5 li {
        min-height: 40px;
    }
}

@media (max-width: 576px) {
    /*.about-kamp-page .about-kamp .highlights-of-KAMP i {
        position: absolute;
        left: 15px;
        top: 0;
        font-size: 40px;
    }
    .about-kamp-page .about-kamp .highlights-of-KAMP h5, .about-kamp-page .about-kamp .highlights-of-KAMP p {
        padding-left: 55px;
    }*/
    .nistad-strenght {
        margin-bottom: 25px;
        padding: 0;
        border: 0;
        text-align: left;
        position: relative;
        padding-left: 40px;
    }

        .nistad-strenght i {
            font-size: 30px;
            position: absolute;
            left: 0;
        }

    .about-KPMC .list-box .heading-text {
        font-size: 1.2rem;
    }

    .about-KPMC .about-KPMC-image {
        padding: 40px 2px 40px 15px;
    }

    .about-KPMC .image-block .image_border {
        top: 6px;
        bottom: 65px;
        left: 0px;
        right: 65px;
    }

    .about-KPMC .image-block .pattern {
        bottom: 8px;
        right: 0;
        top: 75px;
        left: 68px;
    }

    .about-KPMC .image-block.animated .main-image .image-block .about-img {
        padding: 4px 10px;
    }
}

.our-team-01 {
    text-align: center;
    margin-bottom: 30px;
}

    .our-team-01 .team-img {
        /*width: 160px;*/
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-bottom: 25px;
    }

        .our-team-01 .team-img:after {
            content: "";
            position: absolute;
            bottom: -15px;
            /*top: 60%;*/
            top: -15px;
            left: -15px;
            right: -15px;
            border-radius: 10px;
            box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
            border: 1px solid #dedede;
            /*background-image: linear-gradient(to right, #1631a0, #0575E6);*/
            background: #fff;
        }

        .our-team-01 .team-img .img {
            /*width: 160px;
    height: 160px;
    border-radius: 50%;*/
            width: 100%;
            overflow: hidden;
            position: relative;
            z-index: 1;
            border-radius: 4px;
        }

        .our-team-01 .team-img.large-image {
            width: 210px;
        }

            .our-team-01 .team-img.large-image .img {
                width: 210px;
                height: 210px;
            }

        .our-team-01 .team-img .img img {
            /*width: 100%;
    border-radius: 50%;*/
            height: 230px;
            border-radius: 4px;
        }

    .our-team-01 h6 {
        font-weight: 600;
        font-size: 16px;
        margin: 0 0 5px;
        color: #0340b2;
        text-transform: uppercase;
    }

    .our-team-01 p {
        font-weight: 400;
        line-height: 1.4;
        margin-bottom: 3px;
        color: #757e8a;
        font-size: 13px;
    }

        .our-team-01 p.font-weight600 {
            color: #565c64;
            font-size: 14px;
        }

    .our-team-01 .team-info {
        margin-bottom: 10px;
    }

    .our-team-01 .team-img .overlay-content {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(36, 40, 49, 0.90);
        color: #fff;
        padding: 20px;
        text-align: center;
        opacity: 0;
        z-index: 1;
        border-radius: 50%;
        -webkit-transform: translateY(-10%) translateZ(0);
        transform: translateY(-10%) translateZ(0);
        -webkit-transition: all 0.25s ease-in;
        -o-transition: all 0.25s ease-in;
        transition: all 0.25s ease-in;
        -webkit-transition-delay: .05s;
        -o-transition-delay: .05s;
        transition-delay: .05s;
    }

        .our-team-01 .team-img .overlay-content a {
            color: #ff79b1;
            display: block;
            width: 100%;
        }

    .our-team-01:hover .overlay-content {
        opacity: 1;
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
        -webkit-transition: all 0.37s ease-out;
        -o-transition: all 0.37s ease-out;
        transition: all 0.37s ease-out;
    }

@media (max-width:550px) {
    .our-team-01 .team-img {
        width: 150px;
    }

        .our-team-01 .team-img .img {
            width: 150px;
            height: 150px;
        }

        .our-team-01 .team-img.large-image {
            width: 190px;
        }

            .our-team-01 .team-img.large-image .img {
                width: 190px;
                height: 190px;
            }
}

@media (max-width:500px) {
    .our-team-01 .team-img {
        width: 130px;
    }

        .our-team-01 .team-img .img {
            width: 130px;
            height: 130px;
        }

        .our-team-01 .team-img.large-image {
            width: 150px;
        }

            .our-team-01 .team-img.large-image .img {
                width: 150px;
                height: 150px;
            }
}
/***********************************************************
  Feedback and Support
/**********************************************************/
.feedback-support .feedbacksection {
    background: white;
    border-radius: 4px;
    padding: 20px;
}

.feedback-support .contactus {
    background: linear-gradient(to right, #16319f, #0575E6);
    color: white;
    position: relative;
    background: linear-gradient(145deg, #16319f,#0575E6,#3cc1f1);
}

    .feedback-support .contactus .main-title {
        position: relative;
        margin-bottom: 1rem;
        /*padding-bottom: 1rem;*/
    }

    .feedback-support .contactus .widget-title {
        font-weight: 600;
        font-size: 1.2rem;
        position: relative;
    }

    .feedback-support .contactus ul.list li {
        padding: 6px 15px 6px 24px;
        position: relative;
        font-size: 0.85rem;
    }

        .feedback-support .contactus ul.list li::before {
            color: #797777;
            content: "\f178";
            display: inline-block;
            font-family: FontAwesome;
            font-size: 10px;
            left: 3px;
            position: absolute;
            top: 8px;
        }

    .feedback-support .contactus a, .feedback-support .contactus a:visited {
        color: #fff;
        font-weight: 400;
    }

    .feedback-support .contactus ul.list li:hover a {
        color: #20232c;
    }

    .feedback-support .contactus ul.list li:hover::before {
        color: #fb3d8d;
    }

    .feedback-support .contactus .quick-contact-widget p i {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 18px;
        text-align: center;
        background: linear-gradient(to right, #0672e2, #03A9F4);
        color: #fff;
        width: 37px;
        height: 37px;
        line-height: 37px;
        margin-right: 15px;
        border-radius: 50%;
    }

.feedback-support .contactus {
    PADDING: 40px;
}

.feedback-support .myForm textarea.form-control {
    height: 224px;
    max-height: 224px;
}

@media (max-width:992px) {
    .feedback-support .contactus {
        PADDING: 40px 15px;
    }

    .feedback-support .myForm textarea.form-control {
        height: 150px;
        max-height: 150px;
    }
}
/***********************************************************
  Student Registration
/**********************************************************/
.myForm .form-control {
    outline: none;
    box-shadow: none;
    /*height: 45px;*/
    height: 38px;
    border: 1px solid #d3d7dc;
    width: 100%;
    font-size: 14px;
    color: #000;
    background: #f7fafc;
    border-radius: 2px;
}

.myForm .form-group {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

    .myForm .form-group .input-focus-effect {
        width: 0 !important;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: ease all 0.3s;
        transition: ease all 0.3s;
        height: 2px;
    }

.inputTheme-bg {
    background-image: linear-gradient(to right, #16319f, #0575E6);
}

.form-group textarea:focus:not([readonly]) + span.input-focus-effect, .form-group input:focus:not([readonly]) + span.input-focus-effect, .form-group select:focus:not([readonly]) + span.input-focus-effect {
    width: 100% !important;
}

.custom-control-input ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(94, 112, 132, 0.25);
}

.login-part {
    padding: 20px 50px 18px;
}

.inner-wrap {
    margin: 0;
}

.heading1 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 19px;
}

.padT10 {
    padding-top: 10px;
}

.heading1:after {
    content: '';
    width: 50px;
    height: 2px;
    background: #0d83dd;
    left: 0;
    position: absolute;
    bottom: 0;
}

.login-part p {
    margin-bottom: 30px;
    color: #585858;
}

.form-group {
    margin-bottom: 5px;
}

.form-horizontal .control-label {
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: 600;
}

.form-horizontal .form-group {
    /*margin-right: -15px;
    margin-left: -15px;*/
}

.fgrp {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.registration-part {
    padding: 0 30px 18px;
    padding-top: 20px;
    background: transparent !important;
    box-shadow: 1px 0 9px #b9b9b9;
}

.nwinpt {
    height: 34px;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    transition: .3s;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.suggestion-box {
    height: auto;
    background: aliceblue;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 3px;
}

.loginbrdr {
    background: #fff;
    margin-bottom: 1.25rem;
    border: solid 1px #355BA1;
    float: left;
    width: 100%;
    margin-top: 13px;
}

@media (max-width: 992px) {
    .loginbrdr {
        display: none;
    }
}

@media (min-width: 992px) {
    .form-horizontal .control-label {
        text-align: left;
    }
}

@media (min-width: 992px) {
    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-push-6 {
        left: 50%;
    }
}

@media (max-width: 1039px) and ( min-width:992px) {
    .registration-part {
        padding: 0 50px 18px;
    }
}
/***********************************************************
  Student Login
/**********************************************************/
.login-page .bg-image {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 700px;
    height: 100%;
    background-color: #fff;
    padding: 60px;
}

    .login-page .bg-image .img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff url(../images/loginBg.jpg) center center repeat fixed;
        background-size: cover;
        background-position: center;
    }

.login-page .content-section {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px;
    min-height: 100%;
    padding: 60px 60px 60px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
}

.login-page .login-wrapper {
    display: inline-block;
    width: 100%;
    max-width: 450px;
    text-align: left;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    /*background: rgba(0,0,0,0.6);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6), transparent);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6), transparent);*/
    position: relative;
    padding: 45px 50px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
}

    .login-page .login-wrapper .logo img {
        height: 150px;
    }

@media (max-width: 992px) {
    .login-page .content-section {
        padding: 125px 30px 60px;
    }

    .login-page .login-wrapper {
        padding: 35px 30px;
    }
}
/***********************************************************
    Prodcut Listing    
/**********************************************************/
.filled-heading {
    font-size: 14px;
    margin: 0 0 5px;
    color: #f1f1f1;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #1631a0, #0575E6);
    padding: 8px 10px;
    border-radius: 3px;
}

.heading {
    font-size: 1.5rem;
    border-bottom: 1px solid #e5e7f2;
}

    .heading span {
        position: relative;
        padding-bottom: 20px;
        display: inline-block;
    }

        .heading span:before {
            content: '';
            position: absolute;
            height: 4px;
            background: #4050ad;
            width: 100%;
            bottom: 0;
        }

        .heading span:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            width: 0;
            height: 0;
            margin: auto;
            background: transparent;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            border-bottom: 11px solid #4050ad;
        }

    .heading .link-btn-group {
        float: right;
    }

    .heading .link, .heading a.link:not([href]):not([tabindex]) {
        font-size: 1rem;
        color: #6c757d;
        margin-left: 10px;
        padding: 7px 12px;
        line-height: 1;
        display: inline-block;
    }

        .heading .link i {
            font-size: 0.9rem;
        }

    .heading .link-btn {
        border: 1px solid #dddfeb;
        border-radius: 2px;
        padding: 7px 12px;
        -webkit-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .heading .link:hover, .heading a.link:not([href]):not([tabindex]):hover {
        color: #4050ad;
    }

        .heading .link:hover i, .heading a.link:not([href]):not([tabindex]):hover i {
            color: #ea4394;
        }

    .heading .link-btn:hover, .heading a.link-btn.link:not([href]):not([tabindex]):hover {
        background: #4050ad;
        border: 1px solid #4050ad;
        color: #fff;
    }

.heading-text-below {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00BCD4), to(#9C27B0));
    background-image: -webkit-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -moz-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -ms-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -o-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: linear-gradient(bottom, #00BCD4, #9C27B0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00BCD4', endColorStr='#9C27B0');
    background-color: transparent;
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 110px;
    line-height: normal;
    font-weight: 700;
    opacity: 0.2;
    position: absolute;
    top: -79px;
    left: 12px;
    z-index: -1;
}

    .heading-text-below.center {
        left: 0;
        right: 0;
        margin: auto;
    }

@media (max-width:1400px) {
    .heading-text-below {
        font-size: 90px;
        top: -67px;
    }
}

@media (max-width:768px) {
    .heading-text-below {
        font-size: 80px;
        top: -61px;
    }
}

@media (max-width: 576px) {
    .heading-text-below {
        font-size: 55px;
        top: -40px;
    }
}

@media (max-width: 350px) {
    .heading-text-below {
        font-size: 42px;
        top: -32px;
    }
}
/****************************************
    breadcrumbs
***************************************/
.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 1rem 0 0.5rem 0;
}

    .breadcrumb li {
        color: #979ea5;
        font-size: 0.8rem;
        margin-right: 0.5rem;
        position: relative;
        padding-left: 12px;
    }

        .breadcrumb li:before {
            content: "\f054";
            position: absolute;
            font-family: FontAwesome;
            font-size: 0.5rem;
            font-weight: bold;
            left: 0;
            top: 4px;
        }

        .breadcrumb li:first-child {
            padding-left: 0;
        }

            .breadcrumb li:first-child:before {
                content: '';
            }

        .breadcrumb li.active {
            color: #000;
        }
/*----------------------------------------------------
our policies privacy policy
-----------------------------------------------------*/
.heading-box {
    position: relative;
}

    .heading-box h6 {
        font-size: .9rem;
        color: #323232;
    }

    .heading-box span.num {
        position: absolute;
        font-size: .8rem;
        left: 0;
        background: #f11b70;
        color: white;
        padding: .5rem 0;
        top: 0;
        width: 36px;
        text-align: center;
    }

    .heading-box h6 span {
        display: inline-block;
        background: #000;
        padding: 9px 20px;
        background: #e1e3ef;
        padding-left: 45px;
    }
/*----------------------------------------------------------
    school how to enroll school
----------------------------------------------------------*/
.school-enrollment {
    background: #fff url(../images/home-bg-04.jpg);
    background-position: right;
    position: relative;
}

    .school-enrollment:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: 0.7;
    }

    .school-enrollment .heading-text-below {
        z-index: 1;
    }

    .school-enrollment .steps-circle {
        position: relative;
        width: 235px;
        height: 235px;
        margin: 1rem 0;
        margin-right: 50px;
        border: 1px solid #0662cc;
    }

        .school-enrollment .steps-circle .steps-circle-inner {
            position: relative;
            width: 100%;
            height: 100%;
            /*border-radius: 50%;*/
            background: #f3f3f3;
            box-shadow: 0 10px 50px rgba(4, 150, 194, 0.25);
            border: 1px solid rgba(88,136,247,0.1);
            overflow: hidden;
        }

        .school-enrollment .steps-circle:before {
            content: '';
            position: absolute;
            top: -11px;
            bottom: -11px;
            left: -11px;
            right: -11px;
            opacity: 0.1;
            /*border-radius: 50%;*/
            background: #000;
            transition: ease all 0.3s;
            -webkit-transition: ease all 0.3s;
        }

    .school-enrollment .image-block {
        width: 75px;
        background: #0b57c5;
        position: absolute;
        left: 0;
        height: 100%;
        box-shadow: 0 0 13px rgba(0, 0, 0, 0.39) inset;
        font-size: 89px;
        line-height: 1;
        padding: 72px 15px;
        color: #f3f3f3;
        text-shadow: 1px 1px 1px #000;
    }

.steps-circle.heading-circle .image-block {
    position: static;
    /*background:linear-gradient(145deg, #16319f,#0575E6,#3cc1f1);*/
    width: 100%;
    /*box-shadow: 0 0 90px rgba(0, 0, 0, 0.39) inset;*/
    font-size: 39px;
    text-align: center;
    padding: 55px 20px;
    text-transform: uppercase;
    text-shadow: 0 0 1px #0b5c78;
    font-weight: 600;
}

.school-enrollment .content-block {
    padding: 42px;
    padding-left: 85px;
    width: 100%;
}

    .school-enrollment .content-block p {
        margin: 0;
        text-align: center;
        line-height: 1.5;
    }

.school-enrollment .steps-circle .step-arrow, .school-enrollment .steps-circle .step-arrow-turn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -76px;
    width: 100px;
    z-index: 1;
}

.school-enrollment .steps-circle .step-arrow-turn {
    width: auto;
    top: 295px;
    right: -99px;
}

.roate-horizontal {
    transform: rotate(180deg);
}

.school-enrollment .steps-circle .step-arrow.roate-horizontal {
    left: -77px;
    right: auto;
}

@media (max-width:1400px) {
    .school-enrollment .steps-circle {
        margin-right: 30px;
    }

        .school-enrollment .steps-circle .step-arrow {
            right: -55px;
            width: 90px;
        }

        .school-enrollment .steps-circle .step-arrow-turn {
            right: -73px;
            width: 121px;
        }

        .school-enrollment .steps-circle .step-arrow.roate-horizontal {
            left: -65px;
        }

    .school-enrollment .image-block {
        font-size: 75px;
        padding: 77px 15px;
    }
}

@media (max-width:1200px) {
    .school-enrollment .steps-circle {
        position: relative;
        width: 200px;
        height: 200px;
    }

    .school-enrollment .content-block {
        padding: 10px 15px;
        padding-left: 55px;
    }

    .school-enrollment .image-block {
        font-size: 54px;
        padding: 73px 12px;
        width: 53px;
    }

    .school-enrollment .content-block p {
        line-height: 1.4;
    }

    .school-enrollment .steps-circle .step-arrow {
        right: -54px;
        width: 80px;
    }

    .school-enrollment .steps-circle .step-arrow-turn {
        right: -70px;
        width: 108px;
    }

    .school-enrollment .steps-circle .step-arrow.roate-horizontal {
        left: -55px;
    }

    .school-enrollment .steps-circle:before {
        content: '';
        position: absolute;
        top: -8px;
        bottom: -8px;
        left: -8px;
        right: -8px;
    }
}

@media (max-width:768px) {
}
/*****************************************************
    student-participate-page
*****************************************************/
.circle-box .circle {
    background: linear-gradient(70deg, #ecedee,#f2f3f3);
    border-radius: 25px;
    padding: 40px;
    text-align: -webkit-center;
    box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.14);
    border: 1px solid #677578;
}

    .circle-box .circle h5 {
        color: #1c56c2;
        font-weight: 600;
    }

    .circle-box .circle img {
        width: 50px;
        margin-bottom: 20px;
    }

    .circle-box .circle .arrowL img, .circle-box .circle .arrowR img, .circle-box .circle .arrowD img {
        background: #f0f1f2;
    }

    .circle-box .circle .arrowL {
        font-size: 70px;
        position: absolute;
        right: -32px;
        top: 24%;
        z-index: 1;
        color: #1c56c2;
    }

    .circle-box .circle .arrowR {
        font-size: 70px;
        position: absolute;
        right: -20px;
        top: 24%;
        z-index: 1;
        color: #1c56c2;
        transform: rotate(180deg);
    }

    .circle-box .circle .arrowD {
        bottom: -75px;
        right: 0;
        left: 16px;
        transform: rotate(90deg);
        font-size: 70px;
        position: absolute;
        z-index: 1;
        color: #1c56c2;
    }

.imgWidth100 img {
    width: 100%;
}

.student-participate-page .Participate_container .heading-text-below {
    left: 36%;
    top: -30px;
}

.Direct-Participate {
    margin: 0 auto;
}

.student-participate-page .arrow-list.type5 > li {
    min-height: 45px;
    padding-left: 70px;
}

    .student-participate-page .arrow-list.type5 > li:before {
        width: 45px;
        height: 45px;
        box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.15);
        background: #0e59bf url(../images/check-white.png) no-repeat center center;
        background-size: 18px 18px;
        top: 9px;
        left: 4px;
    }

    .student-participate-page .arrow-list.type5 > li:after {
        content: '';
        position: absolute;
        top: 35px;
        bottom: 0;
        height: 100%;
        border-left: 3px dashed #c1cad5;
        left: 26px;
        margin: auto;
        width: 3px;
        z-index: -1;
    }

    .student-participate-page .arrow-list.type5 > li:last-child:after {
        display: none;
    }

.student-participate-page .arrow-list.type5 .text {
    min-height: 60px;
    display: table;
    width: 100%;
}

    .student-participate-page .arrow-list.type5 .text p {
        margin-bottom: 0;
        display: table-cell;
        vertical-align: middle;
    }

.student-participate-page .arrow-list.type5 .btn {
    cursor: default;
    background: #e7eaed;
    box-shadow: none;
    border-radius: 20px;
    color: #10273e;
}

@media (min-width: 992px) {
    .Direct-Participate {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .Direct-Participate {
        max-width: 1000px;
    }
}

@media (max-width:1400px) {
    .circle-box .circle {
        padding: 30px 40px;
    }
}

@media (max-width:786px) {
    .circle-box .circle .arrowL, .circle-box .circle .arrowR, .circle-box .circle .arrowD {
        display: none;
    }
}

@media (max-width:576px) {
    .student-participate-page .arrow-list.type5 .btn {
        display: block;
        margin: 5px 0;
        border-radius: 4px;
    }
}
/*------------------------------------------------
    Student Eligibility Page
------------------------------------------------*/
.stu-eligibility-page .eligibility {
    min-height: 550px;
    background: url(../images/bg-title01.jpg);
    background-size: cover;
}

    .stu-eligibility-page .eligibility .image-block {
        width: 33.333333%;
        position: absolute;
        width: 40%;
        position: absolute;
        height: 100%;
        left: 60%;
        top: 20px;
        background: url(../images/eligibility.svg) no-repeat;
        background-size: auto 95%;
    }
/*---------------------------------------------------
    KAMP Assessment for K-12
---------------------------------------------------*/
.assessment-k12 .heading-section {
    background: url(../images/bg-vector.jpg);
    padding-top: 80px;
    position: relative;
}

    .assessment-k12 .heading-section:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #033065;
        opacity: 0.6;
    }

    .assessment-k12 .heading-section .heading-text-below {
        z-index: 1;
        opacity: 0.3;
    }

    .assessment-k12 .heading-section h1 {
        z-index: 2;
        position: relative;
        color: #ebebeb;
    }

.assessment-k12 .about-k12 .image-block {
    position: absolute;
    top: -200px;
    right: 15px;
    max-width: 400px;
}

    .assessment-k12 .about-k12 .image-block:before {
        content: '';
        content: '';
        position: absolute;
        left: -15px;
        top: -15px;
        width: 100%;
        height: 100%;
        border: 1px solid #e5e5e5;
    }

.assessment-k12 .arrow-list.type5-1 .text {
    min-height: 60px;
    display: table;
    width: 100%;
}

    .assessment-k12 .arrow-list.type5-1 .text p {
        margin-bottom: 0;
        display: table-cell;
        vertical-align: middle;
    }

.assessment-k12 .arrow-list.type5-1 .btn {
    cursor: default;
    background: #e7eaed;
    box-shadow: none;
    border-radius: 20px;
    color: #10273e;
}
/*--------------------------------------------
    K-12 Assessment Report
--------------------------------------------*/
.k12-assessment-report .page-img {
    margin-top: -160px;
    max-width: 400px;
}

.k12-assessment-report .benifit-section.dark {
    background: url(../images/pattern1.png);
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.k12-assessment-report .list li {
    padding: 15px;
    height: auto;
    padding-top: 50px;
    width: 25%;
    /* display: inline-block; */
}

    .k12-assessment-report .list li .image-block {
        /*padding: 15px 10px;*/
        position: absolute;
        width: 100%;
        height: 40px;
        top: 0;
        left: 0;
        text-align: center;
        color: #fff;
        justify-content: center;
        /*box-shadow: -3px 0 20px rgba(0, 0, 0, 0.2);*/
    }

        .k12-assessment-report .list li .image-block img {
            height: 35px;
            margin-top: 20px;
        }

        .k12-assessment-report .list li .image-block span {
            text-align: center;
            display: inline-block;
            position: relative;
            z-index: 1;
            margin-top: -50px;
        }

            .k12-assessment-report .list li .image-block span i {
                display: inline-block;
                width: 75px;
                height: 75px;
                border-radius: 50%;
                line-height: 75px;
                text-align: center;
            }

                .k12-assessment-report .list li .image-block span i:after {
                    position: absolute;
                    top: -8px;
                    bottom: -8px;
                    left: -8px;
                    right: -8px;
                    content: "";
                    z-index: -1;
                    opacity: 0.8;
                    border-radius: 50%;
                    background-image: linear-gradient(to right, #ffffff, #cdd4da);
                    transition: ease all 0.3s;
                    -webkit-transition: ease all 0.3s;
                }

.k12-assessment-report .benifit-section .img-responsive-only {
    max-height: 400px;
}

@media (max-width:1400px) {
    .k12-assessment-report .page-img {
        margin-top: -130px;
        max-width: 350px;
    }
}

@media (max-width:1200px) {
    .k12-assessment-report .page-img {
        margin-top: -60px;
        max-width: 90%;
    }
}

@media (max-width:992px) {
    .k12-assessment-report .page-img {
        display: none;
    }

    .k12-assessment-report .list li {
        width: 100%;
        padding: 15px;
        padding-left: 70px;
    }

        .k12-assessment-report .list li .image-block {
            height: 100%;
            width: 55px;
            background: #2166b8;
        }

            .k12-assessment-report .list li .image-block span {
                margin: 0;
            }

                .k12-assessment-report .list li .image-block span i {
                    width: 60px;
                    height: 60px;
                    line-height: 60px;
                    background: transparent;
                }

                    .k12-assessment-report .list li .image-block span i:after {
                        display: none;
                    }
}

@media (max-width:992px) {
    .k12-assessment-report .benifit-section .arrow-list.type4-2 > li {
        margin-bottom: 0;
    }
}
/*-------------------------------------------
    General Styles
-------------------------------------------*/
.square-bg-block {
    position: absolute;
    background-image: -webkit-repeating-linear-gradient(to bottom, transparent, transparent 3px, #f7f7f7 3px, #f7f7f7 30px), -webkit-repeating-linear-gradient(to right, #e1e1e1, #e1e1e1 3px, #28487d00 3px, #28487d00 30px);
    background-image: -moz-repeating-linear-gradient(to bottom, transparent, transparent 3px, #f7f7f7 3px, #f7f7f7 30px), -moz-repeating-linear-gradient(to right, #e1e1e1, #e1e1e1 3px, #28487d00 3px, #28487d00 30px);
    background-image: -ms-repeating-linear-gradient(to bottom, transparent, transparent 3px, #f7f7f7 3px, #f7f7f7 30px), -ms-repeating-linear-gradient(to right, #e1e1e1, #e1e1e1 3px, #28487d00 3px, #28487d00 30px);
    background-image: repeating-linear-gradient(to bottom, transparent, transparent 3px, #f7f7f7 3px, #f7f7f7 30px), repeating-linear-gradient(to right, #e1e1e1, #e1e1e1 3px, #28487d00 3px, #28487d00 30px);
    z-index: -1;
}

    .square-bg-block.top-left {
        top: -65px;
        left: -25px;
        width: 220px;
        height: 220px;
    }

    .square-bg-block.top-right {
        top: -35px;
        right: -25px;
        width: 220px;
        height: 220px;
    }

.img-responsive-only {
    max-width: 100%;
}

a.hover-black:hover, a.hover-black:active {
    color: #000;
}
/*************Box Shadow Effect******************/
.effect1, .effect2, .effect3, .effect4, .effect5, .effect6, .effect7, .effect8 {
    position: relative;
    margin: 10px auto;
    height: 40px;
    background: #fff;
}
/*==================================================
 * Effect 1
 * ===============================================*/
.effect1 {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}
/*==================================================
 * Effect 2
 * ===============================================*/
.effect2:before, .effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 20px;
    left: 10px;
    width: 50%;
    top: 17px;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
/*==================================================
 * Effect 3
 * ===============================================*/
.effect3:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 0;
    left: 10px;
    width: 50%;
    top: 5px;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
/*==================================================
 * Effect 4
 * ===============================================*/
.effect4:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 0;
    right: 10px;
    left: auto;
    width: 50%;
    top: 5px;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}
/*==================================================
 * Effect 5
 * ===============================================*/
.effect5:before, .effect5:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 10px;
    left: 10px;
    width: 50%;
    top: 5px;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 35px 20px #777;
    -moz-box-shadow: 0 35px 20px #777;
    box-shadow: 0 35px 20px #777;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

.effect5:after {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    right: 10px;
    left: auto;
}
/*==================================================
 * Effect 6
 * ===============================================*/
.effect6 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    height: 300px;
}

    .effect6:before, .effect6:after {
        content: "";
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        box-shadow: 0 0 20px rgba(0,0,0,0.8);
        top: 50%;
        bottom: 0;
        left: 10px;
        right: 10px;
        -moz-border-radius: 100px / 10px;
        border-radius: 100px / 10px;
    }

    .effect6:after {
        right: 10px;
        left: auto;
        -webkit-transform: skew(8deg) rotate(3deg);
        -moz-transform: skew(8deg) rotate(3deg);
        -ms-transform: skew(8deg) rotate(3deg);
        -o-transform: skew(8deg) rotate(3deg);
        transform: skew(8deg) rotate(3deg);
    }
/*==================================================
 * Effect 7
 * ===============================================*/
.effect7 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    height: 300px;
}

    .effect7:before, .effect7:after {
        content: "";
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        box-shadow: 0 0 20px rgba(0,0,0,0.8);
        top: 0;
        bottom: 0;
        left: 10px;
        right: 10px;
        -moz-border-radius: 100px / 10px;
        border-radius: 100px / 10px;
    }

    .effect7:after {
        right: 10px;
        left: auto;
        -webkit-transform: skew(8deg) rotate(3deg);
        -moz-transform: skew(8deg) rotate(3deg);
        -ms-transform: skew(8deg) rotate(3deg);
        -o-transform: skew(8deg) rotate(3deg);
        transform: skew(8deg) rotate(3deg);
    }
/*==================================================
 * Effect 8
 * ===============================================*/
.effect8 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    height: 300px;
}

    .effect8:before, .effect8:after {
        content: "";
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        box-shadow: 0 0 20px rgba(0,0,0,0.8);
        top: 10px;
        bottom: 10px;
        left: 0;
        right: 0;
        -moz-border-radius: 100px / 10px;
        border-radius: 100px / 10px;
    }

    .effect8:after {
        right: 10px;
        left: auto;
        -webkit-transform: skew(8deg) rotate(3deg);
        -moz-transform: skew(8deg) rotate(3deg);
        -ms-transform: skew(8deg) rotate(3deg);
        -o-transform: skew(8deg) rotate(3deg);
        transform: skew(8deg) rotate(3deg);
    }
/*************End Box Shadow Effect******************/
.curDefault {
    cursor: default;
}

    .curDefault.btn:not(:disabled):not(.disabled) {
        cursor: default;
    }

.list-box {
    padding-bottom: 15px;
    padding-left: 68px;
}

    .list-box .heading-text {
        position: relative;
    }

        .list-box .heading-text:before {
            content: '';
            width: 35px;
            height: 35px;
            border: 1px solid #0c67df;
            position: absolute;
            left: -68px;
            top: 0;
        }

        .list-box .heading-text:after {
            content: '';
            width: 32px;
            height: 1px;
            position: absolute;
            top: 16px;
            left: -43px;
            background: #0c67df;
        }

.flip-box-wrap {
    position: relative;
    animation-name: an-fade-right-medium;
}

.flip-box {
    perspective: 1000px;
}

    .flip-box i.icon-gradiented {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: initial;
    }

.flip-box-back-side, .flip-box-front-side {
    background-size: cover;
    background-position: center;
    position: relative;
    transition: transform .7s cubic-bezier(.4,.2,.2,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    min-height: 220px;
    background-image: url(../images/info-img.jpg);
}

.flip-box-back-side {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.flip-box[data-flip-direction=horizontal_to_left] .flip-box-front-side {
    transform: rotateY(0);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=horizontal_to_left] .flip-box-back-side {
    transform: rotateY(180deg);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=horizontal_to_left]:hover .flip-box-front-side {
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=horizontal_to_left]:hover .flip-box-back-side, .flip-box[data-flip-direction=horizontal_to_right] .flip-box-front-side {
    transform: rotateY(0);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=horizontal_to_right] .flip-box-back-side {
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=horizontal_to_right]:hover .flip-box-front-side {
    transform: rotateY(180deg);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=horizontal_to_right]:hover .flip-box-back-side {
    transform: rotateY(0);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=vertical_to_bottom] .flip-box-front-side {
    transform: rotateX(0);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=vertical_to_bottom] .flip-box-back-side {
    transform: rotateX(-180deg);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=vertical_to_bottom]:hover .flip-box-front-side {
    transform: rotateX(180deg);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=vertical_to_bottom]:hover .flip-box-back-side, .flip-box[data-flip-direction=vertical_to_top] .flip-box-front-side {
    transform: rotateX(0);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=vertical_to_top] .flip-box-back-side {
    transform: rotateX(180deg);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=vertical_to_top]:hover .flip-box-front-side {
    transform: rotateX(-180deg);
    transform-style: preserve-3d;
}

.flip-box[data-flip-direction=vertical_to_top]:hover .flip-box-back-side {
    transform: rotateX(0);
    transform-style: preserve-3d;
}

.flip-box .flip-box-back-side[data-is-bg-overlay=true]:before, .flip-box .flip-box-front-side[data-is-bg-overlay=true]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    /*background-image: linear-gradient(to right, #16319f, #05a8e6);*/
    background: #012c65;
    opacity: 0.7;
}

.flip-box .flip-box-content {
    -webkit-backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 40px;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    /*transform: translateZ(60px);*/
    perspective: inherit;
    backface-visibility: hidden;
}

    .flip-box .flip-box-content > i {
        margin-bottom: 20px;
    }

.flip-box[data-horizontal-align=center] .flip-box-content {
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.flip-box[data-horizontal-align=left] .flip-box-content {
    -ms-flex-align: start;
    align-items: flex-start;
}

.flip-box[data-horizontal-align=right] .flip-box-content {
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right;
}

.flip-box[data-vertical-align=center] .flip-box-content {
    -ms-flex-pack: center;
    justify-content: center;
}

.flip-box[data-vertical-align=top] z {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flip-box[data-vertical-align=bottom] .flip-box-content {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .flip-box[data-vertical-align=bottom] .flip-box-content h4 {
        line-height: 1.3;
        color: #fff;
        font-size: 37px;
        margin-bottom: 15px;
    }

    .flip-box[data-vertical-align=bottom] .flip-box-content h5 {
        line-height: 1.3;
        /*font-family: 'Rubik', sans-serif;*/
        color: #ffffff;
        width: 70%;
    }

    .flip-box[data-vertical-align=bottom] .flip-box-content p {
        line-height: 1.5;
        margin-bottom: 0.5rem;
        font-size: 15px;
        width: 70%;
    }

.feature-box {
    padding: 15px 20px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    cursor: pointer;
}

    .feature-box .image-block img {
        width: 100px;
    }

    .feature-box .content-block {
        font-size: 0.95rem;
        line-height: 1.6;
    }

@media (max-width: 1400px) {
    .flip-box[data-vertical-align=bottom] .flip-box-content p {
        font-size: 0.85rem;
    }

    .flip-box[data-vertical-align=bottom] .flip-box-content h5 {
        margin-bottom: 0.3rem;
        font-size: 1.1rem;
    }
}

@media (max-width: 1200px) {
    .flip-box[data-vertical-align=bottom] .flip-box-content h5 {
        margin-bottom: 0rem;
        font-size: 1rem;
    }

    .flip-box[data-vertical-align=bottom] .flip-box-content h4 {
        font-size: 30px;
        margin-bottom: 8px;
    }
}

.feature-box {
    padding: 20px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    border: 1px solid #ebebeb;
}

    .feature-box .image-block img {
        width: 70px;
    }

    .feature-box .content-block {
        font-size: 0.95rem;
        line-height: 1.6;
    }

        .feature-box .content-block p {
            height: 72px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -moz-line-clamp: 3;
            -o-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            box-orient: vertical;
        }

@media (max-width: 576px) {
    .feature-box .image-block img {
        width: 70px;
    }

    .feature-box {
        padding: 15px;
    }
}

.feature-box2 {
    background: #fff;
    border: 1px solid #1631a1;
    box-shadow: 0 5px 35px rgba(0,0,0,.1);
    transition: all .2s ease-in 0s;
    border-radius: 2px;
}

    .feature-box2 .box-body {
        position: relative;
        padding: 15px;
        padding-left: 50px;
    }

    .feature-box2 .link-icon {
        display: inline-block;
        font-size: 18px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        font-weight: bold;
        top: 0;
        bottom: 0;
        margin: auto;
        padding: 0;
        transition: all .2s ease-in-out 0s;
        color: #1631a0;
        background: #fff;
        /*width: 25px;
    height: 25px;
    line-height: 25px;
    right: -15px;*/
        width: 60px;
        height: 60px;
        line-height: 60px;
        left: -20px;
        box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
    }

    .feature-box2:hover .link-icon {
        box-shadow: 0 5px 35px rgba(0,0,0,.3);
        /*color: #fff;
    background: #1631a0;
    background:linear-gradient(45deg, #1631a0,#12a8da);*/
        font-weight: normal;
    }
/*.card-body .img-icon:hover {
    height: 64px;
}*/
/*---------------------- 
    widget
----------------------*/
ul.arrow-list {
    padding: 0;
    list-style: none;
    margin: 0;
}

    ul.arrow-list li {
        line-height: 1.9em;
        list-style-type: none;
        margin: 10px 0;
    }

.arrow-list.type5 {
    line-height: 1.75em;
}

section.content-section.kampIASTA.padB10 .arrow-list.type2.mb-3 li {
    border-bottom: none !important;
}


.arrow-list.type1 > li, .arrow-list.type2 > li {
    padding-left: 30px;
    position: relative;
    color: #444;
    /*border-bottom: 1px solid #ddd;*/
}

    .arrow-list.type1 > li:before, .arrow-list.type3 > li:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        color: #ff214f;
        position: absolute;
        font-size: 15px;
        top: 7px;
        left: -30px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ff214f;
        text-align: center;
        line-height: 18px;
    }

.arrow-list.type1.gray-icon > li:before, .arrow-list.type3.gray-icon > li:before {
    color: #b1b0b0;
    border: 1px solid #b1b0b0;
}

.arrow-list.type1 > li:before {
    left: 0;
    content: "\f105";
    top: 3px;
}

.arrow-list.type2 > li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #444;
    position: absolute;
    font-size: 20px;
    /*top: 5px;*/
    top: 3px;
    left: -30px;
}

.arrow-list.type2.icon-pink > li:before {
    color: #ff214f;
}

.arrow-list.type2 > li:before {
    left: 0;
    content: "\f105";
}

.arrow-list.type3 > li {
    position: relative;
    padding: 0 0 0 22px;
    margin: 0 0 10px 0;
}

    .arrow-list.type3 > li:before {
        content: "";
        width: 10px;
        height: 1px;
        background-color: #029fe1;
        position: absolute;
        top: 13px;
        left: 0;
        border: 0;
    }

.arrow-list.type3.icon-pink > li:before {
    background-color: #ff214f;
}

.arrow-list.type4 > li, .arrow-list.type4-1 > li, .arrow-list.type4-2 > li {
    position: relative;
    padding: 0 0 10px 35px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #000;
}

.arrow-list.type4-1 > li, .arrow-list.type4-2 > li {
    border-bottom: 0;
}

    .arrow-list.type4 > li:before, .arrow-list.type4-1 > li:before {
        content: "\f192";
        position: absolute;
        top: 1px;
        left: 0;
        font-family: 'FontAwesome';
        color: #c0c0c0;
    }

    .arrow-list.type4-1 > li:before {
        color: #0c67df;
    }

    .arrow-list.type4-2 > li:before {
        position: absolute;
        left: 4px;
        top: 11px;
        content: "";
        width: 8px;
        height: 8px;
        text-align: center;
        background: #fff;
        font-size: 10px;
        line-height: 20px;
        border-radius: 50%;
        z-index: 1;
    }

    .arrow-list.type4-2 > li:after {
        position: absolute;
        left: 0px;
        top: 7px;
        content: "";
        width: 16px;
        height: 16px;
        text-align: center;
        color: #fff;
        font-size: 10px;
        line-height: 20px;
        border-radius: 50%;
        background-image: linear-gradient(to right, #16319f, #0575E6);
    }

.arrow-list.type5 > li, .arrow-list.type5-1 > li {
    position: relative;
    min-height: 70px;
    padding-left: 70px;
    display: table;
}

.arrow-list.type5 li > span, .arrow-list.type5 li > h5 {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

.arrow-list.type5 > li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    color: #c0c0c0;
    background: url(../images/check.png) no-repeat center center;
    width: 60px;
    height: 60px;
    background-size: 20px 20px;
    border: 2px solid #d6dee5;
    border-radius: 50%;
}

.arrow-list.type5-1 > li > span {
    position: absolute;
    top: 5px;
    left: 0;
    color: #3054d1;
    width: 60px;
    height: 60px;
    line-height: 56px;
    border: 2px solid #d6dee5;
    border-radius: 50%;
    font-size: 27px;
    text-align: center;
}

.arrow-list.type6 > li {
    position: relative;
    min-height: 50px;
    padding-left: 80px;
    display: table;
    width: 100%;
    margin-bottom: 25px;
}

    .arrow-list.type6 > li p {
        margin: 0;
        display: table-cell;
        vertical-align: middle;
    }

    .arrow-list.type6 > li span.icon {
        text-align: center;
        margin: 0 20px 0 10px;
        display: inline-block;
        position: absolute;
        z-index: 1;
        left: 0;
    }

.list-icon {
    text-align: center;
    margin: 0 20px 0 10px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

    .list-icon i, .arrow-list.type6 > li span.icon i {
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        border-radius: 50%;
        font-size: 19px;
        color: #fff;
        font-style: normal;
        display: inline-block;
        background-image: linear-gradient(to right, #16319f, #0575E6);
    }

        .list-icon i:after, .arrow-list.type6 > li span.icon i:after {
            position: absolute;
            top: -8px;
            bottom: -8px;
            left: -8px;
            right: -8px;
            content: "";
            z-index: -1;
            opacity: 0.2;
            border-radius: 50%;
            background-image: linear-gradient(to right, #16319f, #0575E6);
            transition: ease all 0.3s;
            -webkit-transition: ease all 0.3s;
        }

.col-20 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 576px) {
    .col-sm-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) {
    .col-md-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) {
    .col-lg-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-xl-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
/*<span class="sub-label sub-label-sm  mb-2">Benifits </span>*/
.sub-label {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    padding: 0.625rem 1.125rem;
    border-radius: 6.1875rem;
    transition: 0.2s ease-in-out;
}

.sub-label-xs {
    font-size: 0.7rem;
    line-height: 1.8;
    padding: 0.25rem 1.1rem;
    font-weight: 300;
}

.sub-label-sm {
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
}
/* label warning */
.sub-label {
    color: #ff9e07;
    background-color: rgba(255, 193, 7, 0.15);
}

    .sub-label[href]:hover, .sub-label[href]:focus {
        color: #1e2022;
        background-color: #ffc107;
    }
/* label light */
.sub-label-light {
    color: #f6f9fc;
    background-color: rgba(246, 249, 252, 0.1);
}

    .sub-label-light[href]:hover, .sub-label-light[href]:focus {
        color: #1e2022;
        background-color: #f6f9fc;
    }

.highlight-text {
    padding-left: 85px;
    position: relative;
    margin-top: 2.5rem;
}

    .highlight-text:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 64px;
        height: 64px;
        background: url('../images/crop.png') no-repeat;
    }

@media (max-width: 600px) {
    .highlight-text {
        padding-left: 65px;
    }

        .highlight-text:before {
            width: 50px;
            height: 50px;
            background: url(../images/crop.png) no-repeat;
            background-size: 40px 40px;
        }
}

.content-block .colon-text {
    padding-left: 100px;
    position: relative;
    margin-top: 2.5rem;
}

    .content-block .colon-text:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 64px;
        height: 64px;
    }

    .content-block .colon-text.left:before {
        background: url('../images/colon.png') no-repeat;
        background-position: 0 0;
    }

    .content-block .colon-text.right:before {
        background: url('../images/colon.png') no-repeat;
        background-position: 0 64px;
    }

.widget-header {
    border-bottom: 1px solid rgba(52, 57, 71, 0.06);
    display: flex;
    flex-direction: row;
    position: relative;
}

    .widget-header .widget-icon {
        background-color: rgba(249, 59, 144, 0.12);
        background-image: linear-gradient(45deg, rgba(251, 56, 143, 0.12), transparent);
        border-radius: 50%;
        color: rgba(250, 57, 143, 0.75);
        font-size: 20px;
        height: 64px;
        line-height: 64px;
        margin: 0 30px 0 0;
        text-align: center;
        width: 64px;
    }

.widget-content {
    flex-grow: 1;
}

    .widget-content .widget-subtitle {
        color: #fb3d8d;
        font-size: 14px;
        font-weight: 500;
        margin: 0 0 5px 0;
        text-transform: uppercase;
    }

    .widget-content .widget-title {
        border: 0;
        color: #343947;
        font-size: 30px;
        font-weight: 300;
        max-width: 100%;
        padding: 0;
    }

    .widget-content .btn {
        margin-top: .5rem;
    }

@media (min-width: 992px) {
    .widget-content .btn {
        height: 37px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
}

@media (max-width: 992px) {
    .widget-content .widget-title {
        max-width: 100%;
    }

    .widget-header .widget-icon {
        margin-bottom: 30px;
    }

    .widget-header {
        flex-direction: column;
    }

    .section.widget-section {
        padding-top: 0;
    }
}
/*----------------------
     FEATURES
----------------------*/
.gradient-fill:before {
    color: #3e4faf;
    background: -moz-linear-gradient(top, #3e4faf 0%, #3e4faf 100%);
    background: -webkit-linear-gradient(top, #3e4faf 0%, #3e4faf 100%);
    background: linear-gradient(to bottom, #3e4faf 0%, #3e4faf 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card.features {
    border: 0;
    border-radius: 3px;
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

@media (max-width:991px) {
    .card.features {
        margin-bottom: 2rem;
    }

    [class^="col-"]:last-child .card.features {
        margin-bottom: 0;
    }
}

.card.features:before {
    content: "";
    position: absolute;
    width: 3px;
    color: #fc73b4;
    background: -moz-linear-gradient(top, #9477b4 0%, #fc73b4 100%);
    background: -webkit-linear-gradient(top, #9477b4 0%, #fc73b4 100%);
    background: linear-gradient(to bottom, #9477b4 0%, #fc73b4 100%);
    top: 0;
    bottom: 0;
    left: 0;
}

.card-text {
    font-size: 14px;
}

.card.features:hover {
    transform: translateY(-3px);
    -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
}

.card.features.no-border:before {
    display: none;
}

.box-icon {
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.14);
    padding: 10px;
    width: 70px;
    border-radius: 3px;
    margin-bottom: 1.5rem;
    background-color: #FFF;
}

.ui-steps .circle-icon {
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
    padding: 10px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 1.5rem;
    background-color: #FFF;
    color: #f5378e;
    font-size: 48px;
    text-align: center;
    line-height: 80px;
    font-weight: 300;
    transition: all 0.3s ease;
}

@media (max-width:992px) {
    .ui-steps .circle-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
        line-height: 50px;
    }
}

.ui-steps li:hover .circle-icon {
    background-image: -moz-linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    background-image: -webkit-linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    background-image: -ms-linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    background-image: linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.09);
    color: #FFF;
}

.ui-steps li {
    padding: 15px 0;
}

    .ui-steps li:not(:last-child) {
        border-bottom: 1px solid #f8e3f0;
    }

.perspective-phone {
    position: relative;
    z-index: -1;
}

@media (min-width:992px) {
    .perspective-phone {
        margin-top: -150px;
    }
}
/*----------------------
     course list
----------------------*/
.feature-list li .card {
    box-shadow: 0px 0px 0px transparent;
    transition: transform .2s ease, box-shadow .2s ease;
}

.courses .feature-list li .card {
    background: linear-gradient(135deg, rgb(111, 66, 193) 0%, rgb(62, 79, 175) 100%);
}

.feature-list .card-text {
    margin-bottom: 10px;
}

.feature-list li .card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08);
}

.feature-list .box-btn {
    position: absolute;
    width: 40px;
    height: 40px;
    color: #f93b8f;
    background: #fff;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    top: 0;
    right: -23px;
    bottom: 0;
    margin: auto;
    box-shadow: -4px 0 10px rgba(47, 56, 121, 0.76);
}

.counter-box {
    margin-bottom: 15px;
}

.counter-number {
    margin-bottom: 10px;
    font-size: 30px;
    padding: 25px 30px;
    border-radius: 3px;
    color: #ffffff;
}

@media (max-width:1200px) {
    .feature-list .card-title {
        overflow: hidden;
        text-overflow: ellipsis;
        height: 24px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -moz-line-clamp: 1;
        -o-line-clamp: 1;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
    }

    .feature-list .card-text {
        overflow: hidden;
        text-overflow: ellipsis;
        height: 42px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -o-line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
    }
}
/*----------------------
      TABS
----------------------*/
.tab-content:not([class*='col']) {
    padding-left: 0;
}

.nav-cards > li {
    width: 100%;
}

.card[data-toggle="tab"] {
    cursor: pointer;
    transition: background-color .35s ease, border-color .35s ease;
}

.card {
    margin-bottom: 1.5rem;
}

.step-circle {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 50%;
    background: #ced4da;
    color: #fff;
    text-align: center;
    font-size: 1.75rem;
    transition: background-color .35s ease;
}

.active .step-circle {
    background: #e84394;
}

[data-toggle="tab"].card .step-circle {
    transition: background-color .35s ease, transform .2s ease;
}

.nav-cards > li .media-body h5 {
    margin-bottom: 0.75rem;
}

[data-toggle="tab"].card:hover .step-circle {
    transform: scale(0.9);
}
/*----------------------
      TESTIMONIALS
----------------------*/
.owl-carousel .owl-item img.client-img {
    width: 110px;
    margin: 30px auto;
    border-radius: 50%;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
}

.testimonials-single {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}

.blockquote {
    color: #7a767a;
    font-weight: 300;
}

.owl-next.disabled,
.owl-prev.disabled {
    opacity: 0.2;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 60px;
}

.owl-theme .owl-dots .owl-dot span {
    background: #e7d9eb;
    width: 35px;
    height: 8px;
    border-radius: 10px;
    transition: all 0.3s ease-in;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #ff487e;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #ff487e;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
}

.client-img {
    text-align: center;
}
/*----------------------
      CALL TO ACTION
----------------------*/
.call-to-action2 {
    background: url(../images/call-bg.jpg);
    background-size: cover;
}

.call-to-action {
    text-align: center;
    color: #FFF;
    margin: 3rem 0;
}

    .call-to-action .box-icon {
        margin-left: auto;
        margin-right: auto;
        border-radius: 5px;
        transform: scale(0.85);
        margin-bottom: 2.5rem;
    }

    .call-to-action h2 {
        color: #FFF;
    }

    .call-to-action .tagline {
        font-size: 16px;
        font-weight: 300;
        max-width: 650px;
        margin: 0 auto;
    }

.btn-light img {
    margin-right: 0.4rem;
    vertical-align: text-bottom;
}
/***********************
   Upper footer
************************/
.upper-footer {
    padding: 1.3em 0;
    background: #2266b9;
}

    .upper-footer h2 {
        color: #fff;
        font-weight: 500;
        font-size: 34px;
        margin-bottom: 5px;
        LETTER-SPACING: 6px;
    }

    .upper-footer p {
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0.1em;
        margin-top: 0;
        font-family: Nunito;
        font-weight: 300;
        margin-bottom: 0;
    }

    .upper-footer .button-wrap {
        text-align: right;
    }

    .upper-footer .btn {
        margin-top: 14px;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        font-size: 20px;
        line-height: 55px;
        height: 55px;
        text-align: center;
        padding: 0 30px;
        font-weight: 500;
        background: #fff;
    }

        .upper-footer .btn:hover, .upper-footer .btn:focus {
            box-shadow: none !important;
            background-color: #3C3D41;
            border-color: #3C3D41;
            color: #ffffff;
        }

@media (max-width:1200px) {
    .upper-footer h2 {
        font-size: 30px;
    }

    .upper-footer .btn {
        margin-top: 8px;
    }
}

@media (max-width: 992px) {
    .upper-footer h2 {
        font-size: 25px;
    }

    .upper-footer .btn {
        line-height: 45px;
        height: 45px;
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .upper-footer h2, .upper-footer, .upper-footer .button-wrap {
        text-align: center;
    }

        .upper-footer .btn {
            margin-top: 10px;
        }

    .how-to-participate-box {
        margin-bottom: 40px;
    }
}
/*.footerlogo-kamp {
    width: 170px;
}*/
.footerlogo-nistad {
    width: 120px;
}

.footer-social-link .colophon-bottom {
    padding: 15px 0;
}
/**************************************
   Footer
***************************************/
.newslatter-section {
    /*background:linear-gradient(45deg, #2d408c,#3277bc);*/
    background: #e8e7eb;
    padding: 40px 0px;
}

    .newslatter-section h1 {
        text-align: center;
        font-size: 1.8rem;
        margin: 0;
        color: #2f4796;
    }

    .newslatter-section .btn {
        padding: 1rem 2.5rem;
        font-size: 18px;
        line-height: 1;
    }

#footer-widgets {
    background: #fff url(../images/home-bg-01.jpg);
    border-top: 2px solid #3dc4f2;
}

    #footer-widgets aside {
    }

    #footer-widgets .main-title {
        position: relative;
        margin-bottom: 1rem;
        padding-top: 15px;
        /*padding-bottom: 1rem;*/
    }

        #footer-widgets .main-title span {
        }
    /*#footer-widgets .main-title span{
    position: relative;
    z-index: 1;
    padding-right: 10px;
    padding-bottom: 0.7rem;
    border-bottom: 2px solid #292c38;
}
#footer-widgets .main-title:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1px;
    background: #e3e3e6;
    margin: auto;
}*/
    #footer-widgets .widget-title {
        font-weight: 600;
        font-size: 1.2rem;
        position: relative;
    }

    #footer-widgets ul.list li {
        padding: 6px 15px 6px 24px;
        position: relative;
        font-size: 0.85rem;
    }

        #footer-widgets ul.list li::before {
            color: #797777;
            content: "\f178";
            display: inline-block;
            font-family: FontAwesome;
            font-size: 10px;
            left: 3px;
            position: absolute;
            top: 8px;
        }

    #footer-widgets a, #footer-widgets a:visited {
        color: #6c757d;
        font-weight: 400;
    }

    #footer-widgets ul.list li:hover a {
        color: #20232c;
    }

    #footer-widgets ul.list li:hover::before {
        color: #fb3d8d;
    }

.quick-contact-widget p {
    position: relative;
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 55px;
    min-height: 40px;
}

    .quick-contact-widget p i {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 18px;
        text-align: center;
        background: #3e4fad;
        background: #292d38;
        color: #fff;
        width: 37px;
        height: 37px;
        line-height: 37px;
        margin-right: 15px;
        border-radius: 50%;
    }

.footer-social-link {
    /*background-color: #e2e3ea;
    border-top: 1px solid #d4d1d1;*/
    clear: both;
    color: #fff;
    font-size: 13px;
}

    .footer-social-link .colophon-top {
        padding: 20px 0;
    }

    .footer-social-link .social-links li {
        display: inline-block;
        height: 42px;
        width: 42px;
        line-height: 42px;
        border-radius: 50%;
        /*margin-right: 0.5rem;*/
        padding: 0;
        text-align: center;
        vertical-align: middle;
        -moz-transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .footer-social-link .social-links li a {
            display: block;
            border-radius: 50%;
            border: 1px solid #515151;
            /*padding-left: 30px;*/
        }

        .footer-social-link .social-links li::after {
            display: none;
        }

        .footer-social-link .social-links li a i {
            color: #cacad8;
            font-size: 18px;
            font-weight: normal;
        }

        .footer-social-link .social-links li a::before {
            color: #fff;
            content: "\f0c1";
            display: block;
            font-family: FontAwesome;
            font-weight: normal;
            line-height: 2.1;
            font-size: 19px;
            background: #282828;
            border-radius: 50%;
        }

        .footer-social-link .social-links li a[href*="facebook.com"]::before {
            content: "\f09a";
        }

        .footer-social-link .social-links li a[href*="twitter.com"]::before {
            content: "\f099";
        }

        .footer-social-link .social-links li a[href*="linkedin.com"]::before {
            content: "\f0e1";
        }

        .footer-social-link .social-links li a[href*="plus.google.com"]::before {
            content: "\f0d5";
        }

        .footer-social-link .social-links li a[href*="youtube.com"]::before {
            content: "\f167";
        }

        .footer-social-link .social-links li a[href*="instagram.com"]::before {
            content: "\f16d";
        }
        /*.footer-social-link .social-links li a[href*="facebook.com"] {
    background-color: #3b5998;
}
.footer-social-link .social-links li a[href*="twitter.com"] {
    background-color: #00aced;
}*/
        .footer-social-link .social-links li a[href*="plus.google.com"] {
            background-color: #dd4b39;
        }
        /*.footer-social-link .social-links li a[href*="linkedin.com"] {
    background-color: #007bb6;
}*/
        .footer-social-link .social-links li a[href*="youtube.com"] {
            background-color: #bb0000;
        }

        .footer-social-link .social-links li a[href*="instagram.com"] {
            background-color: #517fa4;
        }

        .footer-social-link .social-links li a:hover {
            box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.3);
        }

            .footer-social-link .social-links li a:hover::before {
                color: #fff;
            }

.footer-payment-methods {
    text-align: right;
}

    .footer-payment-methods li {
        display: inline-block;
        list-style: outside none none;
    }

        .footer-payment-methods li a {
            display: block;
            padding: 5px;
            text-transform: capitalize;
        }

            .footer-payment-methods li a img {
                width: 65px;
            }

.payment-powered-imgH {
    height: 52px;
}

.payment-powered-imgH42 {
    height: 42px;
}

@media(min-width:200px) and (max-width:360px) {
    .payment-powered-imgH {
        height: 40px;
    }

    .payment-powered-imgH42 {
        height: 30px;
    }
}

.colophon-bottom {
    padding: 0;
    /*background: linear-gradient(45deg, #2d408c,#3277bc);*/
    color: #fff;
    /*border-top: 2px solid #3cc4f3;*/
    background: #424b50;
    border-top: 10px solid #2166b8;
}

    .colophon-bottom .left-section {
        /* background: rgba(0, 0, 0, 0.09019607843137255); */
        padding: 15px 20px 0 20px;
    }

        .colophon-bottom .left-section .main-title {
            color: #3cc4f3;
        }

        .colophon-bottom .left-section.address p {
            position: relative;
            padding-left: 35px;
            color: #dfdfdf;
        }

            .colophon-bottom .left-section.address p i {
                position: absolute;
                left: 0;
                top: 5px;
                width: 30px;
            }

    .colophon-bottom .right-section {
        padding-top: 10px;
    }

    .colophon-bottom .right-sec {
        text-align: right;
    }

    .colophon-bottom p {
        margin: 0;
    }

        .colophon-bottom p a {
            color: #13b7eb;
        }

.contact-detail-area {
    background: rgba(214, 214, 214, 0.5215686274509804);
    padding: 0 15px;
}

ul.footer-links li {
    margin: 5px 0;
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #879ea6;
    line-height: 1;
}

    ul.footer-links li:last-child {
        border: 0;
    }

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

@media (min-width: 768px) {
    .upper-footer-section .upper-footer-inner {
        border-left: 1px solid #dee0e8;
    }
}

@media (min-width: 992px) {
    html.sticky-footer, body.sticky-footer {
        min-height: 100%;
        height: 100%;
    }

    .sticky-footer .main-section {
        min-height: 100%;
        padding-bottom: 347px;
    }

    .sticky-footer .upper-footer {
        margin-top: -347px;
    }
}

@media (min-width: 1400px) {
    .sticky-footer .main-section {
        min-height: 100%;
        padding-bottom: 358px;
    }

    .sticky-footer .upper-footer {
        margin-top: -358px;
    }
}

@media (min-width: 1450px) {
    .productOf img {
        height: 70px;
    }
}

@media (max-width: 1200px) {
    .contact-detail-area p {
        line-height: 1.6;
    }
}

@media (max-width: 1100px) {
    .colophon-bottom .left-section {
        padding: 15px 20px;
    }
}

@media (max-width: 992px) {
    #footer-widgets aside {
        padding-bottom: 25px;
    }

    .contact-detail-area {
        background: transparent;
        padding: 0 15px;
        border-top: 1px solid #d4d1d1;
    }

    #footer-widgets .main-title {
        margin-bottom: 1rem;
    }

    #footer-widgets .contact-detail-area .main-title {
        padding-top: 15px;
        margin-bottom: 0;
    }

    .disclaimer.main-section {
        min-height: 500px;
    }
}

@media (max-width: 900px) {
    .newslatter-section {
        padding: 30px 0px;
    }

        .newslatter-section h1 {
            font-size: 1.6rem;
            padding-right: 0;
        }

        .newslatter-section .btn {
            padding: 0.8rem 1.5rem;
            font-size: 16px;
            font-weight: 500;
        }
}

@media (max-width: 768px) {
    .upper-footer-section .footer-info-box {
        border-bottom: 1px solid #dee0e8;
        padding: 20px 40px;
        min-height: initial;
    }

    #footer-widgets .productOf, #footer-widgets .contact-detail-area {
        margin-top: 0.5rem;
    }

    .footer-payment-methods li a {
        padding: 0;
    }

        .footer-payment-methods li a img {
            width: 55px;
        }

    .footer-social-link .social-links li {
        margin-right: 0.2rem;
    }

    .newslatter-section {
        padding: 20px 0px;
    }

    .colophon-bottom .right-section {
        background: #232323;
        padding: 5px 15px;
        margin-bottom: 10px;
    }

    .colophon-bottom .left-section.address p {
        margin-bottom: 5px;
    }
}

@media (max-width: 576px) {
    #footer-widgets .productOf, #footer-widgets .contact-detail-area {
        margin-top: 0;
        padding: 0;
    }

    .newslatter-section {
        padding: 16px 0px;
    }

        .newslatter-section h1 {
            font-size: 1.3rem;
        }

        .newslatter-section h1, .newslatter-section {
            text-align: center;
            height: auto;
        }

            .newslatter-section .btn {
                padding: 0.7rem 1.5rem 0.5rem 1.5rem;
                font-size: 14px;
            }

            .newslatter-section .btn {
                margin-top: 10px;
            }

    .footer-social-link .colophon-top {
        padding: 10px 0;
    }

    .footer-social-link .social-links li {
        height: 35px;
        width: 35px;
        line-height: 35px;
        margin: 1px;
    }

        .footer-social-link .social-links li a::before {
            font-size: 13px;
            line-height: inherit;
        }

    #footer-widgets {
        padding-bottom: 10px;
    }

        #footer-widgets .productOf img {
            height: 50px;
            margin-top: 7px;
        }
    /*.colophon-bottom, .colophon-bottom .right-sec {
        text-align: center;
    }*/
    .colophon-bottom .left-section {
        padding-bottom: 0;
    }

    .colophon-bottom .right-section img {
        height: 70px;
    }
}

@media (max-width: 400px) {
    .footer-payment-methods li a img {
        width: 50px;
        margin-bottom: 2px;
    }
}
/**************new************/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    display: block;
    line-height: 1.5;
}

.font-sm {
    font-size: 0.9rem;
}

.font-extra-sm {
    font-size: 0.8rem;
}

body.SitePage {
    padding-top: 80px;
}

.btn {
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
}

    .btn:hover, .btn:focus, .btn:active, .btn:not([disabled]):not(.disabled).active, .btn:not([disabled]):not(.disabled):active, .show > .btn.dropdown-toggle {
        box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.3);
    }

.btn-submit {
    background-image: linear-gradient(to right, #16319f, #0575E6);
    color: #fff;
    border-radius: 3px;
    border: 1px solid #0f48b8;
}

    .btn-submit:hover, .btn-submit:focus, .btn-submit:active, .btn-submit:not([disabled]):not(.disabled).active, .btn-submit:not([disabled]):not(.disabled):active, .show > .btn-submit.dropdown-toggle {
        background-image: linear-gradient(to right, #16319f, #0575E6);
        color: #fff;
    }

    .btn-submit.btn-lg {
        padding: 13px 50px;
        font-size: 1rem;
    }

.text-light-gray1 {
    color: #bdc1c7;
}

.text-blue-gray {
    color: #6c757d;
}

.text-blue-gray-light {
    color: #adb5bd;
}

.text-black, a.text-black:hover, a.text-black:focus {
    color: #000;
}

.text-blue2 {
    color: #1c56c2 !important;
}

.display-1 {
    font-size: 4.1rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 4rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 3.6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-6 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-7 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:576px) {
    .display-sm-1 {
        font-size: 4.1rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-sm-2 {
        font-size: 4rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-sm-3 {
        font-size: 3.6rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-sm-4 {
        font-size: 3.1rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-sm-5 {
        font-size: 2.1rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-sm-6 {
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1.2;
    }
}

@media (min-width:768px) {
    .display-md-1 {
        font-size: 4.1rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-md-2 {
        font-size: 4rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-md-3 {
        font-size: 3.6rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-md-4 {
        font-size: 3.1rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-md-5 {
        font-size: 2.1rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-md-6 {
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1.2;
    }
}

@media (min-width:992px) {
    .display-lg-1 {
        font-size: 4.1rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-lg-2 {
        font-size: 4rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-lg-3 {
        font-size: 3.6rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-lg-4 {
        font-size: 3.1rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-lg-5 {
        font-size: 2.1rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-lg-6 {
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .letter-spacing-lg-0 {
        letter-spacing: 0;
    }
}

@media (min-width:1400px) {
    .display-xl-1 {
        font-size: 4.1rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-xl-2 {
        font-size: 4rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-xl-3 {
        font-size: 3.6rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-xl-4 {
        font-size: 3.5rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-xl-5 {
        font-size: 2.5rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-xl-6 {
        font-size: 2rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .letter-spacing-xl-2 {
        letter-spacing: 2px;
    }
}

.bg-secondary-light {
    background-color: #e9ecef !important;
}

.borTop1px {
    border-top: 1px solid #e9ecef;
}

.card-header {
    padding: 1.125rem 1.5rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid #e9ecef;
}

.card-footer {
    border-top: 1px solid #e9ecef;
}

.card-header.card-header-sm {
    padding: .75rem 1.25rem;
}

.card-header-transparent {
    border-bottom: none;
    padding-bottom: 0 !important;
    background: none;
}

.card-header h6, .card-header .h6 {
    margin: 0;
    display: inline-block;
}

.card, .list-group-item {
    border: 1px solid #e9ecef;
}

.badge {
    font-weight: 400;
}

.scroll-top {
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 105%;
    right: 30px;
    font-size: 18px;
    border-radius: 50%;
    z-index: 1030;
    color: #fff;
    text-align: center;
    cursor: pointer;
    /*background: #ed146d;*/
    background: #26abe5;
    -webkit-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    transition: 1s ease;
    border: none;
    outline: none;
}

    .scroll-top span:before {
        font-size: 27px;
    }

    .scroll-top:after {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 1;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
        background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    }

    .scroll-top.open {
        bottom: 30px;
    }

    .scroll-top:focus {
        border: none;
        outline: none;
    }

.tran-1 {
    transition: 1s ease;
}

.tran-2 {
    transition: 2s ease;
}

.tran-3 {
    transition: 3s ease;
}

.tran-4 {
    transition: 4s ease;
}

.tran-5 {
    transition: 5s ease;
}

.btn-tran {
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

@media (max-width:1400px) {
    body {
        line-height: 1.65;
    }
}

@media (max-width:992px) {
    .scroll-top.open {
        /*bottom: 70px;*/
        bottom: 0;
        right: 0;
    }
}
/*************************new design css******************************/
.pdR15 {
    padding-right: 15px !important;
}

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

.section.participate-flow {
    padding-bottom: 30px;
    padding-top: 30px;
    /*background: #2166b8;*/
    background: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);
}

    .section.participate-flow .participate-box {
        background-image: linear-gradient(90deg, #ebf6ff 0%, #ebf6ff 50%, #5F9EA0 50%, #5F9EA0 100%);
        padding: 25px 10px 25px;
        color: #252424;
        position: relative;
        border-radius: 0;
        -webkit-filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.4));
        filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.4));
        height: 100%;
        border-left: 10px solid #5F9EA0;
        background-size: 200%;
        transition: background-position .3s cubic-bezier(.47, .1, 1, .63), color .2s linear;
        transition-delay: 0.0s, 0.15s;
        /*border-radius: 5px;
    position: absolute;
    border-bottom: 4px solid #19c5ff;
    box-shadow: 2px 2px 20px rgba(14, 14, 14, 0.14901960784313725);
    padding-left: 100px;
    border-radius:35px 0px;*/
    }

.divTop {
    margin-top: -48px;
}

.section.participate-flow a {
}

.img-box {
    background: #26abe5;
    border-radius: 50%;
    padding: 28px 15px;
}

.section.participate-flow:hover a {
    color: #fff;
    transition: all .5s ease-in-out;
}

.section.participate-flow a:hover .participate-box .content-block h4 {
    color: #fff;
    transition: all .5s ease-in-out;
}

.section.participate-flow a:hover .participate-box {
    /*background:#26abe5;*/
    transition: all .5s ease-in-out;
    background-position: -100% 100%;
}

.section.participate-flow .participate-box:after {
}

.section.participate-flow .participate-box .content-block {
    /*border-right: solid 1px #ccc;    
    padding: 15px 0;
    padding-right: 40px;*/
}

.section.participate-flow .participate-box .image-block {
    height: 80px;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.section.participate-flow .participate-box img {
    height: 80px;
}

.section.participate-flow .participate-box h5 span {
    font-size: 80%;
    color: #8a8f94;
    font-weight: 500;
}

.section.participate-flow .participate-box p {
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.section.participate-flow .participate-box h2 {
    height: 80px;
    line-height: 1;
    padding: 13px 0;
}

.section.participate-flow .participate-box h4 {
    line-height: 25px;
    font-size: 1.1rem;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.section.participate-flow .participate-box a {
    color: #13b7eb;
    FONT-WEIGHT: 600;
}

.about-kamp-section {
    padding: 0 0 100px 0;
}

    .about-kamp-section .inner-section {
        position: relative;
    }

        .about-kamp-section .inner-section .row {
            margin: 0;
        }

    .about-kamp-section .image-block {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50%;
        height: 100%;
        background: url(../images/bgimg.jpg);
        background-size: cover;
        background-position: center;
    }

    .about-kamp-section .content-block {
        padding: 0;
    }

        .about-kamp-section .content-block .arrow-list.type2 li:before {
            color: #b2b2b2;
        }

    .about-kamp-section .about-box {
        background: #fff;
        color: #474747;
        padding: 0px 120px 40px 28px;
        font-weight: 500;
    }

@media (max-width:1400px) {
    .about-kamp-section .about-box {
        padding-left: 100px;
        padding-right: 100px;
        margin-left: -180px;
    }

    .section.participate-flow .participate-box h4 {
        font-size: 14px;
    }
}

@media (max-width:1300px) {
    .section.participate-flow .participate-box h4 span {
        display: block;
    }
}

@media (max-width:1200px) {
    .about-kamp-section .about-box {
        padding: 20px 80px 25px 80px;
    }

    .section.participate-flow .participate-box h5 {
        font-size: 1.2rem;
    }
}

@media (max-width:1100px) {
    .section.participate-flow .participate-box h4 span {
        display: inline-block;
    }

    .about-kamp-section .about-box {
        padding: 15px 50px 20px 50px;
    }

    .section.participate-flow .participate-box h5 {
        font-size: 1.1rem;
    }

    .about-kamp-section, .section.news-event {
        padding-bottom: 70px;
    }
}

@media (max-width:992px) {
    .about-kamp-section .about-box {
        margin-left: 0;
    }

    .section.participate-flow {
        padding-top: 40px;
        padding-bottom: 25px;
    }

        .section.participate-flow .participate-box {
            margin-bottom: 15px;
            margin-top: 0;
        }

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

@media (max-width:768px) {
    .about-kamp-section .about-box {
        padding: 20px;
    }

    .about-kamp-section {
        padding-bottom: 50px;
    }
}

@media (max-width:576px) {
    .section.participate-flow .participate-box h4 {
        font-size: 0.9rem;
    }
}

.F-S-13 {
    font-size: 13px;
}

.objective-img img {
    width: 35px;
    margin-right: 8px;
}

.how-to-participate-box .fourbox-flow {
    padding-right: 90px;
    position: relative;
    padding-bottom: 10px;
}

    .how-to-participate-box .fourbox-flow h5 {
        margin-bottom: 0px;
        color: #2266b9;
        font-weight: 500;
    }

    .how-to-participate-box .fourbox-flow p {
        min-height: 45px;
        margin-bottom: 5px;
    }

.how-to-participate-box .fourbox-icon {
    background: #2266b9;
    border-radius: 50%;
    width: 72px;
    height: 72px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 70px;
}

    .how-to-participate-box .fourbox-icon img {
        width: 40px;
        vertical-align: middle;
    }

    .how-to-participate-box .fourbox-icon:before {
        content: '';
        position: absolute;
        top: 100%;
        bottom: 0;
        height: 100%;
        right: 0;
        border-left: 3px dashed #2266b9;
        left: 0;
        margin: auto;
        width: 3px;
        z-index: -1;
    }

.how-to-participate-box .fourbox-flow:last-child .fourbox-icon:before {
    display: none;
}

#latest-news-slider .carousel-indicators li {
    background: rgb(40, 40, 40);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

    #latest-news-slider .carousel-indicators li.active {
        background: rgb(60, 196, 243);
    }

#latest-news-slider .carousel-indicators {
    bottom: -20px;
}

#latest-news-slider .carousel-caption {
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    padding: 5%;
    box-shadow: 0 63px 124px #000 inset;
    height: 100%;
}

    #latest-news-slider .carousel-caption h3 {
        margin: 0;
        text-align: left;
        color: #fff;
        font-size: 24px;
    }

@media (max-width:1200px) {
    .how-to-participate-box .fourbox-flow {
        padding-bottom: 0;
    }
}

.news-box .date {
    background: #00b7f4;
    color: #fff;
    width: 65px;
    padding: 0px;
    font-size: 19px;
    text-align: center;
    font-weight: 300;
    position: absolute;
    bottom: -33px;
    left: 36px;
    line-height: 1.1;
    height: 65px;
    padding: 6px 0;
    font-family: sans-serif;
}

    .news-box .date small {
        display: block;
        font-size: 12px;
        letter-spacing: 3px;
    }

.news-box-item.active .feature-box {
    border: 1px solid #00b7f4;
    box-shadow: 0 5px 25px rgba(0,0,0,.09);
}
/*******************************************************
    Awards-Recognition
********************************************************/
.Awards-Recognition {
    background: url(../images/parallax_bg_4.jpg) no-repeat center top fixed;
    background-size: cover;
    padding: 170px 0;
}

    .Awards-Recognition .heading-text-below {
        z-index: 1;
        font-size: 135px;
        top: -54%;
    }

.school-award {
    letter-spacing: 5px;
}

.award-page {
    padding: 70px 0px;
}

.awardh3 {
    text-align: -webkit-center;
    font-variant: petite-caps;
}

.school-Shield img {
    width: 100%;
}

.school-Shield h6 {
    position: absolute;
    height: 250px;
    font-size: 20px;
    padding: 60px 115px;
    color: #f8f9fa;
    text-align: -webkit-center;
    text-shadow: 1px 1px 4px #f3e2949e;
    font-weight: 400;
    left: 8px;
    top: 10px;
}

.award-page .heading-text-below {
    left: 34%;
    top: -37px;
}

.width100 {
    width: 100%;
}

.award-student-section {
    padding: 20px 0 50px 0;
}

.Certificates .heading-text-below {
    left: 23%;
}

.Certificates-school {
    position: relative;
    width: 100%;
}

    .Certificates-school img {
        width: 100%;
        border-radius: 6px;
        display: block;
        height: auto;
    }

    .Certificates-school:hover .overlay {
        width: 100%;
    }

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #26292fd9;
    overflow: hidden;
    width: 0;
    height: 100%;
    transition: .5s ease;
}

.Certificates-school h6 {
    position: absolute;
    top: 50%;
    font-size: 18px;
    color: #f8f9fa;
    text-align: -webkit-center;
    font-weight: 400;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    white-space: nowrap;
}

.Certificates-school {
    border: 4px solid #b6782073;
    padding: 5px;
    border-radius: 6px;
}

.student-box {
    background: linear-gradient(to right, #00004b, #2cbbec);
    color: #fff;
    padding: 90px 130px 90px 130px;
    margin-left: -120px;
    position: absolute;
    bottom: 85px;
}

    .student-box h1 {
        margin-bottom: 0px;
    }

    .student-box .bottamline {
        width: 60px;
        height: 3px;
        background: #fff;
        margin-bottom: 45px;
    }

.l-S-5 {
    letter-spacing: 5px;
}

.District-award .title {
    font-size: 26px;
    font-weight: 700;
    margin: 20px auto 10px auto;
    color: #fb3d8d;
    text-align: center;
}

.District-award .img-in img {
    width: 100%;
    border-radius: 10px;
}

.District-award .title:before {
    transition: all 0.5s;
    content: " ";
    display: block;
    position: absolute;
    z-index: -1;
    height: 10px;
    border-radius: 15px;
    width: 50%;
    margin: auto;
    background-color: #f9d73a;
    opacity: 0.6;
    left: 0;
    right: 0;
    top: 65%;
}

.content-student {
    font-size: 16px;
    font-weight: 500;
    color: #666363;
    margin-bottom: 10px;
    text-align: center;
}

.fntp p {
    font-size: 13px;
    color: #5f6368;
    padding-top: 8px;
}

.awdpd {
    padding-top: 7%;
}

    .awdpd h3 {
        font-size: 44px;
    }

@media (max-width:1199px) {
    .school-Shield h6 {
        font-size: 16px;
        padding: 40px 100px;
    }

    .District-award .title:before {
        top: 56%;
    }

    .student-box {
        bottom: 60px;
    }

    .award-page .heading-text-below {
        left: 36%;
        top: -19px;
    }

    .Certificates .heading-text-below {
        left: 25%;
    }
}

@media (max-width:1100px) {
    .awdpd {
        padding-top: 3%;
    }
}

@media (max-width:990px) {
    .school-Shield h6 {
        font-size: 13px;
        padding: 20px 74px;
    }
}

@media (max-width:840px) {
    .awdpd {
        padding-top: 1%;
    }
}

@media (max-width:786px) {
    .awdpd {
        padding-top: 2%;
    }

        .awdpd h3 {
            font-size: 32px;
        }
}

@media (max-width:682px) {
    .awdpd h3 {
        font-size: 26px;
    }
}

.awardhdng1 {
    background: #333;
    color: #fff;
    border-radius: 3px;
    box-shadow: 10px 10px 15px #ccc;
}

.awardh1 {
    position: relative;
    font-size: 29px;
    margin-top: 0;
    font-family: 'Lobster', helvetica, arial;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 0;
}

    .awardh1 span {
        text-decoration: none;
        color: #134c9d;
        position: absolute;
        /*color:#666;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.5)), to(rgba(0,0,0,1)));*/
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19,76,157,1)), color-stop(50%, rgba(39,175,232,.5)), to(rgba(19,76,157,1)));
        background: #ccc;
        padding: 0px 30px;
    }

    .awardh1:after {
        content: 'Student Awards';
        /*color: #d6d6d6;*/
        color: #26abe5;
        text-shadow: 0 1px 0 white;
        padding: 0px 30px;
    }

.awardh2 {
    position: relative;
    font-size: 29px;
    margin-top: 0;
    font-family: 'Lobster', helvetica, arial;
    border-bottom: 1px dashed #ccc;
}

    .awardh2 span {
        text-decoration: none;
        color: #134c9d;
        position: absolute;
        /*color:#666;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.5)), to(rgba(0,0,0,1)));*/
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19,76,157,1)), color-stop(50%, rgba(39,175,232,.5)), to(rgba(19,76,157,1)));
        background: #ccc;
        padding: 0px 30px;
    }

    .awardh2:after {
        content: 'Teacher Awards';
        /*color: #d6d6d6;*/
        color: #26abe5;
        text-shadow: 0 1px 0 white;
        padding: 0px 30px;
    }

.awardh4 {
    position: relative;
    font-size: 29px;
    margin-top: 0;
    font-family: 'Lobster', helvetica, arial;
    border-bottom: 1px dashed #ccc;
}

    .awardh4 span {
        text-decoration: none;
        color: #134c9d;
        position: absolute;
        /*color:#666;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.5)), to(rgba(0,0,0,1)));*/
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19,76,157,1)), color-stop(50%, rgba(39,175,232,.5)), to(rgba(19,76,157,1)));
        background: #ccc;
        padding: 0px 30px;
    }

    .awardh4:after {
        content: 'School Awards';
        /*color: #d6d6d6;*/
        color: #26abe5;
        text-shadow: 0 1px 0 white;
        padding: 0px 30px;
    }

.AwardBox1 {
    height: auto;
    width: 100%;
    position: relative;
}

.AwardBoxNw {
    position: absolute;
    top: 31%;
    text-align: center;
    margin: 0 auto;
    width: 88%;
}

    .AwardBoxNw img {
        width: 150px;
    }
/******************************/
.awardRecog-page .Award-section {
    position: relative;
    padding: 40px 0 0 0;
}

    .awardRecog-page .Award-section:before {
        position: absolute;
        right: 0;
        top: -280px;
        height: 1348px;
        width: 1032px;
        content: "";
        z-index: -1;
        background-image: url(../images/bg-1.png);
    }

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.awardRecog-page .sec-title h2 {
    position: relative;
    color: #3c4858;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 500;
}

.awardRecog-page .Award-section .Awards {
    position: relative;
}

    .awardRecog-page .Award-section .Awards:before {
        position: absolute;
        left: -60px;
        top: -40px;
        height: 432px;
        width: 290px;
        content: "";
        background-image: url(../images/dots.png);
    }

.awardRecog-page .Award-section .row {
    margin: 0 -11px;
}

.awardRecog-page .Award-block {
    position: relative;
    padding: 0 11px;
    margin-bottom: 40px;
}

    .awardRecog-page .Award-block .inner-box {
        padding: 40px 40px 20px 40px;
        background-color: #ffffff;
        text-align: center;
        outline: 1px solid transparent;
        outline-offset: -1px;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-box-shadow: 0 15px 46px rgba(0,0,0,.1);
        -ms-box-shadow: 0 15px 46px rgba(0,0,0,.1);
        box-shadow: 0 15px 46px rgba(0,0,0,.1);
        height: 340px;
    }

    .awardRecog-page .Award-block .img-box img {
        position: relative;
        top: 0px;
        height: 80px;
        width: 80px;
        margin: 0 auto 30px;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .awardRecog-page .Award-block .inner-box:hover {
        outline-color: #3d75b9;
        outline-offset: -6px;
    }

    .awardRecog-page .Award-block h3 {
        display: block;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.2em;
        color: #202020;
        margin-bottom: 25px;
    }

        .awardRecog-page .Award-block h3 a {
            color: #202020;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .awardRecog-page .Award-block h3 a:hover {
                color: #3d75b9;
            }

    .awardRecog-page .Award-block p {
        font-size: 14px;
        line-height: 27px;
        color: #888888;
    }

.icon-box {
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    font-weight: 400;
    font-size: 30px;
    color: #ffffff;
    /*background: linear-gradient(to bottom right, #146ad2, #03A9F4);
    -o-background: linear-gradient(to bottom right, #146ad2, #03A9F4);
    -ms-background: linear-gradient(to bottom right, #146ad2, #03A9F4);
    -moz-background: linear-gradient(to bottom right, #146ad2, #03A9F4);
    -webkit-background: linear-gradient(to bottom right, #146ad2, #03A9F4);*/
    background: #03a9f4d1;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    -o-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-radius: 50%;
    margin-right: 20px;
}

    .icon-box img {
        width: 40px;
        margin-top: 15px;
    }

.awardRecog-page .Award-categories-section .media-body h4 {
    font-size: 18px;
    line-height: 1.2em;
    margin-top: 7px;
    margin-bottom: 3px;
    color: #2266b9;
    font-weight: 500;
}

.awardRecog-page .Award-categories-section .media-body p {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    color: #888888;
    margin: 0;
}

.awardRecog-page .bgImg:before {
    position: absolute;
    right: 0;
    top: -280px;
    height: 1348px;
    width: 1032px;
    content: "";
    background-image: url(../images/bg-1.png);
    transform: rotate(44deg);
}

.awardRecog-page .categories-block img {
    max-width: 100%;
    max-height: 500px;
}

@media (max-width:1200px) {
    .awardRecog-page .Award-block h3 {
        font-size: 18px;
    }
}

@media (max-width:992px) {
    .awardRecog-page .Award-section .container {
        max-width: 100%;
    }

    .awardRecog-page .Award-block .inner-box {
        padding: 40px 20px 20px 20px;
        height: 315px;
    }
}

@media (max-width:915px) {
    .awardRecog-page .Award-block .inner-box {
        height: 330px;
    }

    .awardRecog-page .Award-block h3 {
        font-size: 17px;
        margin-bottom: 15px;
    }
}

@media (max-width:768px) {
    .awardRecog-page .Award-block {
        margin-bottom: 20px;
    }

        .awardRecog-page .Award-block .inner-box {
            height: auto;
            text-align: left;
            padding: 20px;
            padding-left: 130px;
        }

        .awardRecog-page .Award-block h3 {
            margin-bottom: 10px;
        }

        .awardRecog-page .Award-block p {
            margin-bottom: 0;
        }

        .awardRecog-page .Award-block .img-box {
            position: absolute;
            left: 10px;
            top: 0;
            height: 100%;
            width: 112px;
            background: #eceef1;
        }

            .awardRecog-page .Award-block .img-box img {
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto;
                left: 25px;
                width: 60px;
                height: 60px;
            }
}

@media (max-width:992px) {
    .awardRecog-page .bgImg:before {
        display: none;
    }
}

@media (max-width:500px) {
    .awardRecog-page .Award-block .img-box img {
        left: 15px;
        width: 50px;
        height: 50px;
    }

    .awardRecog-page .Award-block .img-box {
        width: 85px;
    }

    .awardRecog-page .Award-block .inner-box {
        padding-left: 100px;
    }
}

.client-box {
    border-top: 1px solid #e9e9e9;
}

.client-img img {
    max-width: 281px;
    width: 100%;
}

@media (max-width:1400px) {
    .client-img img {
        width: 100%;
    }
}

.kamp-meet-on .content-block .first-section {
    background: url(../images/theme_bg.jpg);
    background-size: 100%;
    padding: 0.5rem 3rem 2rem 3rem;
}

.kamp-meet-on .content-block .text-highlight {
    padding: 5px 25px;
    background: #ff4200;
    border-radius: 15px;
}

.kamp-meet-on .content-block .second-section {
    background: url(../images/theme_bg.jpg);
    background-size: 100%;
    padding: 0 0.8rem;
}

    .kamp-meet-on .content-block .second-section .inner-section {
        background: #1e3787;
        padding: 2rem 3rem;
    }

.kamp-meet-on .image-block img {
    padding: 10px !important;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,.15) !important;
}

@media (max-width:768px) {
    .kamp-meet-on {
        font-size: 13px;
    }

        .kamp-meet-on .content-block .first-section {
            padding: 0.5rem 1.5rem 2rem 1.5rem;
        }

    .col-form-label {
        padding-bottom: 0;
    }

    .form-control-plaintext {
        border-bottom: 1px solid #40c4d8;
    }

    .kamp-meet-on .image-block {
        text-align: center;
        max-height: 300px;
        overflow: hidden;
    }

        .kamp-meet-on .image-block img {
            margin-top: -30px;
        }
}

@media (max-width:576px) {
    .kamp-meet-on .content-block .first-section {
        padding: 0.1rem 1.5rem 1.5rem 1.5rem;
    }
}

@media (max-width:400px) {
    .kamp-meet-on .content-block .first-section {
        padding: 0.1rem 1.5rem 1.5rem 1.5rem;
    }

    .kamp-meet-on .image-block img {
        margin-top: -20px;
    }
}
/***********************************************************
  Student Registration
/**********************************************************/
.student-registration .content-section {
    padding-top: 6px !important;
    padding-bottom: 0 !important;
}

.student-registration .content-block {
    padding: 0 40px 20px 40px;
}

.student-registration .image-block {
    /*position:absolute;
    left:0;
    width:41.666667%;
    height:100%;
    top:0; */
    background: url(/Images/home-bg-02.jpg);
    background-size: cover;
    padding: 60px;
}

    .student-registration .image-block .inner-block {
        display: block;
        height: 100%;
    }

        .student-registration .image-block .inner-block h1 {
            display: table-cell;
            vertical-align: top;
            font-size: 70px;
            color: #0c6bd2;
        }
/*.student-registration .image-block:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(145deg, #16319f,#0575E6,#3cc1f1);
    opacity:0.8;
}*/
.myForm .form-control {
    outline: none;
    box-shadow: none;
    height: 45px;
    border: 1px solid #d3d7dc;
    width: 100%;
    font-size: 14px;
    color: #000;
    background: #ffffff;
    border-radius: 2px;
}

.myForm .form-group {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

    .myForm .form-group .input-focus-effect {
        width: 0 !important;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: ease all 0.3s;
        transition: ease all 0.3s;
        height: 2px;
    }

.inputTheme-bg {
    background-image: linear-gradient(to right, #16319f, #0575E6);
}

.form-group textarea:focus:not([readonly]) + span.input-focus-effect, .form-group input:focus:not([readonly]) + span.input-focus-effect, .form-group select:focus:not([readonly]) + span.input-focus-effect {
    width: 100% !important;
}

.custom-control-input ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(94, 112, 132, 0.25);
}

@media (max-width:1400px) {
    .student-registration .image-block .inner-block h1 {
        font-size: 55px;
    }

    .myForm .form-control {
        height: 34px;
        font-size: 12px;
    }

    .myForm .btn-submit.btn-lg {
        padding: 10px 35px;
        font-size: 0.9rem;
    }
}

@media (max-width:1200px) {
    .student-registration .content-block {
        padding: 70px 40px;
    }

    .student-registration .image-block .inner-block h1 {
        font-size: 50px;
    }
}

@media (max-width:992px) {
    .student-registration .content-block {
        padding: 20px;
    }
}
/***********************************************************
  Student Login
/**********************************************************/
.login-page .bg-image {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 700px;
    height: 100%;
    background-color: #fff;
    padding: 60px;
}

    .login-page .bg-image .img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff url(../images/loginBg.jpg) center center repeat fixed;
        background-size: cover;
        background-position: center;
    }

.login-page .content-section {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px;
    min-height: 100%;
    padding: 40px 60px 60px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
}

.login-page .login-wrapper {
    display: inline-block;
    width: 100%;
    max-width: 450px;
    text-align: left;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    /*background: rgba(0,0,0,0.6);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6), transparent);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6), transparent);*/
    position: relative;
    padding: 45px 50px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
}

    .login-page .login-wrapper .logo img {
        height: 150px;
    }

@media (max-width: 992px) {
    .login-page .content-section {
        padding: 125px 30px 60px;
    }

    .login-page .login-wrapper {
        padding: 35px 30px;
    }
}
/***********************************************************
    Prodcut Listing    
/**********************************************************/
.heading {
    font-size: 1.5rem;
    border-bottom: 1px solid #e5e7f2;
}

    .heading span {
        position: relative;
        padding-bottom: 20px;
        display: inline-block;
    }

        .heading span:before {
            content: '';
            position: absolute;
            height: 4px;
            background: #4050ad;
            width: 100%;
            bottom: 0;
        }

        .heading span:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            width: 0;
            height: 0;
            margin: auto;
            background: transparent;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            border-bottom: 11px solid #4050ad;
        }

    .heading .link-btn-group {
        float: right;
    }

    .heading .link, .heading a.link:not([href]):not([tabindex]) {
        font-size: 1rem;
        color: #6c757d;
        margin-left: 10px;
        padding: 7px 12px;
        line-height: 1;
        display: inline-block;
    }

        .heading .link i {
            font-size: 0.9rem;
        }

    .heading .link-btn {
        border: 1px solid #dddfeb;
        border-radius: 2px;
        padding: 7px 12px;
        -webkit-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .heading .link:hover, .heading a.link:not([href]):not([tabindex]):hover {
        color: #4050ad;
    }

        .heading .link:hover i, .heading a.link:not([href]):not([tabindex]):hover i {
            color: #ea4394;
        }

    .heading .link-btn:hover, .heading a.link-btn.link:not([href]):not([tabindex]):hover {
        background: #4050ad;
        border: 1px solid #4050ad;
        color: #fff;
    }

.heading-text-below {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00BCD4), to(#9C27B0));
    background-image: -webkit-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -moz-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -ms-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -o-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: linear-gradient(bottom, #00BCD4, #9C27B0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00BCD4', endColorStr='#9C27B0');
    background-color: transparent;
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 97px;
    line-height: normal;
    font-weight: 700;
    opacity: 0.2;
    position: absolute;
    top: -50px;
    /*top: -79px;*/
    left: 12px;
    z-index: -1;
}

@media (min-width:1400px) {
    .heading-text-below {
        font-size: 90px;
        top: -28px;
    }
}

@media (max-width:1400px) {
    .heading-text-below {
        font-size: 90px;
        top: -28px;
    }
}

@media (max-width: 1399px) {
    .heading-text-below {
        font-size: 90px;
        top: -35px;
    }
}

@media (max-width:1200px) {
    .heading-text-below {
        font-size: 80px;
        top: -55px;
    }

    .hdngpdng {
        padding-top: 0px;
    }

    .about-kamp-page .about-KPMC h1 {
        padding-top: 0;
    }
}

@media (max-width:768px) {
    .heading-text-below {
        font-size: 68px;
        top: -39px;
    }

    .hdngpdng {
        padding-top: 0;
        font-size: 22px;
    }
}

@media (max-width: 669px) {
    .heading-text-below {
        font-size: 63px;
        top: -35px;
    }
}

@media (max-width: 576px) {
    .heading-text-below {
        font-size: 46px;
        top: -25px;
    }
}

@media (max-width:390px) {
    .heading-text-below {
        font-size: 35px;
        top: -16px;
    }
}
/******************************Boxes***********************************/
.subject-list .info-box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.subject-list .bg-pink .content .text, .subject-list .bg-pink .content .number {
    color: #fff !important;
}

.subject-list .info-box .content .number {
    font-weight: normal;
    font-size: 20px;
    color: #fff;
}

.subject-list .info-box.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    left: 80px;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all 0.95s;
    -o-transition: all 0.95s;
    -webkit-transition: all 0.95s;
    transition: all 0.95s;
}

.subject-list .info-box .icon img {
    color: #fff;
    width: 88px;
    margin-top: 29px;
}

.subject-list .info-box .icon {
    display: inline-block;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.12);
    width: 110px;
    position: absolute;
    height: 100%;
}

.subject-list .info-box .content .text {
    font-size: 22px;
    margin-top: 11px;
    color: #fff;
    font-weight: 400;
}

.subject-list .info-box .content .text1 {
    font-size: 13px;
    margin-top: 4px;
    color: #fff;
}

.subject-list .info-box .content {
    display: inline-block;
    padding: 7px 10px;
    margin-left: 112px;
}

.subject-list .info-box.bg-blue {
    background-color: #3276bb;
    color: #fff;
}

.subject-list .info-box.bg-cyan {
    background-color: #03A9F4;
    color: #fff;
}

.subject-list .info-box.bg-pink {
    background-color: #ec3976;
    color: #fff;
}

.subject-list .info-box.bg-red {
    background-color: #f44336;
    color: #fff;
}

.subject-list .info-box.bg-purple {
    background-color: #8540c3;
    color: #fff;
}

.subject-list .info-box.bg-green {
    background-color: #37923a;
    color: #fff;
}

.subject-list .bg-blue {
}

.subject-list .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.subject-list .panel-default {
    border-color: #ddd;
}

    .subject-list .panel-default > .panel-heading {
        color: #555;
        background-color: #f5f5f5;
        border-color: #ddd;
        font-weight: 600;
    }

.subject-list .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.subject-list .panel-body {
    padding: 15px;
}

.subject-list .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-weight: 600;
}

.subject-list .info-box {
    position: relative;
}

    .subject-list .info-box.selected:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        /*background-color: rgba(61, 197, 243, 0.8);*/
        background-image: url(../Images/checkMark.png);
        background-repeat: no-repeat;
        background-position: top+10px right+10px;
        background-size: 39px;
        z-index: 1;
    }

.message-box {
    padding: 40px 0;
    background: #ecedf3;
}

    .message-box .container-full {
        position: relative;
    }

    .message-box .image-block {
        /*width: 220px;*/
        width: 153px;
        margin-left: 100px;
        border-radius: 50%;
        overflow: hidden;
        border: 6px solid #fff;
        box-shadow: 0px 0px 25px 0px rgba(0,0,0,.2);
    }

        .message-box .image-block img {
            width: 100%;
        }

    .message-box .content-block {
        width: 100%;
        padding-left: 85px;
        width: 85%;
    }

        .message-box .content-block p {
            position: relative;
        }

            .message-box .content-block p:before {
                content: "";
                position: absolute;
                left: -36px;
                top: -8px;
                height: 28px;
                width: 28px;
                background: url(../Images/colon.png) no-repeat;
                background-size: 57px;
                /*top: -15px;
    height: 50px;
    width: 50px;
    background-size: 100px;*/
                -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
            }

@media (max-width: 1400px) {
    .message-box .image-block {
        margin-left: 70px;
    }
}

@media (max-width: 1100px) {
    .message-box .image-block {
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    .message-box .image-block {
        width: 150px;
        margin: 0 auto 9px;
    }

    .message-box .content-block {
        padding-left: 60px;
        width: 100%;
    }

        .message-box .content-block p:before {
            content: "";
            left: -45px;
            top: -15px;
            height: 37px;
            width: 40px;
            background: url(../Images/colon.png);
            background-size: 80px;
        }
}
/***********************************************************
    Gallery page
/**********************************************************/
.image-gallery a.image-block {
    /*width: 250px;*/
    overflow: hidden;
    display: block;
    margin-bottom: 0;
    border-radius: 5px;
}

.image-gallery.with-content a.image-block {
    border-radius: 5px 5px 0 0;
}
/*.image-gallery a.image-block img{
    min-height:100%;
}*/
.image-gallery .gallry-block {
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 1.5rem;
    display: inline-block;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

    .image-gallery .gallry-block:hover {
        margin-top: -7px;
    }

    .image-gallery .gallry-block a.image-block img.img-fluid {
        -webkit-transition: 0.4s ease;
        transition: 0.4s ease;
    }

    .image-gallery .gallry-block:hover a.image-block img.img-fluid {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    .image-gallery .gallry-block .content-block {
        position: relative;
        padding: 15px;
        -webkit-box-shadow: 0 0 15px 0 rgba(67, 67, 67, 0.3);
        box-shadow: 0 0 15px 0 rgba(67, 67, 67, 0.3);
        border-radius: 0 0 5px 5px;
        background: #fff;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        width: 100%;
        height: auto;
    }

        .image-gallery .gallry-block .content-block h5 {
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        .image-gallery .gallry-block .content-block p {
            font-size: 0.8rem;
            line-height: 1.5;
            height: 38px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -moz-line-clamp: 2;
            -o-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            box-orient: vertical;
        }

        .image-gallery .gallry-block .content-block .pop-btn {
            padding: 10px;
            position: absolute;
            height: 34px;
            right: 10px;
            top: 0;
            bottom: 0;
            margin: auto;
            font-size: 21px;
        }

@media (max-width: 1400px) {
    .image-gallery .gallry-block .content-block {
        padding: 10px 15px;
    }
    /*.image-gallery a.image-block {
        height: 130px;
    }*/
}
/*@media (max-width: 1200px) {
    .image-gallery a.image-block {
        height: 150px;
    }
}*/
@media (max-width: 992px) {
    .image-gallery h5 {
        font-size: 1.1rem;
    }
}

@media (max-width: 768px) {
    .image-gallery a.image-block {
        width: 100%;
    }

    .image-gallery h5 {
        font-size: 1rem;
    }
}
/*@media (max-width: 576px) {
    .image-gallery a.image-block {
        width: 150px;
    }
}
@media (max-width: 385px) {
    .image-gallery a.image-block {
        width: 115px;
    }
}*/
.imgplay {
    position: relative;
}

    .imgplay span {
        position: absolute;
        display: block;
        width: 30%;
        top: 24%;
        left: 36%;
    }
/***********************************************************
    Assessment Framework Levels-page
/**********************************************************/
.content-section.AssessmentLevels-page {
    padding-bottom: 0 !important;
}

.AssessmentLevels-page .feature-box3 {
    position: relative;
    padding: 40px 40px 20px 40px;
    background-color: #ffffff;
    text-align: center;
    outline: 1px solid transparent;
    outline-offset: -1px;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-box-shadow: 0 7px 30px rgba(0,0,0,.25);
    -ms-box-shadow: 0 7px 30px rgba(0,0,0,.25);
    box-shadow: 0 7px 30px rgba(0,0,0,.25);
    margin-bottom: 1rem;
    border-radius: 20px;
    padding-left: 65px;
    border: 1px solid #2561b4;
}
    /*.AssessmentLevels-page .feature-box3:after{
    content: '';
    position: absolute;
    top: -11px;
    right: -11px;
    bottom: -11px;
    left: -11px;
    border: 3px solid #034ba5;
    border-radius: 20px;
}*/
    .AssessmentLevels-page .feature-box3 img {
        height: 55px;
        opacity: 0.6;
    }

.AssessmentLevels-page .content-block h5 {
    font-size: 0.9rem;
    font-weight: 600;
}

.AssessmentLevels-page .feature-box3 .number-block {
    position: absolute;
    width: 75px;
    font-size: 0.68rem;
    /*background: linear-gradient(-11deg,#659ce8,#4883d6);*/
    /*background: linear-gradient(-11deg,#61b5fe,#3891d8);*/
    background: linear-gradient(-11deg,#2d69bd,#134f9f);
    height: 60%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    left: -14px;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    line-height: 1;
    padding-top: 1.8rem;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .AssessmentLevels-page .feature-box3 .number-block span {
        font-size: 33px;
        display: block;
        line-height: 1.1;
        font-weight: 600;
        text-shadow: 0 1px 1px #0a4677;
        letter-spacing: 0.3rem;
    }

    .AssessmentLevels-page .feature-box3 .number-block:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 8px 12px;
        border-color: transparent transparent #063a7e transparent;
        position: absolute;
        top: -8px;
        left: 2px;
    }

    .AssessmentLevels-page .feature-box3 .number-block:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 12px 8px 0;
        border-color: transparent #063a7e transparent transparent;
        position: absolute;
        bottom: -8px;
        left: 2px;
    }

.AssessmentLevels-page .assessmentLevel1 {
    max-height: 400px;
}
/*********page loader*****************/
.loader {
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.75);
    position: fixed;
    display: table;
    width: 100%;
    top: 0;
    height: 100%;
    min-height: 100%;
    z-index: 99999;
    left: 0;
}

.loader-container {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 12;
    text-align: center;
}

    .loader-container img {
        width: 60px;
    }

.loader {
    vertical-align: top;
}
/*.AssessmentLevels-page .feature-box3.second .number-block {
    background: linear-gradient(-11deg,#61b5fe,#3891d8);
}
.AssessmentLevels-page .feature-box3.second .number-block:before {
    border-color: transparent transparent #1e79c1 transparent;
}
.AssessmentLevels-page .feature-box3.second .number-block:after {
    border-color: transparent #1e79c1 transparent transparent;
}
.AssessmentLevels-page .feature-box3.third .number-block {
    background: linear-gradient(-11deg,#85d4fe,#67c5f5);
}
.AssessmentLevels-page .feature-box3.third .number-block:before {
    border-color: transparent transparent #3aa7de transparent;
}
.AssessmentLevels-page .feature-box3.third .number-block:after {
    border-color: transparent #3aa7de transparent transparent;
}
.AssessmentLevels-page .feature-box3.fourth .number-block {
    background: linear-gradient(-11deg,#a698d6,#8b78ce);
}
.AssessmentLevels-page .feature-box3.fourth .number-block:before {
    border-color: transparent transparent #6f5cb3 transparent;
}
.AssessmentLevels-page .feature-box3.fourth .number-block:after {
    border-color: transparent #6f5cb3 transparent transparent;
}
.AssessmentLevels-page .feature-box3.fifth .number-block {
    background: linear-gradient(-11deg,#52e2f7,#11cae2);
}
.AssessmentLevels-page .feature-box3.fifth .number-block:before {
    border-color: transparent transparent #08b0c6 transparent;
}
.AssessmentLevels-page .feature-box3.fifth .number-block:after {
    border-color: transparent #08b0c6 transparent transparent;
}
.AssessmentLevels-page .feature-box3.sixth .number-block {
    background: linear-gradient(-11deg,#85838a,#545454);
}
.AssessmentLevels-page .feature-box3.sixth .number-block:before {
    border-color: transparent transparent #343434 transparent;
}
.AssessmentLevels-page .feature-box3.sixth .number-block:after {
    border-color: transparent #343434 transparent transparent;
}
.AssessmentLevels-page .feature-box3.seventh .number-block {
    background: linear-gradient(-11deg,#747082,#5c576f);
}
.AssessmentLevels-page .feature-box3.seventh .number-block:before {
    border-color: transparent transparent #3c384b transparent;
}
.AssessmentLevels-page .feature-box3.seventh .number-block:after {
    border-color: transparent #3c384b transparent transparent;
}
.AssessmentLevels-page .feature-box3.eight .number-block {
    background: linear-gradient(-11deg,#d897cb,#d88ab9);
}
.AssessmentLevels-page .feature-box3.eight .number-block:before {
    border-color: transparent transparent #be77a2 transparent;
}
.AssessmentLevels-page .feature-box3.eight .number-block:after {
    border-color: transparent #be77a2 transparent transparent;
}*/

/*@media (max-width:576px) {*/
.AssessmentLevels-page .feature-box3 {
    padding: 7px 20px 9px 20px;
    padding-left: 75px;
    text-align: left;
    margin-bottom: 6px;
}

    .AssessmentLevels-page .feature-box3 .number-block {
        width: 70px;
        padding-top: 0.7rem;
        height: 90%;
        left: -7px;
        font-size: 0.55rem;
    }

    .AssessmentLevels-page .feature-box3 .image-block {
        display: inline-block;
        margin-right: 10px;
        vertical-align: super;
    }

    .AssessmentLevels-page .feature-box3 .content-block {
        display: inline-block;
    }

    .AssessmentLevels-page .feature-box3 img {
        height: 40px;
    }

    .AssessmentLevels-page .feature-box3 .number-block span {
        font-size: 22px;
    }

    .AssessmentLevels-page .feature-box3 .number-block:before, .AssessmentLevels-page .feature-box3 .number-block:after {
        display: none;
    }
/*}*/
.AssessmentLevels-page .light-background {
    position: relative;
    background: #ecedf3;
    padding-bottom: 60px;
    overflow: hidden;
}

    .AssessmentLevels-page .light-background:before {
        position: absolute;
        right: 0;
        top: -280px;
        height: 1348px;
        width: 1032px;
        content: "";
        z-index: 9999;
        background-image: url(../images/bg-1.png);
    }
/***********************************************************
    syllabus page
/**********************************************************/
.form-group .mandatory {
    color: red;
    vertical-align: middle;
    font-size: 13px;
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 9px;
    line-height: 1;
}

.captch-box {
    width: 120px;
    background: url(../images/captcha-bg.jpg);
    position: relative;
    height: 38px;
    border-radius: 3px;
    border: 1px solid #b3b3b3;
    color: #000;
    font-size: 26px;
    line-height: 38px;
    text-align: center;
}

    .captch-box .btn {
        box-shadow: none;
        position: absolute;
        right: -25px;
        top: 0;
        background: #fff;
        width: 20px;
        padding: 12px 0;
        height: 38px;
        border-radius: 0;
        border: 0;
    }

.table-paper thead, .table-paper thead tr th {
    background: #2760b9;
    color: #fff;
    border: 1px solid #2760b9;
}

.table-paper tbody tr td {
    font-size: 14.0pt;
    font-family: Cambria;
    font-family: Cambria;
    color: black;
    border: 1px solid #a1b9e1;
    padding: 0.4rem .75rem;
}

    .table-paper tbody tr td.sno {
        font-size: 12.0pt;
        font-weight: 700;
        text-align: left;
    }

.table-sprt {
    border-collapse: separate;
    border-spacing: 5px;
}

    .table-sprt thead th, .table-sprt tbody td {
        vertical-align: middle;
        border: none;
        /*background: #ebecec;*/
        background: #ddd;
        padding: 5px 14px;
        color: #000;
        font-size: 14px;
    }

    .table-sprt thead th {
        background: #0086c9;
        color: #fff;
        padding: 6px 14px;
        font-size: 13px;
        font-weight: 600;
    }

.lightblue {
    background: #7dc0e2 !important;
    font-weight: 600;
}

.background-gray td {
    background: #ddd !important;
}

.img-wd-height {
    width: 85%;
}

.heading-bg-blue {
    background: #0086c9;
    color: #fff;
    padding: 5px 21px;
    font-size: 21px;
    margin-bottom: 16px;
    float: left;
    width: 100%;
}

.rsimg1 {
    margin-top: 50px;
}

.rsimg2 {
    margin-top: 50%;
}

.syllabusheading {
    text-align: center;
    margin-bottom: 15px !important;
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 41px;
    color: #9C27B0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00BCD4), to(#9C27B0));
    background-image: -webkit-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -moz-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -ms-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -o-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: linear-gradient(bottom, #00BCD4, #9C27B0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00BCD4', endColorStr='#9C27B0');
    background-color: transparent;
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

@media (max-width:1400px) {
    .rsimg1 {
        margin-top: 104px;
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .table-sprt thead th {
        padding: 2px 14px;
    }
}

@media (max-width:910px) {
    .rsimg {
        width: 85%;
    }
}

@media (max-width:850px) {
    .rsimg {
        width: 70%;
    }
}

@media (max-width:768px) {
    .img-wd-height {
        max-height: 416px;
        margin-bottom: 25px;
    }
}
/***************/
.myForm .mg {
    margin-top: 15px;
    float: left;
    width: 100%;
}

.cust-btn {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-weight: 800;
    font-size: 19px;
    letter-spacing: 0.2em;
    color: #282828;
    z-index: 0;
    padding: 5px 24px 5px 0px;
    margin-top: 15px;
}

    .cust-btn:before {
        content: '';
        display: block;
        width: 80px;
        height: 125%;
        position: absolute;
        bottom: -5px;
        right: 0;
        z-index: -1;
        background-color: rgba(39,96,185,.3);
        transition: all .3s ease;
    }

    .cust-btn.arrow-icon:after {
        content: '';
        display: block;
        background-image: url(../images/arrow-right.svg);
        background-size: 100% 100%;
        background-position: center center;
        width: 22px;
        height: 6px;
        position: absolute;
        right: -12px;
        top: 50%;
        margin-top: -3px;
    }

cust-btn:hover:before {
    height: 25%;
}

.bs-docs-section:last-child {
    margin-bottom: 0;
}

.titleB {
    padding: 4px 0 0;
}

.timeline {
    padding: 0;
    list-style: none;
    position: relative;
    padding: 20px 0 13px 0;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        left: 20px;
        width: 19px;
        content: '';
        background: #f0f0f0;
        position: absolute;
        /* margin-left: -21px; 
    background:#e8f9fe*/
    }

    .timeline > li {
        position: relative;
    }

        .timeline > li.equal-height-columns.term.active:before {
            top: 25px;
            bottom: 20px;
            left: 27px;
            width: 4px;
            content: '';
            background: #FFFBD5;
            position: absolute;
            /* margin-left: -14px; */
        }

.rounded-x {
    border-radius: 50% !important;
}

.timeline > li.equal-height-columns.active .tmicon {
    box-shadow: 0 0 0 4px #FFFBD5;
}

.timeline > li .tmicon {
    top: 20px;
}

.timeline > li .tmicon, .timeline > li.term .tmicon-end {
    /* left: 19px; */
    left: 22px;
    width: 13px;
    height: 13px;
    position: absolute;
    background: #FFFFFF;
    /* margin: 0 0 0 -17px; */
    box-shadow: 0 0 0 4px #FFFBD5;
    -webkit-font-smoothing: antialiased;
}

.timeline > li.equal-height-columns.active .tmicon {
    box-shadow: 0 0 0 4px #FFFBD5;
}

.timeline > li.equal-height-columns.term .tmicon-end {
    top: auto;
    bottom: 10px;
}

.timeline > li .tmlabel {
    padding: 8px 15px 8px;
    background: #fff;
    border: 2px solid #FFFBD5;
    line-height: 1.4;
    clear: both;
    position: relative;
    margin: 0 0 20px 73px;
    top: 5px;
}

    .timeline > li .tmlabel.equal-height-column {
        height: auto !important;
    }

.timeline > li.equal-height-columns.active .tmlabel {
    color: #fff;
    background: #FFFBD5 url(../images/awrd.png) no-repeat center;
    background-size: contain;
}

.timeline > li .tmlabel:before {
    left: -30px;
    border: solid transparent;
    content: " ";
    height: 39px;
    width: 30px;
    position: absolute;
    pointer-events: none;
    /* border-right-color: #FFFBD5; */
    /* border-width: 10px; */
    /* top: 18px; */
    top: -2px;
    background: url(../images/tl_past.png) 0 0 no-repeat;
}

.timeline > li.equal-height-columns.active .tmlabel:before {
    left: -30px;
    border: solid transparent;
    content: " ";
    height: 39px;
    width: 30px;
    position: absolute;
    pointer-events: none;
    /* border-right-color: #FFFBD5; */
    /* border-width: 10px; */
    /* top: 18px; */
    top: -2px;
    background: url(../images/tl_current.png) 0 0 no-repeat;
}
/****************Award & Recognition********************/
.awbgclr {
    /*background: #fff;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    border: 1px solid rgba(151,151,151,0.16);
    position: relative;
    padding: 20px;
    width: 100%;*/
    background-color: #ffffff;
    padding: 30px 20px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 1px solid #ddd;
    box-shadow: 0px 2px 14px 0px rgba(0,0,0,.15);
}

.pd0 {
    padding: 0px !important;
}

.awdbxmg {
    margin: 0 49px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 15px;
}

.bxpdng {
    /*padding-left: 24px !important;
    padding-right: 26px !important;*/
    padding-left: 22px !important;
    padding-right: 22px !important;
    float: left;
    margin-bottom: 33px;
    /*margin-bottom: 53px;*/
}

.awardboxnew {
    /*padding: 18px 34px;
    margin-bottom: 1em;*/
    padding: 24px 20px 15px;
    font-size: 16px;
}

    .awardboxnew h4 {
        font-weight: 600;
        font-size: 17px;
        margin: 0 0 5px;
        color: #4f4d4d;
        text-transform: uppercase;
        padding-bottom: 21px;
    }

.awardboxnew1 {
    /*margin-top: 36px;*/
    padding: 0px 34px 18px;
    font-size: 16px;
}

.awardboxnew h1 {
    font-size: 34px;
    font-weight: bold;
    color: #0340b2;
    margin: 0;
    padding-top: 10px;
}

.awardboxnew1 img {
    margin-bottom: 10px;
    height: 44px;
}

.awbgclr:hover {
    box-shadow: 0px 2px 14px 0px rgba(0,0,0,.15);
    transform: scale(1.1);
}

.awbgclr1 {
    background: #fff;
    padding: 15px;
    margin-top: 15px;
    float: right;
    width: 100%;
    /* box-shadow: 0px 2px 14px 0px rgba(0,0,0,.15);*/
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    border: 1px solid #ccc;
    position: relative;
    top: .31em;
    margin: 0 .94em;
    padding: 1.56em 1.25em;
}

.title-bar1 {
    background-color: #c9c9c9;
    height: 1px;
    margin: 10px auto;
    max-width: 100%;
    position: relative;
    width: 300px;
    color: #c9c9c9;
}

    .title-bar1 ul {
        left: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }

        .title-bar1 ul li {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            font-size: 14px;
            padding: 2px;
        }

.tblnw tbody tr td {
    vertical-align: middle;
    font-size: 15px;
    border: 1px solid #c8e6f0;
    width: 25%;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    padding: 20px;
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,.1) !important;
    border-left: 1px solid rgba(0,0,0,.1) !important;
    border-right: 1px solid rgba(0,0,0,.1) !important;
    box-shadow: 0px 2px 14px 0px rgba(0,0,0,.15);
}

.tblnwtd {
    background: #3BC3F3;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border: none !important;
}

    .tblnwtd h6 {
        font-size: 15px;
        color: #fff;
        font-weight: bold;
    }

.tblnw tbody tr td, thead tr th {
    font-family: 'Open Sans', sans-serif;
}

.tblnw {
    border-collapse: separate;
    border-spacing: 10px 0;
}

    .tblnw tr:hover {
        background-color: rgba(255,255,255,0.2);
    }

.wd50 {
    width: 50%;
}

.wd35 {
    width: 35%;
}

.wd15 {
    width: 15%;
}

.nwbg {
    background: #F2F2F2;
    padding: 50px 0px;
    box-shadow: 0px 2px 14px 0px rgba(0,0,0,.15);
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

.nwbg1 {
    background: #26ABE5;
    padding: 50px 0px;
    box-shadow: 0px 2px 14px 0px rgba(0,0,0,.15);
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

.fbld li {
    font-family: 'Open Sans', sans-serif;
}

.tblnw thead {
    background: #3dc5f3;
    color: #ffffff;
}

.clrbt {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.bgnward {
    display: flex;
    margin-top: 15px;
    padding: 10px 20px;
}

    .bgnward .bgnwardtp {
        height: 3.5em;
        width: 6.5em;
        position: absolute;
        right: 15px;
        background-color: #0C6BD2 !important;
        top: 6px;
    }

@media (max-width:621px) {
    .awdbxmg {
        margin: 0;
    }
}
/***************************************/
@keyframes minus {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

[aria-expanded="false"] > .expanded, [aria-expanded="true"] > .collapsed {
    display: none;
}

.registration-heading {
    position: absolute;
    top: -20px;
    z-index: 1;
    left: 47px;
}

    .registration-heading h6 {
        background: #fff;
        font-size: 23px;
        color: #000;
        font-weight: bold;
        border: 1px solid #ddd;
        padding: 2px 17px;
    }

.regnw {
    border: 1px solid #ddd;
    position: relative;
    padding: 55px 20px 70px;
}

.login-page {
    margin: 0 auto;
}

    .login-page .login-wrapper {
        display: inline-block;
        width: 100%;
        max-width: 450px;
        text-align: left;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        position: relative;
        padding: 45px 50px;
        border-radius: 10px;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
        margin: 0 auto;
    }

.myForm .form-control1 {
    outline: none;
    box-shadow: none;
    height: 45px;
    border: 1px solid #d3d7dc;
    width: 100%;
    font-size: 14px;
    color: #000;
    background: #ffffff;
    border-radius: 2px;
}

.form-control1 {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    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 .15s ease-in-out,box-shadow .15s ease-in-out;
}

.mgbdr {
    margin: 17px 0px;
    border-top: 1px solid #eee;
    padding-top: 17px;
}

.lglnk {
    cursor: pointer;
    color: #0c5dcc;
    text-decoration: underline;
    padding-right: 18px;
}

    .lglnk:hover {
        color: #3BC4F3;
    }

@media(max-width:1200px) {
    .registration-heading {
        top: 50px;
    }
}

@media(max-width:992px) {
    .registration-heading {
        top: 0;
    }
}

@media(max-width:883px) {
    .login-page .login-wrapper {
        padding: 45px 35px;
    }

        .login-page .login-wrapper .logo img {
            height: auto;
        }
}
/*@media(min-width:767px) and (max-width:679px) {

    .contslide {
    margin-top: 128px !important;
}
}*/

@media(max-width:767px) {

    
    .navbar-dark .navbar-toggler { z-index: 9999;
    }
    .districtOfficer { display: inline-block !important; position: relative; width: 100%;
    }
        .districtOfficer .Officer { position: fixed;
            left:43px;
            top: 17px;
            right: 0;
            text-align: center;
            z-index: 3333;
            width: 75px;
            margin: 0 auto;
        }

    header#home ul li ul li:hover ul {
        display: block !important;
    }

    .facebooktow {
        display: block !important;
    }

    .facebookone {
        display: none !important;
    }

    div#rgnxbk button#btnResetUp, div#rgnxbk input.btn.btn-submit.bt-md, .inner-wrap.hidden-print button#btnSearch, div#rgnxbk button#btnSignUp, div#dvLogin input.btn.btn-submit.bt-md {
        width: 100%;
        padding: 6px 0 !important;
    }

    .studentrne {
        text-align: center;
        margin-top: 23px;
    }

    .row.otpresend {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 15px !important;
    }

        .row.otpresend button#btnSignUp {
            margin: 0 auto !important;
            text-align: center;
            padding: 6px 0 !important;
            width: 100%;
        }

    .studentrne input.btn.btn-submit.bt-md {
        width: 100%;
    }

    .student-registration .image-block .inner-block {
        display: table;
    }

    .login-page .login-wrapper {
        padding: 45px 50px;
    }

    .site-header .header-top .login-item .nav-link {
        padding: 9px 17px !important;
    }

    .nav-menu .navbar-dark .login-menu .login-item .nav-link {
        line-height: initial;
        background: linear-gradient(to right,#134c9d,#27afe8);
        color: #fff;
        border-radius: 30px;
        margin-top: 20px;
        padding: 11px 19px;
        display: inline-table;
        padding: 15px 17px !important;
        font-size: 14px !important;
        margin-top: 33px;
    }
}

@media(max-width:680px) {
    .awbgclr {
        width: 100%;
    }

    .awbgclr1 {
        float: left;
        width: 100%;
    }
}
/**********Home************/
.mrqsec {
    padding: 10px 15px;
    background: #ECEDF3;
    color: #fff;
    font-size: 15px;
}

.mqlist li {
    display: inline;
    padding-left: 35px;
}

    .mqlist li a {
        color: #0c5dcc;
        font-weight: bold;
        font-size: 19px;
        font-family: 'IBM Plex Sans', sans-serif;
    }

    .mqlist li:first-child {
        padding-left: 0px;
    }

.raw-flex1 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
/**********Notification**************/
div.bhoechie-tab-menu div.list-group > a, div.bhoechie-tab-menu div.list-group > a .glyphicon, div.bhoechie-tab-menu div.list-group > a .fa {
    background-color: transparent;
    background-image: #fff;
    padding: 0px 15px;
}

.fntstl {
    font-size: 1.5rem;
}
/*  bhoechie tab */
div.bhoechie-tab-container {
    z-index: 10;
    background-color: transparent;
    padding: 0 !important;
    margin-top: 20px;
    margin-left: 0;
    /*border-radius: 4px;
    -moz-border-radius: 4px;
    border:1px solid #ddd;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}

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

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

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

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

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

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

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

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

div.bhoechie-tab-content {
    background-color: transparent;
    /* border: 1px solid #eeeeee; */
    padding-left: 20px;
    padding-top: 0;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}
/*********CBSE************/
.overvwhd {
    font-size: 13px;
    line-height: 1.666666667;
    margin-bottom: 60px;
    font-family: 'Product Sans Regular';
    font-weight: 500;
    letter-spacing: .5px;
}

.overvwhd_hdng {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -.5px;
}

.tblcb td, .tblcb th {
    vertical-align: middle;
}

.tblcb thead {
    background: #4EC4EF;
}

.aln td, .aln th {
    padding: 13px;
    width: 33%;
    font-size: 14px;
}

.arrowbg {
    background: #134c9d;
    display: inline-block;
    height: 86px;
    position: relative;
    width: 77% !important;
    color: #fff;
    font-size: 15px !important;
    float: left;
}

    .arrowbg:before {
        border-left: 36px solid #134c9d;
        border-top: 44px solid transparent;
        border-bottom: 43px solid transparent;
        content: "";
        height: 0;
        right: -35px;
        position: absolute;
        top: 0;
        width: 0;
    }

    .arrowbg span {
        width: 100%;
        float: left;
    }

.arrowbgclr {
    background: #00347f;
}

    .arrowbgclr:before {
        border-left-color: #00347f;
    }

.arrowbgclr1 {
    background: #134c9d;
}

    .arrowbgclr1:before {
        border-left-color: #134c9d;
    }

.arrowbgclr2 {
    background: #1b63ca;
}

    .arrowbgclr2:before {
        border-left-color: #1b63ca;
    }

.arrowbgclr3 {
    background: #1e6ad8;
}

    .arrowbgclr3:before {
        border-left-color: #1e6ad8;
    }

.arrowbgclr4 {
    background: #2475eb;
}

    .arrowbgclr4:before {
        border-left-color: #2475eb;
    }

.arrowbgclr5 {
    background: #3587ff;
}

    .arrowbgclr5:before {
        border-left-color: #3587ff;
    }

.arrowbgclr6 {
    background: #65a4ff;
}

    .arrowbgclr6:before {
        border-left-color: #65a4ff;
    }

.arrowbgclr7 {
    background: #0068ff;
}

    .arrowbgclr7:before {
        border-left-color: #0068ff;
    }

.arrowbgclr8 {
    background: #8ebcff;
}

    .arrowbgclr8:before {
        border-left-color: #8ebcff;
    }

.newarw {
    height: 140px;
}

    .newarw:before {
        border-top: 70px solid transparent;
        border-bottom: 69px solid transparent;
    }

.wdcol {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}

.btn-nw {
    background: #D74441;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 20px;
    padding: 9px 25px;
    font-size: 21px;
    box-shadow: 0px 2px 5px #aaa;
}

a.btn-nw:hover {
    opacity: .8;
    color: #fff;
}

a.btn-nw:visited {
    color: #fff;
}

@media (min-width: 1024px) {
    .date-list p {
        margin-bottom: 60px;
    }
}

@media(max-width:1330px) {
    .newarw {
        height: 159px;
    }

        .newarw:before {
            border-top: 80px solid transparent;
            border-bottom: 80px solid transparent;
        }
}

@media(max-width:767px) {
    .newarw {
        height: 118px;
    }

        .newarw:before {
            border-top: 60px solid transparent;
            border-bottom: 60px solid transparent;
        }
}

@media(max-width:669px) {
    .newarw {
        height: 128px;
    }

        .newarw:before {
            border-top: 64px solid transparent;
            border-bottom: 65px solid transparent;
        }
}

@media(max-width:593px) {
    .newarw {
        height: 145px;
    }

        .newarw:before {
            border-top: 74px solid transparent;
            border-bottom: 74px solid transparent;
        }
}

@media(max-width:460px) {
    .newarw {
        height: 146px;
    }
}

@media(max-width:438px) {
    .newarw {
        height: 161px;
    }

        .newarw:before {
            border-top: 81px solid transparent;
            border-bottom: 81px solid transparent;
        }
}

@media(max-width:429px) {
    .newarw {
        height: 176px;
    }

        .newarw:before {
            border-top: 89px solid transparent;
            border-bottom: 89px solid transparent;
        }
}

@media(max-width:411px) {
    .newarw {
        height: 191px;
    }

        .newarw:before {
            border-top: 96px solid transparent;
            border-bottom: 96px solid transparent;
        }
}
/*************KampNasta****************/
@media (min-width: 768px) {
    .about-kamp-page .kampnasta {
        background: #fff url(../images/kampnasta.jpg) no-repeat;
        background-size: cover;
        background-position: right;
    }

    .about-kamp-page .juniorscientist {
        background: #fff url(../images/juniorscien.jpg) no-repeat;
        background-size: cover;
        background-position: right;
    }
}

.typealpha li {
    list-style-type: lower-alpha;
    line-height: 1.9em;
    margin: 10px 0;
}

.typealpha {
    padding-left: 15px;
}

#more {
    display: none;
}

.img-bg {
    border: 1px solid #eee;
    background: #fff;
    padding: 8px;
    box-shadow: 0px 0px 4px #ddd;
    margin: 22px auto;
}
/**************Contact Us*******************/
.contctbg {
    padding: 15px 26px;
    background: #fff;
    box-shadow: 0px 0px 5px #ddd;
    margin-bottom: 28px;
}

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

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

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

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

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

.font-weight400 {
    font-weight: 400 !important;
}
/*.contact-widget {
    margin-top: 30px;
}*/
.contact-widget p {
    color: #696969;
    line-height: 26px;
    font-weight: 400;
    margin: 9px 0;
    font-size: 15px;
}

    .contact-widget p a {
        color: #696969;
    }

    .contact-widget p i {
        margin-right: 20px;
        font-size: 22px;
        color: #1674D1;
    }

.font-i-19 p i {
    font-size: 19px;
}

.heading-line {
    border-bottom: 2px solid #385CA1;
}

.ft-15 {
    font-size: 15px;
}

.social-button {
    background-color: white;
    border-radius: 2.6rem;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    height: 2.6rem;
    line-height: 2.6rem;
    margin: 0 5px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2.6rem;
    border: 1px solid #3B5998;
}

    .social-button span {
        border-radius: 0;
        display: block;
        height: 0;
        left: 50%;
        margin: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        width: 0;
    }

    .social-button:hover span {
        width: 2.6rem;
        height: 2.6rem;
        border-radius: 2.6rem;
        margin: -1.3rem;
    }

.twitter span {
    background-color: #4099ff;
}

.facebook span {
    background-color: #3B5998;
}

.google-plus span {
    background-color: #db5a3c;
}
/* Icons */
.social-button i {
    background: none;
    color: white;
    height: 2.6rem;
    left: 0;
    line-height: 2.6rem;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 2.6rem;
    z-index: 10;
}

.social-button .icon-twitter {
    color: #4099ff;
}

.social-button .ti-facebook {
    color: #3B5998;
}

.social-button .icon-google-plus {
    color: #db5a3c;
}

.social-button:hover .icon-twitter,
.social-button:hover .ti-facebook,
.social-button:hover .icon-google-plus {
    color: white;
}
/********************Home Page***********************/
.after-slider {
    padding: 0;
}

.section {
    position: relative;
    z-index: 9;
    padding: 0px;
    background: #37ABF2;
    width: 100%;
}

.awe-color {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
}

.after-slider .after-slider-bg-2 {
    background-color: #27afe8;
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.after-slider-content {
    display: table;
    width: 100%;
    height: 100px;
}

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

.after-slider-content .inner {
    position: relative;
    padding: 0px 30px 0px 25px;
    background-color: #134c9d;
    width: 50%;
}

.after-slider-content .inner2 {
    padding: 0px 30px 0px 25px;
    width: 50%;
}

.after-slider-content .inner:before {
    content: '';
    display: block;
    position: absolute;
    border: solid transparent;
    border-left-color: #134c9d;
    border-width: 50px 38px;
    top: 0;
    right: 1px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    height: 100%;
}

.bgpd {
    background: #555;
    padding: 21px 14px;
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

    .bgpd h4 {
        color: #fff;
        font-size: 19px;
        text-decoration: underline;
    }

    .bgpd span {
        float: right;
        color: #fff;
        font-size: 22px;
        padding-top: 32px;
    }

    .bgpd a {
        /*border-right: 1px solid #a3c9ff;*/
        border-right: 1px solid #777;
    }

.fst {
    border-right: 1px solid #c3c4d5;
}

.after-slider-content .course-keyword {
    width: 38.3%;
    float: left;
    padding: 15px 10px;
}

.after-slider-content a {
    margin: 0px 0 10px;
    background: transparent;
    font-weight: 600;
    font-size: 14px;
    border: 0;
    color: #fff !important;
}

@media (max-width:1400px) {
    .bgpd h4 {
        font-size: 17px;
    }
}

@media (max-width:1115px) {
    .after-slider-content .inner:before {
        border-width: 52px 38px;
    }

    .after-slider-content h4 {
        font-size: 19px;
    }
}

@media (max-width:991px) {
    .after-slider-content h4 {
        font-size: 14px;
    }

    .after-slider-content .inner:before {
        border-width: 52px 38px;
    }

    .after-slider-content a {
        font-size: 12px;
    }

    .bgpd {
        padding: 8px 14px;
    }
}

@media (max-width:697px) {
    .after-slider-content .inner {
        padding: 0px 15px;
    }

    .after-slider-content .inner2 {
        padding: 0px 15px;
    }
}

@media (max-width:697px) {
    .after-slider-content .inner:before {
        border-width: 69px 38px;
    }
}

@media (max-width:575px) {
    .bgpd a {
        border-right: none;
    }
}
/*******************/
.subdiv {
    text-align: center;
    width: 100%;
    float: left;
    margin: 17px 0px 10px 0px;
    box-shadow: 0px 0px 16px #ccc;
    padding: 2px;
}

.modalli {
    color: #333;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 6px 3px;
    float: left;
    line-height: 1;
    opacity: .5;
}

    .modalli:hover {
        text-decoration: none;
    }

.pd0 {
    padding: 0;
}

#examlist {
    float: left;
    width: 100%;
    height: 170px;
    overflow-y: scroll;
}

.count-box {
    cursor: pointer;
}
/********************State Board***************************/
#services {
    background-color: #fff;
}

.block {
    display: block;
}

.center-relative {
    margin-left: auto;
    margin-right: auto;
}
/*.section-wrapper {
    position: relative;
    padding: 75px 0;
}*/
.float-left {
    float: left;
}

.bg-holder {
    float: none !important;
}

.ast-inner-bg {
    background: url(../Images/psebBg.jpeg) fixed;
    background-size: contain;
    position: relative;
}

.overlaystick {
    background: #134c9d;
    background: -moz-linear-gradient(-45deg, #134c9d 0%, #27afe8 100%);
    background: -webkit-linear-gradient(-45deg, #134c9d 0%,#27afe8 100%);
    background: linear-gradient(135deg, #134c9d 0%,#27afe8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134c9d', endColorstr='#27afe8',GradientType=1 );
    opacity: .9;
}

.sticky-spacer {
    width: 25%;
    float: left;
    font-family: 'Roboto Slab', serif;
}

.section-title-holder {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    color: #fff;
    word-break: break-all;
    padding-top: 30px;
    padding-bottom: 30px;
    box-sizing: border-box;
    max-width: 368px;
    margin: 0 auto;
    width: 100%;
}

.float-left {
    float: left;
}

.section-top-image img {
    max-width: 220px;
    max-height: 100%;
    width: auto;
    height: auto;
}

.section1 h2.entry-title, .page-template-default.page .section1 h1.entry-title {
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 0;
    font-weight: 200;
    word-break: break-word;
}

.section1.page-split h2.entry-title {
    text-align: left;
    padding-top: 0;
    font-size: 80px;
}

#services.section1.page-split h2.entry-title {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 17px;
    word-break: break-word;
}

.entry-title p {
    margin-top: 30px;
    font-size: 17px;
}

.video-btn-watch {
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 17px;
    margin-bottom: 10px;
    width: 100%;
    font-weight: 600;
}

    .video-btn-watch i {
        margin-right: 10px;
        font-size: 24px;
    }

.home-register-btn {
    margin-top: 10px;
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
}

.home-register-head1 {
    padding-top: 6px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    word-break: break-word;
    padding-bottom: 21px;
    margin: 0;
    font-weight: 600;
}

.video-btn-watch:hover {
    color: #fff;
}

.float-right {
    float: right;
}

.section-content-holder {
    width: 690px;
    margin-top: 50px;
}

.no-padding .section-content-holder {
    margin-top: 0;
    width: 72%;
}

    .no-padding .section-content-holder.float-right {
        float: left;
        /*width: 75%;*/
        width: 100%;
    }

#services .section-content-holder {
    background: #fff;
}

#portfolio-wrapper {
    padding-top: 17px;
}

.portfolio-load-content-holder {
    opacity: 0;
    transform: translateY(70px);
    transition: all .5s ease;
    width: 690px;
    max-width: 100%;
}

.section-content-holder.float-right .portfolio-load-content-holder {
    margin-right: auto;
    margin-left: auto;
}

.section-sidebar {
    background: #fff;
    padding: .7rem 0;
    float: left;
    width: 100%;
    margin-bottom: 27px;
}

    .section-sidebar ul a {
        color: #fff;
        width: 100%;
    }

    .section-sidebar ul li {
        color: #000;
        font-size: 16px;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        background: 0 0;
        font-weight: 600;
        padding: .5rem 1rem;
        padding-left: 1.5rem !important;
        opacity: .6;
    }

        .section-sidebar ul li span {
            text-decoration: underline;
        }

        .section-sidebar ul li:hover {
            opacity: 1;
        }

.lnkone {
    float: left;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
}

    .lnkone::after {
        position: absolute;
        top: 13px;
        bottom: 10px;
        left: 0;
        width: 0;
        height: 0;
        content: '';
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #fafafa transparent transparent;
        opacity: 0;
        transform: rotate(180deg);
    }

    .lnkone.active::after, .lnkone:hover::after {
        opacity: 1;
    }

.section-sidebar ul li span i {
    font-size: 23px;
    padding-right: 9px;
}

.section-sidebar ul li span span {
    font-size: 23px;
    padding-right: 9px;
}

.related-info {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    padding: 7px 10px;
    color: #fff;
    background: #134C9D;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.alllnks .lnkone:nth-child(odd) {
    background: rgba(0,0,0,.02);
}

.alllnks .lnkone:nth-child(even) {
    background: rgba(0,0,0,.06);
}

.Fold {
    position: relative;
}

    .Fold:after {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        transition-duration: 1s;
        border-top: 50px solid #eee;
        border-right: 50px solid white;
        box-shadow: -6px -7px 14px 0px #bbb;
    }
/*==================================================
 * Table Effect 5
 * ===============================================*/
.table-effect5 {
    position: relative;
    box-shadow: 3px -6px 13px -7px #777;
}

    .table-effect5:before, .table-effect5:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 40px;
        left: 10px;
        width: 50%;
        top: 80%;
        max-width: 300px;
        background: #777;
        box-shadow: 0 35px 20px #777;
        transform: rotate(-8deg);
    }

    .table-effect5:after {
        transform: rotate(8deg);
        right: 10px;
        left: auto;
    }

@media (max-width: 1542px) {
    .aln td {
        font-size: 14px;
    }
}

@media (max-width: 1142px) {
    .aln td {
        font-size: 13px;
    }

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

@media (max-width: 1080px) {
    .aln td {
        font-size: 12px;
    }

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

@media screen and (min-width: 1025px) {
    .no-padding .section-wrapper {
        padding: 0;
    }

    .no-padding .section-title-holder {
        padding-bottom: 0;
    }
}

@media (max-width: 1025px) {
    .sticky-spacer {
        width: 100%;
    }

    .section-title-holder {
        max-width: none;
        width: 100%;
    }

    .section-top-image {
        text-align: left !important;
    }

    .no-padding .section-content-holder.float-right {
        width: 100%;
    }

    .aln td {
        font-size: 14px;
    }
}

@media (max-width: 856px) {
    .aln td {
        font-size: 13px;
    }

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

@media (max-width: 810px) {
    .aln td {
        font-size: 12px;
    }

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

@media (max-width: 511px) {
    .aln td {
        font-size: 11px;
    }

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

@media (max-width: 453px) {
    td.arrowbg {
        font-size: 11px !important;
    }
}
/****************Assessment Process***************************/
#kampPanels a:link, #kampPanels a:visited {
    text-decoration: none;
}

#kampPanels .phase-header {
    color: #333;
}

#kampPanels .kamp-assessment-process-panel .phase-body {
    position: relative;
}

#kampPanels h3 {
    font-family: "Open Sans", Verdana, sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #363636;
    font-weight: normal;
    margin-bottom: 10px;
}

#kampPanels h1:first-child, #PageBody #MainContent h2:first-child, #PageBody #MainContent h3:first-child, #PageBody #MainContent p:first-child {
    margin-top: 0;
}

#kampPanels .kamp-panel H2:first-child, #PageBody #MainContent .kamp-panel H3:first-child {
    margin-top: 0;
}
/*#kampPanels .kamp-assessment-process-panel .phase-body:after {
    content: url(../Images/chevron_right.png);
    right: 10px;
    position: absolute;
    display: block;
    top: 43%;
}*/
#kampPanels .kamp-assessment-process {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    text-decoration: none;
    background-color: #666;
    color: #fff;
    position: relative;
    background: #666;
    box-shadow: 0px 0px 5px #bbb;
    margin-left: 10px;
    width: 90%;
}

    #kampPanels .kamp-assessment-process .phase-header {
        align-self: stretch;
        display: inline-flex;
        flex-flow: column nowrap;
        justify-content: center;
        z-index: 99;
        /*box-shadow: 4px 0 10px 0px #1c6a7e;
    width: 120px;
    position: relative;
    transform: scale(1.1);
    border: 2px solid #0c75d3;*/
        background: #eee;
        box-shadow: 4px 0 4px 0px #555;
        margin-bottom: 17px;
        margin-top: -17px;
        margin-left: -21px;
    }

    #kampPanels .kamp-assessment-process .phase-text {
        display: block;
        font-weight: 600;
        font-size: 14px;
        width: 50px;
        line-height: 1;
        margin: 0 30px 0 35px;
    }

    #kampPanels .kamp-assessment-process .phase-number {
        display: block;
        font-weight: 600;
        font-size: 60px;
        line-height: .8;
        margin: 5px auto;
    }
    /*#kampPanels .kamp-assessment-process .caret {
    display: block;
    position: absolute;
    text-align: center;
    right: -4px;
    top: 50%;
    width: 17px;
    height: 75px;
    background-image: url(../Images/chevronV.svg);
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}*/
    #kampPanels .kamp-assessment-process .phase-body {
        display: inline-block;
        /*border: 1px solid #0c75d3;*/
        border-left: none;
        padding: 20px;
        z-index: 1;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
    }

    #kampPanels .kamp-assessment-process:after {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: 0;
        height: 0;
        border-top: 61px solid transparent;
        border-bottom: 61px solid transparent;
        border-left: 65px solid #666;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process3:after {
        border-top: 74px solid transparent;
        border-bottom: 74px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 62px solid transparent;
        border-bottom: 62px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process5:after {
        border-top: 61px solid transparent;
        border-bottom: 61px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process6:after {
        border-top: 60px solid transparent;
        border-bottom: 61px solid transparent;
    }

#kampPanels .kamp-assessment-process-panel .phase-body-top {
    display: flex;
    flex-flow: row wrap;
}

#kampPanels .kamp-assessment-process-panel .phase-body-top {
    margin-top: 40px;
}

#kampPanels .kamp-assessment-process-panel .phase-body > div:first-of-type {
    margin-top: 0;
}

#kampPanels .kamp-assessment-process-panel .assessment-thumb {
    height: 100%;
    width: 10%;
    align-self: center;
    border-radius: 5px;
    margin-right: 20px;
    margin-left: 20px;
}
/*#kampPanels .kamp-assessment-process-panel .assessment-thumb img {
    max-width: 58px;
    width: 100%;
}*/
#kampPanels .kamp-assessment-process-panel .assessment-head {
    width: 80%;
}

    #kampPanels .kamp-assessment-process-panel .assessment-head h4 {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        font-weight: 600;
    }

    #kampPanels .kamp-assessment-process-panel .assessment-head > span {
        font-weight: 200;
    }

#kampPanels .kamp-assessment-process-panel .phase-body .assessment-text {
    margin-top: 8px;
}

#kampPanels .assessment-process-vl {
    height: 30px;
    width: 2px;
    background-color: #666;
    margin: 0 5%;
}

#kampPanels .kamp-assessment-process-panel .phase-body .assessment-text {
    font-size: 14px;
    margin-top: 7px;
}

@media only screen and (min-width: 992px) {
    #kampPanels .kamp-assessment-process-panel .assessment-head h3 {
        font-size: 24px;
        line-height: 30px;
    }

    #kampPanels .kamp-assessment-process-panel .assessment-head > span {
        font-weight: 200;
        font-size: 16px;
    }
}

@media only screen and (max-width: 1400px) {
    #kampPanels .kamp-assessment-process-panel .phase-body .assessment-text {
        font-size: 14px;
    }

    #kampPanels .kamp-assessment-process:after {
        border-top: 52px solid transparent;
        border-bottom: 53px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process3:after {
        border-top: 73px solid transparent;
        border-bottom: 73px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 75px solid transparent;
        border-bottom: 75px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process5:after {
        border-top: 61px solid transparent;
        border-bottom: 61px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process6:after {
        border-top: 61px solid transparent;
        border-bottom: 61px solid transparent;
    }
}

@media only screen and (max-width: 1200px) {
    #kampPanels .kamp-assessment-process-panel .assessment-head h4 {
        font-size: 16px;
    }

    #kampPanels .kamp-assessment-process-panel .phase-body .assessment-text {
        font-size: 13px;
    }

    #kampPanels .kamp-assessment-process:after {
        border-top: 49px solid transparent;
        border-bottom: 50px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process3:after {
        border-top: 70px solid transparent;
        border-bottom: 70px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 73px solid transparent;
        border-bottom: 73px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process5:after {
        border-top: 59px solid transparent;
        border-bottom: 59px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process6:after {
        border-top: 59px solid transparent;
        border-bottom: 59px solid transparent;
    }
}

@media only screen and (max-width: 1100px) {
    #kampPanels .kamp-assessment-process:after {
        border-top: 48px solid transparent;
        border-bottom: 49px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process3:after {
        border-top: 80px solid transparent;
        border-bottom: 80px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 83px solid transparent;
        border-bottom: 84px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process7:after {
        border-top: 59px solid transparent;
        border-bottom: 59px solid transparent;
    }
}

@media only screen and (max-width: 991px) {
    #kampPanels .kamp-assessment-process-panel .assessment-head h4 {
        font-size: 14px;
    }

    #kampPanels .kamp-assessment-process-panel .phase-body .assessment-text {
        font-size: 13px;
    }

    #kampPanels .kamp-assessment-process .phase-number {
        font-size: 34px;
    }

    #kampPanels .kamp-assessment-process:after {
        border-top: 48px solid transparent;
        border-bottom: 49px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 59px solid transparent;
        border-bottom: 59px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process6:after {
        border-top: 59px solid transparent;
        border-bottom: 59px solid transparent;
    }
}

@media only screen and (max-width: 978px) {
    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 69px solid transparent;
        border-bottom: 70px solid transparent;
    }
}

@media only screen and (max-width: 952px) {
    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 83px solid transparent;
        border-bottom: 84px solid transparent;
    }
}

@media (max-width: 867px) {
    #kampPanels .kamp-assessment-process:after {
        border-top: 59px solid transparent;
        border-bottom: 59px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process2:after {
        border-top: 48px solid transparent;
        border-bottom: 49px solid transparent;
    }
}

@media (max-width: 836px) {
    #kampPanels .kamp-assessment-process.kamp-assessment-process3:after {
        border-top: 90px solid transparent;
        border-bottom: 91px solid transparent;
    }
}

@media only screen and (max-width: 777px) {
    #kampPanels .kamp-assessment-process-panel .assessment-head {
        width: 77%;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 94px solid transparent;
        border-bottom: 94px solid transparent;
    }
}

@media only screen and (max-width: 773px) {
    #kampPanels .kamp-assessment-process.kamp-assessment-process6:after {
        border-top: 69px solid transparent;
        border-bottom: 70px solid transparent;
    }
}

@media (max-width: 767px) {

    div#eventSlider video {
        width: 100%;
    }

    .arrow-list.type1 > li, .arrow-list.type2 > li {
        padding-left: 10px;
    }

        .arrow-list.type2 > li:before {
            font-size: 10px;
        }

    h1.display-xl-5.display-lg-5.display-sm-5.display-6.font-weight900, .about-kamp-page .about-KPMC h1 {
        font-size: 20px;
    }

    h5.mb-0.d-block {
        font-size: 14px;
    }

    #kampPanels .kamp-assessment-process:after {
        border-top: 48px solid transparent;
        border-bottom: 49px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process3:after {
        border-top: 80px solid transparent;
        border-bottom: 80px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 83px solid transparent;
        border-bottom: 84px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process6:after {
        border-top: 59px solid transparent;
        border-bottom: 59px solid transparent;
    }
}

@media (max-width: 767px) {
    #kampPanels .kamp-assessment-process:after {
        border-top: 59px solid transparent;
        border-bottom: 59px solid transparent;
    }
}

@media (max-width: 721px) {
    #kampPanels .kamp-assessment-process:after {
        border-top: 59px solid transparent;
        border-bottom: 59px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process3:after {
        border-top: 90px solid transparent;
        border-bottom: 91px solid transparent;
    }
}

@media (max-width: 654px) {
    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 94px solid transparent;
        border-bottom: 94px solid transparent;
    }
}

@media only screen and (max-width: 636px) {
    #kampPanels .kamp-assessment-process-panel .phase-body .assessment-text {
        font-size: 12px;
    }

    #kampPanels .kamp-assessment-process:after {
        border-top: 57px solid transparent;
        border-bottom: 57px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process2:after {
        border-top: 47px solid transparent;
        border-bottom: 48px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process3:after {
        border-top: 85px solid transparent;
        border-bottom: 86px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 80px solid transparent;
        border-bottom: 81px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process5:after {
        border-top: 57px solid transparent;
        border-bottom: 57px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process6:after {
        border-top: 57px solid transparent;
        border-bottom: 57px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process7:after {
        border-top: 57px solid transparent;
        border-bottom: 57px solid transparent;
    }
}

@media only screen and (max-width: 620px) {
    #kampPanels .kamp-assessment-process-panel .assessment-thumb {
        display: none;
    }

    #kampPanels .kamp-assessment-process-panel .assessment-head {
        width: 100%;
    }

    #kampPanels .kamp-assessment-process:after {
        border-top: 47px solid transparent;
        border-bottom: 48px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process3:after {
        border-top: 76px solid transparent;
        border-bottom: 76px solid transparent;
    }
}

@media only screen and (max-width: 592px) {
    #kampPanels .kamp-assessment-process:after {
        border-top: 57px solid transparent;
        border-bottom: 57px solid transparent;
    }
}

@media only screen and (max-width: 573px) {
    #kampPanels .kamp-assessment-process.kamp-assessment-process3:after {
        border-top: 85px solid transparent;
        border-bottom: 86px solid transparent;
    }
}

@media only screen and (max-width: 525px) {
    #kampPanels .kamp-assessment-process.kamp-assessment-process4:after {
        border-top: 90px solid transparent;
        border-bottom: 90px solid transparent;
    }
}

@media only screen and (max-width: 513px) {
    #kampPanels .kamp-assessment-process.kamp-assessment-process5:after {
        border-top: 66px solid transparent;
        border-bottom: 67px solid transparent;
    }

    #kampPanels .kamp-assessment-process.kamp-assessment-process6:after {
        border-top: 66px solid transparent;
        border-bottom: 67px solid transparent;
    }
}

@media only screen and (max-width: 499px) {
    #kampPanels .kamp-assessment-process:after {
        display: none;
    }

    #kampPanels .kamp-assessment-process {
        width: 100%;
    }
}
/*************Social Media Icons********************/
.social-icons .item {
    display: inline-block;
    margin: 0 1px;
    width: 37px;
    height: 37px;
    transition: .3s all;
    position: relative;
    -webkit-transition: .3s all;
    text-align: center;
    color: #fff;
    line-height: 37px;
    border-radius: 50px;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.18), 0px 4px 15px 0px rgba(0,0,0,0.15);
}

.social-icons.spinned .item:hover {
    -webkit-animation: Social-Icons-Flipping .3s;
    animation: Social-Icons-Flipping .3s;
}

.social-icons .item:hover {
    text-decoration: none;
    background-color: #42474E;
    box-shadow: 0 -1px 0 transparent inset, 0 2px 3px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .3);
    color: #fff !important;
}

.social-icons .item .fa {
    font-size: 14px;
    font-weight: 500;
    line-height: 38px;
}

.facebook {
    background-color: #425F9C;
}

.twitter {
    background-color: #00ACEE;
}

.google {
    background-color: #c00;
}

.linkedin {
    background-color: #0073B2;
}

.youtube {
    background-color: #EB3E40;
}

.instagram {
    background-color: #5E8AAC;
}

.facebook:hover {
    background-color: #425F9C !important;
}

.twitter:hover {
    background-color: #00ACEE !important;
}

.google:hover {
    background-color: #c00 !important;
}

.linkedin:hover {
    background-color: #0073B2 !important;
}

.youtube:hover {
    background-color: #EB3E40 !important;
}

.instagram:hover {
    background-color: #5E8AAC !important;
}

@-webkit-keyframes Social-Icons-Flipping {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

@keyframes Social-Icons-Flipping {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*-----------------------------------------------------------------------------------------------------------
            vertical tab
------------------------------------------------------------------------------------------------------------*/
.vtabbg {
    background: #27afe8 url(../Images/bnft.jpg) no-repeat;
    background-size: cover;
    width: 100%;
}

.vertical-tab .nav-tabs {
    border-bottom: transparent;
    padding: 0;
}

    .vertical-tab .nav-tabs > li {
        margin-bottom: 0px;
        width: 100%;
        float: left;
    }

.vertical-tab .nav-stacked > li + li {
    margin-top: 0;
}

.hvract {
    border-bottom: 1px solid #125773;
}

.vertical-tab .nav-tabs > li {
    background: #125773;
    border-radius: 0;
    border: 0 none;
    line-height: 24px;
    margin-right: 0;
    color: #444444;
    margin: 0;
    color: #fff;
    /*font-weight: 500;*/
    width: 100%;
    position: relative;
}

    .vertical-tab .nav-tabs > li > a {
        border-radius: 0;
        border: 0 none;
        line-height: 24px;
        margin-right: 0;
        padding: 15px 11px 15px 14px;
        color: #444444;
        margin: 0;
        color: #fff;
        /*font-weight: 500;*/
        width: 100%;
        background: transparent;
        float: left;
        font-size: 15px;
        border-bottom: 1px solid #177297 !important;
    }

    .vertical-tab .nav-tabs > li.active > a, .vertical-tab .nav-tabs > li.active > a:hover, .vertical-tab .nav-tabs > li.active > a:focus {
        border: 0;
        color: #fff;
        background: #2483a8;
        position: relative;
        width: 100%;
        float: left;
    }

        .vertical-tab .nav-tabs > li.active > a:after {
            position: absolute;
            content: "";
            width: auto;
            height: auto;
            border-style: solid;
            border-color: transparent transparent transparent #2483a8;
            border-width: 15px 18px;
            right: -35px;
            top: 12px;
            z-index: 1;
        }

.vertical-tab .tab-pane {
    padding: 0px 5px 10px 20px;
}

.vertical-tab .nav-tabs > li:hover {
    background: #2483a8;
}

    .vertical-tab .nav-tabs > li:hover > a {
        background: #2483a8;
    }

        .vertical-tab .nav-tabs > li:hover > a:after {
            position: absolute;
            content: "";
            width: auto;
            height: auto;
            border-style: solid;
            border-color: transparent transparent transparent #2483a8;
            border-width: 15px 18px;
            right: -35px;
            top: 12px;
            z-index: 1;
        }

.vertical-tab .nav-tabs > li.active:hover > a:after {
    border-color: transparent transparent transparent #2483a8;
}

.FeePaymentModes .section-content {
    padding-bottom: 60px;
}

.FeePaymentModes .vertical-tab .tab-pane {
    padding: 10px 50px 0 50px;
}

.FeePaymentModes .vertical-tab.tab-wrap .media-body {
    width: auto;
    display: inherit;
}

.crnw {
    border: 1px solid #177297;
}

.card-headernew {
    padding: 0;
    background: #125773;
    border: 1px solid #177297;
}

    .card-headernew button {
        width: 100%;
        text-align: left;
        padding: 12px 15px;
        font-size: 15px;
        float: left;
    }

.bs-examplenew {
    display: none;
}

.crb {
    background: #2483a8;
    color: #fff;
}

.img-padding {
    padding-left: 10px;
}

@media (min-width:600px) {
    .FeePaymentModes .vertical-tab.tab-wrap .media .parrent.media-head-menu {
        float: left;
    }
}

@media (max-width:600px) {
    .FeePaymentModes .vertical-tab.tab-wrap .media .parrent.media-head-menu {
        width: 90%;
    }
}

@media (max-width:768px) {
    .vrttabnw {
        display: none;
    }

    .bs-examplenew {
        display: block;
    }
}
/*************************Awards and Recognition New************************************/
.nvnew {
    margin: 0 auto;
    padding: 0 26px;
    background: rgba(86, 86, 86, 0.1);
}

    .nvnew > .nav.nav-tabs {
        border: none;
        color: #fff;
        background: transparent;
        border-radius: 0;
        width: 51%;
        margin: 0 auto;
    }

    .nvnew > div a.nav-item.nav-link {
        border: none;
        padding: 11px 18px;
        color: #8c8c8c;
        background: transparent;
        border-radius: 0;
        font-size: 21px;
    }

        .nvnew > div a.nav-item.nav-link.active {
            border: none;
            padding: 11px 18px;
            color: #fff;
            background: #0b89c8;
            border-radius: 0;
            font-size: 21px;
        }

            .nvnew > div a.nav-item.nav-link.active:after {
                content: "";
                position: relative;
                bottom: -56px;
                left: -30%;
                /*border: 15px solid transparent;
    border-top-color: #0b89c8;*/
                border-left: 15px solid transparent;
                border-top: 12px solid #0b89c8;
            }

.tab-contentnw {
    background: transparent;
    line-height: 25px;
    border: transparent;
    border-top: transparent;
    border-bottom: transparent;
    padding: 30px 25px !important;
}

.nvnew > div a.nav-item.nav-link:hover,
.nvnew > div a.nav-item.nav-link:focus {
    border: none;
    background: #0b89c8;
    color: #fff;
    border-radius: 0;
    transition: background 0.20s linear;
}

.bxaw {
    width: 100%;
    float: left;
    margin-bottom: 14px;
}

.font18 {
    font-size: 18px;
}

.bxaw h5 {
    width: 100%;
    font-weight: 600;
}

    .bxaw h5 span {
        font-size: 27px;
    }

.awbg2 {
    background: transparent;
    text-align: center;
    padding: 23px;
    border-radius: 7px;
    box-shadow: 0px 3px 8px #ccc;
    margin-top: 25%;
}

.equalcolNew {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .equalcolNew > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.about-kamp-page .award-kamp {
    background: #fff url(../images/AWARD-bg.jpg) no-repeat;
    background-size: cover;
    background-position: right;
    position: relative;
}

@media (max-width:767px) {

    .clearfix.back-banner {
        margin-top: 115px;
    }

    .select2-container .select2-selection--single {
        height: auto !important;
        padding: 4px !important;
    }

    .nvnew > .nav.nav-tabs {
        width: 100%;
    }

    main.main-section.student-registration .row {
        /*margin-right: 0;*/
        /*margin-left: 0;*/
        padding: 10px 10px 0;
        margin-bottom: 0;
    }

    .otpresend button#btnSignUp {
        margin-top: 0 !important;
    }

    .row.otpresend div#rgnxbk input.btn.btn-submit.bt-md {
        margin-top: 20px;
    }

    .row.otpresend input#next {
        margin-top: 20px;
        width: 96%;
    }

    .registration-part {
        padding: 0 15px 0 15px;
    }

    .login-part {
        padding: 20px 0px 18px;
    }

        .login-part p {
            margin-bottom: 0;
        }

    .heading1 {
        font-size: 20px;
    }
}
/******************** Enroll For KAMP *****************************/
.enrollbg2 {
    background: #FF7170;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    float: left;
}

.newbgenrol {
    background: #FF943B;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    float: left;
}
/**************KAMP NASTA******************/
.bxpdnasta {
    text-decoration: none;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(54,54,54, .15);
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms ease-in;
    float: left;
    width: 100%;
}
/*****************10SEP***********************/
.kampbox {
    /*padding: 0px 21px;
    margin-bottom: 30px;*/
}

.kampicon {
    padding-bottom: 4px;
    /*border-bottom: 2px solid #019be0;*/
    float: left;
}

    .kampicon img {
        width: 50px;
    }

.kamptxt {
    float: left;
}

    .kamptxt p {
        text-align: justify;
    }

.kamphdng {
    color: #1c56c2;
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 17px;
}

.crclicon i {
    color: #333;
    padding-right: 5px;
}
/*********13Sep***********/
@media (max-width: 1400px) and (min-width: 992px) {
    .registration-part {
        padding: 0 50px 18px;
    }
}

}

.loginstyle {
    border: 1px solid #fff;
    padding: 7px 27px;
    border-radius: 19px;
    transition: all .5s ease-in-out;
}

    .loginstyle:hover, .loginstyle:focus {
        border-color: #0ac7ff;
        color: #00aff5;
    }

.main-menu .navbar-expand-lg .navbar-nav .nav-link.nwlnknav:before {
    background: transparent;
}
/**************20 Sep****************/
.title--with-doubleborder {
    border-top: 1px solid;
    padding-top: 20px;
    position: relative;
}

    .title--with-doubleborder:before {
        border-top: 3px solid;
        content: "";
        font-size: 1px;
        height: 1px;
        position: absolute;
        top: 0;
        width: 40%;
    }

.margin-bottom-l, .margin-bottom-m {
    margin-bottom: 15px;
}

.initialism, .text-uppercase {
    text-transform: uppercase;
}

.add-letter-spacing {
    letter-spacing: 3.3px;
}

.active .link-fancy-hover:after {
    transform: scaleX(1);
}

.news-summary {
    border-bottom: 1px solid #ddd;
    width: 100%;
    float: left;
}

    .news-summary:last-child {
        border-bottom: none;
    }

.padding-bottom-l {
    padding-bottom: 20px;
}

.margin-bottom-s {
    margin-bottom: 5px;
}

.font-small {
    font-size: 14px;
}

.margin-bottom-l, .margin-bottom-m {
    margin-bottom: 15px;
}

.line-height-s {
    line-height: 1.2;
}

.btnmedia {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3.3px;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    transition: all .2s;
    padding: 13px 42px;
    font-size: 11px;
    line-height: 1.56;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btnmedia-link, .btnmedia-link:active, .btnmedia-link:focus, .btnmedia-link:hover {
    border-color: transparent;
}

    .btnmedia-link, .btnmedia-link.active, .btnmedia-link:active, .btnmedia-link[disabled], fieldset[disabled] .btnmedia-link {
        background-color: transparent;
        box-shadow: none;
    }

.btnmedia-link {
    color: #2d3239;
    font-weight: 400;
    border-radius: 0;
    padding: 0;
}

.btnmediaarrow img {
    width: 38px;
    transition: all .2s ease-in-out;
}

.btnmedia-link:hover .btnmediaarrow img {
    width: 42px;
}

.news-img {
    width: 120px;
    padding-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    .title--with-doubleborder:before {
        width: 220px;
    }

    .margin-bottom-l {
        margin-bottom: 20px;
    }
}
/******************23 Sep*****************/
.aln {
    max-width: 742px;
    width: 100%;
    margin: 0 auto;
}
/*************member's speak*************/
.testboxodd {
    background: #eee;
    padding: 25px 0px;
    width: 100%;
    float: left;
}

.testboxeven {
    background: #fff;
    padding: 25px 0px;
    width: 100%;
    float: left;
}
/*.testhover .image-block img {
    transition: all 1s ease-in-out;
}
.testhover:hover .image-block img {
    transform: scale(1.09) rotate(-8deg);
}*/

/**************24 Sep*****************/
.testimonialheading {
    font-size: 16px;
    font-weight: 600;
}
/***************15 Oct*****************/
.image-gallery .gallry-block .content-block h6 {
    font-size: 0.9rem;
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
/***************22 Oct*****************/
.circular-table tbody tr td a {
    font-size: 14px;
    color: blue;
}

@media (min-width:1400px) {
    .circular-table tbody tr td a {
        font-size: 16px;
        color: blue;
    }
}

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

.SameHcolumn {
    height: 100%;
}

.text-bgachiever {
    padding: 15px;
    float: left;
    width: 100%;
}

    .text-bgachiever p {
        font-size: 14px;
        margin-bottom: 10px;
    }

.img-bgachiever {
    width: 100%;
    height: 200px;
    float: left;
    margin-bottom: 15px;
}

    .img-bgachiever img {
        margin: 0 auto;
        height: 100%;
        width: 100%;
    }

.mg0 {
    margin: 0 !important;
}
/****************31 Oct****************/
nav > .nav.nav-fill-new {
    border: none;
    color: #fff;
    background: #272e38;
    border-radius: 0;
}

nav > div a.nav-item-new.nav-link-new {
    border: none;
    padding: 10px;
    color: #fff;
    background: #272e38;
    border-radius: 0;
}

    nav > div a.nav-item-new.nav-link-new.active {
        border: none;
        color: #fff;
        background: #272e38;
        border-radius: 0;
    }

a.nav-item-new.nav-link-new {
    color: #fff;
}

nav > div a.nav-item-new.nav-link-new.active:after {
    content: "";
    position: relative;
    bottom: -50px;
    left: -5%;
    border: 15px solid transparent;
    border-top-color: #008BD0;
}

.tab-content-new1 {
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top: 5px solid #008BD0;
    border-bottom: 5px solid #008BD0;
    padding: 30px 25px !important;
    float: left;
    width: 100%;
}

nav > div a.nav-item-new.nav-link-new:hover,
nav > div a.nav-item-new.nav-link-new:focus {
    border: none;
    background: #008BD0;
    color: #fff;
    border-radius: 0;
    transition: background 0.20s linear;
}

.form-horizontal12 {
    margin-top: 10px;
    float: left;
    width: 100%;
}

    .form-horizontal12 .control-label {
        margin-top: 4px;
    }

    .form-horizontal12 input {
        width: 93%;
    }

.question-tool {
    padding-top: 8px;
    font-size: 17px;
    cursor: pointer;
}

.tooltipnew {
    position: relative;
    display: inline-block;
}

    .tooltipnew .tooltiptextnew {
        visibility: hidden;
        width: 250px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        left: 20px;
        z-index: 1;
        font-size: 13px;
        line-height: 18px;
    }

    .tooltipnew:hover .tooltiptextnew {
        visibility: visible;
    }

    .tooltipnew ul {
        padding-left: 15px;
    }

        .tooltipnew ul li {
            list-style-type: disc;
        }
/***********1 Nov***********/
.embed-containerneew {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

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

.gallry-block-New {
    border: 8px solid #dfe5e8;
    position: relative;
    display: inline-block;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    border-radius: 0 !important;
}

    .gallry-block-New a {
        border-radius: 0 !important;
    }

    .gallry-block-New img {
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }

    .gallry-block-New:hover img {
        transform: scale(1.1);
        background: #fff;
        opacity: .4;
    }

    .gallry-block-New::after {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 100%;
        background: url('../Images/camera-overlay.png') center no-repeat;
        background-size: 70px;
        -webkit-transition: all .7s ease-in-out;
        transition: all .7s ease-in-out;
        opacity: 0;
    }

    .gallry-block-New:hover::after {
        opacity: 1;
    }

.darkblue {
    background: #0086C9;
    color: #fff;
}
/************9 Dec**************/
.numberListing {
    padding-left: 26px !important;
}

    .numberListing li {
        list-style-type: decimal;
        padding-bottom: 10px;
    }

.pdLeft10 {
    padding-left: 10px;
}

.red {
    color: red;
}

.nwinpt {
    height: 34px;
    background: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    transition: .3s;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

input.nwinpt::-webkit-input-placeholder {
    color: #aaa;
}

input.nwinpt::-moz-placeholder { /* Firefox 19+ */
    color: #aaa;
}

input.nwinpt:-ms-input-placeholder { /* IE 10+ */
    color: #aaa;
}

input.nwinpt:-moz-placeholder { /* Firefox 18- */
    color: #aaa;
}

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

.pd-Right0 {
    padding-left: 0 !important;
}

.mgB0 {
    margin-bottom: 0 !important;
}
/***********Profile Pic Start***********/
.picture-container {
    position: relative;
    cursor: pointer;
    text-align: center;
    max-width: 150px;
    width: 100%;
    margin: 0 auto;
}

.Profile_picture15 {
    max-width: 120px;
    width: 100%;
    height: 120px;
    background-color: #eee;
    border: 3px solid #eee;
    color: #FFFFFF;
    /*border-radius: 50%;*/
    margin: 0px auto;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.Profile_picture15_headings {
    background: #27afe8;
    margin: 0 auto;
    max-width: 120px;
    width: 100%;
    color: #fff;
    font-size: 12px;
}

.Profile_picture15:hover {
    border-color: #2ca8ff;
}

.content.ct-wizard-green .picture:hover {
    border-color: #05ae0e;
}

.content.ct-wizard-blue .picture:hover {
    border-color: #3472f7;
}

.content.ct-wizard-orange .picture:hover {
    border-color: #ff9500;
}

.content.ct-wizard-red .picture:hover {
    border-color: #ff3b30;
}

.Profile_picture15 input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}

.picture-src {
    width: 100%;
    height: 100%;
}
/***********Profile Pic End***********/
.input-prepend .add-on, .input-append .add-on {
    display: inline-block;
    width: auto;
    height: auto;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #ccc;
    border: 1px solid #ccc;
}

.tbleduinfo tr td {
    padding: 0;
}

    .tbleduinfo tr td input {
        background: transparent;
        border: none;
        height: auto;
        font-size: 13px;
    }

.nwinputbtmline {
    background: transparent;
    border: none;
    border-bottom: 1px solid #aaa;
    outline: none;
    box-shadow: none;
    font-size: 13px;
}

.hghlt_cls {
    background: #fff;
    padding: 0px 8px;
}

    .hghlt_cls a {
        color: #000 !important;
    }
/***************District Coordinator Form******************/
.register {
    background: -webkit-linear-gradient(left, #3931af, #00c6ff);
    margin-top: 0;
    padding: 3%;
}

.register-left {
    text-align: left;
    text-transform: uppercase;
    margin-top: 2%;
}

    .register-left input {
        border: none;
        border-radius: 1.5rem;
        padding: 2%;
        width: 60%;
        background: #f8f9fa;
        font-weight: bold;
        color: #383d41;
        margin-top: 30%;
        margin-bottom: 3%;
        cursor: pointer;
    }

.register-right {
    background: #f8f9fa;
    border-top-left-radius: 10% 50%;
    border-bottom-left-radius: 10% 50%;
}

.register-left img {
    margin-top: 15%;
    margin-bottom: 5%;
    width: 25%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

.register-left .h3 {
    color: #fff;
    line-height: 52px;
    font-size: 25px;
    font-weight: bold;
}

.register-left p a {
    font-weight: lighter;
    /*padding: 12%;*/
    margin-top: -9%;
    color: #fff;
}

.register .register-form {
    padding: 10% 5% 30px 10%;
    margin-top: 10%;
    float: left;
    width: 100%;
}

.btnRegister {
    float: right;
    margin-top: 10%;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 50%;
    cursor: pointer;
}

.register .nav-tabs {
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 1.5rem;
    width: 28%;
    float: right;
}

    .register .nav-tabs .nav-link {
        padding: 2%;
        height: 34px;
        font-weight: 600;
        color: #fff;
        border-top-right-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }

        .register .nav-tabs .nav-link:hover {
            border: none;
        }

        .register .nav-tabs .nav-link.active {
            width: 100px;
            color: #0062cc;
            border: 2px solid #0062cc;
            border-top-left-radius: 1.5rem;
            border-bottom-left-radius: 1.5rem;
        }

.register-heading {
    text-align: center;
    margin-top: 5%;
    margin-bottom: -15%;
    color: #0d83dd;
}

.heading1 {
    position: relative;
    padding-bottom: 6px;
    margin-bottom: 19px;
}

    .heading1:after {
        content: '';
        width: 82px;
        height: 2px;
        background: #c4468a;
        left: 0;
        position: absolute;
        bottom: 0;
    }

@media(max-width:1150px) {
    .register-left .h3 {
        font-size: 22px;
        line-height: 39px;
    }
}

@media(max-width:971px) {
    .register-left .h3 {
        font-size: 18px;
        line-height: 34px;
    }
}

@media(max-width:791px) {
    .register-left {
        padding-left: 0;
    }
}

@media(max-width:767px) {


    .workshop.py-3 {
        margin-top: 123px;
    }

    .workshop h3.font-weight-bold {
        font-size: 18px !important;
        margin-top: 10px;
    }

    .workshop .pt-3.d-flex.justify-content-between.align-items-center {
        display: unset !important;
    }

    .workshop p {
        margin: 7px 0;
    }

    .workshop img {
        height: auto !important;
    }

    .register-left .h3 {
        font-size: 21px;
        margin-bottom: 15px;
    }
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@media (max-width: 349px) {
    .nav-menu .navbar {
        height: 72px;
    }

    .university_head .navbar-brand img {
        width: 70px;
    }

    .navbar-brand img {
        width: 113px;
        height: auto !important;
    }
}
/************25 June***************/
.wd100per {
    width: 100% !important;
}

.Toppers_main_sec {
    background: #fff;
    box-shadow: 3px 1px 13px 3px #888;
    width: 100%;
    float: left;
    overflow-x: hidden;
    margin-bottom: 50px;
    color: #191919;
    /*max-width: calc(50vw + 608px);*/
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    border-radius: 0 8px 8px 0;
}

.toppers_left_box {
    text-align: center;
    padding: 20px;
}

.light-pagetext {
    font-size: 17px;
    font-family: "Montserrat";
    font-weight: 300 !important;
}

.topper_no {
    font-size: 70px;
    font-weight: bold;
    line-height: 79px;
}

.topper_cat {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 15.5px;
    opacity: .6;
}

.text-navy-blue {
    color: #1674D1;
}

.counter_new {
    animation-duration: 1s;
    animation-delay: 0s;
}

.title-kamptopper {
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    float: left;
    width: 100%;
}

.heading-kamptopper {
    font-size: 48px;
    line-height: 46px;
}

.table-topper {
    border-radius: 8px;
    overflow: hidden;
}

    .table-topper thead tr {
        background-color: #3da3e6;
        color: #fff;
    }

    .table-topper tbody tr {
        background: #f7f7f7;
        border-bottom: 1px solid rgba(0,0,0,.1);
        padding: 13px;
        font-family: "Montserrat";
        font-size: 13px;
    }

        .table-topper tbody tr td {
            text-transform: inherit;
            border: none !important;
            font-weight: 600;
            text-align: left;
            opacity: .6;
        }

    .table-topper thead tr th span {
        border-left: 1px solid rgb(255,255,255);
        padding: 1.3px 13px;
    }

    .table-topper thead tr th:first-child span {
        border-left: none;
    }

#search-barstate {
    padding-left: 20px;
    padding-right: 20px;
}

.kamptopper_box {
    text-align: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: flex;
    flex-flow: column nowrap;
    padding-left: 5px;
    padding-right: 5px;
    height: 100%;
}

.animate {
    -webkit-transition: transform 1000ms cubic-bezier(.190,1,.220,1),opacity 1000ms cubic-bezier(.190,1,.220,1);
    -moz-transition: transform 1000ms cubic-bezier(.190,1,.220,1),opacity 1000ms cubic-bezier(.190,1,.220,1);
    transition: transform 1000ms cubic-bezier(.190,1,.220,1),opacity 1000ms cubic-bezier(.190,1,.220,1);
}

    .animate:nth-child(1) {
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        transition-delay: 200ms;
    }

.kamptopper_box_inner_content {
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgba(247, 247, 247, 1);
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 25px;
    margin-bottom: 36px;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    height: 100%;
}

.kamptopper_box_image {
    margin-left: -20px;
    margin-right: -20px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #dedede;
    border-radius: 10px;
}

    .kamptopper_box_image > span {
        display: block;
        line-height: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 10px solid #fff;
        border-radius: 10px;
    }

    .kamptopper_box_image img {
        display: block;
        margin: 0;
        line-height: 0;
        max-width: 100%;
        height: auto;
    }

.kamptopper_box_inner_content > .kamptopper_box_image img {
    display: block;
    width: 100%;
    /*height: 290px;*/
    height: 150px;
    border-radius: 10px;
}

.KampTopperIcon {
    border-color: inherit;
}

.KampTopperIcon {
    float: left;
    margin: 0;
    padding-right: .5em;
    padding-left: 0;
}

    .KampTopperIcon.KampTopper_style_border {
        margin-left: -1px;
        margin-right: -1px;
        padding: 0;
        border-color: inherit;
    }

.KampTopperIcon {
    float: none;
    margin: 0;
    padding: 0 .25em;
}

.KampTopperIcon {
    margin-top: -3em;
}

.KampTopperIcon {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0 !important;
    display: inline-block;
    line-height: 1;
    padding-right: .5em;
    max-width: 100%;
}

    .KampTopperIcon .KampTopper_icon_holder {
        text-decoration: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        line-height: inherit;
        color: #ffffff;
    }

        .KampTopperIcon .KampTopper_icon_holder:before {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
            line-height: inherit;
            -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: all 280ms ease;
            -moz-transition: all 280ms ease;
            transition: all 280ms ease;
        }

        .KampTopperIcon .KampTopper_icon_holder:before {
            font-size: 4em;
            width: 2em;
            height: 2em;
            border-radius: 50%;
        }

    .KampTopperIcon.KampTopper_style_filled .KampTopper_icon_holder:before {
        -webkit-box-shadow: 0 0 0 1em #000 inset;
        box-shadow: 0 0 0 1em #000 inset;
        color: #fff;
    }

    .KampTopperIcon .KampTopper_icon_holder:before {
        font-size: 25px;
        transition: all 1s ease-in-out;
        cursor: pointer;
    }

    .KampTopperIcon.KampTopper_style_border .KampTopper_icon_holder:before {
        border: 2px solid;
    }

    .KampTopperIcon.KampTopper_style_filled .KampTopper_icon_holder:before {
        box-shadow: 0 0 0 1em #3da3e6 inset;
        color: #ffffff;
    }

    .KampTopperIcon.KampTopper_style_border .KampTopper_icon_holder:before {
        border-width: 5px;
    }

    .KampTopperIcon:hover .KampTopper_icon_holder:before {
        color: #3da3e6;
        border: 6px solid #3da3e6;
        box-shadow: 0 0 0 1em #fff inset;
    }

.KampTopper_headline {
    position: relative;
    color: #191919;
    text-align: center;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
}

    .KampTopper_headline .KampTopper_headline_superheadline {
        line-height: 1;
        font-weight: 400;
        display: block;
        margin-bottom: 7px;
        display: block;
        font-family: "Montserrat";
        font-size: 13px;
        font-weight: 300;
        color: inherit !important;
        color: #00ffff;
    }

.KampTopper_separator {
    line-height: 0;
    display: block;
    clear: both;
    margin-bottom: 1em;
}

.KampTopperIcon + .KampTopper_separator {
    margin-top: -26px;
}

.KampTopper_headline .KampTopper_headline_content {
    display: block;
    color: inherit;
    font-size: 17px;
    font-weight: 700;
}

    .KampTopper_headline .KampTopper_headline_content span:before, .KampTopper_headline .KampTopper_headline_content span:after {
        clear: both;
        content: ' ';
        line-height: 0;
        display: table;
        width: 100%;
    }

.KampTopper_headline .KampTopper_headline_subheadline {
    clear: both;
    /*font-family: "Libre Baskerville";*/
    line-height: 18px;
    font-size: 11px;
    margin-top: 3px;
}

.heading2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 19px;
}

    .heading2:after {
        content: '';
        width: 80px;
        height: 2px;
        background: #1674D1;
        left: 0;
        position: absolute;
        bottom: 0;
    }

.search-container_1 {
    max-width: 250px;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.KampTopper_headline h2 {
    margin: 0;
}

#searchstate {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    font-size: 1rem;
    border: 1px solid #D0CFCE;
    outline: none;
    border-radius: 50px;
}

    #searchstate:focus {
        border: 1px solid #008ABF;
        transition: 0.35s ease;
        color: #008ABF;
    }

    #searchstate::-webkit-input-placeholder {
        transition: opacity 0.45s ease;
        opacity: .5;
    }

    #searchstate::-moz-placeholder {
        transition: opacity 0.45s ease;
    }

    #searchstate::-ms-placeholder {
        transition: opacity 0.45s ease;
    }

.search-icon_1 {
    position: absolute;
    top: 9px;
    right: 31px;
    font-size: 20px;
    opacity: .9;
    font-weight: 600;
    color: #008ABF;
}

.wrap-drop_topper {
    background: #e7ded5;
    box-shadow: 3px 3px 3px rgba(0,0,0,.2);
    cursor: pointer;
    max-width: 225px;
    padding: 1rem;
    position: relative;
    width: 75%;
    z-index: 3;
}

    .wrap-drop_topper::after {
        border-color: #695d52 transparent;
        border-style: solid;
        border-width: 10px 10px 0;
        content: "";
        height: 0;
        margin-top: -4px;
        position: absolute;
        right: 1rem;
        top: 50%;
        width: 0;
    }

    .wrap-drop_topper .drop_topper {
        background: #e7ded5;
        box-shadow: 3px 3px 3px rgba(0,0,0,.2);
        display: none;
        left: 0;
        list-style: none;
        margin-top: 0;
        opacity: 0;
        padding-left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 2;
        border-top: 1px solid #ccc;
    }

        .wrap-drop_topper .drop_topper li a {
            color: #695d52;
            display: block;
            padding: 1rem;
            text-decoration: none;
            margin-right: 0;
        }

    .wrap-drop_topper span {
        color: #928579;
    }

    .wrap-drop_topper .drop_topper li:hover a {
        background-color: #695d52;
        color: #e7ded5;
    }

    .wrap-drop_topper.active::after {
        border-width: 0 10px 10px;
    }

    .wrap-drop_topper.active .drop_topper {
        display: block;
        opacity: 1;
        pointer-events: auto;
    }

.download-result {
    float: left;
    padding-top: 16px;
}

.class5, .class6, .class7, .class8, .class9, .class10, .class11, .class12 {
    display: none;
}

.resultlist li {
    font-weight: 600;
    margin-right: 15px;
    cursor: pointer;
}

.resultbtn {
    background: transparent;
    padding: 8px 28px;
    border-radius: 5px;
    color: cornflowerblue !important;
    border: 2px solid cornflowerblue;
    width: 100%;
    float: left;
}

.logocont {
    height: 100%;
    margin: 0px 10px 10px;
}

.text-blk p {
    font-weight: 600;
    font-size: 14px;
    padding: 7px 0;
}

@media(max-width:767px) {
    .kamptopper_box_inner_content > .kamptopper_box_image img {
        height: 165px;
    }
}

@media(max-width:630px) {
    .title-kamptopper h2 {
        width: 100%;
    }

    .search-container_1 {
        position: relative;
        float: left;
        margin-top: 27px;
        width: 100%;
        max-width: 800px;
    }

    .search-icon_1 {
        right: 22px;
    }
}

@media(max-width:591px) {
    .kamptopper_box_inner_content > .kamptopper_box_image img {
        height: 130px;
    }
}

@media(max-width:575px) {
    .kamptopper_box_inner_content > .kamptopper_box_image img {
        height: 300px;
    }

    #search-barstate {
        padding-left: 80px;
        padding-right: 80px;
    }

    .KampTopper_headline .KampTopper_headline_content {
        font-size: 22px;
        font-weight: 800;
    }

    .KampTopper_headline .KampTopper_headline_subheadline {
        line-height: 26px;
        font-size: 13px;
        margin-top: 8px;
    }

    .KampTopperIcon .KampTopper_icon_holder:before {
        font-size: 39px;
    }

    .KampTopperIcon.KampTopper_style_border .KampTopper_icon_holder:before {
        border-width: 6px;
    }

    .KampTopperIcon + .KampTopper_separator {
        margin-top: -26px;
    }

    .KampTopper_headline .KampTopper_headline_superheadline {
        margin-bottom: 1em;
    }

    .KampTopper_headline h2 {
        margin: 0;
    }
}

@media(max-width:370px) {
    .resultbtn {
        padding: 8px;
    }
}
/****************Preloader******************/
#preloader.loaded {
    top: -200%;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999999999999;
    overflow: hidden;
    background: #27afe8;
    -webkit-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
}

.spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.double-bounce1 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #FFF;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #FFF;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.preloader-cancel-btn-wraper {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 30px;
    -webkit-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
}

#preloader.loaded .preloader-cancel-btn-wraper {
    bottom: 200%;
}

.preloader-cancel-btn-wraper .preloader-cancel-btn {
    border-radius: 36px;
    font-size: 11px;
    background: #000;
    color: #fff;
    cursor: pointer;
}

@-webkit-keyframes sk-bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

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

@keyframes sk-bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
/*************District President****************/
.elementor-section {
    padding: 100px 0 70px 0;
    font-family: "Roboto",sans-serif !important;
}

.elementor-column-wrap {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px 0 0;
    padding: 0 40px 0 15px;
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.elementor-heading-district {
    position: relative;
    width: 100%;
    align-content: center;
    align-items: center;
}

    .elementor-heading-district:not(:last-child) {
        margin-bottom: 20px;
    }

.elementor-widget-container {
    -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    padding: 0 15px 0 0;
}

.elementskit-section-title {
    margin: 0 0 10px 0;
    font-size: 42px;
    font-weight: 800;
    line-height: 52px;
}

.elementor-widget-text-para {
    position: relative;
    color: #555;
    width: 100%;
}

    .elementor-widget-text-para p {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: .16px;
        margin: 0 0 25px;
        /*font-family: "Rubik",sans-serif;*/
    }

    .elementor-widget-text-para:not(:last-child) {
        margin-bottom: 20px;
    }

.elementor-widget-para {
    margin: 0 0 -10px 0;
    padding: 0 0 0 20px;
    border-style: solid;
    border-width: 0 0 0 2px;
    border-color: #27afe8;
    border-radius: 0 0 0 0;
    -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}

.elementskit-btn {
    display: inline-block;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 12px 30px 11px 30px;
    font-family: "Roboto",Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 28px;
    letter-spacing: -.14px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #27afe8;
    border-radius: 35px 35px 35px 35px;
    margin-bottom: 10px;
    color: #27afe8 !important;
    border-color: #27afe8;
    background-color: #fff;
}

    .elementskit-btn:focus {
        color: #fff;
    }

    .elementskit-btn:hover {
        color: #27afe8;
        background-color: #fff;
        border-color: #27afe8;
    }

a.elementskit-btn:active, a.elementskit-btn:focus, a.elementskit-btn:hover, a.elementskit-btn:visited {
    text-decoration: none;
    outline: 0;
}

.elementskit-btn:before {
    position: absolute;
    content: "";
    border-radius: inherit;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: 102% 102%;
    opacity: 0;
}

.elementskit-btn i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: middle;
    display: inline-block;
}

.elementor-widget-container_2 {
    padding: 0 50px 0 0;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #d4d8e0;
    border-radius: 0 0 0 0;
}

.section-title_district {
    text-align: left;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.42px;
    margin: 0 0 0 0;
    color: #333;
    line-height: 42px;
}

.sub-title_district {
    display: block;
    font-size: 17px;
    color: #777;
    font-family: "Rubik",Sans-serif;
    font-weight: 400;
    margin: 0 0 0 0;
}

.elementor-column {
    position: relative;
    min-height: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pd10 {
    padding: 10px !important;
}

.elementor-container {
    max-width: 900px;
    width: 100%;
}

.widget-title-mgpad {
    margin: 0;
    padding: 0 0 0 30px;
}

.elementor-column-wrap2 {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 0;
    padding: 0 15px 0 15px;
}

.elementor-container_3 {
    transition: background 2.8s;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 10px 25px 0 rgba(255, 255, 255, .3);
    padding: 0;
}

.elementskit-infobox {
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    background-color: #f9fbfc;
    padding: 20px 45px 20px 45px;
    box-shadow: 0 10px 25px 0 rgba(0,0,0,.02);
    margin-bottom: 20px;
}

    .elementskit-infobox:hover {
        background-color: #fff;
        box-shadow: 0px 20px 40px 10px rgba(0,0,0,.08);
        border: 1px solid rgba(255,255,255,0);
    }

.elementskit-info-box-icon {
    display: inline-block;
    margin-bottom: 13px;
}

.elementskit-info-box-title {
    margin: 20px 0 20px 0;
    color: #333;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.box-body p span.no {
    font-size: 35px;
    font-weight: bold;
    opacity: .3;
    color: #27afe8;
    padding-right: 5px;
}

.box-body p {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-family: "Rubik",Sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.16px;
}

.elementor-text-center {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -.3px;
    text-align: center;
}

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

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

.instructor-list-wrap {
    position: relative;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    margin-bottom: 50px;
}

    .instructor-list-wrap .single-instructor-item {
        text-align: center;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        position: relative;
        overflow: hidden;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -ms-border-radius: 15px;
    }

        .instructor-list-wrap .single-instructor-item .insturctor-img-area {
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
        }

        .instructor-list-wrap .single-instructor-item .instructor-profile-pic.round {
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -ms-border-radius: 50%;
            overflow: hidden;
            margin: auto auto 25px;
            background-color: #c1f3e6;
            width: 255px;
            height: 255px;
        }

.instructor-profile-pic.round img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.instructor-list-wrap .single-instructor-item .instructor-profile-content {
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.instructor-list-wrap .single-instructor-item .instructor-name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: -.24px;
}

    .instructor-list-wrap .single-instructor-item .instructor-name a {
        color: #333;
    }

.instructor-list-wrap .single-instructor-item p {
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: -.14px;
    font-weight: 400;
}

.instructor-list-wrap .single-instructor-item .hover-item {
    position: absolute;
    left: 0;
    top: -20px;
    width: 100%;
    opacity: 0;
    height: 100%;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    background-color: #15c08d;
}

    .instructor-list-wrap .single-instructor-item .hover-item .insturctor-img-area:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        content: "";
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        background-image: -webkit-gradient(linear,left bottom,left top,from(#273c66),color-stop(77%,rgba(39,60,102,0)));
        background-image: -o-linear-gradient(bottom,#273c66 0%,rgba(39,60,102,0) 77%);
        background-image: linear-gradient(0deg,#273c66 0%,rgba(39,60,102,0) 77%);
    }

    .instructor-list-wrap .single-instructor-item .hover-item .instructor-profile-content {
        position: absolute;
        left: 0;
        bottom: 40px;
        width: 100%;
    }

.instructor-list-wrap .single-instructor-item .instructor-profile-pic img {
    width: 100%;
}

.instructor-list-wrap .single-instructor-item .hover-item .instructor-name a, .instructor-list-wrap .single-instructor-item .hover-item .instructor-designation {
    color: #fff;
}

.instructor-list-wrap .single-instructor-item .instructor-social a {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    margin: 0 10px;
}

.instructor-list-wrap:hover .single-instructor-item .normal.instructor-profile-content, .instructor-list-wrap:hover .single-instructor-item .normal.insturctor-img-area {
    opacity: 0;
}

.instructor-list-wrap:hover .single-instructor-item .hover-item {
    -webkit-box-shadow: 0 20px 50px 0 rgba(51, 51, 51, .1);
    box-shadow: 0 20px 50px 0 rgba(51, 51, 51, .1);
    top: 0;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#273c66), to(rgba(39, 60, 102, 0)));
    background-image: -o-linear-gradient(bottom, #273c66 0%, rgba(39, 60, 102, 0) 100%);
    background-image: linear-gradient(to top, #273c66 0%, rgba(39, 60, 102, 0) 100%);
}

.elementor-widget {
    position: relative;
    width: 100%;
}

    .elementor-widget:not(:last-child) {
        margin-bottom: 20px;
    }

.elementskit-accordion .elementskit-card {
    margin-bottom: 0 !important;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #e5e5e5;
}

.elementskit-accordion .elementskit-card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: 0 solid #000;
}

    .elementskit-accordion .elementskit-card-header > .elementskit-btn-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #000;
        background-color: #f7f9fb;
        font-weight: 700;
        padding: 14px 30px;
        border: 1px solid transparent;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        position: relative;
    }

    .elementskit-accordion .elementskit-card-header > .elementskit-btn-link {
        font-size: 20px;
        font-weight: 600;
        line-height: 42px;
        letter-spacing: -.22px;
        background-color: rgba(97,206,112,0);
        border-radius: 6px 6px 6px 6px;
        padding: 5px 15px 5px 25px;
        width: 100%;
        float: left;
    }

.elementskit-accordion .elementskit-card .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
    color: #fff !important;
    border-radius: 6px 6px 6px 6px !important;
}

.elementskit-card .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
    background-color: #27afe8 !important;
    font-weight: normal;
}

.elementskit-accordion .ekit-accordion-title {
    padding-right: 10px;
    display: inline-block;
}

.ekit_accordion_icon_group {
    position: absolute;
    right: 0;
    margin: 0 15px 0 0;
}

.elementskit-accordion .elementskit-btn-link .icon {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 12px;
    background: #273c66;
    border-radius: 50%;
    font-size: 16px;
    line-height: 9px;
}

.icon-right {
    float: right;
}

.elementskit-accordion .elementskit-btn-link.collapsed .icon {
    background: transparent;
    border: 1px solid #ddd;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded=false] .ekit_accordion_normal_icon {
    display: block;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded=true] .ekit_accordion_normal_icon {
    display: none;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded=false] .icon-open {
    display: block;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded=true] .icon-open {
    display: none;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded=true] .ekit_accordion_active_icon {
    display: block;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded=false] .ekit_accordion_active_icon {
    display: none;
}

.elementskit-card-body, .elementskit-card-body ul li {
    font-size: 15px !important;
}

    .elementskit-card-body .arrow-list.type4 > li:last-child {
        border-bottom: none;
    }

.elementor-section p, .elementor-section ul li {
    font-size: 15px !important;
}
/*************Radio button*************/
.group_radio {
    display: flex;
    align-items: center;
}

input.input_radio[type="checkbox"],
input.input_radio[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

label.label_radio {
    position: relative;
    margin-right: 1em;
    padding-left: 2em;
    padding-right: 1em;
    line-height: 2;
    cursor: pointer;
}

    label.label_radio::before {
        box-sizing: border-box;
        content: " ";
        position: absolute;
        top: 3px;
        left: 0;
        display: block;
        width: 18px;
        height: 18px;
        border: 2px solid #26abe5;
        border-radius: .25em;
        z-index: -1;
    }

input.input_radio[type="radio"] + label.label_radio::before {
    border-radius: 1em;
}
/* Checked */
input.input_radio[type="checkbox"]:checked + label.label_radio,
input.input_radio[type="radio"]:checked + label.label_radio {
    padding-left: 1em;
    color: #fff;
    background: #26abe5;
    border-radius: 1em;
}

    input.input_radio[type="checkbox"]:checked + label.label_radio::before,
    input.input_radio[type="radio"]:checked + label.label_radio::before {
        top: 0;
        width: 100%;
        height: 2em;
        background: white;
    }
/* Transition */
label.label_radio,
label.label_radio::before {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
/*-----------------------
    file uploader
------------------------- */
.fakeFile {
    position: relative;
    float: left;
    height: 25px;
    overflow: visible;
    cursor: pointer;
    z-index: 1;
    .no-js &;

{
    display: none;
}

.text-uploader {
    float: left;
    width: 190px;
    height: 19px;
    margin: 1px 10px 0 0;
    padding: 1px 1px 1px 5px;
    border: 1px solid #000;
    border-radius: 2px;
    background: #161616;
    color: #ccc;
    line-height: 20px;
    white-space: nowrap;
    text-shadow: 0 0 -1px #333;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

}

.uploader input[type="file"] {
    position: absolute;
    display: block;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    opacity: .0;
    @include opacity(0);
    overflow: hidden;
    z-index: 1;
    .no-js &;

{
    width: auto;
    height: auto;
    display: inline;
}

}

.uploader.isIE input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 281px;
    height: 26px;
    margin: 0;
    font-size: 52px;
    cursor: pointer;
    z-index: 2;
}
/*-----------------------
    UI Parts: button
------------------------- */
.uiBtn:link, .uiBtn:visited {
    display: inline-block;
    padding: 4px 6px;
    border: 1px solid #0086c9;
    border-radius: 2px;
    background: #0086c9;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #111;
    overflow: hidden;
    zoom: 1;
}

.uiBtn:hover, .uiBtn.hover, .uiBtn:active, .uiBtn.active {
    opacity: .8;
}

#moretext {
    display: none;
}

.list-style-lower-roman li {
    list-style-type: lower-roman;
    padding-bottom: 6px;
}
/**************KAMP IASTA**************/
.IASTA_project-tab {
    box-shadow: 0px 9px 35px 0px rgba(0,0,0,.2);
}

    .IASTA_project-tab .nav-tabs {
        border: none;
    }

    .IASTA_project-tab #StatndardTabs {
        background: #007b5e;
        color: #eee;
    }

        .IASTA_project-tab #StatndardTabs h6.section-title {
            color: #eee;
        }

        .IASTA_project-tab #StatndardTabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #0062cc;
            background-color: transparent;
            border-color: transparent transparent #f3f3f3;
            border-bottom: 3px solid !important;
            font-size: 16px;
            font-weight: bold;
        }

    .IASTA_project-tab .nav-link {
        border: 1px solid #dee2e6;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        color: #495057;
        font-size: 16px;
        font-weight: 600;
        border-bottom: transparent;
    }

.IASTA_tab-content.tab-content {
    padding: 28px 15px 0px;
}

    .IASTA_tab-content.tab-content .IASTA_tab-pane {
        display: none;
    }

        .IASTA_tab-content.tab-content .IASTA_tab-pane.active {
            display: block;
        }

.IASTA_project-tab thead {
    background: #f3f3f3;
    color: #333;
}

.IASTA_project-tab a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    margin-right: 15px;
}

.IASTA_project-tab .elementskit-btn.active {
    background-color: #27afe8;
    color: #fff !important;
    border-color: #27afe8;
}
/***********Implementation Details************/
.pb-20 {
    padding-bottom: 20px;
}

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

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

.about-wrapper1 {
    margin-top: 10px;
    padding: 0px 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-70 {
    margin-bottom: 70px;
}

.section-title-implementation {
    font-family: "AbrilTitlingW04";
}

.about-info h5 {
    color: #555;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 22px;
    font-family: "Rubik", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .about-info h5 > span {
        height: 16px;
        width: 4px;
        background: #27afe8;
        display: inline-block;
        position: relative;
        top: 1px;
        margin-right: 7px;
    }

.section-title-implementation h2 {
    font-size: 40px;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.1;
}

.heading-fill {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    opacity: 0.2;
    color: #111111;
}

.heading-color {
    /*color: #fa5b0f;*/
    color: #27afe8;
}

.about-info p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    position: relative;
    padding-left: 20px;
}

    .about-info p::before {
        position: absolute;
        height: 22px;
        width: 4px;
        content: "";
        left: 0;
        background: #27afe8;
        top: 3px;
    }

.about-content {
    margin-top: 35px;
}

.about-icon {
    margin-right: 40px;
    padding-top: 17px;
    padding-left: 12px;
    position: relative;
}

    .about-icon::before {
        position: absolute;
        height: 40px;
        width: 40px;
        line-height: 40px;
        background: #ffe3e5;
        content: "";
        left: 3px;
        top: 9px;
        z-index: -1;
    }

.about-text h3 {
    font-size: 31px;
    margin-bottom: 0;
    font-weight: 600;
}

.about-text p {
    margin-right: 90px;
    margin-top: 14px;
    margin-bottom: 21px;
}

.about-social-icon {
    margin-top: 19px;
}

.about-icon i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: #d9737c;
    color: #ffffff;
    text-align: center;
    font-size: 25px;
}

.about-social-icon a {
    color: #9a9a9a;
    font-size: 15px;
    display: inline-block;
    text-align: center;
    transition: 0.3s;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    border: 2px solid #dddddd;
    border-radius: 50%;
    margin-right: 5px;
}

    .about-social-icon a:hover {
        color: #27afe8;
        border-color: #27afe8;
    }

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

.pos-rel {
    position: relative;
}

.theme-bg {
    background: #27afe8;
}

.contact-wrapper {
    padding: 40px 30px 20px;
    position: relative;
}

.theme-blue {
    background-color: #27afe8 !important;
}

    .theme-blue::before {
        position: absolute;
        content: "";
        height: 450px;
        width: 450px;
        border: 2px solid #3396ff;
        position: absolute;
        border-radius: 50%;
        left: 15px;
        top: 45px;
        z-index: 0;
    }

    .theme-blue::after {
        position: absolute;
        content: "";
        height: 450px;
        width: 450px;
        border: 2px solid #3396ff;
        position: absolute;
        border-radius: 50%;
        right: 40px;
        bottom: 30px;
        z-index: -1;
    }

.theme-brown {
    background-color: #db8f95 !important;
}

    .theme-brown::before {
        position: absolute;
        content: "";
        height: 450px;
        width: 450px;
        /*border: 2px solid #e89ea4;*/
        border: 2px solid #e69197;
        position: absolute;
        border-radius: 50%;
        left: 15px;
        top: 45px;
        z-index: 0;
    }

    .theme-brown::after {
        position: absolute;
        content: "";
        height: 450px;
        width: 450px;
        border: 2px solid #e69197;
        position: absolute;
        border-radius: 50%;
        right: 40px;
        bottom: 30px;
        z-index: -1;
        top: 0;
    }

.contact-wrapper .section-title-implementation h2 {
    color: #ffffff;
    font-size: 35px;
}

.contact-wrapper .section-title-implementation {
    margin-bottom: 25px !important;
}

    .contact-wrapper .section-title-implementation h5 {
        color: #ffffff;
    }

    .contact-wrapper .section-title-implementation h5 {
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 22px;
        font-family: "Rubik", sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

        .contact-wrapper .section-title-implementation h5 > span {
            height: 14px;
            width: 4px;
            background: #fff;
            display: inline-block;
            position: relative;
            top: 1px;
        }

.border-left-1 {
    margin-right: 10px;
}

.contact-wrapper .section-title-implementation h5 > span {
    background: #ffffff;
}

.section-title-white h2 {
    color: #ffffff;
}

.section-title-white .heading-fill {
    color: #ffffff;
}

.theme-yellow {
    background: #FAEDCB;
}

    .theme-yellow::before {
        position: absolute;
        content: "";
        height: 450px;
        width: 450px;
        border: 2px solid #fff4d9;
        position: absolute;
        border-radius: 50%;
        left: 15px;
        top: 45px;
        z-index: 0;
    }

    .theme-yellow::after {
        position: absolute;
        content: "";
        height: 450px;
        width: 450px;
        border: 2px solid #fff4d9;
        position: absolute;
        border-radius: 50%;
        right: 40px;
        bottom: 30px;
        z-index: -1;
        top: 0;
    }

.theme-grey {
    background: #EEF2F5;
}

    .theme-grey::before {
        position: absolute;
        content: "";
        height: 450px;
        width: 450px;
        border: 2px solid #e9e9e9;
        position: absolute;
        border-radius: 50%;
        left: 15px;
        top: 45px;
        z-index: 0;
    }

    .theme-grey::after {
        position: absolute;
        content: "";
        height: 450px;
        width: 450px;
        border: 2px solid #e9e9e9;
        position: absolute;
        border-radius: 50%;
        right: 40px;
        bottom: 30px;
        z-index: -1;
    }

.table-implementationNew {
    z-index: 5;
    color: #fff;
}

    .table-implementationNew thead th, .table-implementationNew tbody td, .table-implementationNew1 thead th, .table-implementationNew1 tbody td {
        vertical-align: middle;
        font-size: 14px;
        padding: 8px 12px;
    }

    .table-implementationNew thead th, .table-implementationNew tbody td {
        /*width: 28%;*/
    }

    .table-implementationNew tr th:first-child, .table-implementationNew tr td:first-child {
        background: #d9737c;
        font-weight: 600;
        width: 40%;
    }

.theme-grey .contact-wrapper .section-title-implementation h2 {
    color: #333;
    font-size: 41px;
}

.theme-yellow .contact-wrapper .section-title-implementation h2 {
    color: #333;
    font-size: 35px;
}

.table-implementationNew1 {
    z-index: 5;
    color: #333;
}

.table-implementationNew tr th {
    border-bottom: 1px solid #dee2e6;
}

.table-implementationNew1 tr th:first-child, .table-implementationNew1 tr td:first-child {
    background: #fade93;
    font-weight: 600;
}

.table-implementationNew1 tr th, .table-implementationNew1 tr td {
    /*border-color: #f2d385;*/
    border-color: #fff;
    width: 50%;
}

.table-implementationNew1 tr th {
    border-bottom: 1px solid #fff;
}

.vertical-aligntext {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

@media(max-width:478px) {
    .contact-wrapper {
        padding: 30px 0px;
    }

    .section-title-implementation h2 {
        font-size: 30px;
    }

    .table-implementationNew td, .table-implementationNew th, .table-implementationNew1 td, .table-implementationNew1 th {
        padding: 8px !important;
        font-size: 13px !important;
    }

    .theme-blue::before, .theme-blue::after, .theme-grey::before, .theme-grey::after, .theme-brown::before, .theme-brown::after, .theme-yellow::before, .theme-yellow::after {
        height: 300px;
        width: 300px;
    }

    .contact-wrapper .section-title-implementation h2, .theme-grey .contact-wrapper .section-title-implementation h2, .theme-yellow .contact-wrapper .section-title-implementation h2, .theme-brown .contact-wrapper .section-title-implementation h2 {
        font-size: 25px;
    }

    .contact-wrapper .section-title-implementation {
        margin-bottom: 23px !important;
    }
}

@media(max-width:358px) {
    .table-implementationNew td, .table-implementationNew th, .table-implementationNew1 td, .table-implementationNew1 th {
        padding: 8px 5px !important;
        font-size: 12px !important;
    }

    .theme-blue::before, .theme-blue::after, .theme-grey::before, .theme-grey::after, .theme-brown::before, .theme-brown::after, .theme-yellow::before, .theme-yellow::after {
        display: none;
    }
}
/*************KAMP NASTA FRAMEWORK***************/
.table-sprt1 {
    border-collapse: collapse;
    box-shadow: 0px 0px 4px #bbb;
}

    .table-sprt1 thead th, .table-sprt1 tbody td {
        vertical-align: middle;
        background: transparent;
        padding: 5px 7px;
        color: #000;
        font-size: 13px;
        border: 1px solid #ccc;
    }

    .table-sprt1 thead th {
        background: #666;
        color: #fff;
        padding: 6px 14px;
        font-size: 13px;
        font-weight: 600;
        border: none;
    }

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

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

.heading-bg-blue1 {
    padding: 5px 0;
    font-size: 21px;
    margin-bottom: 0;
    float: left;
    width: 100%;
}

.border-left-New {
    margin-right: 10px;
    width: 4px;
    background: #0086c9;
    float: left;
    height: 30px;
}

.tall .nav-tabs {
    border: none;
    background: #fff;
    box-shadow: 3px 3px 5px #ccc;
    border-top: 1px solid #eee;
    margin-bottom: 11px;
}

.nav-tabs > li > a {
    padding: 0;
    border: none;
    background: none;
}

.tall .nav-tabs > li.active > a,
.tall .nav-tabs > li.active > a:focus,
.tall .nav-tabs > li.active > a:hover {
    border: none;
    background: none;
    color: #9C27B0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00BCD4), to(#9C27B0));
    background-image: -webkit-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -moz-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -ms-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: -o-linear-gradient(bottom, #00BCD4, #9C27B0);
    background-image: linear-gradient(bottom, #00BCD4, #9C27B0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00BCD4', endColorStr='#9C27B0');
    background-color: transparent;
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.tall .nav-tabs > li > a:hover {
    background: none;
    border: none;
}

.scrtabs-tabs-fixed-container {
    height: initial;
}

    .scrtabs-tabs-fixed-container ul.nav-tabs {
        height: auto;
    }

        .scrtabs-tabs-fixed-container ul.nav-tabs > li {
            white-space: initial;
        }
/* end of reset styles */
.noTop {
    margin-top: 0;
}

.tall .nav-tabs li .scrtabs-tab-scroll-arrow,
.tall .scrtabs-tab-container .scrtabs-tab-scroll-arrow {
    height: 123px;
    padding: 0;
    margin: 0;
    border-top: 1px solid #ddd;
}

    .tall .nav-tabs li .scrtabs-tab-scroll-arrow .glyphicon,
    .tall .scrtabs-tab-container .scrtabs-tab-scroll-arrow .glyphicon {
        margin-top: 50px;
    }

.tall .tab-content {
    overflow-y: auto;
    overflow-x: hidden;
}

.tall .tab-content {
    margin: 0;
}

    .tall .tab-content h2 {
        color: #80cc28;
        margin-bottom: 30px;
    }

    .tall .tab-content h3 {
        color: #434951;
        font-weight: 600;
    }

.tall .nav-tabs > li.active {
    cursor: default;
    background: #f2f2f2;
    color: #434951;
    border: 1px solid #ddd;
    border-top: 5px solid #27afe8;
    border-bottom-color: transparent;
}

.tall .nav-tabs > li {
    padding: 0.5em 1em;
    border: 1px solid #fff;
    border-top: 5px solid transparent;
    border-radius: 0;
    /*border-bottom-color: #ddd;*/
    margin: 0;
    font-size: 16px;
    background: #fff;
    transition: border-top ease-out 0.3s, background ease-out 0.3s;
    width: 33.333%;
    text-align: center;
}

    .tall .nav-tabs > li a {
        color: #666;
        transition: color ease-out 0.3s;
        font-size: 15px;
        font-weight: 600;
    }

    .tall .nav-tabs > li:hover {
        border-top: 5px solid #a8adb4;
    }

        .tall .nav-tabs > li:hover a {
            color: #6d747e;
        }

.tall .nav > li > a {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
}

.tall .nav-tabs input {
    position: relative;
}

.scrtabs-tab-scroll-arrow {
    color: #0ab9f0;
    text-align: center;
    background: #fff;
    transition: background ease-out 0.3s, color ease-out 0.3s;
}

    .scrtabs-tab-scroll-arrow:hover {
        background: #0ab9f0;
        color: #fff;
    }

.bx-lst {
    border: 4px solid #cabd82;
    border-radius: 28px;
    padding: 20px !important;
    margin: 15px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 1.75;
    color: #4f4d4d;
    float: left;
    width: 100%;
}

@media(max-width:600px) {
    .syllabusheading {
        font-size: 30px;
        margin-bottom: 0px !important;
    }
}

@media(max-width:500px) {
    .table-sprt1 thead th, .table-sprt1 tbody td {
        padding: 5px 2px;
        font-size: 12px;
    }
}
/*************District President New*******************/
.single-product-item {
    box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);
    height: 100%;
    border-bottom: 3px solid #27afe8;
}

.single-product-image {
    text-align: center;
}

.single-product-text {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 23px 18px 22px;
}

    .single-product-text h2 {
        color: #4c4c4c;
        display: block;
        font-size: 14px;
        margin-bottom: 0;
        text-transform: uppercase;
        text-align: center;
    }

    .single-product-text h3 {
        color: #4c4c4c;
        display: block;
        font-size: 14px;
        margin-bottom: 4px;
        text-transform: uppercase;
    }

    .single-product-text h4 {
        color: #4c4c4c;
        display: block;
        font-size: 13px;
        margin-bottom: 4px;
        text-transform: uppercase;
    }

    .single-product-text h5 {
        color: #696969;
        font-size: 12px;
        margin-bottom: 0;
        font-weight: 500;
        text-transform: uppercase;
    }

.h100 {
    height: 100% !important;
}

.destrictpresidentbg {
    background: url(../Images/KAMP2020/Dp-bg.png) no-repeat center;
    background-size: contain;
}

@media(max-width:767px) {
    .elementor-section {
        padding: 40px 0 40px 0;
    }
}

@media(max-width:600px) {
    .single-product-text h2 {
        font-size: 16px;
    }

    .contctbg {
        padding: 10px 15px;
    }
}

@media(max-width:400px) {
    .single-product-text h2 {
        font-size: 14px;
    }

    .contctbg {
        padding: 10px 15px;
    }
}

@media(max-width:400px) {
    .single-product-text h2 {
        font-size: 10px;
    }
}
/************Footer Mobile App Section**************/
/*.footer-social-link {
    margin-top: 100px;
}
.Footer-MobileImg{
    margin-top:-117px;
    text-align:center;
}
.Footer-MobileImg img {
    max-width:150px;
    width:100%;
}
@media (max-width:575px){
    .footer-social-link {
        margin-top: 0;
    }
    .Footer-MobileImg{
        margin-top:0;
        text-align:right;
    }
}
#Bg-AppBanner{
    overflow: hidden !important;
    position:relative;
    padding: 0;
}
.Bg-AppBanner .MobileBanner{
    margin-top: -123px;
}
.triangle1{
    position: absolute;
    width: 100px;
    left: 28%;
    top: -120px;
}
.triangle3{
    position: absolute;
    width: 100px;
    top: 34%;
    left: 62%;
}
.triangle4{
    position: absolute;
    width: 110px;
    left: 30%;
    top: -1%;
}
.triangle5{
    position: absolute;
    width: 100px;
    left: 27%;
    top: 22%;
}
.triangle6{
    position: absolute;
    width: 100px;
    top: -24%;
    -webkit-transform: rotate(61deg);
    -ms-transform: rotate(61deg);
    transform: rotate(61deg);
}
.triangle7{
    position: absolute;
    width: 60px;
    top: 12%;
    left: 67%;
}
.triangle8{
    position: absolute;
    width: 70px;
    top: -5%;
    left: 69%;
}
.triangle9{
    position: absolute;
    width: 60px;
    left: 35%;
    top: 39%;
}
.MobileImg{
    width: 300px;
}
.Bg-AppBanner{
    background-image: -o-linear-gradient( 135deg, rgb(249,119,148) 0%, rgb(98,52,162) 100%);
    background-image: linear-gradient( 135deg, rgb(249, 119, 148) 0%, rgb(98, 58, 162) 100%);
    
    margin-top: 123px;
}
.Bg-AppBanner .BannerHeading{
    margin: 25px 0px 35px;
}
.Bg-AppBanner .FirstHeading{
    color: white;
    font-family: 'Montserrat',sans-serif;
    font-weight: 600;
    font-size: 47px;
}
.Bg-AppBanner .SecondHeading{
    color: white;
    font-family: 'Open Sans', sans-serif ;
    font-size: 17px;
    font-weight: 600;
}
@media (max-width:1199px){
    .Bg-AppBanner .BannerHeading {
        margin: 25px 0px 48px;
    }
    .Bg-AppBanner {
       
        margin-bottom: 0;
    }
    .triangle1 {
        top: -94px;
    }
    .triangle3 {
        top: 41%;
    }
    .triangle4 {
        left: 27%;
        top: 4%;
    }
    .triangle5 {
        left: 28%;
        top: 29%;
    }
    .triangle6 {
        top: -14%;
    }
    .triangle7 {
        top: 24%;
        left: 64%;
    }
    .triangle8 {
        top: 10%;
    }
    .triangle9 {
        left: 32%;
        top: 51%;
    }
}
@media(max-width:991px){
    .triangle1 {
        left: 23%;
    }
    .triangle3 {
        left: 66%;
    }
    .triangle4 {
        left: 24%;
    }
    .triangle5 {
        left: 22%;
    }
    .triangle9 {
        left: 27%;
    }
}
@media(max-width:812px){
    .triangle1 {
        left: 19%;
    }
    .triangle3 {
        left: 69%;
    }
    .triangle4 {
        left: 15%;
    }
    .triangle5 {
        left: 18%;
    }
    .triangle6 {
        left: 70%;
    }
    .triangle7 {
        left: 68%;
    }
    .triangle8 {
        left: 70%;
    }
    .triangle9 {
        left: 24%;
    }
}
@media screen and (max-width:767px){
    .Bg-AppBanner .FirstHeading {
        font-size: 38px;
    }
    .Bg-AppBanner .SecondHeading {
        font-size: 13px;
    }
    .SecondHeading {
        font-size: 14px;
    }
    .FirstHeading {
        font-size: 32px;
    }
}
@media screen and (max-width:665px){
    .triangle1 {
        left: 10%;
    }
    .triangle3 {
        left: 77%;
    }
    .triangle4 {
        left: 12%;
    }
    .triangle5 {
        left: 12%;
    }
    .triangle6 {
        left: 74%;
    }
    .triangle7 {
        left: 77%;
    }
    .triangle8 {
        left: 81%;
    }
    .triangle9 {
        left: 18%;
    }
}
@media screen and (max-width:665px){
    .triangle1 {
        left: 6%;
    }
    .triangle4 {
        left: 6%;
    }
    .triangle5 {
        left: 5%;
    }
    .triangle6 {
        left: 80%;
    }
    .triangle9 {
        left: 13%;
    }
}
@media screen and (max-width:477px){
    .triangle1 {
        left: 3%;
    }
    .triangle3 {
        left: 80%;
    }
    .triangle4 {
        left: 3%;
    }
    .triangle5 {
        left: 1%;
    }
    .triangle6 {
        left: 80%;
    }
    .triangle7 {
        left: 85%;
    }
    .triangle9 {
        left: 7%;
    }
}
@media screen and (max-width:425px){
    .triangle1, .triangle3, .triangle4, .triangle5, .triangle6, .triangle7, .triangle8, .triangle9 {
        display:none;
    }
    .MobileImg {
        max-width: 300px;
        width: 100%;
    }
}*/
/************Upcoming Events*************/
.events_box {
    border: 1px solid #f1f1f1;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    box-shadow: 0px 0px 10px #ccc;
    height: 354px;
}

    .events_box .inner-cont {
        padding: 10px;
        min-height: 160px;
    }

        .events_box .inner-cont h4 {
            color: #1674D1;
            font-size: 14px;
            line-height: 24px;
            font-weight: bold;
        }

        .events_box .inner-cont h5 {
            font-size: 14px;
            color: #2d417e;
            padding: 5px 0;
            margin: 0;
            font-weight: 600;
        }

        .events_box .inner-cont a {
            font-size: 13px;
            padding: 0;
            margin: 0;
            font-weight: 600;
            color: #333;
        }

        .events_box .inner-cont p {
            padding: 1px 0;
            margin: 0;
        }

    .events_box ul {
        float: left;
        width: 100%;
        background-color: #f1f1f1;
        padding: 15px 10px;
    }

        .events_box ul li {
            float: left;
            font-size: 14px;
            font-weight: 600;
        }

            .events_box ul li:last-child {
                float: right;
            }

            .events_box ul li span {
                color: #2d417e;
            }

.event-heading {
    background: #333;
    color: #fff;
    padding: 5px 12px;
    font-size: 16px;
}

.disablediv {
    opacity: .7;
}

    .disablediv a {
        cursor: default;
    }




/***************Innovation Challenge 2020****************/
.events_box {
    border: 1px solid #f1f1f1;
    display: inline-block;
    width: 100%;
    box-shadow: 0px 0px 10px #ccc;
    text-align: center;
}

    .events_box .inner-cont {
        padding: 10px 10px 14px;
        min-height: auto;
    }

.past_event .events_box strong {
    color: #fff;
    font-size: 14px;
    background-color: #4670ae;
    padding: 6px 27px;
    border-radius: 40px;
}

.past_event .events_box .d-flex.justify-content-between {
    padding: 0 10px;
    margin: 15px 0;
    position: relative;
}

.past_event .events_box {
    height: 386px;
    margin: auto;
}



.events_box .inner-cont h4 {
    color: #1674D1;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
}

.events_box .inner-cont h5 {
    font-size: 14px;
    color: #2d417e;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 400;
}

.events_box .inner-cont a {
    font-size: 13px;
    padding: 5px 10px;
    margin: 0;
    font-weight: 600;
    color: #333;
}

.events_box .inner-cont p {
    padding: 1px 0;
    margin: 0;
}

.events_box ul {
    float: left;
    width: 100%;
    background-color: #f1f1f1;
    padding: 15px 10px;
}

    .events_box ul li {
        float: left;
        font-size: 14px;
        font-weight: 600;
    }

        .events_box ul li:last-child {
            float: right;
        }

        .events_box ul li span {
            color: #2d417e;
        }

.event-heading {
    background: #333;
    color: #fff;
    padding: 5px 12px;
    font-size: 16px;
}

.eventicon {
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 37px;
    border: 3px solid #fff;
    border-radius: 50px;
    font-size: 18px;
    transition: all ease-in-out 1s;
    margin-right: 5px;
}

    .eventicon.fa-facebook {
        background: #1977F3;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .eventicon.fa-youtube {
        background: #DD2525;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

.eventicon.fa-facebook:hover {
    background: #fff;
    color: #1977F3;
    border: 3px solid #1977F3;
}

.eventicon.fa-youtube:hover {
    background: #fff;
    color: #DD2525;
    border: 3px solid #DD2525;
}

.count_day {
    font-size: 13px;
    color: #fff;
    position: absolute;
    z-index: 1;
    font-weight: 600;
    right: 5px;
    top: 5px;
    background: #dc3322;
    padding: 5px;
    border-radius: 4px;
}

.disablediv .eventicon.fa-facebook:hover {
    background: #1977F3;
    color: #fff;
    border: 3px solid #fff;
}

.disablediv .eventicon.fa-youtube:hover {
    background: #DD2525;
    color: #fff;
    border: 3px solid #fff;
}

.disablediv .btn-primary, .disablediv .btn-info {
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.3) !important;
}

    .disablediv .btn-primary:hover {
        color: #fff !important;
        background-color: #007bff !important;
        border-color: #007bff !important;
        box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.3) !important;
    }

    .disablediv .btn-info:hover {
        color: #fff !important;
        background-color: #17a2b8 !important;
        border-color: #17a2b8 !important;
        box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.3) !important;
    }





.inno_para h5 {
    color: #222;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: "Rubik", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    float: left;
    width: 100%;
}

    .inno_para h5 > span {
        height: 16px;
        width: 4px;
        background: #27afe8;
        display: inline-block;
        position: relative;
        top: 1px;
        margin-right: 7px;
    }

.inno_para p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    float: left;
    width: 100%;
}

    .inno_para p::before {
        position: absolute;
        height: 100%;
        width: 2px;
        content: "";
        left: 0;
        background: rgb(39, 175, 232);
        top: 0;
    }

#accordion-style-1, .inno-content {
    font-family: "Rubik", sans-serif;
}

    #accordion-style-1 h1,
    #accordion-style-1 a {
        color: #27afe8;
    }

    #accordion-style-1 .card-header {
        box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
        padding: 4px 19px;
    }

    #accordion-style-1 .btn-link {
        font-weight: 500 !important;
        color: #27afe8;
        background-color: transparent;
        text-decoration: none !important;
        font-size: 16px;
        font-weight: bold;
        padding: 7px 5px 5px 25px;
        box-shadow: none;
    }

    #accordion-style-1 .card-body {
        border-top: 2px solid #27afe8;
    }

    #accordion-style-1 .card-header .btn.collapsed .fa.main {
        display: none;
    }

    #accordion-style-1 .card-header .btn .fa.main {
        background: #27afe8;
        padding: 0px 11px;
        color: #ffffff;
        width: 35px;
        height: 31px;
        position: absolute;
        left: -1px;
        top: 8px;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
        display: block !important;
        line-height: 33px;
    }

.tip-bx {
    text-align: center;
    margin-right: 15px;
    float: left;
}

.tip-icon {
    border: 1px solid #27afe8;
    padding: 5px 11px;
    color: #27afe8;
    float: left;
    border-radius: 3px;
    font-size: 26px;
}

.tip-text {
    max-width: 412px;
    width: 100%;
    float: left;
    font-size: 12px;
    color: #27afe8;
    line-height: 17px;
    text-align: justify;
}

.tiptxt {
    color: #27afe8;
    text-align: center;
    font-size: 10px;
}

.inn-bx {
    border: 1px solid #27afe8;
    color: #27afe8;
    padding: 5px 14px;
    border-radius: 4px;
    margin: 22px 0px 3px;
    float: left;
    font-size: 16px;
    font-weight: 600;
}

.inno-heading {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: 1px;
    margin-top: 20px !important;
}

.arr-bx {
    width: 100%;
    text-align: center;
    float: left;
    margin-top: -21px;
}

    .arr-bx img {
        max-width: 95px;
        width: 100%;
        height: 75px;
    }

    .arr-bx .arr-txt {
        position: absolute;
        left: 25px;
        bottom: -11px;
        color: #27afe8;
        font-weight: 500;
        font-size: 11px;
    }

    .arr-bx .posRel {
        z-index: 9;
    }

.inno-txtarea {
    /*margin-top: -25px;*/
    float: left;
}

.txtarea-bx {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 25px;
    margin-bottom: 15px;
}

.txtarea-txt {
    position: absolute;
    top: -11px;
    color: #fff;
    padding: 1px 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 17px;
}

.source-dv1 {
    background: #0C81C7;
}

.source-dv2 {
    background: #40AF49;
}

.source-dv3 {
    background: #F7368F;
}

.source-dv4 {
    background: #FCA61B;
}

.table-innovation p {
    font-size: 15px;
}

@media(max-width:579px) {
    .tip-text {
        float: none;
    }
}
/**************Custom checkboxes**********************/
/* Base for label styling */
.cstm-chkbx[type="checkbox"]:not(:checked),
.cstm-chkbx[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    .cstm-chkbx[type="checkbox"]:not(:checked) + label,
    .cstm-chkbx[type="checkbox"]:checked + label {
        position: relative;
        padding-right: 1.95em;
        cursor: pointer;
    }
        /* checkbox aspect */
        .cstm-chkbx[type="checkbox"]:not(:checked) + label:before,
        .cstm-chkbx[type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            width: 22px;
            height: 22px;
            border: 2px solid #27afe8;
            background: #fff;
            border-radius: 4px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
        }
        /* checked mark aspect */
        .cstm-chkbx[type="checkbox"]:not(:checked) + label:after,
        .cstm-chkbx[type="checkbox"]:checked + label:after {
            content: '\2713\0020';
            position: absolute;
            top: .15em;
            right: .22em;
            font-size: 1.3em;
            line-height: 0.8;
            color: #09ad7e;
            transition: all .2s;
            font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
        }
        /* checked mark aspect changes */
        .cstm-chkbx[type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        .cstm-chkbx[type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }
/* disabled checkbox */
.cstm-chkbx[type="checkbox"]:disabled:not(:checked) + label:before,
.cstm-chkbx[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.cstm-chkbx[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

.cstm-chkbx[type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
.cstm-chkbx[type="checkbox"]:checked:focus + label:before,
.cstm-chkbx[type="checkbox"]:not(:checked):focus + label:before {
    border: 2px dotted #27afe8;
}
/* hover style just for information */
.cstm-lbl:hover:before {
    border: 2px solid #27afe8 !important;
}

.mt-0, .my-0 {
    margin-top: 0 !important;
}
/*Video upload button Start*/
/*.video-container {
    position: relative;
    cursor: pointer;
    max-width: 400px;
    width: 100%; 
    border:none;overflow: unset;
}
.video_15 {
    width: 100%;
    height: auto;
    color: #FFFFFF;
    border-radius: 0;
    margin: 0px auto;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    border: none;
    background: transparent;
}
.video_headings {
    background: #fff;
    margin: -19px auto 0;
    max-width: 120px;
    width: 100%;
    color: #fff;
    font-size: 12px;
}
.video_headings i {
    background: #333;
    padding: 9px;
    border-radius: 50%;
}
.video_15:hover {
    border-color: #2ca8ff;
}
.content.ct-wizard-green .video:hover {
    border-color: #05ae0e;
}
.content.ct-wizard-blue .video:hover {
    border-color: #3472f7;
}
.content.ct-wizard-orange .video:hover {
    border-color: #ff9500;
}
.content.ct-wizard-red .video:hover {
    border-color: #ff3b30;
}
.video_15 input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}
.video-src {
    width: 100%;
    border: 5px solid #fff;
}*/
/*Video upload button End*/
/*@media print {
    body * {
        visibility: hidden;
        padding: 0;
        margin: 0;
    }
    @page {
        margin: 35px 0 !important;
        padding: 0;
    }
    .side-navbar, header, footer, .nav-menu, .hidden-print {
        display: none !important;
    }
    #accordionExample {
        color: #000;
        font-size: 16px;
    }
    .inno-heading {
        color: #000;
    }
    .cardbodyprint, .content-section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #section-to-print, #section-to-print * {
        visibility: visible;
    }
    #section-to-print {
        position: absolute;
        left: 0;
        top: 0;
    }
    .content-inner {
        width: 100%;
    }
    .page-break {
        display: block;
        page-break-before: always;
    }
    .page-break-after {
        page-break-after: always;
    }
    h1, h2, h3, h4, h5, h6 {
        font-weight: 700;
    }
    #accordion-style-1, .inno-content {
        font-family: 'Open Sans', sans-serif;
    }
    #accordion-style-1 p, .inno-content p {
        margin-bottom: 16px;
    }
}*/
@media print {
    body * {
        padding: 0;
        margin: 0;
    }

    @page {
        margin: 10px 0 !important;
        padding: 0;
    }

    .side-navbar, header, footer, .nav-menu, .hideOnPrint, .scroll-top, .client-box {
        display: none !important;
    }

    #print_section {
        width: 1100px;
        margin: 0 auto;
    }

    .sticker-box {
        width: 458px !important;
        height: 220px !important;
        padding: 15px !important;
        page-break-inside: avoid !important;
        float: left;
        margin: 20px 10px !important;
    }

        .sticker-box p {
            font-size: 20px !important;
            line-height: 30px !important;
            margin-bottom: 14px !important;
            width: 100% !important;
        }

            .sticker-box p label {
                margin: 0;
                font-weight: bold;
                width: 220px;
                float: right;
                text-align: right;
            }

            .sticker-box p span {
                width: 220px;
                float: left;
            }
}

/*===================
community area css
======================*/
.headingCom h1 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}

.headingCom h5 {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}

.space-10 {
    height: 10px;
}

.space-60 {
    height: 60px;
}

.community-area {
    position: relative;
    z-index: 2;
    background: #031b69;
    overflow: hidden;
    padding: 50px 0;
}

    .community-area:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        bottom: -40%;
        left: -24%;
        background: url(../images/liveShape-bg.svg) no-repeat;
        z-index: -1;
    }

    .community-area:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: -31%;
        right: -84%;
        z-index: -1;
        background: url(../images/liveShape-bg.svg) no-repeat;
    }

.single-community i {
    display: block;
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 24px;
    background: red;
    text-align: center;
    line-height: 80px;
    margin: 10px;
    float: right;
    border-radius: 50%;
    border: 1px solid transparent;
}

    .single-community i:hover {
        background: transparent !important;
        border-color: #fff;
        font-size: 20px;
    }

.single-community.mid-social i {
    float: left;
    height: 100px;
    width: 100px;
    line-height: 100px;
    font-size: 30px;
}

    .single-community.mid-social i:hover {
        font-size: 25px;
    }

.single-community.big-social i:hover {
    font-size: 30px;
}

.single-community.big-social i {
    float: left;
    height: 120px;
    width: 120px;
    line-height: 120px;
    font-size: 40px;
}

.single-community a.google-plus i {
    background: #EA4335;
}

.single-community a.linkedin i {
    background: #0e76a8;
}

.single-community a.dribbble i {
    background: #E84C88;
}

.single-community a.github i {
    background: #171515;
}

.single-community a.behance i {
    background: #B4B4B4;
}

.single-community a.youtube i {
    background: #ff0000;
}

.single-community a.twitter i {
    background: #1da1f2;
}

.single-community a.flickr i {
    background: #F93FA2;
}

/**************Mocktest 2020-2021******************/
.mb-7 {
    margin-bottom: 7px;
}

.height100vh {
    height: 100vh !important;
}

.mock-sec {
    background-image: url("../Images/mockbg.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px 0px;
    height: calc(100% - 15px);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
}

    .mock-sec a {
        color: #096a9a !important;
    }

.cont-pad {
    padding: 0px 50px;
}

.needhelp {
    color: #096a9a;
}

    .needhelp i {
        font-size: 16px;
    }

.mocktest-layout {
    margin-top: 11px;
    background: hsla(0,0%,100%,.95);
    padding: 16px;
    min-height: calc(100vh - 115px);
    box-shadow: 0 3px 6px rgba(0,0,0,.1607843137254902);
    border-radius: 3px;
    height: 100%;
}

.mock-border {
    border-left: 1px solid #CCC;
}

.mocktest-sec {
    /*height: calc(100vh - 178px);
        margin-left: auto;
        margin-right: auto;
        padding: 5px;
        overflow-y: auto;*/
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    overflow-y: auto;
    /*min-height: calc(100vh - 0px);*/
    min-height: calc(100vh - -145px);
}

    .mocktest-sec p {
        color: #212b36;
        padding-right: 0;
        font-family: "Roboto",sans-serif;
    }

    .mocktest-sec::-webkit-scrollbar {
        display: none;
    }

.btn-sm {
    padding: 5px 10px;
}

.mocktest-layout .table {
    color: #000;
    font-size: 13px;
    padding: 9px 5px !important;
}

    .mocktest-layout .table td, .table th {
        padding: 9px .75rem !important;
    }

.icon-crcl {
    border: 1px solid #096a9a;
    border-radius: 50%;
    padding: 1px;
}

.mock-listing {
    color: #212b36;
    padding-right: 0;
    font-family: "Roboto",sans-serif;
    padding-left: 16px;
}

ol.mock-listing li {
    list-style-type: decimal;
    padding-left: 10px;
    line-height: 22px;
}

    ol.mock-listing li ul {
        padding-left: 22px;
        margin-top: 12px;
    }

        ol.mock-listing li ul li {
            list-style-type: circle;
            margin-bottom: 0;
        }

.mock-listing li {
    margin-bottom: 24px;
    padding-left: 10px;
    font-size: 14px;
}

.contact-pos {
    position: fixed;
    bottom: 0;
}

.bluebtn {
    background: #096a9a;
    border-color: #096a9a;
    border-radius: 4px;
    height: 40px;
    color: #fff !important;
    text-transform: none;
    font-size: 14px;
    padding: 4px 15px;
    line-height: 30px;
}

a.bluebtn {
    background: #096a9a;
    border-color: #096a9a;
    color: #fff !important;
}

.blue-borderbtn {
    color: #096a9a !important;
    border-color: #096a9a;
    background: #fff;
    border-radius: 4px;
    height: 40px;
    text-transform: none;
    font-size: 14px;
    padding: 4px 15px;
    line-height: 30px;
}

.bluebtn:focus, .bluebtn:hover {
    color: #fff !important;
    background: #40a9ff;
    border-color: #40a9ff;
}

.blue-borderbtn:focus, .blue-borderbtn:hover {
    color: #40a9ff !important;
    background: #fff;
    border-color: #40a9ff;
}

select.bluebtn option {
    background: #eee;
    padding: 5px 10px;
    color: #333;
}

.font-family-roboto {
    font-family: Roboto, sans-serif;
}

@media(max-width:991px) {
    .mock-sec, .mocktest-sec {
        height: auto;
    }

    .cont-pad {
        padding: 0px 20px;
    }

    .mocktest-sec {
        padding: 18px 5px;
    }

    .mock-border {
        border: 0;
        border-top: 1px solid #ddd;
    }
    /*.contact-pos {
        position: static;
    }*/
}
/***********************/
.headerBannerWeb {
    padding-left: 7%;
}

.headerBannerMobile {
    display: none;
}

.blinkImg {
    animation: blink 2s steps(1, end) infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media(max-width:1163px) {
    .nav-menu .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 13px;
    }

    .headerBannerWeb {
        padding-left: 0;
    }
}

@media(max-width:1055px) {
    .headerBannerWeb {
        max-width: 257px;
        width: 100%;
        padding-left: 1%;
    }
}

@media(max-width:991px) {
    .headerBannerWeb {
        max-width: 356px;
        position: absolute;
        left: 17%;
    }
}

@media(max-width:900px) {
    .headerBannerWeb {
        max-width: 256px;
    }
}

@media(max-width:830px) {
    .headerBannerWeb {
        max-width: 238px;
        left: 21%;
    }
}

@media(max-width:800px) {
    .headerBannerWeb {
        left: 19%;
    }
}

@media(max-width:778px) {
    .headerBannerWeb {
        max-width: 200px;
        left: 22%;
    }

    .events_box {
        height: auto;
    }
}

@media(max-width:760px) {
    .headerBannerWeb {
        display: none;
    }

    .headerBannerMobile {
        display: block;
        position: absolute;
        left: 26%;
    }

        .headerBannerMobile img {
            height: 66px;
        }
}

@media(max-width:690px) {
    .headerBannerMobile {
        left: 22%;
    }
}

@media(max-width:658px) {
    .headerBannerMobile {
        left: 24%;
    }

        .headerBannerMobile img {
            height: 50px;
        }
}

@media(max-width:640px) {
    .headerBannerMobile {
        left: 25%;
    }

        .headerBannerMobile img {
            height: 63px;
        }
}

@media(max-width:615px) {
    .headerBannerMobile {
        left: 26%;
    }

        .headerBannerMobile img {
            height: 53px;
        }
}

@media(max-width:600px) {
    .headerBannerMobile {
        left: 27%;
    }

        .headerBannerMobile img {
            height: 55px;
        }

    .nav-menu .navbar-dark.navbar-expand-lg .navbar-nav.login-menu {
        right: 55px;
    }
}

@media(max-width:590px) {
    .headerBannerMobile img {
        height: 48px;
    }
}

@media(max-width:572px) {
    .headerBannerMobile img {
        height: 41px;
    }
}

@media(max-width:556px) {
    .nav-menu .navbar-dark.navbar-expand-lg .navbar-nav.login-menu {
        right: 64px;
    }

    .headerBannerMobile img {
        height: 65px;
    }

    .headerBannerMobile {
        left: 39%;
    }
}

@media(max-width:490px) {
    .headerBannerMobile {
        left: 35%;
    }
}

@media(max-width:444px) {
    .headerBannerMobile img {
        height: 49px;
    }

    .headerBannerMobile {
        left: 38%;
    }
}

@media(max-width:416px) {
    .headerBannerMobile img {
        height: 42px;
    }

    .nav-menu .navbar-dark .navbar-brand img, .nav-search-header .navbar-brand img {
        height: 69px;
    }
}

@media(max-width:391px) {
    .headerBannerMobile {
        left: 35%;
    }
}

@media(max-width:373px) {
    .headerBannerMobile img {
        height: 29px;
    }

    .headerBannerMobile {
        left: 37%;
    }
}

@media(max-width:349px) {
    .headerBannerMobile img {
        height: 42px;
    }

    .headerBannerMobile {
        left: 27%;
    }
}

@media(max-width:335px) {
    .headerBannerMobile img {
        height: 36px;
    }

    .headerBannerMobile {
        left: 27%;
    }
}

@media(max-width:335px) {
    .headerBannerMobile {
        display: none;
    }
}

.table-striped2 tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.1);
}

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

.marB25 {
    margin-bottom: 25px !important;
}



@media (max-width: 1399.98px) {
    .hidden-xl {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .hidden-lg {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .hidden-md {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .hidden-sm {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .hidden-xs {
        display: none;
    }
}

.back-banner {
    background-image: url(../images/banner_img01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-blend-mode: overlay;
    background-color: rgba(0,0,0,0.6);
}

.home-kamp-benefit .arrow-list.type2 > li:before {
    color: #000;
}

.objective-sec .arrow-list.type2 > li {
    color: #fff;
}

    .objective-sec .arrow-list.type2 > li:before {
        color: #fff;
    }

.home-kamp-benefit .arrow-list.type1 > li, .home-kamp-benefit .arrow-list.type2 > li {
    color: #000;
}

.about-KPMC .arrow-list.type2 > li, .about-KPMC .arrow-list.type2 > li:before {
    color: #444;
}

.about-kamp .arrow-list.type2 > li, .about-kamp .arrow-list.type2 > li:before {
    color: #444;
}

.vtabbg .arrow-list.type2 > li {
    color: #fff;
}

.position-relative {
    position: relative;
}

.login-item:hover .login-submenu {
    display: block;
    transition: all 1.5s;
}

.login-menu .login-submenu {
    display: none;
    position: absolute;
    left: 10px;
    top: 56px;
    z-index: 1;
    background-color: #ddd;
    border-radius: 23px;
    padding: 6px;
    transition: all 1.5s;
}

    .login-menu .login-submenu li:first-child {
        margin-bottom: 7px;
    }

    .login-menu .login-submenu li {
        list-style: none;
        float: left;
        height: 45px;
        line-height: 45px;
        text-align: center;
        width: 100%;
        background-color: #fff;
        border-radius: 25px;
    }

        .login-menu .login-submenu li a {
            color: #000;
        }

        .login-menu .login-submenu li:hover {
            background-color: #2a9df4;
        }

            .login-menu .login-submenu li:hover a {
                color: #fff;
            }

/* 09-03-2022 */
div#rgnxbk .qid.question input, div#rgnxbk .qid.question select, div#rgnxbk .qid.question textarea {
    border: 1px solid #47bef0;
}


.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c";
    font-family: 'FontAwesome';
    font-style: normal;
}

div#divll {
    background-color: transparent !important;
}

.footer-social-link .colophon-bottom .d-flex {
    align-items: center;
}

div#rgnxbk button#btnResetUp, div#rgnxbk input.btn.btn-submit.bt-md, .inner-wrap.hidden-print button#btnSearch, div#rgnxbk button#btnSignUp, div#dvLogin input.btn.btn-submit.bt-md {
    background-image: linear-gradient(to right, #2a9df4, #0575E6) !important;
    border-image-source: linear-gradient(to left, #2a9df4, #076ddd);
    border-radius: 6px;
    padding: 7px 13px;
    font-size: 15px;
    white-space: normal;
}
.ttext{
    font-size:0.9rem;
    vertical-align:middle
}
@media (max-width:765px) {
    div #rgnxbk button#btnResetUp, div#rgnxbk input.btn.btn-submit.bt-md, .inner-wrap.hidden-print button#btnSearch, div#rgnxbk button#btnSignUp, div#dvLogin input.btn.btn-submit.bt-md {
        background-image: linear-gradient(to right, #2a9df4, #0575E6) !important;
        border-image-source: linear-gradient(to left, #2a9df4, #076ddd);
        border-radius: 0px;
        padding: 7px 53px;
        font-size: 12px;
        white-space: normal;
    }
    .ttext {
        font-size: 0.8rem;
        vertical-align: middle
    }
}

div#rgnxbk input.btn.btn-submit.bt-md {
    padding: 6px 17px !important;
    width: 100%;
}

.gitintouch {
    right: 0 !important;
    left: unset;
}

.container-full, .container-full1 {
    max-width: 1300px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.select2-container .select2-selection--single {
    height: auto !important;
    padding: 4px !important;
}



.site-header a.navbar-brand.hidden-md-up {
    display: none;
}

.nysaa.footer-social-link .footerlogo-kamp {
    width: 153px;
}

#ticker {
    position: relative;
    overflow: hidden;
    height: 200px;
    width: 132px;
    text-align: center;
    background: #999;
    border-top: 5px #999;
    border-bottom: 5px #999;
}


div#divregno\ regists {
    padding: 0 !important;
    margin: 30px auto;
    border-radius: 17px;
    border-top: 4px solid #2a9df4 !important;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
}

a.btn.btn-submit {
    margin-top: 11px;
    display: inline-block;
    border-radius: 30px;
    background-image: linear-gradient(to right, #0677e7, #2497f2);
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent !important;
    cursor: default;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #50c1f1 !important;
    border-radius: 4px;
}

.login-wrapper div#dvLogin .nwinpt {
    border: 1px solid #ced4da;
    padding: 5px;
}


.marqueeslider ul, .marqueeslider li {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

.marqueeslider li {
    list-style-type: none;
    margin: 0;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.data-list {
    height: 290px;
    width: auto;
    overflow-y: hidden;
    border-radius: 5px;
}

.workshop a.btn.btn-submit {
    border: transparent;
    color: #fff;
    font-weight: 700;
}


.workshop img {
    width: 100%;
    height: 437px;
}


.contslide .marquee {
    padding: 10px 0;
    font-size: 16px;
    background-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    overflow: hidden;
    --offset: 20vw;
    --item-font-size: 10vw;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset));
}

.contslide .marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial),0,0);
    animation: marquee 25s linear infinite;
    // animation-play-state: paused;
}

.contslide .marquee a {
    white-space: nowrap;
    font-size: 16px;
    color: red;
    font-weight: 700;
    padding: 0 2vw;
}

.marquee:hover .marquee__inner {
    // animation-play-state: running;
    // opacity: 1;
    // transition-duration: 0.4s;
}

@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0);
    }

    100% {
        transform: translate3d(var(--move-final), 0, 0);
    }
}

.table-responsive {
    display: inline-block !important;
}

main.main-section.about-kamp-page .timeline__day {
    line-height: normal;
}

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

.social-icons .item img {
    width: 37px;
}

.events_box.science {
    padding: 9px !important;
}

.clearfix.implement-sec.home-kamp-benefit .whatnew {
    box-shadow: 0px 0px 10px 5px #3f51b570;
    border-radius: 3px;
}


.clearfix.implement-sec.home-kamp-benefit .banner-announcement {
    height: 427px;
    overflow-y: scroll;
    padding: 15px 30px;
    width: 100%;
}

    .clearfix.implement-sec.home-kamp-benefit .banner-announcement ul.categoryList strong.d-block.pull-right {
        background-color: #0f5974;
        padding: 5px 15px;
        color: #fff;
        border-radius: 30px;
        font-size: 12px;
    }

        .clearfix.implement-sec.home-kamp-benefit .banner-announcement ul.categoryList strong.d-block.pull-right:hover {
            background-color: #3f51b5;
        }

    .clearfix.implement-sec.home-kamp-benefit .banner-announcement ul li {
        display: inline-block;
        border-bottom: 1px solid #3f51b570;
        width: 100%;
        padding: 10px 0;
    }

        .clearfix.implement-sec.home-kamp-benefit .banner-announcement ul li img.brain_icon {
            width: 47px;
        }

        .clearfix.implement-sec.home-kamp-benefit .banner-announcement ul li:last-child {
            border-bottom: 0;
            padding: 10px 0 0;
        }

    .clearfix.implement-sec.home-kamp-benefit .banner-announcement a.btn {
        background-color: #0f5974;
        color: #fff;
        font-weight: 700;
        border-radius: 30px;
        height: 39px;
    }

.btn-skyblue1 {
    background-color: #3bc4f3 !important;
}

.btn-skyblue2 {
    background-color: #355ca1 !important;
}

.btn-skyblue3 {
    background-color: #d04886 !important;
}


.clearfix.implement-sec.home-kamp-benefit .banner-announcement a.btn:hover {
    background-color: #3f51b5;
}

.AwardsBox img {
    width: 100%;
}

.AwardsBox h3 span {
    font-size: 16px;
}

.AwardsBox h4.bg-color {
    background-color: #c6d5f2;
    display: inline-block;
    font-weight: 700;
    padding: 3px 10px;
}

.AwardsBox ul.d-flex.justify-content-between li {
    width: 50%;
}

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

.AwardsBox .owl-carousel .owl-item {
    margin: 0 auto;
    padding: 30px;
    justify-content: center;
    text-align: center;
}

    .AwardsBox .owl-carousel .owl-item img {
        height: 752px;
        object-fit: contain;
        border: 3px solid #000;
        width: 547px;
        margin: 0 auto;
        padding: 10px;
        box-shadow: 0 0 10px 3px;
    }

.AwardsBox .heading-text-below {
    left: 127px;
}

.AwardsBox .certificate_bg {
    padding: 57px 10px;
    background-image: linear-gradient(to right bottom, #04becb, #00addc, #0099ea, #0080ed, #515ede);
    position: relative;
    min-height: 812px;
}

.kamptopper_box_image .play_btn {
    width: 50px;
    top: 37%;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

    .kamptopper_box_image .play_btn img {
        width: 50px;
    }


.videogallery .image-gallery .gallry-block iframe {
    height: 165px;
}

.videogallery .image-gallery .gallry-block .content-block h6 {
    height: auto;
}

.videogallery .gallry-block.pos-relative .play_btn {
    width: 50px;
    top: 22%;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

    .videogallery .gallry-block.pos-relative .play_btn img {
        width: 50px;
    }

.videogallery .image-gallery .gallry-block .content-block {
    height: 123px;
}

.facebooktow {
    display: none;
}

.facebookone {
    display: block;
    border: 1px solid #ddd;
}

.gallryphoto .image-gallery .gallry-block .content-block {
    height: auto;
}

.followtwitter {
    position: absolute;
    right: 26px;
    top: 29px;
}

.social-iconsflot {
    position: fixed;
    top: 30%;
    right: 10px;
}


.sticky-container {
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -180px;
    top: 200px;
    width: 220px;
    z-index: 1000;
}

.sticky_icon li {
    list-style-type: none;
    background-color: rgb(222 237 255);
    color: rgb(239, 239, 239);
    height: 43px;
    padding: 0px;
    margin: 0px 0px 1px;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

    .sticky_icon li:hover {
        margin-left: -115px;
    }

    .sticky_icon li img {
        float: left;
        margin: 5px 5px 5px 4px;
    }

    .sticky_icon li p {
        padding-top: 5px;
        margin: 0px;
        line-height: 40px;
        font-size: 11px;
        padding: 0;
        font-weight: 700;
    }

        .sticky_icon li p a {
            text-decoration: none;
            color: rgb(44, 53, 57);
        }

            .sticky_icon li p a:hover {
                text-decoration: underline !important;
            }

div#parent .content-block {
    height: 170px;
}

.logocont .text-blk p {
    color: #000;
}

.image-gallery.with-content.mt-4 div#parent .gallry-block div#newElement .img-fluid a.image-block img {
    height: 147px;
    object-fit: cover;
}

.sroll-top.position-fixed a {
    position: fixed !important;
    bottom: 10px;
    right: 72px;
    background-color: #2a9df4;
    font-size: 24px;
    width: 50px;
    height: 50px;
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
    color: #fff;
    border-radius: 50%;
    animation: MoveUpDown 3s linear infinite;
    transition: 10s all ease;
}

.sroll-top.position-fixed {
    z-index: 3;
}

@keyframes MoveUpDown {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 30px;
    }
}


.events_box .KampTopper_headline a.btn.btn-info.text-white.font-weight400 {
    padding: 8px 43px;
    border-radius: 30px;
    background-color: #33B8FF;
    border-color: #33B8FF;
}

    .events_box .KampTopper_headline a.btn.btn-info.text-white.font-weight400:last-child {
        background-color: #1B4F72;
        border-color: #1B4F72;
    }

.districtOfficer { display: none;
}