@font-face {
    font-family: 'Roboto-Thin';
    src: url(../fonts/Roboto/Roboto-Thin.ttf);
}

@font-face {
    font-family: 'Roboto-Light';
    src: url(../fonts/Roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url(../fonts/Roboto/Roboto-Medium.ttf);
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url(../fonts/Roboto/Roboto-Bold.ttf);
}

@font-face {
    font-family: 'Roboto-Black';
    src: url(../fonts/Roboto/Roboto-Black.ttf);
}

:root {
    --roboto1:'Roboto-Thin';
    --roboto2:'Roboto-Light';
    --roboto3:'Roboto-Regular';
    --roboto4:'Roboto-Medium';
    --roboto5:'Roboto-Bold';
    --roboto6:'Roboto-Black';
    --color1:#002147;
    --color2:#FDC800;
}

;a:focus {
    outline: 0;
}

a, a:hover {
    text-decoration: none !important;
}

ul, ol {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}

body {
    line-height: 25px;
    font-style: normal;
    color: #272525;
    font-size: 15px;
    overflow-x: hidden;
    font-family: var(--roboto3);
    /*letter-spacing: 1px;*/   /*edit by webspace*/
}

    body.inner-page footer {
        padding-top: 40px;
        margin-top: 0;
    }

.container {
    max-width: 95%;
}

    .container.w95 {
        max-width: 95%;
    }

.cursorAuto {
    cursor: auto;
}

.section {
    margin-top: 40px;
}

.pReduce {
    padding-left: 5px;
    padding-right: 5px;
}

.MT_25 {
    margin-top: 25px;
}

.heading-1 h4 {
    font-family: var(--roboto5);
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    margin-bottom: 25px;
}

    .heading-1 h4:before {
        content: '';
        border-left: 5px solid var(--color2);
        margin-right: 7px;
    }

.heading-2 h4 {
    color: var(--white);
    font-size: 40px;
    font-family: var(--roboto5);
    margin-bottom: 30px;
    margin-left: 60px;
    text-shadow: 5px 5px 10px rgba(0,0,0,.5);
}

.pages-heading h4 {
    color: var(--color1);
    font-size: 35px;
    font-family: var(--roboto6);
    margin-bottom: 5px;
    text-shadow: 5px 5px 10px rgba(0,0,0,.3);
    position: relative;
    display: inline-block;
    padding-bottom: 40px;
}

    .pages-heading h4:before {
        position: absolute;
        content: '';
        width: 40px;
        height: 40px;
        background-image: url(../img/book.png);
        background-color: #F4F3F3;
        background-repeat: no-repeat;
        background-size: 80%;
        padding: 8px;
        background-position: center;
        bottom: -3px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }

    .pages-heading h4:after {
        position: absolute;
        content: '';
        left: 50%;
        bottom: 16px;
        transform: translateX(-50%);
        width: 100%;
        max-width: 350px;
        height: 3px;
        border-top: 1px solid var(--color2);
        border-bottom: 1px solid var(--color2);
    }

.latest-events .heading-2 h4 {
    color: var(--color1);
    margin-left: 15px;
    text-shadow: 5px 5px 10px rgba(0,0,0,.3);
}

.download-button-parents {
    position: relative;
}

    .download-button-parents .download-buttons-anchor {
        position: absolute;
        right: 0;
        top: 0;
    }

        .download-button-parents .download-buttons-anchor a {
            display: block;
            width: 220px;
        }

.top-bar {
    background-color: var(--color1);
}

    .top-bar .top-bar-left ul li {
        float: left;
    }

        .top-bar .top-bar-left ul li:not(:last-child) {
            margin-right: 10px;
        }

        .top-bar .top-bar-left ul li a {
            color: var(--white);
            font-size: 14px;
            margin: 7px 0;
            display: block;
        }

            .top-bar .top-bar-left ul li a .fa {
                color: var(--color2);
            }

    .top-bar .top-bar-right ul {
        float: right;
    }

        .top-bar .top-bar-right ul li.paytm a {
            display: block;
            width: 175px;
            height: 100%;
            padding: 5px 7px;
            background-color: var(--color2);
            color: var(--color1);
            font-family: var(--roboto5);
            text-transform: uppercase;
            letter-spacing: 0;
            font-size: 14px;
        }

            .top-bar .top-bar-right ul li.paytm a img {
                width: 30px;
                height: 30px;
            }

.navigation {
    box-shadow: 3px 5px 4px rgba(161,156,156,.2);
}

    .navigation.fixeds {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        background-color: var(--white);
        z-index: 20;
    }

    .navigation .toggle-parent .logo {
        max-width: 80%;
        margin: 5px 0;
    }

        .navigation .toggle-parent .logo img {
            width: 350px;
        }

    .navigation .mynavbars .main-ul {
        float: right;
    }

        .navigation .mynavbars .main-ul li.main-li {
            float: left;
            font-family: var(--roboto4);
            text-transform: capitalize;
            font-size: 16px;
        }

            .navigation .mynavbars .main-ul li.main-li > a {
                display: block;
                padding: 31px 10px;
                color: var(--color1);
            }

            .navigation .mynavbars .main-ul li.main-li:hover > a, .navigation .mynavbars .main-ul li.main-li.active-nav > a {
                color: var(--color2);
            }

            .navigation .mynavbars .main-ul li.main-li.find-ul {
                position: relative;
                z-index: 5;
            }

                .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 {
                    position: absolute;
                    left: 0;
                    top: 100%;
                    background-color: var(--color1);
                    min-width: 200px;
                }

                    .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 li {
                        font-family: var(--roboto3);
                        white-space: nowrap;
                    }

                        .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 li a {
                            color: var(--white);
                            display: block;
                            padding: 5px 15px;
                            font-size: 13px;
                            line-height: 20px;
                            border-bottom: 1px solid #3a6495 !important;
                        }

                        .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 li:last-child a {
                            border-bottom: 0 solid transparent;
                        }

                        .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 li:hover > a, .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 li.active-drop > a {
                            background-color: var(--color2);
                            color: #000;
                        }

@media screen and (min-width:768px) {
    .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 {
        opacity: 1;
        transform: perspective(550px) rotateX(-90deg);
        transform-origin: top;
        transition: transform .2s linear,opacity .4s linear;
    }

        .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1.show {
            transform: perspective(550px) rotateX(0deg) !important;
            opacity: 1 !important;
        }
}

.navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 li.find-ul2 {
    position: relative;
}

    .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 li.find-ul2:after {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        content: '\f105';
        font-family: fontawesome;
        color: var(--white);
    }

    .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 li.find-ul2 .submenu2 {
        position: absolute;
        left: 100%;
        top: 0;
        background-color: var(--color4);
    }

    .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 li.find-ul2:last-child {
        border-bottom: 1px solid var(--white);
    }

@media screen and (min-width:768px) {
    .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 li.find-ul2 .submenu2 {
        opacity: 0;
        visibility: hidden;
    }

    .navigation .mynavbars .main-ul li.main-li.find-ul ul.submenu1 li.find-ul2:hover .submenu2 {
        opacity: 1;
        visibility: visible;
    }
}

.navClone .navigation {
    position: fixed;
    top: -110%;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: var(--white);
    transition: top .4s linear;
}

    .navClone .navigation.showFixedNav {
        top: 0;
    }

.hide_on_big_screen {
    display: none;
}

.middleLinks {
    display: block;
}

.logoParent .toggleButton {
    display: none;
}

#carouselExampleIndicators {
    position: relative;
}

    #carouselExampleIndicators:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 7px;
        left: 0;
        bottom: 0;
        z-index: 2;
        transform: rotate(180deg);
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

    .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
        opacity: 1;
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0,0,0);
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-control-next, .carousel-control-prev {
    opacity: .6;
}

.carousel-control-prev-icon {
    background-image: url(../img/prev.png);
}

.carousel-control-next-icon {
    background-image: url(../img/next.png);
}

.carousel-caption {
    position: absolute;
    left: 0;
    text-align: left;
    bottom: 10%;
}

#carouselExampleIndicators .carousel-inner .carousel-item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#carouselExampleIndicators .carousel-inner .carousel-item .carousels-caption {
    position: absolute;
    bottom: 10%;
    left: 50px;
    max-width: 550px;
    padding: 25px 25px;
    display: none;
}

    #carouselExampleIndicators .carousel-inner .carousel-item .carousels-caption h4 {
        color: var(--color2);
        font-family: var(--roboto6);
        font-size: 50px;
        text-shadow: 2px 2px 5px rgba(0,0,0,.4);
        line-height: 60px;
    }

    #carouselExampleIndicators .carousel-inner .carousel-item .carousels-caption h5 {
        margin-top: 7px;
        color: var(--white);
        font-family: var(--roboto5);
        font-size: 30px;
        text-shadow: 2px 2px 5px rgba(0,0,0,.4);
    }

section.three-box-container {
    background-color: #F9F9F9;
    padding: 50px 0 0;
}

    section.three-box-container .intro-box {
        border-radius: 5px;
        background-color: rgba(255,255,255,1);
        box-shadow: 0 0 15px rgba(0,0,0,0);
        transition: box-shadow .2s linear;
    }

        section.three-box-container .intro-box:hover {
            box-shadow: 0 0 15px rgba(0,0,0,.2);
        }

        section.three-box-container .intro-box .image {
            overflow: hidden;
            cursor: pointer;
            border-radius: 5px 5px 0 0;
        }

            section.three-box-container .intro-box .image img {
                width: 100%;
                height: 100%;
                transform: scale(1);
                transition: transform 1s linear;
            }

            section.three-box-container .intro-box .image:hover img {
                transform: scale(1.2);
            }

        section.three-box-container .intro-box .description {
            padding: 25px 25px;
        }

            section.three-box-container .intro-box .description p {
                margin-bottom: 5px;
                text-align: justify;
            }

            section.three-box-container .intro-box .description .read-more-button a {
                color: var(--color2);
                font-family: var(--roboto5);
                text-transform: uppercase;
            }

.latest-news-home-page .latest-news-box .latest-news-heading {
    font-family: var(--roboto5);
    text-transform: uppercase;
    font-size: 20px;
    background-color: var(--color2);
    padding: 10px 20px;
    color: var(--white);
    border-radius: 5px 5px 0 0;
}

.latest-news-home-page .latest-news-box {
    position: relative;
    top: -94px;
    background-color: var(--white);
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}

    .latest-news-home-page .latest-news-box .news-box .news-rows {
        padding: 13px 22px;
        border-bottom: 1px solid #ececec;
    }

        .latest-news-home-page .latest-news-box .news-box .news-rows .date {
            color: #666;
        }

        .latest-news-home-page .latest-news-box .news-box .news-rows .heading a {
            font-family: var(--roboto3);
            margin-top: 5px;
            text-transform: uppercase;
            font-size: 15px;
            line-height: 24px;
            display: block;
            color: #000;
        }

    .latest-news-home-page .latest-news-box .news-box .see-all {
        padding: 13px 15px;
    }

        .latest-news-home-page .latest-news-box .news-box .see-all a {
            color: var(--color2);
            font-family: var(--roboto4);
            text-transform: uppercase;
        }

.call-action .action-row {
    position: relative;
    background-image: url(../img/about-bg.jpeg);
    background-position: center;
    background-size: cover;
    padding: 20px 0;
    border-radius: 5px;
    padding: 30px 25px;
}

    .call-action .action-row:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,33,71,.9);
        border-radius: 5px;
    }

    .call-action .action-row .text-box h6 {
        font-family: var(--roboto3);
        color: var(--white);
        margin-bottom: 5px;
        font-size: 15px;
    }

    .call-action .action-row .text-box h4 {
        font-family: var(--roboto5);
        color: var(--white);
        margin-bottom: 5px;
        font-size: 15px;
        text-transform: uppercase;
        font-size: 25px;
    }

    .call-action .action-row .admission-button {
        float: right;
        margin: 7px 0;
        margin-right: 15px;
    }

        .call-action .action-row .admission-button a {
            color: #000;
            font-family: var(--roboto3);
            font-size: 16px;
            display: inline-block;
            background-color: var(--color2);
            padding: 10px 25px;
            border-radius: 5px;
            box-shadow: 0 0 5px rgba(0,0,0,.5);
            border: 1px solid var(--color2);
        }

            .call-action .action-row .admission-button a:hover {
                background-color: var(--color1);
                border-color: var(--color2);
                color: var(--white);
            }

.home-message-section {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    margin-top: 70px;
    padding-top: 60px;
    padding-bottom: 20px;
    position: relative;
}

    .home-message-section:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.6);
    }

    .home-message-section .message-container {
        background-color: var(--white);
        padding: 40px 30px;
        box-shadow: 0 0 5px rgba(0,0,0,.6);
        max-width: 90%;
        margin: 0 auto;
    }

        .home-message-section .message-container .message-block .image {
            overflow: hidden;
        }

            .home-message-section .message-container .message-block .image img {
                width: 100%;
                transform: scale(1);
                transition: transform 1s linear;
            }

            .home-message-section .message-container .message-block .image:hover img {
                transform: scale(1.1);
            }

        .home-message-section .message-container .message-block .name {
            font-family: var(--roboto4);
            font-size: 20px;
            color: var(--color1);
            margin-bottom: 10px;
        }

        .home-message-section .message-container .message-block .message-content-container {
            padding: 20px;
            border: 1px solid #f0ebeb;
        }

            .home-message-section .message-container .message-block .message-content-container .text-box {
                min-height: 125px;
                max-height: 125px;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-bottom: 10px;
            }

                .home-message-section .message-container .message-block .message-content-container .text-box p {
                    margin-bottom: 0;
                }

            .home-message-section .message-container .message-block .message-content-container .read-mores a {
                background-color: var(--color2);
                font-family: var(--roboto3);
                color: #000;
                display: inline-block;
                padding: 6px 15px;
                border-radius: 3px;
                box-shadow: 0 0 3px rgba(0,0,0,.2);
                transition: background-color .2s linear;
            }

                .home-message-section .message-container .message-block .message-content-container .read-mores a:hover {
                    color: var(--white);
                    background-color: var(--color1);
                }

.play-video-section {
    margin-top: 60px;
}

.video-container-home-background {
    background-image: url(../img/youtube-bg.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 397px;
    margin: 20px;
    position: relative;
}

.video-container-home-background-color {
    background-color: rgba(0,33,71,.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .video-container-home-background-color a {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100px;
    }

        .video-container-home-background-color a img {
            transform: scale(1);
            transition: transform 1s linear;
        }

        .video-container-home-background-color a:hover img {
            transform: scale(1.2);
        }

.play-video-section .youtube-video-content-area {
    padding: 106px 40px;
}

    .play-video-section .youtube-video-content-area h5 {
        font-family: var(--roboto3);
        line-height: 30px;
        font-size: 22px;
    }

    .play-video-section .youtube-video-content-area p {
        font-size: 15px;
        color: #000;
        line-height: 20px;
        margin-top: 20px;
    }

.latest-events {
    margin-top: 40px;
}

    .latest-events .latest-events-container .events-container {
        margin-bottom: 30px;
        box-shadow: 0 0 5px rgba(0,0,0,.3);
        border-radius: 5px 5px 0 0;
        overflow: hidden;
        background-color: var(--white);
    }

        .latest-events .latest-events-container .events-container .image a {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

            .latest-events .latest-events-container .events-container .image a img {
                width: auto;
                height: auto;
                margin: auto;
            }

@media screen and (min-width:1140px) {
    .latest-events .latest-events-container .events-container .image a {
        height: 203px;
    }

        .latest-events .latest-events-container .events-container .image a img {
            max-height: 203px;
        }
}

.latest-events .latest-events-container.home-events .events-container .image a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .latest-events .latest-events-container.home-events .events-container .image a img {
        width: auto;
        height: auto;
        margin: auto;
    }

@media screen and (min-width:1140px) {
    .latest-events .latest-events-container.home-events .events-container .image a {
        height: 267px;
    }

        .latest-events .latest-events-container.home-events .events-container .image a img {
            max-height: 267px;
        }
}

.latest-events .latest-events-container .events-container .content-container {
    position: relative;
    top: 0;
    padding: 20px 20px;
    background-color: var(--white);
    transition: top .3s linear;
}

.latest-events .latest-events-container .content-container .read-more-gallery {
    position: absolute;
    right: 15px;
    top: -22px;
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    border-radius: 50%;
}

    .latest-events .latest-events-container .content-container .read-more-gallery a {
        display: block;
        width: 45px;
        height: 45px;
        background-color: var(--color1);
        border-radius: 50%;
    }

        .latest-events .latest-events-container .content-container .read-more-gallery a:hover {
            background-color: var(--color2);
        }

        .latest-events .latest-events-container .content-container .read-more-gallery a img {
            padding: 15px;
        }

.latest-events .latest-events-container .content-container .event-name {
    width: 90%;
    font-family: var(--roboto4);
    font-size: 17px;
    min-height: 25px;
    max-height: 25px;
    overflow: hidden;
    margin-bottom: 5px;
    text-overflow: ellipsis;
}

    .latest-events .latest-events-container .content-container .event-name a {
        color: #333;
    }

    .latest-events .latest-events-container .content-container .event-name:hover a {
        color: var(--color1);
    }

.latest-events .latest-events-container .events-container .content-container .date span {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    font-family: var(--roboto3);
}

footer {
    background-color: var(--color1);
    padding: 50px 0 30px;
    margin-top: 20px;
}

    footer .ftr-box .ftr-heading {
        font-family: var(--roboto4);
        color: var(--color2);
        font-size: 20px;
        margin-bottom: 10px;
    }

    footer .ftr-box .contact-address .add-row .school-name {
        font-family: var(--roboto4);
        text-transform: capitalize;
        color: var(--white);
        font-size: 15px;
        display: block;
    }

    footer .ftr-box .contact-address .add-row span.value {
        font-family: var(--roboto2);
        color: var(--white);
        font-size: 14px;
        line-height: 20px;
        display: block;
        margin: 4px 0;
    }

    footer .ftr-box .contact-address .add-row.cont-row span.icon {
        color: var(--white);
    }

    footer .ftr-box .contact-address .add-row.cont-row span.value {
        display: inline-block;
    }

    footer .ftr-box .contact-address .social-icon-row {
        margin-top: 15px;
    }

        footer .ftr-box .contact-address .social-icon-row a {
            color: var(--white);
            width: 30px;
            height: 30px;
            display: block;
            border: 1px solid #3a6495;
            float: left;
            margin-right: 10px;
            text-align: center;
            background-color: transparent;
        }

            footer .ftr-box .contact-address .social-icon-row a:hover {
                background-color: var(--color2);
                color: var(--color1);
                border-color: var(--color2);
            }

            footer .ftr-box .contact-address .social-icon-row a .fa {
                line-height: 30px;
            }

    footer .ftr-box .ftr-links ul li a {
        font-family: var(--roboto2);
        color: var(--white);
        position: relative;
        display: block;
        padding-left: 12px;
    }

        footer .ftr-box .ftr-links ul li a:before {
            content: '\f105';
            position: absolute;
            top: 0;
            left: 0;
            font-family: fontawesome;
        }

.copyright {
    background-color: var(--color2);
    text-align: center;
    padding: 8px;
    font-family: var(--roboto4);
    font-size: 14px;
}

    .copyright a {
        color: #000;
    }

.page-header {
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}

    .page-header .mybreadcrumbs {
        position: absolute;
        transform: skewX(-30deg);
        background-color: var(--color2);
        right: 50px;
        bottom: 10px;
        box-shadow: 0 0 10px rgba(255,255,255,.6);
    }

        .page-header .mybreadcrumbs ul {
            padding: 7px 25px;
            transform: skewX(30deg);
        }

            .page-header .mybreadcrumbs ul li {
                display: inline-block;
                position: relative;
                color: #000;
                font-family: var(--roboto4);
            }

                .page-header .mybreadcrumbs ul li a {
                    padding-right: 15px;
                    display: inline-block;
                    color: var(--color1);
                }

                    .page-header .mybreadcrumbs ul li a:after {
                        content: '\f101';
                        margin-left: 5px;
                        position: absolute;
                        font-family: fontawesome;
                    }

                    .page-header .mybreadcrumbs ul li a[href="javascript:void(0);"] {
                        cursor: auto;
                    }

section.description-area-section {
    padding-top: 50px;
    padding-bottom: 30px;
    background-color: #f4f3f3;
}

.description-box .thumb-image {
    width: 400px;
    float: right;
    margin-left: 20px;
    padding: 15px 10px;
    background-color: var(--white);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    border-radius: 8px;
    margin-bottom: 10px;
}

.description-box p {
    text-align: justify;
}

.description-box .thumb-image img {
    border-radius: 8px;
}

.description-box .message-image-container {
    width: 350px;
    position: relative;
    margin: 15px 0 15px;
    float: left;
    margin-right: 20px;
}

    .description-box .message-image-container:before {
        content: '';
        position: absolute;
        width: 110px;
        height: 110px;
        left: -2px;
        top: -3px;
        border-top: 9px solid var(--color2);
        border-left: 9px solid var(--color2);
        z-index: 2;
    }

    .description-box .message-image-container:after {
        content: '';
        position: absolute;
        width: 110px;
        height: 110px;
        right: -2px;
        bottom: -3px;
        border-right: 9px solid var(--color2);
        border-bottom: 9px solid var(--color2);
        z-index: 2;
    }

    .description-box .message-image-container .messgae-name {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 19px;
        z-index: 10;
        font-size: 18px;
        max-width: 89%;
        width: 100%;
        color: var(--color1);
        text-align: center;
        font-weight: 500;
        background-color: var(--color2);
        padding: 4px;
    }

    .description-box .message-image-container img {
        position: relative;
        z-index: 2;
        padding: 20px;
    }

    .description-box .message-image-container span {
        display: block;
        position: absolute;
        width: 89%;
        height: 85%;
        background-color: transparent;
        left: 5.6%;
        top: 7.5%;
        box-shadow: 0 0 15px rgba(0,0,0,.5);
    }

.pdf-reader {
    margin-top: 20px;
}

    .pdf-reader .pdf-object {
        height: 500px;
    }

.image-gallery .latest-events-container {
    margin-top: 10px;
}

.image-gallery .gallery-m-r {
    padding-left: 6px;
    padding-right: 6px;
}

.image-gallery .latest-events-container .events-container {
    margin-bottom: 30px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background-color: var(--white);
}

    .image-gallery .latest-events-container .events-container .image img {
        width: 100%;
    }

    .image-gallery .latest-events-container .events-container .content-container {
        position: relative;
        top: 0;
        padding: 20px 20px;
        background-color: var(--white);
        transition: top .3s linear;
    }

    .image-gallery .latest-events-container .events-container:hover .content-container {
        top: -25px;
    }

.image-gallery .latest-events-container .content-container .read-more-gallery {
    position: absolute;
    right: 15px;
    top: -22px;
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    border-radius: 50%;
}

    .image-gallery .latest-events-container .content-container .read-more-gallery a {
        display: block;
        width: 45px;
        height: 45px;
        background-color: var(--color1);
        border-radius: 50%;
    }

        .image-gallery .latest-events-container .content-container .read-more-gallery a:hover {
            background-color: var(--color2);
        }

        .image-gallery .latest-events-container .content-container .read-more-gallery a img {
            padding: 15px;
        }

.image-gallery .latest-events-container .content-container .event-name {
    width: 90%;
    font-family: var(--roboto4);
    font-size: 17px;
    min-height: 25px;
    max-height: 25px;
    overflow: hidden;
    margin-bottom: 5px;
    text-overflow: ellipsis;
}

    .image-gallery .latest-events-container .content-container .event-name a {
        color: #333;
    }

    .image-gallery .latest-events-container .content-container .event-name:hover a {
        color: var(--color1);
    }

.image-gallery .latest-events-container .events-container .content-container .date span {
    display: block;
    line-height: 24px;
    font-size: 14px;
    font-family: var(--roboto4);
    color: #666;
}

.latest-events-container .gallery-m-r .events-container .image a {
    display: block;
    position: relative;
}

    .latest-events-container .gallery-m-r .events-container .image a span.overlay {
        transform: rotate(-35deg) scale(0);
        transition: transform .3s linear;
    }

    .latest-events-container .gallery-m-r .events-container .image a:hover span.overlay {
        transform: rotate(0deg) scale(1);
    }

    .latest-events-container .gallery-m-r .events-container .image a span.overlay {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(253,198,0,1);
        background: -moz-linear-gradient(45deg,rgba(253,198,0,1) 0%,rgba(0,33,71,.94) 14%,rgba(0,33,71,.79) 50%,rgba(0,33,71,.65) 84%,rgba(253,198,0,.58) 100%);
        background: -webkit-gradient(left bottom,right top,color-stop(0%,rgba(253,198,0,1)),color-stop(14%,rgba(0,33,71,.94)),color-stop(50%,rgba(0,33,71,.79)),color-stop(84%,rgba(0,33,71,.65)),color-stop(100%,rgba(253,198,0,.58)));
        background: -webkit-linear-gradient(45deg,rgba(253,198,0,1) 0%,rgba(0,33,71,.94) 14%,rgba(0,33,71,.79) 50%,rgba(0,33,71,.65) 84%,rgba(253,198,0,.58) 100%);
        background: -o-linear-gradient(45deg,rgba(253,198,0,1) 0%,rgba(0,33,71,.94) 14%,rgba(0,33,71,.79) 50%,rgba(0,33,71,.65) 84%,rgba(253,198,0,.58) 100%);
        background: -ms-linear-gradient(45deg,rgba(253,198,0,1) 0%,rgba(0,33,71,.94) 14%,rgba(0,33,71,.79) 50%,rgba(0,33,71,.65) 84%,rgba(253,198,0,.58) 100%);
        background: linear-gradient(45deg,rgba(253,198,0,1) 0%,rgba(0,33,71,.94) 14%,rgba(0,33,71,.79) 50%,rgba(0,33,71,.65) 84%,rgba(253,198,0,.58) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdc600',endColorstr='#fdc600',GradientType=1);
    }

        .latest-events-container .gallery-m-r .events-container .image a span.overlay .fa {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            font-size: 2em;
            color: var(--white);
        }

.description-box.video-gallery .latest-events-container {
    margin-top: 20px;
}

.video-gallery .latest-events-container {
    margin-top: 10px;
}

.video-gallery .gallery-m-r {
    padding-left: 6px;
    padding-right: 6px;
}

.video-gallery .latest-events-container .events-container {
    margin-bottom: 30px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background-color: var(--white);
}

    .video-gallery .latest-events-container .events-container .image img {
        width: 100%;
    }

    .video-gallery .latest-events-container .events-container .content-container {
        position: relative;
        top: 0;
        padding: 20px 20px;
        background-color: var(--white);
        transition: top .3s linear;
    }

    .video-gallery .latest-events-container .events-container:hover .content-container {
        top: -25px;
    }

.video-gallery .latest-events-container .content-container .read-more-gallery {
    position: absolute;
    right: 15px;
    top: -22px;
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    border-radius: 50%;
}

    .video-gallery .latest-events-container .content-container .read-more-gallery a {
        display: block;
        width: 45px;
        height: 45px;
        background-color: var(--color1);
        border-radius: 50%;
    }

        .video-gallery .latest-events-container .content-container .read-more-gallery a:hover {
            background-color: var(--color2);
        }

        .video-gallery .latest-events-container .content-container .read-more-gallery a img {
            padding: 15px;
        }

.video-gallery .latest-events-container .content-container .event-name {
    width: 90%;
    font-family: var(--roboto4);
    font-size: 17px;
    min-height: 25px;
    max-height: 25px;
    overflow: hidden;
    margin-bottom: 5px;
    text-overflow: ellipsis;
}

    .video-gallery .latest-events-container .content-container .event-name a {
        color: #333;
    }

    .video-gallery .latest-events-container .content-container .event-name:hover a {
        color: var(--color1);
    }

.video-gallery .latest-events-container .events-container .content-container .date span {
    display: block;
    line-height: 24px;
    font-size: 14px;
    font-family: var(--roboto4);
    color: #666;
}

.myform {
    margin-top: 20px;
    padding: 0 20px;
}

    .myform form .capacha-div {
        margin-top: 3px;
    }

    .myform form .form-group {
        margin-bottom: 1.5em;
    }

        .myform form .form-group .input-area {
            border: 1px solid var(--color1);
            position: relative;
        }

            .myform form .form-group .input-area label {
                position: absolute;
                left: 10px;
                top: -10px;
                margin-bottom: 0;
                line-height: 20px;
                background-color: #F4F3F3;
                padding: 0 8px;
                font-size: 14px;
                font-family: var(--roboto4);
                color: #292727;
            }

            .myform form .form-group .input-area .myinput {
                border: none;
                background-color: #F4F3F3;
            }

            .myform form .form-group .input-area .custom-select {
                background-color: #F4F3F3;
                font-size: 14px;
                font-family: var(--roboto4);
                color: #292727;
                border-radius: 0;
                border: 0;
            }

            .myform form .form-group .input-area .myinput:focus {
                box-shadow: none;
            }

    .myform textarea {
        resize: none;
    }

.btn1 {
    color: #fff;
    border: none;
    background-color: var(--color1);
    padding: 10px 20px;
    min-width: 100px;
    cursor: pointer;
    box-shadow: 3px 5px 4px rgba(0,0,0,.2);
    transition: background-color .1s linear;
    margin-top: 1em;
    font-family: var(--roboto4);
}

    .btn1:hover {
        background-color: var(--color1);
        color: var(--white);
    }

.btn2 {
    color: #fff;
    border: none;
    background-color: var(--color2);
    padding: 10px 20px;
    min-width: 100px;
    cursor: pointer;
    box-shadow: 3px 5px 4px rgba(0,0,0,.2);
    transition: background-color .1s linear;
    margin-top: 1em;
    font-family: var(--roboto4);
}

    .btn2:hover {
        background-color: var(--color2);
        color: var(--white);
    }

.calendar-box {
    position: relative;
}

    .calendar-box .calendaricon {
        position: absolute;
        right: 8px;
        display: block;
        top: 50%;
        color: #555;
        transform: translateY(-50%);
    }

.mtLocationMap {
    margin-top: 30px;
}

ul.c_address li .box .icon {
    width: 30px;
    margin-right: 5px;
    float: left;
}

ul.c_address li {
    border-bottom: 1px solid #bab7b7;
    padding: 10px 0;
}

    ul.c_address li:last-child {
        border-bottom: 0;
    }

    ul.c_address li .box .text {
        width: 85%;
        display: inline-block;
        margin-left: 5px;
    }

        ul.c_address li .box .text strong {
            font-family: var(--roboto5);
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 400;
            margin-right: 3px;
        }

        ul.c_address li .box .text h3.title {
            font-size: 1.2em;
            clear: both;
            font-family: var(--roboto4);
            margin-bottom: 5px;
        }

        ul.c_address li .box .text span {
            font-family: var(--roboto3);
        }

            ul.c_address li .box .text span a {
                color: var(--color1);
            }

#accordion {
    margin-top: 20px;
}

    #accordion .card {
        margin-bottom: 10px;
    }

        #accordion .card .card-header {
            padding: 0;
        }

            #accordion .card .card-header .card-link {
                display: block;
                padding: 7px 10px;
                color: var(--color1);
                text-transform: capitalize;
                background-color: #ededed;
                font-family: var(--roboto4);
            }

                #accordion .card .card-header .card-link.theme-active {
                    background: url(../img/pattern2.png) repeat var(--color1);
                    color: #fff;
                }

                #accordion .card .card-header .card-link span {
                    float: right;
                    width: 20px;
                    height: 20px;
                    line-height: 18px;
                    font-size: 12px;
                    text-align: center;
                }

        #accordion .card div .card-body {
            padding: 20px 10px;
        }

        #accordion .card .card-header .card-link.theme-active span {
            border-color: #fff;
        }

        #accordion .card .card-body .gallery-box .detail .name, #accordion .card .card-body .gallery-box .detail .Activity {
            color: #000;
            font-family: var(--roboto3);
            text-transform: uppercase;
            text-align: center;
            line-height: 20px;
        }

        #accordion .card .card-body .gallery-box {
            text-align: center;
        }

            #accordion .card .card-body .gallery-box img {
                height: 200px;
            }

.gallery-box .detail {
    padding: 3px 0;
}

    .gallery-box .detail.detail1 .description {
        color: #333;
        line-height: 22px;
    }

.gallery-box .gall-title {
    color: #fff;
    padding: 3px;
    font-weight: 500;
}

#accordion .card .card-body .subSectionDiv {
    border: 1px solid var(--color2);
    padding: 10px;
    padding-top: 0;
    margin-bottom: 15px;
    margin-top: 0;
    position: relative;
}

    #accordion .card .card-body .subSectionDiv .house-name {
        padding: 5px 0;
    }

        #accordion .card .card-body .subSectionDiv .house-name h3 {
            color: var(--color2);
            font-size: 18px;
            font-family: var(--roboto3);
            text-transform: uppercase;
            display: inline-block;
        }

.job-opening-detail ul li.list:before {
    content: attr(job-title);
    left: 0;
    top: 0;
    font-family: var(--roboto4);
    color: var(--color1);
    margin-right: 5px;
}

.job-opening-detail ul li.list {
    color: #000;
}

.customModal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0,0,0,.6);
}

    .customModal .customModal_Dialog {
        max-width: 700px;
        background-color: var(--white);
        margin: auto;
        margin-top: 100px;
        padding: 20px;
        border-radius: 5px;
        min-height: 230px;
        overflow-y: auto;
        position: relative;
    }

.achievemetns.customModal .customModal_Dialog {
    width: 500px;
    max-width: 500px;
}

.customModal .customModal_Dialog .description h3 {
    font-family: var(--roboto4);
    margin: 10px 0 5px;
    font-size: 20px;
    color: var(--color1);
}

.customModal .customModal_Dialog .description p {
    font-family: var(--roboto3);
    font-size: 15px;
}

.customModal .customModal_Dialog .modalsClose {
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 1.3em;
    width: 30px;
    height: 30px;
    color: var(--color1);
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    background-color: var(--color1);
}

    .customModal .customModal_Dialog .modalsClose:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 2px;
        transform: rotate(-45deg);
        background-color: var(--white);
        left: 5px;
        top: 14px;
    }

    .customModal .customModal_Dialog .modalsClose:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 2px;
        transform: rotate(45deg);
        background-color: var(--white);
        left: 5px;
        top: 14px;
    }

.customModal .customModal_Dialog .myform {
    padding-bottom: 15px;
}

.MessageModal {
    position: fixed;
    min-width: 450px;
    left: 50%;
    max-width: 500px;
    transform: translateX(-50%);
    background-color: var(--white);
    padding: 15px;
    border-radius: 5px;
    top: 67px;
    z-index: 15;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.customModal .customModal_Dialog .teamDetailModal .imagesArea .namemodal {
    background-color: var(--color1);
    text-align: center;
    font-family: var(--open3);
    color: var(--white);
    line-height: 26px;
}

.customModal .customModal_Dialog .teamDetailModal .descriptionModal {
    display: inline-block;
    width: 76%;
}

.customModal .customModal_Dialog .facilityDetailModal .faciliti-image {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.latest-events.facilities .latest-events-container .events-container:hover .content-container {
    top: 0;
}

.latest-events.facilities .latest-events-container .events-container .content-container {
    padding: 10px 10px;
}

.latest-events.facilities .latest-events-container .content-container .event-name {
    font-size: 16px;
    min-height: 25px;
    max-height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.blog-container {
    margin-top: 20px;
}

    .blog-container .blog-box {
        margin-bottom: 25px;
    }

        .blog-container .blog-box .image-blog a {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            overflow: hidden;
            background-color: var(--white);
        }

            .blog-container .blog-box .image-blog a img {
                width: auto;
                height: auto;
                margin: auto;
                transform: scale(1);
                transition: 1s;
            }

            .blog-container .blog-box .image-blog a:hover img {
                transform: scale(1.1);
            }

@media screen and (min-width:1140px) {
    .blog-container .blog-box .image-blog a {
        height: 285px;
    }

        .blog-container .blog-box .image-blog a img {
            max-height: 285px;
        }
}

.blog-container .blog-box .blog-heading {
    padding: 15px;
    background-color: var(--white);
}

    .blog-container .blog-box .blog-heading .details {
        padding-bottom: 5px;
    }

        .blog-container .blog-box .blog-heading .details span {
            color: #919090;
            font-size: 13px;
            font-family: var(--roboto3);
        }

    .blog-container .blog-box .blog-heading h4 a {
        font-family: var(--roboto5);
        font-size: 19px;
        margin-bottom: 0;
        color: var(--color1);
    }

    .blog-container .blog-box .blog-heading p {
        line-height: 24px;
        min-height: 66px;
        max-height: 66px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.blog-container-detail .blog-box .blog-heading {
    padding: 15px;
    background-color: var(--white);
}

    .blog-container-detail .blog-box .blog-heading .details {
        padding-bottom: 5px;
    }

        .blog-container-detail .blog-box .blog-heading .details span {
            color: #919090;
            font-size: 13px;
            font-family: var(--roboto3);
        }

    .blog-container-detail .blog-box .blog-heading h4 {
        font-family: var(--roboto5);
        font-size: 22px;
        margin-bottom: 10px;
        color: var(--color1);
    }

    .blog-container-detail .blog-box .blog-heading p {
        line-height: 24px;
    }

.admission-pdf-file .adm-box {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}

    .admission-pdf-file .adm-box a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0,33,71,.8);
    }

        .admission-pdf-file .adm-box a span {
            font-family: var(--roboto4);
            font-size: 20px;
            color: var(--white);
            position: absolute;
            top: 50%;
            left: 50%;
            width: 80%;
            display: block;
            text-align: center;
            text-transform: capitalize;
            line-height: 30px;
            transform: translate(-50%,-50%);
            text-shadow: 2px 2px 10px rgba(0,0,,0,1);
        }

.floating-social-icon {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 10;
}

    .floating-social-icon a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-family: 'Montserrat';
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 3px;
    }

        .floating-social-icon a .icon {
            width: 40px;
            height: 40px;
            display: inline-block;
            background-color: #333;
            text-align: center;
        }

            .floating-social-icon a .icon .fa {
                line-height: 40px;
            }

        .floating-social-icon a .text {
            display: inline-block;
            font-family: 14px;
            background-color: #333;
            height: 40px;
            padding: 0 15px;
            opacity: 0;
            visibility: hidden;
            position: relative;
            left: 15px;
            transition: left .2s linear;
            line-height: 40px;
        }

        .floating-social-icon a:hover .text {
            left: 25px;
            opacity: 1;
            visibility: visible;
        }

        .floating-social-icon a .text:before {
            content: '';
            position: absolute;
            width: 15px;
            height: 15px;
            left: -8px;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
            background-color: #fff;
        }

        .floating-social-icon a:nth-child(1) .icon, .floating-social-icon a:nth-child(1) .text, .floating-social-icon a:nth-child(1) .text:before {
            background-color: #4966ab;
        }

        .floating-social-icon a:nth-child(2) .icon, .floating-social-icon a:nth-child(2) .text, .floating-social-icon a:nth-child(2) .text:before {
            background-color: #35abda;
        }

        .floating-social-icon a:nth-child(3) .icon, .floating-social-icon a:nth-child(3) .text, .floating-social-icon a:nth-child(3) .text:before {
            background-color: #9d3f8c;
        }

        .floating-social-icon a:nth-child(4) .icon, .floating-social-icon a:nth-child(4) .text, .floating-social-icon a:nth-child(4) .text:before {
            background-color: #0c6fae;
        }

        .floating-social-icon a.youtube .icon, .floating-social-icon a.youtube .text, .floating-social-icon a.youtube .text:before {
            background-color: #e13d38;
        }

        .floating-social-icon a:nth-child(6) .icon, .floating-social-icon a:nth-child(6) .text, .floating-social-icon a:nth-child(6) .text:before {
            background-color: #0f9b26;
        }

.sidebar {
    box-shadow: 0 0 7px rgba(0,0,0,.2);
}

    .sidebar .sidebarHeading {
        font-family: var(--monte5);
        text-transform: uppercase;
        background-color: var(--color1);
        padding: 10px 15px;
        border-radius: 5px 5px 0 0;
        color: var(--white);
        font-size: 16px;
    }

    .sidebar .sidebarLinks {
        background-color: var(--color1);
        padding: 15px 0;
        background-image: url(../img/Noise-pattern.png);
    }

        .sidebar .sidebarLinks ul {
            padding-left: 15px;
        }

            .sidebar .sidebarLinks ul > li > ol {
                margin-top: 5px;
                margin-bottom: 5px;
            }

            .sidebar .sidebarLinks ul > li > a {
                font-family: var(--roboto6);
                color: var(--white);
                display: block;
                font-size: 16px;
            }

            .sidebar .sidebarLinks ul li ol li a {
                position: relative;
                padding-left: 22px;
                display: block;
                padding-top: 7px;
                padding-bottom: 7px;
                border-bottom: 1px solid #8ed554;
                font-size: 14px;
                color: var(--white);
                transition: padding-left .3s linear;
                font-family: var(--roboto3);
                line-height: 21px;
            }

                .sidebar .sidebarLinks ul li ol li a:before {
                    content: '\f144';
                    position: absolute;
                    font-family: fontawesome;
                    left: 5px;
                    top: 7px;
                    color: var(--white);
                    transition: padding-left .2s linear;
                }

            .sidebar .sidebarLinks ul li ol li.currentlink a, .sidebar .sidebarLinks ul li ol li:hover a {
                background-color: var(--color2);
                color: var(--color1);
            }

.paginationBox {
    margin-top: 10px;
}

    .paginationBox .pagination .page-item a.page-link {
        box-shadow: none;
        font-family: var(--roboto3);
    }

    .paginationBox .pagination .page-item.active a.page-link, .paginationBox .pagination .page-item:hover a.page-link {
        background-color: var(--color2);
        border-color: var(--color2);
        color: #000;
    }

    .paginationBox .pagination .page-item a.page-link {
        color: #000;
    }

#no-more-tables {
    margin-top: 20px;
}

    #no-more-tables table thead {
        background: url(../img/pattern2.png) repeat var(--color1);
        color: #fff;
    }

        #no-more-tables table thead th {
            text-align: center;
        }

    #no-more-tables table tbody tr td[data-title="Title"] {
        font-weight: 400;
    }

    #no-more-tables table thead tr th, #no-more-tables table tbody tr td {
        text-align: center;
        vertical-align: middle;
    }

        #no-more-tables table tbody tr td[data-title="Download File"] a, #no-more-tables table tbody tr td[data-title="File"] a {
            color: #fff !important;
            background-color: var(--color2);
            width: 35px;
            height: 35px;
            text-align: center;
            display: block;
            border-radius: 3px;
            line-height: 35px;
            margin: auto;
        }

            #no-more-tables table tbody tr td[data-title="Download File"] a:hover, #no-more-tables table tbody tr td[data-title="File"] a:hover {
                background-color: var(--color1);
            }

    #no-more-tables .table-striped tbody tr:nth-of-type(2n+1) {
        background-color: rgba(0,0,0,.2);
    }

    #no-more-tables.myInvisbleForm table thead {
        background-color: var(--white);
    }

        #no-more-tables.myInvisbleForm table thead tr th, #no-more-tables.myInvisbleForm table tbody tr td {
            text-align: justify;
        }

    #no-more-tables.myInvisbleForm .table-striped tbody tr:nth-of-type(2n+1) {
        background-color: var(--white);
    }

    #no-more-tables.myInvisbleForm table tbody tr {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        #no-more-tables.myInvisbleForm table tbody tr td {
            padding: 10px .75rem;
        }

            #no-more-tables.myInvisbleForm table tbody tr td[data-title="Icon"] {
                color: var(--color12);
                text-align: center;
            }

            #no-more-tables.myInvisbleForm table tbody tr td[data-title="Detail"] {
                vertical-align: top;
            }

                #no-more-tables.myInvisbleForm table tbody tr td[data-title="Detail"] .detail .date {
                    color: #181717;
                    font-size: 13px;
                    font-family: var(--roboto4);
                    margin-bottom: 5px;
                }

                    #no-more-tables.myInvisbleForm table tbody tr td[data-title="Detail"] .detail .date .fa {
                        color: #181717;
                    }

                #no-more-tables.myInvisbleForm table tbody tr td[data-title="Detail"] .detailTitle {
                    font-family: var(--roboto5);
                    margin-bottom: 3px;
                }

                #no-more-tables.myInvisbleForm table tbody tr td[data-title="Detail"] .detailDesc {
                    font-family: var(--roboto3);
                }

    #no-more-tables.myInvisbleForm.retires table tbody tr td[data-title="Detail"] {
        padding: 15px;
    }

.small-heading {
    font-family: var(--roboto6);
    text-transform: uppercase;
    font-size: 20px;
    padding-left: 15px;
}

.age-creteria {
    margin-top: 20px;
    margin-bottom: 45px;
    padding: 0 20px;
}

    .age-creteria .criteria-box {
        padding: 20px 20px;
        color: var(--white);
        text-align: center;
        background-image: url(../img/pattern2.png);
        background-repeat: repeat;
        box-shadow: 0 0 10px rgba(0,0,0,.2);
    }

        .age-creteria .criteria-box h5 {
            font-family: var(--roboto5);
            font-size: 20px;
        }

        .age-creteria .criteria-box p {
            font-family: var(--roboto3);
            font-size: 16px;
            margin-bottom: 0;
            line-height: 24px;
            text-shadow: 1px 1px 5px rgba(0,0,0,.3);
        }

            .age-creteria .criteria-box p span {
                display: block;
            }

        .age-creteria .criteria-box.first {
            background-color: #20A8D8;
        }

        .age-creteria .criteria-box.second {
            background-color: #F39B13;
        }

        .age-creteria .criteria-box.third {
            background-color: #2DCC70;
        }



.latest-news-home-page .latest-news-box .news-box .news-box-container {
    height: 438px;
    overflow: hidden;
}

    .latest-news-home-page .latest-news-box .news-box .news-box-container .news-rows .heading {
        height: 48px;
        overflow: hidden;
    }

.latest-news-home-page .latest-news-box .news-box .see-all {
    padding: 23px 15px;
}

.latest-news-home-page .latest-news-box {
    top: -51px;
}

@media screen and (min-width:1140px) {
    .home-message-section .message-container .message-block .image {
        height: 241px;
        text-align: center;
    }

        .home-message-section .message-container .message-block .image img {
            max-height: 241px;
            height: auto;
            width: auto;
        }
}



@media screen and (min-width: 1140px) {
    .my-poppup .modal-dialog {
        width: 750px;
        margin: 60px auto 0;
    }
}

.my-poppup .modal-dialog {
    margin-top: 50px;
}

.my-poppup .modal-header .close {
    margin-top: -10px;
    opacity: 5;
    color: #a2261f;
    font-size: 25px;
}

.my-poppup .modal-body {
    position: relative;
}

.my-poppup .poopup-event {
    position: absolute;
    top: 27%;
    left: 6%;
}

    .my-poppup .poopup-event ul li {
        background: url(../images/bullet.png.html) no-repeat left;
        padding: 10px 36px;
        font-size: 20px;
        color: #9E2321;
        font-weight: 700;
    }

.my-poppup .modal-body img {
    width: 100%;
}

.my-poppup .modal-body button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    background-color: rgba(0,0,0,1);
    opacity: 1;
    color: #fff;
    padding-bottom: 6px;
}

.my-poppup .modal-body .overlayBox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--color1);
    text-align: center;
    padding: 10px 0;
}

    .my-poppup .modal-body .overlayBox h4 {
        color: var(--white);
        font-family: var(--roboto5);
        font-size: 20px;
        margin-bottom: 0;
    }

    .my-poppup .modal-body .overlayBox a {
        color: var(--color2);
        font-family: var(--roboto4);
    }

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

#no-more-tables .table thead tr th {
    background-color: var(--color1);
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    font-family: 'Raleway';
}

#no-more-tables .table tbody tr td {
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto';
}

    #no-more-tables .table tbody tr td[data-title="Download"] a {
        background-color: var(--color2);
        color: var(--white);
        font-family: 'Roboto';
        font-weight: 500;
        font-size: 14px;
        border-radius: 25px;
        padding: 8px 20px;
    }

        #no-more-tables .table tbody tr td[data-title="Download"] a:hover {
            background-color: var(--color1);
        }

@media screen and (min-width: 1024px) {
    #no-more-tables .table tbody tr td[data-title="Download"] {
        width: 25%;
    }
}

@media screen and (max-width: 576px) {
    #no-more-tables .table thead {
        display: none;
    }

    #no-more-tables .table tbody tr td {
        display: block;
        position: relative;
        padding-left: 50%;
    }

        #no-more-tables .table tbody tr td:before {
            content: attr(data-title);
            display: block;
            position: absolute;
            left: 10px;
            top: 10px;
            width: 45%;
        }
}

@media screen and (max-width: 319px) {
    .heading-2 h4 {
        font-size: 16px;
    }
}




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

#self-accordion .accordion-block {
    margin-bottom: 5px;
}

    #self-accordion .accordion-block .head {
        color: #000;
        background-color: #fff;
        border-bottom-width: 1px;
        border-top-right-radius: .25rem;
        border-top-left-radius: .25rem;
        position: relative;
        padding: .5rem 1.25rem;
        font-weight: 500;
        font-size: 15px;
        cursor: pointer;
    }

        #self-accordion .accordion-block .head.active-heads {
            background-color: var(--color1);
            color: #fff;
        }

    #self-accordion .accordion-block .accordion-bodys {
        padding: 1rem 1.25rem;
        border: 1px solid rgba(0,0,0,.125);
        display: none;
    }

    #self-accordion .accordion-block:first-child .accordion-bodys {
        display: block;
    }

    #self-accordion .accordion-block .head .icon {
        float: right;
    }


.job-opening-detail ul {
    list-style: none;
    padding-left: 5px;
}

    .job-opening-detail ul li.list:before {
        content: attr(job-title);
        left: 0;
        top: 0;
        font-family: 'Roboto';
        font-weight: 600;
        color: #000;
        margin-right: 5px;
    }

    .job-opening-detail ul li.list {
        color: #000;
        font-family: 'Roboto';
        font-weight: 500;
    }

    .job-opening-detail ul li.list {
        margin-bottom: 5px;
    }

        .job-opening-detail ul li.list:before {
            content: attr(job-title);
            left: 0;
            top: 0;
            font-weight: 600;
            color: var(--black);
            margin-right: 5px;
            display: table-cell;
            vertical-align: top;
        }

        .job-opening-detail ul li.list span {
            color: #000;
            font-size: 15px;
            display: table-cell;
            vertical-align: top;
            padding-left: 8px;
            font-weight: 400;
        }

@media screen and (max-width:768px) {
    .quote-image {
        width: 100%;
    }
}

.top-bar .top-bar-right ul li.paytm {
    float: left;
}

    .top-bar .top-bar-right ul li.paytm:nth-child(1) {
        margin-right: 8px;
    }

        .top-bar .top-bar-right ul li.paytm:nth-child(1) a {
            width: auto;
            padding: 5px 10px;
        }

    .top-bar .top-bar-right ul li.paytm a {
        height: 40px;
    }

@media screen and (max-width:480px) {
    .top-bar .top-bar-right ul li.paytm {
        width: 100%;
        margin-right: 0;
    }

        .top-bar .top-bar-right ul li.paytm:nth-child(1) {
            margin-bottom: 5px;
        }

        .top-bar .top-bar-right ul li.paytm a {
            width: 100%;
            text-align: center;
        }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .top-bar .top-bar-right ul {
        float: none;
        display: table;
        margin: auto;
    }
}

@media screen and (min-width:577px) and (max-width:767px) {
    .top-bar-left ul {
        float: none;
        display: table;
        margin: auto;
    }
}

@media screen and (max-width:577px) {
    .top-bar .top-bar-right ul li.paytm {
        width: 49.5%;
        margin-right: .5%;
    }

        .top-bar .top-bar-right ul li.paytm a {
            margin-right: 0;
            width: 100%;
            text-align: center;
        }

        .top-bar .top-bar-right ul li.paytm:nth-child(1) {
            width: 100%;
            margin-bottom: 5px;
        }
}