@font-face {
    font-family: 'KarlaBold';
    src: url('../fonts/KarlaBold.eot');
    src: url('../fonts/KarlaBold.eot') format('embedded-opentype'), url('../fonts/KarlaBold.woff2') format('woff2'), url('../fonts/KarlaBold.woff') format('woff'), url('../fonts/KarlaBold.ttf') format('truetype'), url('../fonts/KarlaBold.html#KarlaBold') format('svg');
}

@font-face {
    font-family: 'KarlaRegular';
    src: url('../fonts/KarlaRegular.eot');
    src: url('../fonts/KarlaRegular.eot') format('embedded-opentype'), url('../fonts/KarlaRegular.woff2') format('woff2'), url('../fonts/KarlaRegular.woff') format('woff'), url('../fonts/KarlaRegular.ttf') format('truetype'), url('../fonts/KarlaRegular.html#KarlaRegular') format('svg');
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald.eot');
    src: url('../fonts/Oswald.eot') format('embedded-opentype'), url('../fonts/Oswald.woff2') format('woff2'), url('../fonts/Oswald.woff') format('woff'), url('../fonts/Oswald.ttf') format('truetype'), url('../fonts/Oswald.html#Oswald') format('svg');
}

@font-face {
    font-family: 'OswaldBold';
    src: url('../fonts/OswaldBold.eot');
    src: url('../fonts/OswaldBold.eot') format('embedded-opentype'), url('../fonts/OswaldBold.woff2') format('woff2'), url('../fonts/OswaldBold.woff') format('woff'), url('../fonts/OswaldBold.ttf') format('truetype'), url('../fonts/OswaldBold.html#Oswald') format('svg');
}



body {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'KarlaRegular';
    color: #6b6b6b;
    font-size: 14px;
}

a {
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
}

h1, h2, h3, h4, h5 {
    padding: 0;
}

.padding0 {
    padding: 0;
}

.paddingl-0 {
    padding-left: 0;
}

.paddingr-0 {
    padding-right: 0;
}

.ptb50 {
    padding: 50px 0;
}

.ptb80 {
    padding: 80px 0;
}

.mtb100 {
    margin: 100px 0;
}

.mtb50 {
    margin: 50px 0;
}

.mb30 {
    margin-bottom: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mt30 {
    margin-top: 30px;
}

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

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

.fl {
    float: left;
}


.mhauto {
    min-height: auto !important;
}

.mobile-menu-list {
    display: none;
}

.navbar-toggle.navbar-m-menu {
    cursor: pointer;
}

.header-cont-info {
    background: #fff;
}

.mm-clear:before, .mm-close:before {
    right: 13px !important;
}

.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
    width: 10px !important;
    height: 10px !important;
}

.info-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

    .info-list li {
        line-height: 40px;
        display: inline-block;
        color: #4a4a4a;
        padding-left: 20px;
    }

        .info-list li i {
            margin-right: 4px;
        }

/*menu bar*/
.navbar.navbar-jbk {
    min-height: 70px;
    background: #0493bf;
    border-radius: 0;
    margin-bottom: 0;
}

.navbar-jbk .navbar-header {
    position: relative;
}

    .navbar-jbk .navbar-header .navbar-brand {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: -60px;
        z-index: 11;
    }

.navbar-jbk .navbar-nav li a {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 20px;
    line-height: 70px;
}

    .navbar-jbk .navbar-nav li a:before {
        content: ".";
        position: absolute;
        top: -7px;
        bottom: 0;
        right: 0;
        margin: auto;
        font-size: 20px;
    }

.navbar-jbk .navbar-nav li:last-child a:before {
    display: none;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: transparent;
}

.navbar-m-menu {
    width: 50px;
    float: right;
}

    .navbar-m-menu .icon-bar {
        display: block;
        width: 30px;
        height: 3px;
        border-radius: 1px;
        background: #fff;
        margin-top: 3px;
    }

        .navbar-m-menu .icon-bar + .icon-bar {
            margin-top: 6px;
        }

.clg-board-list {
    margin-top: -53px;
}

.clg-board {
    background: url(../img/blue-bg.jpg) center center;
    min-height: 42px;
    background-size: cover;
}

.clg-board-list .list-brd {
    background: #fff;
    padding: 0;
    border-right: 1px solid #cfcfcf;
    cursor: pointer;
    margin-bottom: 10px;
}

    .clg-board-list .list-brd .brd-heading {
        background: #ebebeb;
        padding: 0px 15px;
        color: #009aca;
        border-right: 10px solid #ebebeb;
    }

        .clg-board-list .list-brd .brd-heading h2 {
            margin: 0;
            line-height: 53px;
            font-family: 'Oswald', sans-serif;
            font-size: 18px;
            text-transform: uppercase;
        }

    .clg-board-list .list-brd .discription {
        padding: 15px 15px;
    }

        .clg-board-list .list-brd .discription p {
            font-size: 15px;
            min-height: 100px;
        }

        .clg-board-list .list-brd .discription a {
            text-transform: uppercase;
            color: #000;
            text-decoration: none;
            padding-bottom: 5px;
            border-bottom: 1px solid #000;
            margin-bottom: 7px;
            display: inline-block;
        }

    .clg-board-list .list-brd:hover .discription a {
        color: #009aca;
        border-color: #009aca;
    }

    .clg-board-list .list-brd .brd-heading h2 i {
        float: right;
        margin-right: 0;
        transform: rotate(90deg);
        font-size: 12px;
        width: 30px;
        height: 30px;
        background: #ccc;
        text-align: center;
        line-height: 30px;
        margin-top: 13px;
        border-radius: 50%;
        display: inline-block;
        color: #fff;
        position: absolute;
        right: 18px;
        top: 0;
    }

    .clg-board-list .list-brd:hover .brd-heading {
        background: #009aca;
        color: #fff;
        border-right: 10px solid #0084ab;
    }

        .clg-board-list .list-brd:hover .brd-heading h2 i {
            background: #0084ab;
        }

.about-set .about-heading {
    border-left: 5px solid #0493bf;
    padding-left: 11px;
}

    .about-set .about-heading h2 {
        margin: 0;
        font-size: 30px;
        color: #383838;
        line-height: 32px;
        font-family: 'Oswaldbold';
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .about-set .about-heading h4 {
        margin: 0;
        text-transform: uppercase;
        color: #383838;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        margin-top: 5px;
    }

.about-set .subheading h5 {
    margin: 10px 0;
    font-size: 18px;
    line-height: 22px;
    color: #3589a1;
}

.about-set .discription p {
    margin: 15px 0;
    line-height: 22px;
    color: #5e5e5e;
}

.about-set .discription .btn-jbk-blue {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    padding: 8px 12px;
    border: 1px solid #c4c4c4;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none;
}

    .about-set .discription .btn-jbk-blue:hover {
        color: #009aca;
        border: 1px solid #009aca;
    }

.testimonial {
    background: url(../img/gray-bg.jpg) center center;
    background-size: cover;
    padding-bottom: 100px;
    margin-top: 150px;
}

.ttnal-bg {
    margin-top: -56px;
    display: flex;
}

.ttnal-img {
    background: #0493bf;
    padding: 2px;
    align-items: center;
    display: flex;
    justify-content: center;
}

    .ttnal-img .righter {
        color: #feffff;
        text-align: center;
    }

        .ttnal-img .righter h3 {
            font-size: 30px;
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .ttnal-img .righter h5 {
            font-size: 22px;
            text-align: right;
            font-style: italic;
        }


.footer {
    background-color: #2d363b;
    padding-top: 60px;
}

.ft-list-box-4 ul.menu-list {
    border-right: 1px solid #424a4f;
    min-height: 232px;
}

.ft-list-box-4 .col-md-3:last-child ul.menu-list {
    border-right: none;
}


ul.menu-list, ul.menu-list li ul.menu-list-dropdown, ul.menu-list li ul.menu-dropdown, ul.menu-list li ul.menu-dropdown li ul.menu-sub-dropdown {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.menu-list li a {
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 24px;
        display: block;
        margin-bottom: 5px;
        font-family: KarlaBold;
    }

    ul.menu-list li ul.menu-list-dropdown li a {
        font-size: 12px;
        color: #ced0cf;
        text-transform: uppercase;
        font-weight: bold;
        margin-left: 10px;
        line-height: 22px;
        display: block;
        position: relative;
        margin-bottom: 0;
    }

    ul.menu-list li ul.menu-dropdown li a {
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        margin-left: 10px;
        display: block;
        position: relative;
        margin-bottom: 0;
        line-height: 26px;
    }

    ul.menu-list li ul.menu-dropdown li ul.menu-sub-dropdown a {
        font-size: 12px;
        color: #ced0cf;
        text-transform: uppercase;
        margin-left: 18px;
        display: block;
        position: relative;
        line-height: 23px;
        margin-bottom: 0;
    }

    ul.menu-list li ul.menu-dropdown li a:before,
    ul.menu-list li ul.menu-list-dropdown li a:before {
        content: ".";
        position: absolute;
        left: -10px;
        top: -4px;
        font-size: 20px;
        color: #fff;
    }

.ft-list-box-4 {
    padding-bottom: 30px;
    width: 100%;
    height: 100%;
    display: inline-block;
    border-bottom: 1px solid #424a4f;
}

.ft-list-box-3 {
    margin: 13px 0;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.list-info h4 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    line-height: 24px;
    display: block;
    margin: 0;
    margin-bottom: 5px;
    font-family: KarlaBold;
}

.list-info .social-icon {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .list-info .social-icon li {
        display: inline-block;
    }

.list-info.cont-info .social-icon li {
    color: #ced0cf;
    margin-right: 5px;
    line-height: 25px;
}

    .list-info.cont-info .social-icon li i {
        color: #fff;
        margin-right: 5px;
    }

.list-info.social .social-icon li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    display: block;
    color: #fff;
    font-size: 13px;
    margin: 0 2px;
}

.list-info.social .social-icon li.fb a {
    background: #4f72a8;
}

.list-info.social .social-icon li.tw a {
    background: #1cb8eb;
}

.list-info.social .social-icon li.in a {
    background: #1387b0;
}

.list-info.social .social-icon li.yt a {
    background: #cb3737;
}

.list-info.social .social-icon li.gp a {
    background: #e54020;
}

.ft-list-box-6 {
    width: 100%;
    border-right: 1px solid #424a4f;
    display: inline-block;
}

.list-info.cont-info {
    border-right: 1px solid #424a4f;
}

.list-info.newslet input {
    color: #6c6c6c;
    background: #a0a4a7;
    border: none;
    padding: 5px 8px;
    outline: none;
    -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75);
}

.list-info.newslet .btn-subscribe {
    color: #606060;
    background: #f7f7f7;
    border: none;
    padding: 6px 10px;
    outline: none;
    margin-left: -4px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}

.copyright-blk {
    background: #191e22;
}

.cyrt-text {
    line-height: 72px;
    color: #e3e3e3;
    font-family: KarlaBold;
}

.cyrt-nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

    .cyrt-nav-list li {
        line-height: 72px;
        text-align: right;
        display: inline-block;
    }

        .cyrt-nav-list li a {
            color: #e3e3e3;
            color: #fff;
            text-decoration: none;
            text-transform: capitalize;
            font-family: KarlaBold;
        }

.about-set-img img {
    width: 100%;
}

.ttnal-img img {
    width: 100%;
}

.banner-header {
    height: 400px;
    background: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.clg-ctg-menu {
    background: url(../img/nav-blue-bg.jpg);
    background-repeat: repeat;
}

ul.nav.jbk-tab {
    margin-top: -46px;
}

    ul.nav.jbk-tab li {
        float: left;
        margin: 0;
        padding: 0;
    }

        ul.nav.jbk-tab li a {
            display: block;
            background: #004860;
            font-family: 'Oswald', sans-serif;
            text-transform: uppercase;
            font-size: 18px;
            color: #fff;
            height: 46px;
            -webkit-box-shadow: inset 10px 8px 18px -11px rgba(0, 0, 0, 0.58);
            -moz-box-shadow: inset 10px 8px 18px -11px rgba(0, 0, 0, 0.58);
            box-shadow: inset 10px 8px 18px -11px rgba(0, 0, 0, 0.58);
        }

        ul.nav.jbk-tab li.active a {
            border-bottom: 5px solid #fff;
            position: relative;
            color: #e2ba65;
        }

            ul.nav.jbk-tab li.active a:before {
                content: "";
                position: absolute;
                bottom: -9px;
                left: 0px;
                right: 0;
                width: 7px;
                height: 8px;
                background: #fff;
                transform: rotate(45deg);
                margin: auto;
                z-index: 10;
            }

.list-clg-location ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .list-clg-location ul li {
        display: inline-block;
    }

        .list-clg-location ul li a {
            font-family: 'Oswald', sans-serif;
            text-transform: uppercase;
            font-size: 18px;
            color: #fff;
            text-decoration: none;
            line-height: 46px;
            border-right: 2px solid #fff;
            padding: 0 20px;
        }

        .list-clg-location ul li:last-child a {
            border: none;
        }

        .list-clg-location ul li.active a {
            color: #e2ba65;
        }

.clg-sub-catg-menu {
    margin: 30px 0 0 0px;
    display: inline-block;
    border: 1px solid #d3d0ce;
    border-width: 1px 0;
    width: 100%;
}

    .clg-sub-catg-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .clg-sub-catg-menu ul li {
            display: inline-block;
        }

            .clg-sub-catg-menu ul li a {
                display: inline-block;
                font-family: 'Oswaldbold';
                text-transform: uppercase;
                font-size: 13px;
                color: #3a3a3a;
                line-height: 40px;
                text-decoration: none;
                padding-right: 50px;
                position: relative;
            }

                .clg-sub-catg-menu ul li a:after {
                    content: ".";
                    position: absolute;
                    right: 18px;
                    top: -8px;
                    font-size: 25px;
                    color: #3a3a3a;
                    line-height: 40px;
                    text-decoration: none;
                }

            .clg-sub-catg-menu ul li.active a:before {
                content: "";
                position: absolute;
                left: 0;
                bottom: -2px;
                background-color: #0493bf;
                width: 70%;
                height: 3px;
                text-decoration: none;
            }

            .clg-sub-catg-menu ul li:last-child a:after {
                content: "	";
            }

.pd-blk-left h3 {
    margin-top: 0;
    font-size: 24px;
    color: #056989;
    line-height: 29px;
    font-family: 'Oswaldbold', sans-serif;
    text-transform: uppercase;
}

.pd-blk-left h5 {
    font-size: 16px;
    color: #2f2f2f;
    line-height: 19px;
    padding: 20px;
    position: relative;
    display: inline-block;
}

    .pd-blk-left h5 span {
        display: block;
        text-align: right;
        margin-top: 7px;
    }

    .pd-blk-left h5:after {
        content: url('../img/icon-q.png');
        position: absolute;
        top: 0;
        left: 0;
    }

    .pd-blk-left h5:before {
        content: url(../img/icon-q.png);
        position: absolute;
        top: 30%;
        right: -3%;
        transform: rotate(180deg);
    }

.content-blk {
    margin-bottom: 100px;
}

.pd-blk-right {
    width: 100%;
    min-height: 434px;
    background-color: #3a3a3a;
    position: relative;
}

    .pd-blk-right .pd-img {
        width: 100%;
        height: 100%;
        min-height: 434px;
    }

        .pd-blk-right .pd-img img {
            width: 100%;
        }

        .pd-blk-right .pd-img:after {
            content: "";
            position: absolute;
            width: 93%;
            height: 93%;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            border: 1px solid #0088b0;
            z-index: 1;
        }

    .pd-blk-right .name-profile {
        position: absolute;
        bottom: 43px;
        right: 0;
        padding: 10px 25px;
        background: #000;
        color: #fff;
        font-size: 20px;
    }

.infture-slider {
    background-color: #046b8a;
    width: 100%;
    height: 100%;
    display: -webkit-inline-box;
    padding: 5px;
    max-height: 485px;
}

.act-blk {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 20px;
}

    .act-blk img {
        width: 100%;
    }

.act-des-blk {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background: #066a8a;
}

    .act-des-blk h2 {
        display: inline-block;
        font-size: 20px;
        line-height: 40px;
        font-family: 'Karlabold';
        margin: 0;
        text-transform: uppercase;
        color: #ffffff;
        padding-left: 15px;
    }

    .act-des-blk a {
        text-align: right;
        font-size: 22px;
        line-height: 40px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        float: right;
        padding: 0 15px;
        background: #313c40;
    }

.modal-body {
    position: relative;
    padding: 0px;
}

.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

    .fade-scale.in {
        opacity: 1;
        transform: scale(1);
    }

    .fade-scale .modal-dialog {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%) !important;
    }

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

.act-model-close {
    position: absolute;
    background-color: #066a8a !important;
    color: #fff;
    opacity: 1;
    width: 40px;
    height: 40px;
    top: -39px;
    right: 0;
    font-weight: 200;
}

    .act-model-close:hover {
        color: #fff;
        opacity: 1;
    }

.act-content-blk .heading h3 {
    color: #3a3a3a;
    font-size: 24px;
    font-family:'Karlabold';
    position: relative;
    line-height: 30px;
}

.act-ctnt-blk {
    min-height: 200px;
}

    .act-ctnt-blk h4 {
        color: #066a8a;
        font-size: 24px;
        line-height: 32px;
        font-family: 'Oswaldbold';
        text-transform: uppercase;
    }

    .act-ctnt-blk p {
        color: #5f5f5f;
    }

.act-content-blk .heading h3:before {
    content: "";
    width: 50%;
    height: 1px;
    background: #d0d0d0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.act-content-blk .heading h3:after {
    content: "";
    width: 1px;
    height: 30px;
    background: #d0d0d0;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
}

.location-blk h4 {
    font-size: 24px;
    line-height: 24px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #5f5f5f;
    padding-top: 10px;
    padding-bottom: 20px;
    font-weight: bold;
}

.location-blk li {
    font-size: 18px;
    line-height: 24px;
    color: #5f5f5f;
    padding-top: 10px;
    /* display: block; */
    clear: both;
}

.icon-sp {
    background: url('../img/sprite.png');
    display: inline-block;
}

.contact-sp {
    background-position: -98px -100px;
    width: 28px;
    height: 20px;
}

.location-sp {
    background-position: -40px -94px;
    width: 24px;
    height: 30px;
}

.location-blk li p {
    margin-left: 15px;
}

.location-img {
    position: relative;
}

    .location-img .square {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%;
    }

        .location-img .square.sq1 {
            width: 320px;
            height: 320px;
            border: 1px solid #0087af;
        }

        .location-img .square.sq2 {
            width: 340px;
            height: 340px;
            border: 1px solid #0087af;
            opacity: 0.8;
        }

        .location-img .square.sq3 {
            width: 360px;
            height: 360px;
            border: 1px solid #0087af;
            opacity: 0.4;
        }

        .location-img .square.sq4 {
            width: 375px;
            height: 375px;
            border: 1px solid #0087af;
            opacity: 0.2;
        }

.Curlm-text {
    font-size: 18px;
    margin-top: 25px;
}

.act-ctnt-blk.ctnt-height {
    min-height: auto;
    margin-bottom: 10px;
}

.sl-brk {
    background: #6f6f6f;
    height: 4px;
    width: 100%;
}

.act-content-blk.infture .heading h3 {
    text-transform: uppercase;
}

    .act-content-blk.infture .heading h3:after, .act-content-blk.infture .heading h3:before {
        display: none;
    }

.infture-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .infture-list ul li {
        float: left;
        width: 23%;
        border: 1px solid #d5d9d9;
        margin: 1% 1%;
        text-align: center;
        font-size: 19px;
        color: #3a3a3a;
        font-weight: bold;
        line-height: 19px;
        padding: 1%;
        min-height: 220px;
        cursor: pointer;
    }

        .infture-list ul li:hover {
            background-color: #007a9f;
            color: #fff;
        }

        .infture-list ul li i {
            margin: 10px 0;
            min-height: 73px;
        }

        .infture-list ul li p.count-number {
            text-align: left;
        }

.class-room-sp {
    background-position: -244px -78px;
    width: 78px;
    height: 73px;
}

.infture-list ul li:hover .class-room-sp {
    background-position: -153px -78px;
    width: 78px;
    height: 73px;
}

.cctv-sp {
    background-position: -421px -86px;
    width: 73px;
    height: 62px;
}

.infture-list ul li:hover .cctv-sp {
    background-position: -341px -86px;
}

.playround-sp {
    background-position: -592px -82px;
    width: 70px;
    height: 70px;
}

.infture-list ul li:hover .playround-sp {
    background-position: -510px -82px;
}

.mobile-app-sp {
    background-position: -757px -82px;
    width: 55px;
    height: 71px;
}

.infture-list ul li:hover .mobile-app-sp {
    background-position: -690px -82px;
}

.e-learning-sp {
    background-position: -912px -82px;
    width: 82px;
    height: 69px;
}

.infture-list ul li:hover .e-learning-sp {
    background-position: -827px -82px;
}

.cpt-lab-sp {
    background-position: -112px -169px;
    width: 64px;
    height: 78px;
}

.infture-list ul li:hover .cpt-lab-sp {
    background-position: -36px -169px;
}

.science-lab-sp {
    background-position: -262px -169px;
    width: 42px;
    height: 78px;
}

.infture-list ul li:hover .science-lab-sp {
    background-position: -202px -169px;
}

.library-sp {
    background-position: -421px -175px;
    width: 79px;
    height: 66px;
}

.infture-list ul li:hover .library-sp {
    background-position: -330px -175px;
}

.tr-teacher-sp {
    background-position: -603px -174px;
    width: 78px;
    height: 68px;
}

.infture-list ul li:hover .tr-teacher-sp {
    background-position: -513px -174px;
}

.cul-activities-sp {
    background-position: -812px -173px;
    width: 79px;
    height: 70px;
}

.infture-list ul li:hover .cul-activities-sp {
    background-position: -711px -173px;
}

.is-compt-sp {
    background-position: -137px -262px;
    width: 78px;
    height: 70px;
}

.infture-list ul li:hover .is-compt-sp {
    background-position: -46px -262px;
}

.learn-exp-sp {
    background-position: -333px -260px;
    width: 66px;
    height: 72px;
}

.infture-list ul li:hover .learn-exp-sp {
    background-position: -244px -260px;
}

.s-gurukul-sp {
    background-position: -513px -268px;
    width: 74px;
    height: 56px;
}

.infture-list ul li:hover .s-gurukul-sp {
    background-position: -422px -269px;
}

.dance-sp {
    background-position: -684px -262px;
    width: 64px;
    height: 75px;
}

.infture-list ul li:hover .dance-sp {
    background-position: -600px -262px;
}

.music-sp {
    background-position: -882px -257px;
    width: 72px;
    height: 80px;
}

.infture-list ul li:hover .music-sp {
    background-position: -775px -256px;
}

.yoga-sp {
    background-position: -114px -350px;
    width: 62px;
    height: 66px;
}

.infture-list ul li:hover .yoga-sp {
    background-position: -38px -350px;
}

.cityspace-sp {
    background-position: -224px -350px;
    width: 76px;
    height: 71px;
}

.infture-list ul li:hover .cityspace-sp {
    background-position: -327px -350px
}

.bus-sp {
    background-position: -429px -356px;
    width: 71px;
    height: 65px;
}

.infture-list ul li:hover .bus-sp {
    background-position: -521px -356px;
}

.comp-wifi-sp {
    background-position: -624px -351px;
    width: 77px;
    height: 69px;
}

.infture-list ul li:hover .comp-wifi-sp {
    background-position: -722px -349px;
}

.sms-alert-sp {
    background-position: -36px -446px;
    width: 88px;
    height: 82px;
}

.infture-list ul li:hover .sms-alert-sp {
    background-position: -145px -446px;
}

.nurse-sp {
    background-position: -270px -446px;
    width: 52px;
    height: 73px;
}

.infture-list ul li:hover .nurse-sp {
    background-position: -352px -445px;
}

.ac-room-sp {
    background-position: -456px -446px;
    width: 97px;
    height: 62px;
}

.infture-list ul li:hover .ac-room-sp {
    background-position: -592px -445px;
}

.snacks-sp {
    background-position: -13px -558px;
    width: 78px;
    height: 75px;
}

.infture-list ul li:hover .snacks-sp {
    background-position: -114px -558px;
}

.edu-trip-sp {
    background-position: -219px -563px;
    width: 86px;
    height: 70px;
}

.infture-list ul li:hover .edu-trip-sp {
    background-position: -322px -563px;
}

.workshops-sp {
    background-position: -442px -563px;
    width: 68px;
    height: 70px;
}

.infture-list ul li:hover .workshops-sp {
    background-position: -537px -563px;
}

.med-camps-sp {
    background-position: -636px -554px;
    width: 82px;
    height: 69px;
}

.infture-list ul li:hover .med-camps-sp {
    background-position: -738px -554px;
}

.track-stud-sp {
    background-position: -824px -452px;
    width: 74px;
    height: 76px;
}

.infture-list ul li:hover .track-stud-sp {
    background-position: -728px -452px;
}

.track-teach-sp {
    background-position: -20px -663px;
    width: 94px;
    height: 63px;
}

.infture-list ul li:hover .track-teach-sp {
    background-position: -145px -658px;
}

.report-gen-sp {
    background-position: -270px -663px;
    width: 60px;
    height: 73px;
}

.infture-list ul li:hover .report-gen-sp {
    background-position: -352px -663px;
}

.ptc-sp {
    background-position: -452px -659px;
    width: 77px;
    height: 82px;
}

.infture-list ul li:hover .ptc-sp {
    background-position: -537px -659px;
}

.basketball-sp {
    background-position: -810px -350px;
    width: 81px;
    height: 96px;
}

.infture-list ul li:hover .basketball-sp {
    background-position: -901px -349px;
}

.workshop2-sp {
    background-position: -635px -643px;
    width: 95px;
    height: 103px;
}

.infture-list ul li:hover .workshop2-sp {
    background-position: -732px -643px;
}

.insurance-sp {
    background-position: -19px -762px;
    width: 82px;
    height: 78px;
}

.infture-list ul li:hover .insurance-sp {
    background-position: -120px -762px;
}

.play-ground-sp {
    background-position: -227px -761px;
    width: 87px;
    height: 76px;
}

.icon-phone-black {
    background-position: -43px -64px;
    width: 14px;
    height: 10px;
}

.icon-phone-white {
    background-position: -71px -64px;
    width: 12px;
    height: 9px;
}

.infture-list ul li:hover .play-ground-sp {
    background-position: -341px -761px;
}

.volleyball-sp {
    background-position: -453px -755px;
    width: 89px;
    height: 89px;
}

.infture-list ul li:hover .volleyball-sp {
    background-position: -551px -756px;
}

.water-puri-sp {
    background-position: -647px -760px;
    width: 85px;
    height: 85px;
}

.vision-sp {
    background-position: -880px -665px;
    width: 59px;
    height: 59px;
}

.mission-sp {
    background-position: -865px -578px;
    width: 72px;
    height: 40px;
}

.infture-list ul li:hover .water-puri-sp {
    background-position: -733px -759px;
}

.content-blk-blue-bg {
    background: #066a8a;
    padding: 30px 0px;
    margin: 20px 0;
}

    .content-blk-blue-bg.dark {
        background: #055a75;
    }

    .content-blk-blue-bg .act-ctnt-blk h4 {
        color: #fff;
    }

    .content-blk-blue-bg .act-ctnt-blk p {
        color: #fff;
    }

    .content-blk-blue-bg .act-ctnt-blk ul {
        padding: 0 20px;
    }

        .content-blk-blue-bg .act-ctnt-blk ul li {
            color: #fff;
        }

.act-ctnt-blk.black h4 {
    color: #363636;
}

.act-ctnt-blk.black h5 {
    color: #000000;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
}

.act-ctnt-blk h3 {
    font-size: 18px;
    font-weight: bold;
    color: #474747;
    margin-bottom: 5px;
}

.content-blk-blue-bg .act-ctnt-blk h3 {
    color: #fff;
}

.breadcrumblk ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .breadcrumblk ul li {
        display: inline-block;
    }

        .breadcrumblk ul li a {
            font-size: 12px;
            color: #383838;
            font-weight: bold;
            padding: 10px 10px 0 10px;
            display: inline-block;
            text-decoration: none;
            font-family: 'Karlabold';
        }

            .breadcrumblk ul li a:first-child {
                padding-left: 0;
            }

        .breadcrumblk ul li.active a {
            color: #a57b24;
        }

        .breadcrumblk ul li:after {
            border: 4px solid transparent;
            content: '';
            height: 0;
            width: 0;
            pointer-events: none;
            display: inline-block;
            border-left-color: #383838;
            margin: 0 5px 0 10px;
        }

        .breadcrumblk ul li:last-child:after {
            border: none;
            content: '';
        }

.list-clg-location.sub-location ul li a {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    border-right: 2px solid #fff;
    padding: 0 15px;
}

.list-clg-location.sub-location ul li:last-child a {
    border-right: none;
}

.list-clg-location.sub-location ul li.active a {
    color: #e2ba65;
}

.list-clg-location {
    background: #00000015;
}

    .list-clg-location.sub-location {
        background: transparent;
    }

.mm-close-menu.mm-close.mm-btn {
    z-index: 10;
    text-align: right;
    right: 0;
}

/* overview*/

.list-clg-location.about {
    background: transparent;
}

    .list-clg-location.about ul li a {
        font-size: 12px;
        font-family: 'Karla';
        font-weight: bold;
        padding: 0 20px;
        border-right: none;
        position: relative;
    }

        .list-clg-location.about ul li a:after {
            content: ".";
            position: absolute;
            left: -4px;
            font-size: 18px;
            bottom: -11px;
            color: #fff;
        }

    .list-clg-location.about ul li:first-child a:after {
        content: "";
    }

.about-set.overview .subheading h5 {
    font-size: 16px;
    color: #383838;
}

.overview .pd-blk-left h5:before {
    content: url(../img/icon-q.png);
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

.about-set.overview .discription p {
    margin: 0px 0;
}

.mission-vission {
    border-top: 1px solid #e5e5e5;
    position: relative;
}

    .mission-vission:after {
        content: "";
        height: 100%;
        width: 1px;
        left: 0;
        right: 0;
        background-color: #e5e5e5;
        position: absolute;
        top: 0;
        margin: auto;
    }

.mi-vi-blk {
    padding: 0 11%;
}

    .mi-vi-blk h2 {
        font-family: 'Oswald';
        text-transform: uppercase;
        color: #383838;
        font-weight: bold;
    }

    .mi-vi-blk .discription {
        border-top: 1px solid #e5e5e5;
        padding-top: 20px;
        margin-top: 10px;
        display: inline-block;
        position: relative
    }

        .mi-vi-blk .discription::after, .mi-vi-blk .discription:before {
            content: "";
            position: absolute;
            top: -15px;
            width: 1px;
            height: 30px;
            background-color: #e5e5e5;
        }

        .mi-vi-blk .discription::after {
            left: 0;
        }

        .mi-vi-blk .discription::before {
            right: 0;
        }

        .mi-vi-blk .discription p {
            color: #5e5e5e;
        }

    .mi-vi-blk .icon-mission {
        width: 92px;
        height: 92px;
        margin: auto;
        background: #0087af;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.msg-from-trustee {
    background: url(../img/gray-bg.jpg) center center;
    background-size: cover;
    max-height: 500px;
    padding-top: 80px;
}

.msg-blk {
    position: relative;
}

.border-heading {
    position: absolute;
    border-top: 2px solid #006281;
    width: 29%;
    top: 15px;
}

    .border-heading.left {
        left: 5%;
    }

    .border-heading.right {
        right: 5%;
    }

    .border-heading.left:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: 12px;
        height: 12px;
        background-color: #006281;
    }

    .border-heading.right:before {
        content: "";
        position: absolute;
        top: -10px;
        right: -10px;
        width: 12px;
        height: 12px;
        background-color: #006281;
    }

.msg-blk:before {
    content: "";
    width: 90%;
    height: 105%;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    border: 2px solid #006281;
    margin: auto;
    border-top: 0;
}

.border-heading-bottom {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 105%;
}

    .border-heading-bottom:after {
        content: "";
        position: absolute;
        bottom: -10px;
        right: -10px;
        width: 12px;
        height: 12px;
        background-color: #006281;
    }

    .border-heading-bottom:before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: -10px;
        width: 12px;
        height: 12px;
        background-color: #006281;
    }

.msg-trust-blk {
    display: flex;
    align-items: center;
    background: #fff;
    position: relative;
}

.msg-trust-left {
    padding: 0 50px;
    display: block;
}

    .msg-trust-left h3 {
        font-size: 26px;
        color: #383838;
        text-transform: uppercase;
        font-weight: bold;
        border-bottom: 1px solid #ececec;
        line-height: 45px;
    }

    .msg-trust-left p b {
        font-size: 16px;
        color: #383838;
    }

.msg-trust-right {
    background-color: #fff;
    padding: 0
}

    .msg-trust-right img {
        width: 100%;
    }

.msg-trust-heading h2 {
    text-transform: uppercase;
    color: #383838;
    font-family: 'Oswald';
    margin-bottom: 35px;
}

.tittle-heading {
    height: 250px;
    width: 100%;
    background: #009aca;
}

.tittle-text h2 {
    font-size: 30px;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: bold;
    color: #fff;
    margin-top: 150px;
    text-align: center;
}

.our-story {
    background-image: url(../img/our-story-bg.png);
    background-repeat: repeat;
}

.our-story-heading h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #383838;
    font-weight: bold;
}

.our-story-heading h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #383838;
    font-weight: bold;
    font-family: 'Oswald';
    margin-top: 0;
    margin-bottom: 30px;
    position: relative;
}

    .our-story-heading h2:after, .our-story-heading h2:before {
        content: "";
        position: absolute;
        width: 40%;
        height: 1px;
        top: 0;
        bottom: 0;
        background: #dedede;
        margin: auto;
    }

    .our-story-heading h2:after {
        left: 0;
    }

    .our-story-heading h2:before {
        right: 0;
    }

    .our-story-heading h2 .story-border {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
    }

        .our-story-heading h2 .story-border:after, .our-story-heading h2 .story-border:before {
            content: "";
            position: absolute;
            width: 1px;
            height: 100%;
            top: 0;
            bottom: 0;
            background: #dedede;
        }

        .our-story-heading h2 .story-border:after {
            left: 0;
        }

        .our-story-heading h2 .story-border:before {
            right: 0;
        }

.our-story-blk {
    padding: 0 12%;
}

.story-content-blk h5 {
    font-size: 16px;
    color: #383838;
    line-height: 20px;
}

.story-content-blk h5 {
    font-size: 16px;
    color: #383838;
    line-height: 20px;
}

.about-infrastructure {
    border-bottom: 1px solid #e5e5e5;
}

.tab-nav-slider {
    text-align: center;
    padding: 25px 0;
}

    .tab-nav-slider ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: center;
    }

        .tab-nav-slider ul li {
            display: inline-block;
        }

            .tab-nav-slider ul li a {
                background: #4b4b4b;
                padding: 7px 35px;
                color: #fff;
                font-size: 18px;
                text-decoration: none;
                font-family: 'Oswald';
                text-transform: uppercase;
                position: relative;
                border-bottom: 4px solid #4b4b4b;
            }

            .tab-nav-slider ul li.active a {
                background: #009aca;
                border-bottom: 5px solid #005b78;
                position: relative;
            }

                .tab-nav-slider ul li.active a:after {
                    content: "";
                    position: absolute;
                    bottom: -9px;
                    left: 0px;
                    right: 0;
                    width: 7px;
                    height: 8px;
                    background: #005b78;
                    transform: rotate(45deg);
                    margin: auto;
                    z-index: 10;
                }

.ourteam-blk {
    background-color: #f4f2f3;
    padding: 0 20px 6% 20px;
    position: relative;
}

    .ourteam-blk:after {
        content: "";
        position: absolute;
        width: 102%;
        height: 96%;
        top: 2%;
        left: -1%;
        right: 0;
        margin: auto;
        border: 2px solid #0099c9;
    }

    .ourteam-blk .our-story-heading {
        padding: 8% 12% 2% 12%;
    }

.slider-team {
    padding: 0 60px;
}

    .slider-team .slick-slide {
        padding: 6px;
    }

        .slider-team .slick-slide img {
            width: 100%;
        }

.association-blk {
    margin: 50px 0;
}

    .association-blk ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .association-blk ul li {
            width: 17.6%;
            float: left;
            margin: 1% 1.5%;
            box-shadow: 1px -1px 13px 1px rgba(0, 0, 0, 0.18);
        }

            .association-blk ul li:first-child {
                margin-left: 0;
            }

            .association-blk ul li:last-child {
                margin-right: 0;
            }

            .association-blk ul li:nth-child(6) {
                margin-left: 0;
            }

            .association-blk ul li:nth-child(5) {
                margin-right: 0;
            }

            .association-blk ul li img {
                width: 100%;
            }

.about-association {
    background: url(../img/gray-bg.jpg) center center;
    background-size: cover;
}

.award-nav-tab {
    position: relative;
}

    .award-nav-tab ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        margin-left: 6%;
    }

    .award-nav-tab li {
        display: inline-block;
    }

        .award-nav-tab li a {
            font-size: 18px;
            text-decoration: none;
            font-family: 'Oswald';
            color: #6e6e6e;
            padding-right: 15px;
        }

.award-nav-tab {
    margin-top: 3%;
}

    .award-nav-tab li.active a {
        color: #e3b965;
    }

    .award-nav-tab:before {
        content: "";
        position: absolute;
        width: 5%;
        height: 1px;
        left: 0;
        top: 0;
        bottom: 0;
        background: #dedede;
        margin: auto;
    }

    .award-nav-tab:after {
        content: "";
        position: absolute;
        width: 55%;
        height: 1px;
        right: 0;
        top: 0;
        bottom: 0;
        background: #dedede;
        margin: auto;
    }

    .award-nav-tab .story-border {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
    }

        .award-nav-tab .story-border:after, .award-nav-tab .story-border:before {
            content: "";
            position: absolute;
            width: 1px;
            height: 100%;
            top: 0;
            bottom: 0;
            background: #dedede;
        }

        .award-nav-tab .story-border:after {
            left: 0;
        }

        .award-nav-tab .story-border:before {
            right: 0;
        }

.aw-content {
    padding: 30px 0;
}

    .aw-content li {
        font-size: 16px;
        padding-left: 20px;
        position: relative;
    }

        .aw-content li p {
            color: #383838;
        }

        .aw-content li:after {
            content: ".";
            position: absolute;
            top: -27px;
            left: 0;
            font-size: 40px;
        }

.list-clg-location.sub-location {
    background: transparent;
    display: none;
}

.ttnal-img.text-edu {
    position: relative;
}

    .ttnal-img.text-edu:after, .ttnal-img.text-edu:before {
        content: "";
        position: absolute;
        width: 70px;
        height: 70px;
        border: 4px solid #007ca2;
    }

    .ttnal-img.text-edu:before {
        border-width: 0px 0px 4px 4px;
        left: 5%;
        bottom: 5%;
    }

    .ttnal-img.text-edu:after {
        border-width: 4px 4px 0px 0px;
        top: 5%;
        right: 5%;
    }

.location-img.overview {
    margin-top: 60px;
}

.clg-ctg-menu.fix-nav-view {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 15;
}

.mega-menu-container {
    position: absolute;
    top: 120px;
    margin: auto;
    left: 0;
    right: 0;
    background: #005f7d;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    -webkit-transition: opacity .4s ease, top .45s ease, margin-top .4s ease;
    transition: opacity .4s ease, top .45s ease, margin-top .4s ease;
}

.nav > li.p-mega-menu {
    position: inherit !important;
}

.p-mega-menu:hover a.menu-active, .dropdown:hover a.menu-active {
    background: #005f7d;
    position: relative;
}

.nav > li.p-mega-menu:hover a.menu-active:after, .nav > li.dropdown:hover a.menu-active:after {
    content: "";
    position: absolute;
    background: #fff;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
}

.nav > li.p-mega-menu:hover a.menu-active:before, .nav > li.dropdown:hover a.menu-active:before {
    content: "";
    position: absolute;
    background: #ffffff;
    left: 0;
    bottom: -5px;
    right: 0;
    height: 20px;
    width: 20px;
    top: inherit;
    z-index: 10;
    transform: rotate(45deg);
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,95,125,1) 50%, rgba(0,95,125,1) 100%);
}

.nav > li.p-mega-menu:hover ul.mega-menu-container {
    visibility: visible;
    opacity: 1;
    top: 70px;
}

.p-mega-menu .tab-navbar {
    background: #004860;
}

.p-mega-menu .tab-nav {
    padding: 70px 0;
}

    .p-mega-menu .tab-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .p-mega-menu .tab-nav ul li {
            border-top: 1px solid #16586f;
        }

            .p-mega-menu .tab-nav ul li:last-child {
                border-bottom: 1px solid #16586f;
            }

            .p-mega-menu .tab-nav ul li a {
                background: transparent;
                line-height: 59px;
                display: block;
                position: relative;
                text-decoration: none;
            }

                .p-mega-menu .tab-nav ul li a:before {
                    content: ">";
                    left: 0;
                    top: -2px;
                    bottom: 0;
                    font-size: 22px;
                }

            .p-mega-menu .tab-nav ul li:last-child a:before {
                display: block;
            }

            .p-mega-menu .tab-nav ul li.active a {
                color: #e2ba65;
            }

                .p-mega-menu .tab-nav ul li.active a::before {
                    color: #fff;
                }

.nav-sub-tab h4 {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 24px;
    display: block;
    margin: 0;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 5px;
}

.navbar-jbk .nav-sub-tab ul.en-medium {
    max-height: 300px;
    overflow-y: auto;
}

.navbar-jbk .nav-sub-tab ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .navbar-jbk .nav-sub-tab ul li {
    }

        .navbar-jbk .nav-sub-tab ul li a {
            font-family: 'KarlaBold';
            font-size: 13px;
            color: #ced0cf;
            text-transform: uppercase;
            line-height: 24px;
            position: relative;
            display: block;
            padding: 0px 10px;
            text-decoration: none;
        }

            .navbar-jbk .nav-sub-tab ul li a:before {
                left: 0;
                top: -4px;
            }

.tab-menu-sec {
    width: 100%;
    height: 100%;
    padding-top: 40px;
}

.nav-sub-tab {
    border-right: 1px solid #ffffff2b;
}

.navbar-jbk .nav-sub-tab ul li:last-child a:before {
    display: block;
}

.tab-menu-sec .col-md-5:last-child .nav-sub-tab {
    border-right: none;
}

.panel-tab.fade.in {
    opacity: 1;
    display: block;
}

.panel-tab.fade {
    opacity: 0;
    display: none;
}

.navbar-jbk .nav-sub-tab ul.en-medium li a {
    font-size: 15px;
    padding-left: 5px;
    color: #e4e4e4;
    line-height: 25px;
}

    .navbar-jbk .nav-sub-tab ul.en-medium li a:before {
        display: none;
    }

.navbar-jbk .nav-sub-tab ul.en-medium li ul.en-list li a:before {
    display: block;
    left: 5px;
}

.navbar-jbk .nav-sub-tab ul.en-medium li ul.en-list li a {
    font-size: 13px;
    padding-left: 20px;
    color: #ced0cf;
    line-height: 25px;
}

.en-medium::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.en-medium::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
}

.en-medium::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #004860;
}

.p-mega-menu .dot:after, .dropdown .dot:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background: #fff;
    margin: auto;
    transform: rotate(45deg);
    box-shadow: 2px 2px 1px 1px #4a4a507d;
}

html.mm-front .mm-menu.mm-offcanvas {
    z-index: 15 !important;
}

.navbar-jbk .navbar-nav li.dropdown {
    position: relative;
}

    .navbar-jbk .navbar-nav li.dropdown ul.dropdown-list {
        position: absolute;
        top: 120px;
        list-style: none;
        margin: 0;
        padding: 0;
        background: #004860;
        width: 240px;
        border: 1px solid #16586f;
        opacity: 0;
        visibility: hidden;
        z-index: 9;
        -webkit-transition: opacity .4s ease, top .45s ease, margin-top .4s ease;
        transition: opacity .4s ease, top .45s ease, margin-top .4s ease;
    }

    .navbar-jbk .navbar-nav li.dropdown:hover ul.dropdown-list {
        visibility: visible;
        opacity: 1;
        top: 70px;
    }

    .navbar-jbk .navbar-nav li.dropdown ul.dropdown-list li a {
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
        text-transform: uppercase;
        padding: 0 20px;
        line-height: 41px;
        text-decoration: none;
        display: block;
    }

        .navbar-jbk .navbar-nav li.dropdown ul.dropdown-list li a:hover {
            background-color: #005f7d;
        }

    .navbar-jbk .navbar-nav li.dropdown ul.dropdown-list li {
        border-top: 1px solid #16586f;
    }

        .navbar-jbk .navbar-nav li.dropdown ul.dropdown-list li a:before {
            display: none;
        }

.pd-blk-left {
    margin-bottom: 30px;
}
.mb-visibile {
    display: none !important;
}