﻿@import url('https://fonts.googleapis.com/css?family=Noto+Serif+SC:200,300,400,500,600,700');


body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    height: 100%;
    width: 100%;
    font-size: 16px;
    text-align: justify;
    color: #111111;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    outline: none;
}

img {
    border: none;
}

a,a:hover {
    text-decoration: none;
}

html {
    -webkit-text-size-adjust: 100%;
}

ul, ol, p {
    margin: 0;
    padding: 0;
    list-style: none;
}

*, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: 'Lato', sans-serif;
    padding: 0;
}

img {
    max-width: 100%;
    outline: none;
}

div#masrquee img {
    width: 100%;
}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none;
}

.btn_costom {
    padding: 2px 5px;
    display: inline-block;
    border: 1px solid #02a8ea;
    text-decoration: none;
    color: #02a8ea;
    border-radius: 5px;
}

#panorma_slider_2 {
    width: 100%;
    overflow: hidden;
    height: 665px;
    position: relative;
    float: left;
}

#marquee {
    float: left;
    white-space: nowrap;
    height: 100%; /*height:100vh;*/
}

    #marquee img {
        margin: 0px -3px;
        width: auto;
        max-width: none;
    }

.logoname {
    position: absolute;
    top: 30%;
    margin-top: -144px;
    left: 0px;
    width: 100%;
    text-align: center;
}

    .logoname a {
        display: inline-block;
    }

.gobottom {
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    background: #800404;
    width: 41px;
    height: 41px;
    display: inline-block;
    margin-top: 92px;
}

    .gobottom img {
        margin-top: 12px;
    }

.menubox {
    width: 100%; /* height: 70px; */
    position: relative;
    z-index: 9999;
    float: left; /* background: #800404; */
}

.color-option {
    color: #00afef;
}

.menuin {
    width: 100%;
    max-width: 1170px;
    margin: 0px auto;
}

a.menuLogo {
    margin-top: 4px;
    float: left; max-width: 470px;
}

.wrapfull {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.sliderBox {
    position: relative;
    width: 100%;
    margin: 0 auto;
}


.panorama_slider {
    width: 100%;
    float: left;
    position: relative;
    z-index: -1;
    height: 100vh;
    overflow: hidden;
}

#panorma_slider .flex-control-nav {
    display: none;
}

#marquee {
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

    #marquee img {
        margin: 0px -3px;
    }



#slider1 ul li .caption {
    position: absolute;
    z-index: 99;
    bottom: 175px;
    margin: 0px 0 0 92px;
    color: #fff;
    text-transform: uppercase;
    max-width: 560px;
    background: #2a2a8d;
    line-height: 56px;
    text-shadow: 0.877px 1.798px 3px rgba(0, 0, 0, 0.5);
    font-size: 26px;
    text-transform: uppercase;
    padding: 0px 20px;
}

#slider1 ul li.flex-active-slide .caption {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}

#slider1 .flex-direction-nav a.flex-next:before, #slider1 .flex-direction-nav a:before {
    display: none;
}

#slider1 .flex-direction-nav .flex-next {
    cursor: pointer;
    background: url(/images/next1.png) center center no-repeat #7c1111;
    float: left;
    opacity: 1;
    visibility: hidden;
    right: 20px;
}

#slider1 .flex-direction-nav .flex-prev {
    cursor: pointer;
    background: url(/images/prev1.png) center center no-repeat #7c1111;
    float: left;
    opacity: 1;
    visibility: hidden;
    left: 20px;
}

#slider1:hover > .flex-direction-nav .flex-next {
    visibility: visible;
    right: 10px;
}

#slider1:hover > .flex-direction-nav .flex-prev {
    visibility: visible;
    left: 10px;
}

#slider1 .flex-control-nav {
    bottom: 87px;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 8deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 8deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -8deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -8deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 2deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 2deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -1deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -1deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 8deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 8deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -4deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -4deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 2deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 2deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -1deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -1deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}


@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}






#slider1 {
    width: 100%;
    float: left;
    overflow: hidden;
}

    #slider1 ul li img {
        width: 100%;
    }

.mainScorller {
    width: 100%;
    float: left;
    margin-top: -58px;
    position: relative;
    z-index: 9;
}

.box_in {
    width: 100%;
    max-width: 1170px;
    margin: 0px auto;
}

.noticeBox {
    width: 100%;
    float: left;
    padding: 0px 15px;
}

.newsNotice {
    width: 100%;
    height: 105px;
    float: left;
    position: relative;
    text-align: center;
    background: #8a0404;
}

.noticeH {
    background: #a40b0b;
    width: 189px;
    height: 105px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
    position: relative;
    float: left;
}

    .noticeH:after {
        content: "";
        width: 15px;
        height: 105px;
        background: url(/images/noticeTip.png) 0px 0px no-repeat;
        position: absolute;
        top: 0;
        right: -15px;
    }

.noticeSlide {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    text-align: left; /* margin-left:10px; */
    position: relative;
    text-align: center;
}


#newnotice_lblnoticedownloads {
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 0px 50px; /* margin-top:32px; */
}
    /*#newnotice_lblnoticedownloads .flex-direction-nav { position:absolute; top:0; left:0px;}*/
    #newnotice_lblnoticedownloads .flex-direction-nav a.flex-next:before, #newnotice_lblnoticedownloads .flex-direction-nav a:before {
        display: none;
    }

    #newnotice_lblnoticedownloads .flex-direction-nav .flex-next {
        cursor: pointer;
        background: url(/images/next1.png) center center no-repeat;
        float: left;
        opacity: 1;
        visibility: hidden;
        right: 20px;
    }

    #newnotice_lblnoticedownloads .flex-direction-nav .flex-prev {
        cursor: pointer;
        background: url(/images/prev1.png) center center no-repeat;
        float: left;
        opacity: 1;
        visibility: hidden;
        left: 20px;
    }

    #newnotice_lblnoticedownloads:hover > .flex-direction-nav .flex-next {
        visibility: visible;
        right: 0px;
    }

    #newnotice_lblnoticedownloads:hover > .flex-direction-nav .flex-prev {
        visibility: visible;
        left: 0px;
    }


    #newnotice_lblnoticedownloads .slides li img {
        height: 100%;
    }

.news_iconimg {
    width: 73px;
    height: 73px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    text-align: center;
    background: #e7e7e8;
    display: none;
}

.notice_span {
    color: #000000;
    font-size: 12px;
    font-weight: 200;
}

.event_text a.eventH1 {
    color: #000;
    font-size: 15px;
    font-weight: 200;
}

.noticelink {
    float: left;
    margin-top: 28px;
    margin-right: 30px;
    text-align: center;
    width: 100%;
}

a.viewall8 {
    width: 125px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
    border-radius: 12px;
    color: #7c1111;
    text-transform: uppercase;
    background: #fff;
    font-size: 12px;
    border: 2px solid #7c1111;
}

    a.viewall8 span {
        margin-left: 10px;
    }

    a.viewall8:hover {
        background: #7c1111;
        color: #ffffff;
    }

.foundedBy {
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 30px;
}

    .foundedBy h3, .hd-main {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        color: #000000;
        font-size: 30px;
        text-transform: uppercase;
        margin-bottom: 30px;
        font-weight: bold;
        text-align: center;
    }

    .foundedBy p {
        color: #111111;
        font-size: 16px;
        line-height: 25px;
    }

.aboutus {
    width: 100%;
    float: left;
    margin-top: 30px;
}

    .aboutus h3 {
        text-align: center;
        color: #111111;
        font-size: 30px;
        margin-bottom: 10px;
    }

.fullbox {
    width: 100%;
    float: left;
}

.aboutdetails h4 {
    text-transform: uppercase;
    font-size: 22px;
    margin: 5px 0px 5px 0px;
}

ul.aboutul {
    display: inline-block;
    width: 100%;
    margin-top: 18px;
    margin-bottom: 30px;
}

    ul.aboutul li {
        display: inline-block;
        margin: 0px 83px;
    }

        ul.aboutul li p {
            margin: 0;
        }

        ul.aboutul li b {
            font-weight: bold;
            font-size: 16px;
        }

        ul.aboutul li p {
            margin-top: 8px;
            line-height: 20px;
        }

.aboutus-img {
    width: 572px;
    float: left;
    margin-right: 32px;
}

.aboutus-right {
    width: 566px;
    float: left;
    padding-top: 63px;
}

    .aboutus-right h3 {
        margin-bottom: 15px;
    }
/*ul.aboutul .empower { border-top:0; border-left:0; background:url(/images/emp.png) 0px 7px no-repeat;}
ul.aboutul .engage { background:url(/images/engage.png) 20px 7px no-repeat; border-right: 1px transparent; padding: 8px 10px 9px 60px;}
ul.aboutul .graduation { background:url(/images/education.png) 0px 7px no-repeat; border-bottom: 1px transparent;}
ul.aboutul .awarding { background:url(/images/award.png) 20px 7px no-repeat;border-right: 1px transparent;border-bottom: 1px transparent; padding: 8px 10px 9px 60px;}*/


a.viewAll3 {
    width: 125px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
    border-radius: 12px;
    color: #7c1111;
    text-transform: uppercase;
    background: #fff;
    font-size: 12px;
    border: 2px solid #7c1111;
}

    a.viewAll3:hover {
        background: #7c1111;
        color: #ffffff;
    }

.h-view-all {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.msgBox {
    float: left;
    width: 100%;
}

.msgBoxIn { /* height:421px; */
    width: 100%;
    position: relative;
    float: left;
    background: #800404;
    padding-bottom: 48px;
}

.msgText {
    width: 100%;
    max-width: 983px;
    padding: 0px 15px;
    margin: 0px auto;
    position: relative;
}

.msgimg {
    float: left;
    width: 418px;
    margin-top: 50px;
}

.msgtextin {
    width: 493px;
    float: left;
}

    .msgtextin .msgarrowBox {
        max-width: 655px;
        float: right;
        color: #fff;
        padding-left: 26px;
        margin-top: 47px;
    }

.msgarrowBox h3 {
    font-size: 18px;
}

.msgarrowBox h2 {
    text-align: left;
    margin: 0;
    font-size: 22px;
    margin: 16px 0px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.msgarrowBox p {
    font-weight: lighter;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 22px;
}

    .msgarrowBox p a.viewall8 {
        margin-top: 31px;
    }

        .msgarrowBox p a.viewall8 img {
            margin: 0px;
            float: none;
        }

.galleryBox, .rslider, .gleft, .pg-rmore, .galler_heading, .QuickLinks {
    width: 100%;
    float: left;
}

.galler_heading {
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 24px;
    margin-bottom: 5px;
}

.galleryBox h3, .QuickLinks h3 {
    text-align: center;
    font-size: 30px;
    margin: 68px 0px 30px 0px;
}

.Grydate {
    font-size: 14px;
    margin-bottom: 10px;
}

    .Grydate .updyed {
        font-weight: bold;
    }

.gleft {
    font-size: 16px;
}

.pg-rmore {
    margin-top: 32px;
}

#homephotog_LBPhoto {
    width: 100%;
    float: left;
    text-align: center;
}

    #homephotog_LBPhoto ul li {
        float: left;
        width: 292px;
        height: 160px;
        overflow: hidden;
    }

.bigIcons {
    width: 100%;
    float: left;
}

    .bigIcons ul {
        text-align: center;
    }

        .bigIcons ul li {
            text-align: center;
            display: inline-block;
            margin: 17px;
            border-radius:20px;
            /* background: red; */
            padding: 2px;
            margin: 0 32px 0 0;
        }

        .bigIcons ul li {
            /* BACKGROUND: #800404; */
        }

            .bigIcons ul li:hover {
                /* background: #ff5f02; */
            }

            .bigIcons ul li a {
                /* background: #fff; */
                height: 180px;
                width: 180px;
                display: block;
                padding: 0px 0px 0px 0;
                overflow: hidden;
            }

                .bigIcons ul li a:hover {
                    background: #ea7973;
                }

                .bigIcons ul li a span {
                    width: 96px;
                    height: 52px;
                    display: inline-block;
                    background-image: url(/images/bigicons.png);
                    background-repeat: no-repeat;
                    margin-top: 40px;
                    margin-bottom: 18px;
                }

                .bigIcons ul li a p {
                    color: #ffffff;
                    font-size: 16px;
                }

.bigIcons ul li a:hover p {
color: #7c1111;
}

.bigIcons ul li .alumnae span {background-position: 0px 0px;}
.bigIcons ul li .eCare span {background-position: -188px 0px;}
.bigIcons ul li .v_tour span {background-position: -384px 0px;}
.bigIcons ul li .kCorner span {background-position: -593px 0px;}
.bigIcons ul li .e_calendar span {background-position: -813px 0px;}

.bigIcons ul li .alumnae:hover span {background-position: 0px -52px;}
.bigIcons ul li .eCare:hover span {background-position: -188px -52px;}
.bigIcons ul li .v_tour:hover span {background-position: -384px -52px;}
.bigIcons ul li .kCorner:hover span {background-position: -593PX -52px;}
.bigIcons ul li .e_calendar:hover span {background-position: -813px -52px;}

.custom-navigation_latest {
    display: none;
}
/*.custom-navigation{    position: absolute;left: 50%;margin-left: 367px;top: 63px; z-index:9;}*/
.implinks {
    width: 100%;
    position: relative;
    float: left;
    text-align: center;
    margin-top: 63px;
    background-image: linear-gradient(235deg, #2d2d9d 0%, #00afef 100%);
    padding: 100px 0;
}

    .implinks ul {
        text-align: center;
        display: block;
        list-style: none;
    }

        .implinks ul li {
            display: inline-block;
            margin: 0 15px;
        }

.studentSpeak {
    height: 435px;
    width: 100%;
    position: relative;
    float: left;
    text-align: center;
    background: #800404;
    margin-top: 63px;
}

    .studentSpeak h3 {
        font-size: 30px;
        text-shadow: 0.877px 1.798px 3px rgba(0, 0, 0, 0.15);
        color: #fff;
        margin: 62px 0px 24px 0px;
    }

    .studentSpeak > .box_in {
        position: relative;
        max-width: 896px;
    }

        .studentSpeak > .box_in > .custom-navigation {
            width: 100%;
            float: left;
            position: absolute;
            left: 0px;
            top: 60px;
            z-index: 3;
        }

            .studentSpeak > .box_in > .custom-navigation .flex-prev {
                left: 50%;
                position: absolute;
                margin-left: -95px;
                top: 46px;
            }

            .studentSpeak > .box_in > .custom-navigation .flex-next {
                right: 50%;
                position: absolute;
                margin-right: -95px;
                top: 46px;
            }

#stdspeak .slides li p {
    text-shadow: 0.877px 1.798px 3px rgba(0, 0, 0, 0.15);
    font-size: 15px;
    color: #fff;
    margin-top: 6px;
    font-weight: lighter;
}

    #stdspeak .slides li p.stdNames {
        font-size: 20px;
    }

    #stdspeak .slides li p.stdClass {
        font-size: 15px;
    }

#stdspeak {
    background: url(/images/qLeft.png) 0px 38px no-repeat;
    float: left;
    padding: 0px 70px;
}

    #stdspeak:after {
        content: "";
        width: 68px;
        height: 46px;
        background: url(/images/qRight.png) 0px 0px no-repeat;
        float: right;
        position: absolute;
        bottom: 34px;
        right: 0;
    }

.whiteBox {
    width: 100%;
    float: left;
    text-align: center;
}

    .whiteBox .box_in {
        max-width: 992px;
    }

    .whiteBox h3 {
        margin: 70px 0px 28px 0px;
        font-size: 30px;
        color: #8a0404;
    }

    .whiteBox .facilities {
        float: left;
        width: 100%;
        max-width: 467px;
    }

    .whiteBox .achievement {
        float: right;
        width: 100%;
        max-width: 467px;
    }

        .whiteBox .achievement .flexslider li img {
            border-top: 3px solid #00afef;
            margin-bottom: 13px;
            max-height: 248px;
        }

        .whiteBox .achievement p {
            color: #111111;
            font-size: 14px;
        }

            .whiteBox .achievement p b {
                color: #1d1c1b;
                font-size: 24px;
            }

    .whiteBox .slideTxt {
        min-height: 77px;
        float: left;
        width: 100%;
    }

    .whiteBox .facilities .flexslider li img {
        border-top: 3px solid #00afef;
        margin-bottom: 13px;
    }

    .whiteBox .facilities p {
        color: #111111;
        font-size: 14px;
    }

        .whiteBox .facilities p b {
            color: #1d1c1b;
            font-size: 24px;
        }

    .whiteBox .flexslider {
        padding: 0px 50px;
    }

        .whiteBox .flexslider .slides li {
            min-height: 361px;
        }

        .whiteBox .flexslider .flex-direction-nav a.flex-next:before, .whiteBox .flexslider .flex-direction-nav a:before {
            display: none;
        }

        .whiteBox .flexslider .flex-direction-nav .flex-next {
            cursor: pointer;
            background: url(/images/next10.png) center center no-repeat;
            float: left;
            opacity: 1;
            visibility: visible;
            right: 50%;
            height: 24px;
            width: 24px;
            top: 132px;
            margin-right: -230px;
        }

        .whiteBox .flexslider .flex-direction-nav .flex-prev {
            cursor: pointer;
            background: url(/images/prev10.png) center center no-repeat;
            float: left;
            opacity: 1;
            visibility: visible;
            left: 50%;
            height: 24px;
            width: 24px;
            top: 132px;
            margin-left: -230px;
        }

.achievement .flexslider .infrs_up_img {
    width: 100%;
    float: left;
    text-align: center;
    height: 253px;
    overflow: hidden;
    margin-bottom: 13px;
}

.achievement .flexslider .dd {
    width: 100%;
    float: left;
}

    .achievement .flexslider .dd b {
        font-size: 14px;
    }

.achievement .flexslider .achetxt {
    color: #1d1c1b;
    font-size: 24px;
    width: 100%;
    float: left;
}

.achievement .flexslider .homeAchivementDesc {
    float: left;
    width: 100%;
    color: #111111;
    font-size: 14px;
}

.topperBox {
    width: 100%;
    float: left;
    height: 551px; /*background: url(/images/topperbg.png) bottom left no-repeat #f5f5f5;*/
    background: #f5f5f5;
    margin-top: 90px;
}

.topper {
    float: right;
    text-align: center;
    width: 100%;
    max-width: 540px;
}

    .topper h3 {
        font-size: 30px;
        color: #2f2f2f;
        margin: 59px 0px 20px 0px;
    }

        .topper h3 .session {
            font-size: 14px;
            display: inline-block;
        }

    .topper .thead {
        font-size: 24px;
        margin-bottom: 14px;
        float: left;
        width: 100%;
    }

    .topper .topper-x {
        width: 100%;
        max-width: 255px;
        float: left;
    }

    .topper .topper-xii {
        width: 100%;
        max-width: 255px;
        float: right;
    }

    .topper .flexslider {
        padding: 0px 30px;
    }

        .topper .flexslider .flex-direction-nav a.flex-next:before, .topper .flexslider .flex-direction-nav a:before {
            display: none;
        }

        .topper .flexslider .flex-direction-nav .flex-next {
            cursor: pointer;
            background: url(/images/next10.png) center center no-repeat;
            float: left;
            opacity: 1;
            visibility: visible;
            right: 50%;
            height: 40px;
            width: 40px;
            top: 85px;
            margin-right: -130px;
        }

        .topper .flexslider .flex-direction-nav .flex-prev {
            cursor: pointer;
            background: url(/images/prev10.png) center center no-repeat;
            float: left;
            opacity: 1;
            visibility: visible;
            left: 50%;
            height: 40px;
            width: 40px;
            top: 85px;
            margin-left: -130px;
        }

        .topper .flexslider .slides img { /* border-top:3px solid #00afef; */
            margin-bottom: 9px;
        }

        .topper .flexslider .slides li p {
            color: #212121;
            font-size: 16px;
            margin: 1px 0;
            font-weight: bold;
        }

    .topper .pg-rmore {
        margin: 19px 0 50px 0;
    }

.footer {
    width: 100%;
    position: relative;
    float: left;
    padding-top: 70px;
    border-bottom: 1px solid #fff;
    background: #800404;
}

    .footer .footerLeft {
        float: left;
        width: 100%;
        max-width: 555px;
        position: relative;
    }

        .footer .footerLeft:after {
            content: "";
            height: 291px;
            width: 1px;
            background: #ffffff;
            float: right;
            position: absolute;
            right: -88px;
            top: 4px;
        }

        .footer .footerLeft h3 {
            background: #fff;
            color: #111111;
            text-transform: uppercase;
            line-height: 46px;
            text-align: center;
            font-size: 25px;
            margin-bottom: 16px;
        }

        .footer .footerLeft p {
            color: #fff;
            font-size: 16px;
            font-weight: lighter;
        }

    .footer .codeH {
        text-align: center;
        color: #fff;
        font-size: 20px;
    }

    .mob_sec .schoolcode {
        width: 55%;
        float: left;
        text-align: center;
        margin-top: 6px;
    }

        .mob_sec .schoolcode .codeIn {
            display: inline-block;
            margin: 11px 0;
        }

            .mob_sec .schoolcode .codeIn span {
                display: inline-block;
                width: 32px;
                height: 32px;
                background: #7c1111;
                color: #ffffff;
                font-size: 17px;
                font-weight: bold;
                /* border-radius: 50%; */
                line-height: 31px;
                border: 1px solid #ffffff;
                float: left;
            }

     .mob_sec .app-icon {
        /* width: 88%; */
        text-align: center;
        float: left;
        /* margin-top: 252px; */
        /* margin-bottom: 0px; */
        margin: 255px 24px 0;
    }

        .mob_sec .app-icon li {
            display: inline-block;
        }

    .footer .footerRight {
        float: right;
        width: 100%;
        max-width: 444px;
    }

        .footer .footerRight h3 {
            color: #fff;
            text-align: left;
            font-size: 30px;
            margin: 1px 0px 15px 0px;
        }

        .footer .footerRight ul {
            float: left;
            width: 50%;
        }

            .footer .footerRight ul li {
                padding-left: 24px;
                background: url(/images/footerlibg.png) 0px 9px no-repeat;
                margin-bottom: 7px;
            }

                .footer .footerRight ul li a {
                    font-size: 14px;
                    color: #fff;
                }

                    .footer .footerRight ul li a:hover {
                        color: #000;
                    }

                .footer .footerRight ul li:hover {
                    background: url(/images/footerlibgh.png) 0px 9px no-repeat;
                }

.footerBtm {
    background: #fff;
    height: 57px;
    margin: 0px auto;
    max-width: 587px;
    position: relative;
    text-align: center;
    margin-top: 32px;
    font-size: 13px;
    color: #000;
    padding-top: 9px;
}

    .footerBtm:after {
        content: "";
        background: url(/images/faleft.png) 0px 0px no-repeat;
        height: 57px;
        width: 99px;
        float: left;
        position: absolute;
        left: -99px;
        top: 0;
    }

    .footerBtm:before {
        content: "";
        background: url(/images/faright.png) 0px 0px no-repeat;
        height: 57px;
        width: 99px;
        float: right;
        position: absolute;
        right: -99px;
        top: 0;
    }

    .footerBtm a {
        color: #f22929;
        font-size: 15px;
    }

    .master-hdr {
        width: 100%;
        height: 150px;
        background: url('/images/header-bgm.jpg') top center no-repeat;
        float: left;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        color: #fff;
        background-size: cover;
    }

.master-heading {
    margin-top: 40px;background: #7c1111e0;
    display: inline-block;
    padding: 10px 15px;
}

.masterIn {
    width: 100%;
    max-width: 1170px;
    margin: 0px auto;
}

.master-text {
    margin: 30px 0;
    min-height: 500px;
    float: left;
    width: 100%;
    color: #111111;
    padding: 0px 10px;
}

    .master-text p {
        margin-bottom: 15px;
        text-align: justify;
        line-height: 25px;
        color: #616161;
    }

    .master-text img {
        max-width: 100%;
    }

.accordionHeader_Y {
    color: #fff;
    background: #7c1111 url(/images/ajax-arrow1.png) 99% center no-repeat;
    padding: 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}

.accordionHeaderSelected {
    color: #ffffff;
    background: #800404 url(/images/ajax-arrow.png) 99% center no-repeat;
    padding: 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}

.accordionContent_Y {
    background-color: #fff;
    padding: 25px;
    padding-top: 22px;
    border: 1px solid #800404;
}

.innerH2 {
    text-align: left;
    margin-bottom: 15px;
}

.innerImg {
    float: right;
    margin-left: 25px;
}

a.viewAll3a {
    background-image: -moz-linear-gradient( 176deg, rgb(30,209,124) 0%, rgb(40,158,189) 40%, rgb(49,107,254) 100%);
    background-image: -webkit-linear-gradient( 176deg, rgb(30,209,124) 0%, rgb(40,158,189) 40%, rgb(49,107,254) 100%);
    background-image: -ms-linear-gradient( 176deg, rgb(30,209,124) 0%, rgb(40,158,189) 40%, rgb(49,107,254) 100%);
    border-radius: 20px;
    color: #fff;
    padding: 8px 15px;
}

    a.viewAll3a:hover {
        background: #1fcd81;
    }

.birdhday {
    width: 100%;
    float: left;
    /* max-width:400px; */
    text-align: center;
    position: relative;
}

    .birdhday h3 {
        font-size: 30px;
        color: #2f2f2f;
        margin: 59px 0px 20px 0px;
    }

    .birdhday .std-bdy {
        position: relative;
        z-index: 1;
        max-width: 255px;
        width: 100%;
        /* margin:0px auto */
        float: left;
    }

    .birdhday .tch-bdy {
        position: relative;
        z-index: 1;
        max-width: 255px;
        width: 100%;
        float: right;
     
        margin:0px auto
    }

    .birdhday .thead {
        font-size: 24px;
        margin-bottom: 14px;
        float: left;
        width: 100%;
    }

    .birdhday .flexslider .flex-direction-nav a.flex-next:before, .birdhday .flexslider .flex-direction-nav a:before {
        display: none;
    }

    .birdhday .flexslider .flex-direction-nav .flex-next {
        cursor: pointer;
        background: url(/images/next10.png) center center no-repeat;
        float: left;
        opacity: 1;
        visibility: visible;
        right: 50%;
        height: 40px;
        width: 40px;
        top: 85px;
        margin-right: -130px;
    }

    .birdhday .flexslider .flex-direction-nav .flex-prev {
        cursor: pointer;
        background: url(/images/prev10.png) center center no-repeat;
        float: left;
        opacity: 1;
        visibility: visible;
        left: 50%;
        height: 40px;
        width: 40px;
        top: 85px;
        margin-left: -130px;
    }

    .birdhday .flexslider .slides img { /* border-top:3px solid #00afef; */
        margin-bottom: 9px;
    }

    .birdhday .flexslider .slides li p {
        color: #212121;
        font-size: 16px;
        margin: 17px 0;
        font-weight: bold;
    }

    .birdhday .flexslider {
        padding: 0px 30px;
    }

    .birdhday .pg-rmore {
        margin: 19px 0 50px 0;
    }

ul.innerUl li {
    background: url(/images/bullete.png) 0px 5px no-repeat;
    margin-bottom: 8px;
    padding-left: 20px;
    line-height: 23px;
    color: #616161;
}

.aboutmain {
    width: 100%;
    float: left;
    margin-top: 50px;
    padding-bottom: 50px;
}

.aboutdetails {
    text-align: center;
    color: #fff;
}

.aboutus h3 {
    color: #fff;
}

.innerTbl {
    width: 100%;
    border-collapse: collapse;
}

    .innerTbl tr th, .innerTbl tr td {
        border: 1px solid #dee2e6;
        padding: 5px;
    }

.back-to-top {
    position: absolute;
    bottom: 36px;
    right: 10px;
    z-index: 999;
}

.ourPrincipals tr td img {
    max-width: 600px;
}

.toppersTbl {
    width: 100%;
    border-collapse: collapse;
}

    .toppersTbl tr td {
        text-align: center;
        vertical-align: top;
    }

        .toppersTbl tr td img {
            border: 3px solid #20c788;
        }


.wrapper {
    position: relative;
    width: 100%;
    float: left;
}

.min-wrapper {
    max-width: 1176px;
    margin: 0 auto;
    width: 100%;
     
}

.header {
    background: #7c1111;
}

.header {
    /* background: #1980d8; */
    width: 100%;
    /* padding: 0px 10px; */
    box-sizing: border-box;
    float: left;
    height: 58px;
}

.menu_part {
    background: #ffffff;
}

.menu_part {
    width: 100%;
    float: left;
}

.socila_icons {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.phone_mail {
    width: 550px;
    float: left;
    margin: 15px 0;
}

    .phone_mail ul li {
        list-style: none;
        display: inline-block;
        vertical-align: top;
        margin-right: 0px;
        text-align: left;
        color: #ffffff;
        /* margin-left: 30px; */
    }

        .phone_mail ul li span {
            padding: 0 10px 0 10px;
        }

            .phone_mail ul li span a {
                color: #ffffff;
            }



.soc_icons
{ float:right; margin-top:8px;
} 
    .soc_icons ul li {
        display: inline-block;
        margin: 2px; white-space:normal
    }
    .soc_icons ul li a
    { background: #f1f1f1;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 24px;
    color: #000;
    }
 .soc_icons ul li:hover a{background: #3aaae3; color:#fff;
}
.notice-sec {
    width: 100%;
    float: left;
    margin: 89px 0 80px 0;
}

span.eventH1 {
    width: calc(100%);
    display: block;
    float: right;
    position: relative;
    top: 0px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.date_sec {
    display: block;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 50%;
    font-size: 25px;
    border: 4px solid #dadada;
    line-height: 60px;
    color: #dadada;
    margin: 0 auto;
}

.note a {
    font-size: 18px;
    padding: 25px 0;
    font-weight: bold;
    display: block;
    color: black;
}

.notice_span {
    color: #000000;
    font-size: 12px;
    font-weight: 200;
    margin: 0px 0 20px 0;
}

.top_bd {
    background: #f1f1f1; /* padding-bottom: 50px; */
}

.bday_sec {
    width: 50%;
    padding: 0 30px 0 0;
    float: left;
    border-right: 7.5px solid white;
    background: url(/images/bday_baloons.png) no-repeat;
}
.innerH3
{ color:#7c1111; 
}
.topper_sec {
    width: 50%;
    float: right;
    border-left: 7.5px solid #ffffff;
    background: url(/images/achieve.png) no-repeat right;  
}

div#tx ul li p {
    margin: 17px 0;
}

div#txii ul li p {
    margin: 17px 0;
}

.wrapper.schl_bg {
    background: url(/images/schl_bg.jpg) no-repeat center;
    width: 100%;
    float: left;
    height: 580px;
   
    background-size: cover;
}

.abt_school {
    width: 100%;
    float: left;
}

.hd-main-sch {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 112px;
    font-weight: bold;
    text-align: left;
}

.abt_school p {
    font-weight: lighter;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 27px;
    padding: 35px 80px 0px 0;
}

.schl_lft {
    width: 50%;
    float: left;
}

a.viewAll4 {
    width: 213px;
    display: inline-block;
    text-align: center;
    line-height: 49px;
    font-weight: bold;
    border-radius: 12px;
    color: #7c1111;
    text-transform: uppercase;
    background: #fff;
    font-size: 14px;
}

.three_box {
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 80px;
}

.principal {
    width: 100%;
    max-width: 370px;
    float: left;
    margin: 0 30px 0 0;
}

.vice_president {
    width: 100%;
    max-width: 370px;
    float: left;
    /* margin: 0 30px 0 0; */
}

.president {
    width: 100%;
    max-width: 370px;
    float: left;
    margin: 0 30px 0 0;
}

.principal span {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin: 34px 29px 17px;
    display: block;
}

.vice_president span {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin: 34px 29px 17px;
    display: block;
}

.president span {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin: 34px 29px 17px;
    display: block;
}

.principal p {
    font-weight: lighter;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    padding: 0 20px;
    line-height: 27px;
}

.vice_president p {
    font-weight: lighter;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 27px;
    padding: 0 20px;
}

.president p {
    font-weight: lighter;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    padding: 0 20px;
    font-family: 'Roboto', sans-serif;
    line-height: 27px;
}

a.viewAll6 {
    width: 125px;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    font-weight: bold;
    border-radius: 12px;
    color: #7c1111;
    margin: 0 20px;
    text-transform: uppercase;
    background: #fff;
    font-size: 12px;
    border: 2px solid #7c1111;
}
.wrapper.thought {
    background: url(/images/thought.jpg) no-repeat center;
    width: 100%;
    float: left;
    height: 402px;
    margin: 80px 0;
    background-size: cover;
}
.thought_section{ width:100%; float:left;}
h3.hd-main.thoug {
    color: #ffffff;
    padding: 117px 0 0 0;
}
.thought_area {
    color: #ffffff;
    text-align: center;
    font-weight: lighter;
    font-size: 16px;
    font-style: italic;
    color: #ffffff;
    font-weight: 400;
    padding: 0 20px;
    font-family: 'Roboto', sans-serif;
    line-height: 27px;
}
.todImg.text-center.d-block {
    width: 100%;
    float: left;
    padding: 30px 0;
}
.school{width:100%;float:left;margin: 0 0 80px 0;}
.school span{
    color:#7c1111;
    font-size:23px;
    font-weight:bold;
    width: 100%;
    text-transform:uppercase;
    text-align: center;
    padding: 0px 0 17px 0;
    display: block;
}
.school p {
    text-align: center;
    font-weight: normal;
    padding: 0 250px;  font-family: 'Roboto', sans-serif;
    line-height: 25px;
}
.eCare {
    background: #e948af;
    border-radius: 20px;
}
a.alumnae {
    background: #fec736;
    border-radius: 20px;
}
a.v_tour {
    background: #3079d5;
    border-radius: 20px;
}
a.kCorner {
    background: #35821f;
    border-radius: 20px;
}
a.e_calendar {
    background: #48a7d5;
    border-radius: 20px;
}
.photo_gallery{width:100%;float:left;margin: 80px 0;}
.footer_section{ width:100%; float:left; margin: 50px 0;}
.logo_part{
    max-width:370px;
    width:100%;
    float:left;
    
}
.quick{max-width: 210px;width:100%;float:left;  padding-bottom: 109px;}
.mobile_img{max-width: 551px;width:100%;float: right;background: url(/images/splash.png) no-repeat;height: 405px;/* background-color: white; */}
.footer-area{background:#7c1111;}
.quick h3 {
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin: 1px 0px 15px 0px;
}
.logo_part p {
    padding: 30px 87px 30px 0;
    color: #ffffff;
    line-height: 23px;
    font-size:16px;
}
.quick ul {
 text-align:center;
}
.quick ul li {
    /* padding-left: 24px; */
    /* background: url(/images/footerlibg.png) 59px 6px no-repeat; */
    margin-bottom: 14px;
}
.quick ul li a {
    font-size: 14px;
    color: #fff;
}

.codeH {
    width: 100%;
    /* float: left; */
    text-align: center;
    background: #ffffff;
    max-width: 120px;
    color: #7c1111;
    DISPLAY: BLOCK;
    margin: 0 auto;
}
.footer-bottom {
    width: 100%;
    float: left;
    /* font-family: 'lato', sans-serif; */
    text-align: center;
    font-size: 14px;
    line-height: 40px;
}
.extra-links {
    width: 100%;
    float: left;
}
.extra-links ul {
    display: inline-flex;
    /* margin: 0 12px; */
}
    .extra-links ul li {
         margin: 0 12px;
    }

    a.viewAll4:hover {
    background: #29166f;
    color: #ffffff;
}
    a.viewAll6:hover{
    background: #29166f;
    color: #ffffff;
}