/*@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,600,600i,700&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    height: 100%;
    width: 100%;
    font-size: 16px;
    text-align: justify;
    color: #010101;
    background: #faf4f2;
}

.bluecolor {
    color: #576b30
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    outline: none;
}

img {
    border: none;
}

a {
    text-decoration: none;
}

html {
    -webkit-text-size-adjust: 100%;
}

ul, 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;
    padding: 0;
}

img {
    max-width: 100%;
    outline: none;
}

* {
    margin: 0;
    padding: 0
}

a:hover {
    text-decoration: none;
}

a {
    text-decoration: none;
    outline: none;
}

.masterBg {
    background: #fff;
}

.haderbox {
    width: 100%;
    background: #164e9b;
    float: left;
}

.menubox {
    width: 100%;
    float: left; /*box-shadow: 0px 5px 8.5px 1.5px rgba(0, 0, 0, 0.21);*/
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9
}

.menuin {
    width: 100%;
    margin: 0px auto;
    position: relative;
}

#menu {
    float: left;
    width: 100%;
    text-align: center;
}

a.menuLogo {
    margin: 7px 0;
    float: left
}

.leftMenu {
    position: relative;
    width: 100%;
    text-align: center
}

.sliderBox {
    position: relative;
    width: 100%;
    float: left;
    z-index: 0;
}

.mobileview {
    display: none
}

#slider1 ul li .caption {
    position: absolute;
    z-index: 99;
    bottom: 175px;
    margin: 0px 0 0 92px;
    color: #fff;
    text-transform: uppercase;
    max-width: 560px;
    font-size: 26px;
    text-transform: uppercase;
    padding: 0px 20px;
    background: #102d7b;
}

#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 {
    background: url(/images/next1.png) center center no-repeat #576b30;
    cursor: pointer;
    float: left;
    opacity: 1;
    visibility: hidden;
    right: 20px;
}

#slider1 .flex-direction-nav .flex-prev {
    background: url(/images/prev1.png) center center no-repeat #576b30;
    cursor: pointer;
    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: 30px;
    z-index: 99;
    display: none
}

@-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;
    position: relative;
}

    #slider1:after {
        content: "";
        background: url(/images/sliderbg.png) top left no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 9;
        top: 0;
        background-size: cover;
    }

    #slider1 ul li img {
        width: 100%;
    }

.mainScorller {
    width: 100%;
    float: left;
    padding-top: 46px;
}

.box_in {
    width: 100%;
    max-width: 1170px;
    margin: 0px auto;
}

.hdrtext {
    margin-top: 25px;
}

.logoname {
    width: 70%;
    left: 15%;
    bottom: 368px;
    position: absolute;
    text-align: center;
    z-index: 1;
}

    .logoname h2 {
        white-space: nowrap;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 55px;
        color: #FEE25A;
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }

    .logoname h4 {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 33px;
        color: #A6CC38;
        letter-spacing: -0.2px;
        text-transform: capitalize;
    }

    .logoname p {
        line-height: 26px;
        margin-top: -4px;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        color: #fff;
    }

.roundbtn {
    width: 100%;
    text-align: center;
    margin-top: -122px;
    float: left;
    position: relative;
    margin-bottom: 80px;
}

    .roundbtn ul li {
        display: inline-block
    }

        .roundbtn ul li a {
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: #fff;
            float: left;
            margin: 0px 20px;
            font-size: 22px;
            letter-spacing: 0px;
            line-height: 28px;
            color: #3b3735;
            font-weight: 500;
            font-family: "Roboto";
            text-align: center;
            padding-top: 54px;
        }

            .roundbtn ul li a p {
                margin-bottom: 15px;
            }

            .roundbtn ul li a svg {
                height: 68px;
                color: #fff;
                fill: #fff;
            }

        .roundbtn ul li:first-child, .roundbtn ul li:last-child {
            position: relative;
            top: -58px;
        }

        .roundbtn ul li a:hover {
            background: #ffdbd2;
            color: #576b30;
        }

            .roundbtn ul li a:hover svg {
                fill: #fff;
            }

ul.topIcons {
    float: right;
    margin: 8px 0px;
}

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

        ul.topIcons li.li2 {
            margin-left: 73px;
            margin-right: 45px;
        }

        ul.topIcons li a {
            display: inline-block;
            color: #fff;
            font-size: 15px;
            line-height: 18px;
        }

            ul.topIcons li a:hover {
                color: #fba13f;
            }

            ul.topIcons li a span {
                width: 30px;
                height: 20px;
                background: url(/images/small-icons.png) no-repeat;
                display: inline-block;
                float: left;
                margin-right: 5px; /* background-color: green; */
            }

            ul.topIcons li a.alumnie span {
                background-position: -57px 0px;
                width: 36px;
            }

            ul.topIcons li a.eoo span {
                background-position: -6px 0px;
                width: 42px;
            }

            ul.topIcons li a.call span {
                background-position: -96px 0px;
                width: 36px;
            }

            ul.topIcons li a.mail span {
                background-position: -135px 0px;
            }

            ul.topIcons li a.facebook span {
                background-position: -163px 0px;
            }

            ul.topIcons li a.twitter span {
                background-position: -194px 0px;
            }

            ul.topIcons li a.google span {
                background-position: -228px 0px;
            }

            ul.topIcons li a.indeed span {
                background-position: -263px 0px;
            }

            ul.topIcons li a.insta span {
                background-position: -301px 0px;
            }

            ul.topIcons li a.alumnie:hover span {
                background-position: -57px -20px;
            }

            ul.topIcons li a.eoo:hover span {
                background-position: -6px -20px;
            }

            ul.topIcons li a.call:hover span {
                background-position: -96px -20px;
            }

            ul.topIcons li a.mail:hover span {
                background-position: -135px -20px;
            }

s
ul.topIcons li a.facebook:hover span {
    background-position: -163px -20px;
}

ul.topIcons li a.twitter:hover span {
    background-position: -194px -20px;
}

ul.topIcons li a.google:hover span {
    background-position: -228px -20px;
}

ul.topIcons li a.indeed:hover span {
    background-position: -263px -20px;
}

ul.topIcons li a.insta:hover span {
    background-position: -301px -20px;
}


.font34 {
    font-size: 50px;
    letter-spacing: 1px;
    color: #576b30;
    font-weight: 900;
    font-family: "Roboto";
}

.font18 {
    color: #67AE31;
    font: normal normal bold 18px/22px Times New Roman;
    letter-spacing: -0.72px;
}

.font16 {
    font-size: 18px;
    letter-spacing: 0px;
    color: #576b30;
    font-weight: 900;
    font-family: "Roboto";
}

#demo {
    width: 42px;
    /* height: 101px; */
    background: url(/images/bfybg.jpg) bottom center no-repeat;
    float: left;
    color: #3cb0e1;
    font-size: 35px;
    font-weight: bold;
    padding-bottom: 45px;
    line-height: 30px;
}

    #demo .sm {
        font-size: 25px;
        font-weight: normal;
    }

.noticeH {
    border-bottom: 1px solid #576b30;
    padding-bottom: 15px;
    margin-bottom: 0px;
    line-height: 57px;
}

    .noticeH svg {
        float: left;
        margin-right: 15px;
        fill: #67ae31;
        height: 56px;
    }

.custom-navigation2 {
    float: right;
    width: 22px;
    top: -15px;
    position: relative
}

    .custom-navigation2 a {
        height: 22px;
        float: left
    }

.msgH {
    border-bottom: 1px solid #67ae31;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.newNotic .slick-slide {
    border-bottom: 1px solid #f4f0e7;
}

.noticeSlide {
    width: 100%;
    display: inline-block;
    position: relative;
}

.newsNotice {
    padding-right: 10px;
}

.msgpd {
    padding-left: 10px;
}

#slider_first .slides li span.msgroung {
    float: right;
    margin-left: 20px;
    text-align: center;
}

    #slider_first .slides li span.msgroung p {
        font-size: 20px;
        letter-spacing: 0px;
        color: #576b30;
        font-weight: 900;
        font-family: "Roboto";
        margin-top: 5px
    }

#newnotice_lblnoticedownloads {
    width: 100%;
    float: left;
    overflow: hidden;
    text-align: left;
    min-height: 79px;
}

    #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/r2.png) center center no-repeat;
        float: left;
        opacity: 1;
        visibility: hidden;
        margin-top: -22px;
        visibility: visible;
        right: 0px;
        height: 19px;
        width: 12px;
    }

    #newnotice_lblnoticedownloads .flex-direction-nav .flex-prev {
        cursor: pointer;
        background: url(/images/l2.png) center center no-repeat;
        float: left;
        opacity: 1;
        visibility: hidden;
        margin-top: -22px;
        visibility: visible;
        left: 0px;
        height: 19px;
        width: 12px;
    }

    #newnotice_lblnoticedownloads .flex-direction-nav .flex-disabled {
        opacity: 1 !important;
        filter: alpha(opacity=1);
    }

.news_iconimg {
    width: 94px;
    height: 94px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    text-align: center;
    background: #e7e7e8;
}

#newnotice_lblnoticedownloads .date_sec {
    display: none;
}



#newnotice_lblnoticedownloads .noticetext {
    display: inline-block;
    width: calc(100% - 105px);
}

#newnotice_lblnoticedownloads .eventH1 {
    display: block;
}

#newnotice_lblnoticedownloads a.eventH1 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3735;
    font-weight: 400;
    font-family: "Roboto";
    line-height: 29px;
}

.notice_span {
    color: #3b3735;
    font-weight: 400;
    font-family: "Roboto";
    margin-top: 10px;
}

    .notice_span .upon {
        color: #3b3735;
    }

#newnotice_lblnoticedownloads span.eventH1 {
    color: #767676;
    font-size: 16px;
    display: none;
}

.nWrap {
    min-height: 143px;
    padding-top: 22px;
}

.thoughtbg {
    position: absolute;
    left: 0;
    top: 0;
}

.aboutmain {
    width: 100%;
    float: left;
    padding: 67px 0 51px 0;
    background: #164e9b;
    height: 460px;
    position: relative;
    margin: 57px 0;
}

    .aboutmain:before {
        content: "";
        background: url(/images/slider-01.jpg) top right no-repeat;
        height: 100%;
        width: 50%;
        position: absolute;
        top: 0;
        right: 0;
        background-size: auto 100%;
    }

.fullbox {
    width: 100%;
    float: left
}

.w46 {
    max-width: 47%
}

.aboutimg {
    float: right;
    margin-left: 20px;
    margin-top: -35px;
}

.hding {
    margin-bottom: 22px;
}

.facilities {
    width: 100%;
    float: left;
    background: url(/images/facilities.png) no-repeat repeat #184a8f;
    background-size: cover;
    padding: 47px 0;
}

.custom-faci {
    float: right;
}

    .custom-faci a, .custom-navigation1 a {
        font-size: 18px;
        font-weight: bold
    }

        .custom-faci a:hover, .custom-navigation1 a:hover {
            opacity: .5;
        }

/*.custom-navigation1 .flex-prev img {
    transform: rotate(-180deg);
}
*/
#faci {
    margin-bottom: 40px;
    margin-top: 17px;
}

    #faci .slides li a {
        display: block;
        position: relative;
    }

        #faci .slides li a div.fhover {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            font-size: 22px;
            color: #ffffff;
            font-weight: bold;
            visibility: hidden
        }

    #faci .slides li:hover > a {
        background: #000;
    }

        #faci .slides li:hover > a img {
            opacity: .5;
        }

        #faci .slides li:hover > a div.fhover {
            visibility: visible;
        }

.imageTopp {
    max-width: 136px;
}

a.viewAll3 {
    display: inline-block;
    width: 170px;
    /* height: 71px; */
    border-radius: 36px;
    /* background-color: #000000; */
    border: 4px solid #576b30;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 20px;
    color: #576b30;
    font-weight: 900;
    font-family: "Roboto";
    text-align: center;
    line-height: 63px;
}

    a.viewAll3:hover {
        border: 4px solid #576b30;
        color: #576b30;
    }

    a.viewAll3 span {
        background: url(/images/rm-arrow.png) no-repeat;
        display: inline-block;
        height: 10px;
        width: 15px;
        margin-left: 12px;
        display: none
    }

.facilities a.viewAll3:hover, .gbox a.viewAll3:hover {
    background: #fff;
}

#slider_first {
    margin-top: 20px;
    color: #3B3735;
    font: normal normal normal 18px/30px Helvetica;
}

.m-t-10 {
    margin-top: 17px;
}

.switcher {
    margin-top: 22px;
}

#slider_first,
.switcher {
    width: 100%;
    float: left;
}

    .switcher ul li {
        display: inline-block;
        line-height: 12px;
        float: left;
        border-left: 2px solid #3B3735;
    }

        .switcher ul li:first-child {
            border: 0;
        }

        .switcher ul li.flex-active {
            opacity: 1;
        }

        .switcher ul li a {
            display: inline-block;
            padding: 0 15px;
            font-size: 18px;
            letter-spacing: 0px;
            color: #bcbcbc;
            font-weight: 400;
            font-family: "Roboto";
        }

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

        .switcher ul li.flex-active a {
            color: #576b30;
        }

.switcher1 {
    width: 100%;
    text-align: center;
}

    .switcher1 ul li {
        display: inline-block;
        margin: 0px 20px;
    }

        .switcher1 ul li a {
            color: #7a7a7a;
            font-size: 20px;
        }

        .switcher1 ul li.flex-active a {
            color: #ca241d;
        }

.msgBox {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 150px;
}

    .msgBox h3 {
        text-align: center;
        font-size: 36px;
        color: #fff;
        font-weight: bold;
        padding-left: 190px;
        top: 71px;
        position: relative;
        margin-top: -26px;
    }

.boxx1 .Subscribebg {
    background: url(/images/Subscribe.png) 0px 47px no-repeat;
    background-size: 100%;
    margin-top: 30px;
    min-height: 440px;
}

.boxx1 {
    max-width: 1260px;
}
.boxx3 {padding: 22px;
    border-radius: 52px;
    background: rgb(231,111,81);
    background: linear-gradient(90deg, rgba(231,111,81,1) 0%, rgba(255,233,195,1) 100%);}
.color2 {
    color: #f9ba87;
}

.achivebg {
    background: url(/images/achivebg.png) top left no-repeat;
    background-size: 100% 100%;
}

.gift, .prize {
    max-height: 70px;
}

.gift {
    position: relative;
    top: -6px;
}

.stdhd {
    border: 2px solid #576b30;
    border-radius: 15px;
    font-size: 23px;
    letter-spacing: 0px;
    color: #576b30;
    font-weight: 500;
    font-family: "Roboto";
    margin: 23px 0;
    display: inline-block;
    padding: 5px;
    width: 100%;
    line-height: 36px;
    max-width: 160px;
}

.galleryBox, .rslider, .gleft, .pg-rmore, .galler_heading {
    width: 100%;
    float: left
}

#AchievementHome_lblAchievement, #facility {
    max-width: 100%;
    padding: 0px 70px;
    float: left;
    display: inline-block;
    margin-top: 20px;
}

.galleryBox, .gbox {
    width: 100%;
    float: left
}

.gaicon {
    height: 43px;
    position: relative;
    top: -3px;
}


#homephotog_LBPhoto {
    width: 100%;
    float: left;
    text-align: center;
}


    #homephotog_LBPhoto .slides li a {
        height: 272px;
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 15px;
    }

        #homephotog_LBPhoto .slides li a img {
            width: 100%;
            height: 100%;
        }

    #homephotog_LBPhoto .pg-rmore {
        margin-top: 30px;
    }

#gallerSec {
    position: relative;
    margin-top: 30px;
}

    #gallerSec .flex-direction-nav a.flex-next:before, #gallerSec .flex-direction-nav a:before, .topper-xii .flex-direction-nav a.flex-next:before, .topper-xii .flex-direction-nav a:before {
        display: none
    }

.custom-navigation1 {
    float: right;
    position: relative;
    top: 40px;
    z-index: 2
}

.galler_heading {
    font-size: 24px;
    color: #3B3735;
}

.Grydate {
    font: normal normal normal 16px/24px Helvetica;
    color: #00132D99;
    margin-top: 10px;
}

    .Grydate span {
        color: #3B3735
    }

.mt-30 {
    margin-top: 22px;
    margin-bottom: 40px;
}



#slider_first .slides li p {
    font-size: 20px;
    line-height: 32px;
    color: #3b3735;
    font-weight: 400;
    font-family: "Roboto";
}

    #slider_first .slides li p.fp {
        min-height: 388px;
    }

    #slider_first .slides li p.msgrm {
        margin: 0;
        margin-top: 40px;
    }

        #slider_first .slides li p.msgrm a {
            display: inline-block;
            color: #006bcd;
            width: 120px;
            text-align: center;
            height: 40px;
            background: #fff;
            line-height: 40px;
            font-size: 15px;
            border-radius: 5px;
        }

            #slider_first .slides li p.msgrm a:hover {
                background: #f62d40;
                color: #fff;
            }

.msgin {
    width: 100%;
    max-width: 490px;
    background: #164e9b;
    border-radius: 5px;
    float: left;
    padding: 25px;
    color: #fff;
    position: relative;
    padding-bottom: 0;
}

    .msgin:after {
        content: "";
        background: url(/images/tip.jpg) 148px 0px no-repeat;
        height: 18px;
        width: 100%;
        float: left;
        position: relative;
        top: 18px;
    }

    .msgin .roundimg {
        float: left;
        margin-top: -170px;
        position: relative;
        top: 144px;
    }

        .msgin .roundimg img {
            height: 120px;
            border-radius: 50%;
            border: 3px solid #fff;
            margin-bottom: 10px;
        }

        .msgin .roundimg p.des {
            color: #164e9b;
            font-size: 16px;
            font-weight: 600
        }

        .msgin .roundimg p.pname {
            color: #4fb4ea;
            font-size: 16px;
            font-weight: 600
        }

.msgimages {
    float: right;
    margin-top: 60px;
}

    .msgimages ul li {
        display: inline-block;
        height: 120px;
        width: 120px;
    }

        .msgimages ul li img {
            border-radius: 50%;
            border: 3px solid #fe6315;
            opacity: .60
        }

        .msgimages ul li.active {
            width: 220px;
            height: 220px;
        }

            .msgimages ul li.active img {
                opacity: 1;
            }

.fullBoxMob {
    float: left;
    text-align: center;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 99;
}

#menu-mobile {
    display: none
}

.connectwith {
    width: 100%;
    float: left;
    margin-top: 37px;
    margin-bottom: 48px;
}

.bigIcons {
    width: 100%;
    float: left;
    margin-top: 19px;
}

    .bigIcons ul {
        text-align: center
    }

        .bigIcons ul li {
            text-align: center;
            display: inline-block;
            float: left;
            margin-left: 20px;
        }

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

            .bigIcons ul li a {
                display: block;
                width: 218px;
                height: 252px;
                text-align: center;
                background: #e4ebf1;
            }

                .bigIcons ul li a span {
                    width: 94px;
                    height: 103px;
                    display: inline-block;
                    background-image: url(/images/bigicons.png);
                    background-repeat: no-repeat;
                    margin-top: 52px;
                }

                .bigIcons ul li a p {
                    color: #000000;
                    font-size: 24px;
                    margin-top: 15px;
                }

                .bigIcons ul li a:hover p {
                    color: #fff;
                }

                .bigIcons ul li a:hover {
                    background: #fd5f16;
                }

            .bigIcons ul li .kidsCorner span {
                background-position: 17px 0px;
            }

            .bigIcons ul li .campusTour span {
                background-position: -112px 0px;
            }

            .bigIcons ul li .joinus span {
                background-position: -234px 0px;
            }

            .bigIcons ul li .Alumni span {
                background-position: -361px 0px;
            }

            .bigIcons ul li .eCare span {
                background-position: -482px 0px;
            }

.tprhdr {
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 24px;
    margin: 23px 0px;
    letter-spacing: 0px;
    color: #f9ba87;
    font-weight: 500;
    font-family: "Roboto";
    display: inline-block;
    border: 2px solid #f9ba87;
    border-radius: 10px;
    padding-top: 6px;
}

.whiteBox {
    width: 100%;
    float: left;
    text-align: center
}

    .whiteBox .container {
        max-width: 1202px;
    }

    .whiteBox h3 {
        margin: 48px 0 32px 0;
        font-size: 36px;
        color: #de243b;
        font-weight: bold;
    }

    .whiteBox .achievement {
        float: right;
        width: 100%;
        background: url(/images/tprbg.jpg);
        max-width: 564px;
        padding: 48px 0;
    }

.infrs_up_img {
    width: 100%;
    height: 198px;
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center;
}

#Infrastructure ul li span img {
    width: 345px !important
}

div#achi_slide ul li .infrs_up_img img {
    max-height: 155px;
    position: relative;
    margin-top: 4px;
}

div#achi_slide ul li {
    margin-right: 35px;
}

.whiteBox .slideTxt {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 16px;
    text-align: left;
    padding: 15px 0px 0px 0px;
}

    .whiteBox .slideTxt p.dd {
        color: #8d8d8d;
        background: url(/images/time.png) left center no-repeat;
        font-size: 14px;
        padding-left: 20px;
        margin-top: 3px;
    }

        .whiteBox .slideTxt p.dd b {
            font-weight: 500
        }

    .whiteBox .flexslider .flex-direction-nav a.flex-next:before, .whiteBox .flexslider .flex-direction-nav a:before, .whiteBox .slideTxt p.homeAchivementDesc {
        display: none
    }

.whiteBox .flexslider .flex-direction-nav .flex-next {
    cursor: pointer;
    background: url(/images/next10.png) center center no-repeat;
    float: right;
    opacity: 1;
    visibility: visible;
    right: 0%;
    height: 33px;
    width: 37px;
    top: 132px;
}

.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: 0%;
    height: 33px;
    width: 37px;
    top: 132px;
}



.tprmain {
    width: 100%;
    float: left;
    padding: 50px 0px;
    background: #fff;
}

.topperBox {
    max-width: 250px;
    margin: 0px auto
}

    .topperBox .slides img {
        width: 136px;
        height: 159px;
        object-fit: contain;
    }

.tname {
    color: #3B3735;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    font: normal normal bold 14px/16px Helvetica;
    font-size: 14px;
}

.tclass {
    color: #68AF32;
    font-size: 14px;
}
/* 
.bdybox {
    float: right;
    width: 100%;
} */

.tbg {
    background: url(/images/toperbg.png) top center no-repeat;
}

.sbg {
    background: url(/images/bdybg.png) top center no-repeat
}

.bdybox .font34 {
    margin-top: -2px;
}

.bdybg {
    background: url(/images/bdybg.png) center 60px no-repeat;
}

.slideTxt {
    float: left;
    width: 100%;
    margin-top: 10px
}

    .slideTxt p {
        font: normal normal bold 16px/24px Helvetica;
        letter-spacing: 0px;
        text-align: left;
        color: #00132D99
    }

        .slideTxt p.dd {
            font: normal normal normal 16px/24px Helvetica;
            font-size: 16px;
        }

        .slideTxt p span.uon {
            color: #3B3735;
        }

.topper-t-1 {
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 23px;
    color: #3b3735;
    font-weight: 900;
    font-family: "Roboto";
    text-align: center;
    margin-top: 10px;
}

.topper-t-2 {
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 23px;
    color: #576b30;
    font-weight: 900;
    font-family: "Roboto";
    text-align: center;
}

.color5 {
    color: #442419;
}

.bdybox .flexslider .flex-direction-nav a.flex-next:before, .bdybox .flexslider .flex-direction-nav a:before {
    display: none
}

.bdybox .flexslider .flex-direction-nav .flex-next {
    cursor: pointer;
    background: url(/images/leftarrow.png) center center no-repeat;
    float: left;
    opacity: 1;
    visibility: visible;
    right: 0%;
    height: 24px;
    width: 24px;
    top: 70px;
    z-index: 0
}

.bdybox .flexslider .flex-direction-nav .flex-prev {
    cursor: pointer;
    background: url(/images/rightarrow.png) center center no-repeat;
    float: left;
    opacity: 1;
    visibility: visible;
    left: 0%;
    height: 24px;
    width: 24px;
    top: 70px;
    z-index: 0
}

.bdybox1 .flexslider .flex-direction-nav a.flex-next:before, .bdybox1 .flexslider .flex-direction-nav a:before {
    display: none
}

.bdybox1 .flexslider .flex-direction-nav .flex-next {
    cursor: pointer;
    background: url(/images/leftarrow1.png) center center no-repeat;
    float: left;
    opacity: 1;
    visibility: visible;
    right: 0%;
    height: 24px;
    width: 24px;
    top: 70px;
    z-index: 0
}

.bdybox1 .flexslider .flex-direction-nav .flex-prev {
    cursor: pointer;
    background: url(/images/rightarrow1.png) center center no-repeat;
    float: left;
    opacity: 1;
    visibility: visible;
    left: 0%;
    height: 24px;
    width: 24px;
    top: 70px;
    z-index: 0
}
#AchievementHome_lblAchievement .flex-direction-nav a.flex-next:before, #AchievementHome_lblAchievement .flex-direction-nav a:before {
    display: none
}

#AchievementHome_lblAchievement .flex-direction-nav .flex-next {
    cursor: pointer;
    background: url(/images/leftarrow.png) center center no-repeat;
    float: left;
    opacity: 1;
    visibility: visible;
    right: 0%;
    height: 24px;
    width: 24px;
    top: 70px;
    z-index: 0
}
#AchievementHome_lblAchievement .flex-direction-nav .flex-prev {
    cursor: pointer;
    background: url(/images/rightarrow.png) center center no-repeat;
    float: left;
    opacity: 1;
    visibility: visible;
    left: 0%;
    height: 24px;
    width: 24px;
    top: 70px;
    z-index: 0
}


.boxIn {
    width: 100%;
    max-width: 1170px;
    margin: 0px auto;
    position: relative;
    margin-top: 192px;
}
.raymond {
    float: left;
    text-align: center;
    position: absolute;
    left: 0;
    top: -18px;
}
.mMary {
    float: right;
    text-align: center;
    position: absolute;
    right: 0;
    top: -18px;
}
.raymond span, .mMary span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: block;
}

.todText {
    text-align: center;
}

.ecareMobile { background:url(/images/ecareMobile.png) no-repeat; height:373px; width:325px; float:left; margin-left:48px;}
.appsBox { float:right; width:100%; max-width:770px; padding-right:135px; }
.custom-controls,#app_scroll { width:100%; float:left; position: relative;}
#app_scroll .slides li { min-height:110px; }
#app_scroll .slides li p{ color:#fff; font-size:12px; margin:4px 0px 4px 0px;  min-height:70px;}
.fullBox { width:100%; float:left;}
.downLoadApp{width:100%;max-width:450px;border-top: 1px solid #ffdd9b;text-align:center;margin: 22px auto;padding-top:23px;}
.downLoadApp img { display:inline-block;}
.downLoadApp span {width:100%; float:left; display:block; color:#fff; font-size:15px;}
.app2 { margin: 12px auto;  padding-top:10px;}
ul.downloadIcons { width:100%; float:left; text-align:center; margin-top:12px;}
ul.downloadIcons li { display:inline-block; margin:0px 4px;}
.SchoolCode { color:#202020; font-size:16px; width:100%; float:left}
.codes { width:100%; float:left; text-align:center;     margin-top: 2px;}
.codes span { display:inline-block; color:#fff; font-size:19px; background:#2e2f2f; padding: 3px 4px; font-weight:600; width:auto; float:none }
#app_scroll .flex-control-nav{position: relative;bottom: 0;}
#app_scroll .flex-control-paging li a {
    width: 20px;
    height: 20px;
    background: transparent;
    border: 2px solid #576b30;
}

#app_scroll .flex-control-paging li a:hover {
        background: #576b30;
    }

    #app_scroll .flex-control-nav li {
    margin: 0px 6px;
}



.footer .container {
    max-width: 1200px;
}

.footer {
    width: 100%;
    position: relative;
    float: left;
    background: url(/images/SCHOOL_BUILDING150_554.png) center bottom no-repeat;
    background-size: 100%;
    margin-top: 80px;
    box-sizing: border-box;
}

    .footer .footerLeft {
        float: left;
        width: 100%;
        max-width: 555px;
        position: relative
    }

    .footer img {
        max-width: none;
    }

    .footer p a:hover {
        color: #ffe56c;
    }

.footerBtm {
    position: relative;
    text-align: center;
    color: #ffffff;
    padding-bottom: 20px;
    margin-top: 20px;
}

    .footerBtm a {
        color: #fff;
        display: inline-block;
    }

        .footerBtm a:hover {
            color: #a91f21;
        }

.fmstr {
    padding-left: 24%;
}

.app-icon {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 18px;
    margin-top: 20px
}

    .app-icon li {
        display: inline-block;
        margin: 0px 10px;
    }

.codeH {
    color: #fff;
    text-align: center;
    font-weight: 300;
    margin: 20px 0;
}

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

.schoolcode {
    text-align: center
}

.codeIn {
    display: inline-block;
    background: #fff;
    padding: 5px 20px;
    border: 1px dashed #f3281f;
    color: #1c1c1c;
    font-size: 18px;
    font-weight: bold
}

.footerRight {
    float: right;
}

    .footerRight ul li a {
        color: #fff;
        font-size: 14px;
    }

        .footerRight ul li a:hover {
            color: #ffe56c;
        }

    .footerRight ul li {
        margin: 5px 0;
        border-top: 1px solid #4677c4;
        background: url(/images/lig.png) left center no-repeat;
        padding: 3px 0px 4px 15px
    }

        .footerRight ul li:first-child {
            border: 0;
        }

ol.numbring li {
    padding-left: 10px;
    margin-bottom: 12px;
}

.mastermenu {
    position: relative;
    background: #576b30;
}

.mstrmenu {
    max-width: 1160px;
    width: 100%;
    text-align: left;
    margin: 0px auto;
}

#headtitle {
    padding: 0px 20px 0 43px;
    font-size: 30px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 400;
    font-family: "Roboto";
    text-transform: uppercase;
    background: #576b30;
    border-top-left-radius: 54px;
    margin-top: 30px;
}

.fbdr {
    margin-top: 300px;
}

.fimg {
    float: right;
}

.fleft {
    float: left;
    max-width: 220px;
    text-align: left
}

.footer p.font18 {
    font-size: 18px;
    font-weight: 600;
}

.master-hdr {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    color: #6DAC3B;
    padding: 10px 0px;
}

.masterIn {
    width: 100%;
    max-width: 1170px;
    margin: 0px auto;
}

.master-text {
    margin: 10px 0;
    min-height: 380px;
    float: left;
    width: 100%;
    color: #6b6b6b;
    padding: 0px 20px;
    line-height: 26px;
    font-size: 18px;
}

    .master-text p {
        margin-bottom: 10px;
    }

    .master-text img {
        max-width: 100%;
    }


.accordionHeader_Y {
    color: #fff;
    background: #576b30 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: #576b30 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 #576b30;
}

.ipibdr {
    border: 2px solid #2962b0;
}

.innerH2 {
    text-align: left;
    margin-bottom: 15px;
}

.innerImg {
    float: right;
    margin-left: 25px;
    box-shadow: 0px 0px 7px 2px rgba(87,107,48,0.75);
    -webkit-box-shadow: 0px 0px 7px 2px rgba(87,107,48,0.75);
    -moz-box-shadow: 0px 0px 7px 2px rgba(87,107,48,0.75);
}

ul.innerUl li {
    padding-left: 40px;
    background: url(/images/ulbg.png) 0px 4px no-repeat;
    margin-bottom: 12px;
}


.innerTbl {
    width: 100%;
    border-collapse: collapse;
}

    .innerTbl tr:first-child {
        font-weight: bold;
    }

.innerTbl {
    width: 100%;
}

    .innerTbl tr td {
        padding: 5px;
    }

.tpr tr td {
    text-align: center;
    vertical-align: top;
    padding: 0 5px 20px 5px;
}

.innerTbl1 {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}

    .innerTbl1 tr td, .innerTbl1 tr th {
        border: 1px solid #b5bacc;
        padding: 4px 5px;
    }

    .innerTbl1 tr th {
        background: #d1d5e3;
    }

    .innerTbl1 tr:nth-child(even) {
        background-color: #b4ffb6;
    }

.innerTbl tr th, .innerTbl tr td {
    border: 1px solid #dee2e6;
    padding: 5px;
}

.back-to-top {
    position: absolute;
    bottom: 12px;
    right: 10px;
    z-index: 999;
}

.innerH3, .master-text h2 {
    color: #576b30;
    font-size: 20px;
    font-weight: bold;
}

.innerH4 {
    color: #006bcd;
    font-size: 18px;
    font-weight: bold;
}

.todContaner {
    color: #242221;
    font: normal normal bold 23px/28px Helvetica;
    color: #242221;
}

.topperName {
    font-weight: bold;
}

.todImg {
    font-style: normal;
    display: none
}

.founder {
    max-height: 350px;
}

.tbgBg {
    background: #8a2f1b;
    color: #fff;
}

.font-20 {
    font-size: 18px;
}

.tbltd3 tr td {
    width: 33%;
}

.gray {
    background: #e8e8e8;
    color: #89201a;
    font-weight: bold;
    font-size: 18px;
}

.contentAccordion table tr td, .contentAccordion table tr th {
    padding: 5px;
}

#app_scroll {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.custom-controls {
    float: left;
    text-align: center;
    height: 40px;
    width: 100%;
    position: relative;
}

#app_scroll .slides li p {
    color: #3B3735;
    font: normal normal normal 20px/32px Helvetica;
    color: #3B3735;
    font-size: 20px;
}

.custom-controls .flex-control-paging li a {
    width: 20px;
    height: 20px;
    background: transparent;
    border: 2px solid #576b30;
}

    .custom-controls .flex-control-paging li a:hover {
        background: #576b30;
    }

.custom-controls .flex-control-nav li {
    margin: 0px 6px;
}

.escode {
    color: #3B3735;
    font: normal normal normal 14px/17px Helvetica;
}

.scode {
    font-size: 20px;
    color: #576b30;
    font-weight: 900;
    font-family: "Roboto";
}

.ftext h2 {
    font: normal normal bold 36px/71px Times New Roman;
    color: #67AE31;
    text-transform: uppercase;
    margin: 0;
}

.ftext h3 {
    font: normal normal bold 21px/1px Times New Roman;
    color: #fff;
    margin: 0;
    margin-bottom: 25px;
}

.ftext p {
    line-height: 32px;
    color: #000;
    text-shadow: 0px 1px 2px rgb(226 226 233);
    font-weight: 400;
    font-family: "Roboto";
    text-align: justify
}

.xyz {
    height: 195px;
}

.t20 {
    color: #000;
    text-shadow: 0px 1px 2px rgb(226 226 233);
    font-family: "Roboto";
}

    .t20 b {
        color: #3B3735
    }

.f14b {
    font-size: 20px;
    line-height: 28px;
    color: #000;
    text-shadow: 0px 1px 2px rgb(226 226 233);
    font-weight: 900;
    font-family: "Roboto";
}

.usefullink li {
    display: block;
}

    .usefullink li a {
        font: normal normal normal 20px/28px Helvetica;
        color: #000;
        text-shadow: 0px 1px 2px rgb(226 226 233);
    }

        .usefullink li a:hover {
            color: #a91f21;
        }
.List_inner {
    list-style-image: url(/images/bullet.png);
    margin: 0px 0px 0px 20px;
}

    .List_inner li {
        margin-bottom: 15px;
    }

        .List_inner li ol {
            margin-top: 10px;
            list-style: lower-roman;
            margin-left: 14px;
        }
        .InnerImg, .remImg, .msgImg {
    -webkit-box-shadow: 0px 0px 54px 0px rgb(0 0 0 / 22%);
    -moz-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 0px 54px 0px rgb(0 0 0 / 22%);
}
.InnerImg {
    float: left;
    margin-right: 30px;
    border: 8px solid #fff;
    margin-bottom: 10px;
}


.staffTbl {
    width: 100%;
}

    .staffTbl tr {
        width: 100%;
    }

        .staffTbl tr td {
            display: inline-block;
            text-align: center;
            margin: 0px 0px 26px 0px;
            line-height: 24px;
            width: 100%;
            width: 25%\9;
            float: left\9;
            max-width: 226px;
            max-width: none\9;
            vertical-align: top;
        }

            .staffTbl tr td img {
                border: 5px solid #fff;
            }

.tableFirst {
    margin-bottom: 10px;
}

    .tableFirst tr td {
        max-width: 100%;
        background: #f2f2f2;
        padding: 31px 0px;
    }

        .tableFirst tr td img {
            max-width: 193px
        }

.membName {
    color: #313131;
    font-weight: bold;
    display: block;
    margin-top: 11px;
    text-transform: capitalize;
}

.membDesig {
    font-style: italic;
    display: block;
    text-transform: capitalize;
}

.staffTbl2 tr td img {
    border: 5px solid #fff;
    webkit-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
}

.table3 tr td img {
    max-width: 165px;
}

.fieldset2 {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 25px;
}

.legend1 {
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    padding: 2px 7px;
}

.red {
    background: #ce3430;
    color: White;
}

.green {
    background: #309d61;
    color: White;
}

.gold {
    background: #f1af2d;
    color: #fff
}

.blue {
    background: #2247c1;
    color: #fff
}

.redBdr {
    border: 1px solid #ce3430;
}

.greenBdr {
    border: 1px solid #309d61
}

.goldBdr {
    border: 1px solid #f1af2d
}

.blueBdr {
    border: 1px solid #2247c1
}
.topperTbl tr td img, .staffTbl tr td img, .topperTbl li img {
    border: 5px solid #fff;
    webkit-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 0px 54px 0px rgb(0 0 0 / 22%);
    max-width: 150px;
}
.classPhotosTbl {
    width: 100%;
    float: left;
    text-align: center
}

    .classPhotosTbl tr td {
        display: inline-block;
        width: 100%;
        max-width: 220px;
        vertical-align: top;
        margin-bottom: 10px;
    }

        .classPhotosTbl tr td img {
            border: 5px solid #fff;
            webkit-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
            -moz-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
            box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
        }

        .classPhotosTbl tr td .membName {
            margin-top: 5px;
        }
        
.topperTbl {
    width: 100%;
    text-align: center
}

    .topperTbl tr td, .topperTbl li {
        display: inline-table;
        border: 1px solid #eaeaea;
        background: #f5f5f5;
        margin: 10px 18px 26px 18px;
        padding: 20px 34px;
    }

        .topperTbl tr td img, .staffTbl tr td img, .topperTbl li img {
            border: 5px solid #fff;
            webkit-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
            -moz-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
            box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.22);
            max-width: 150px;
        }

        .topperTbl tr td b, .topperTbl li b {
            color: #2771c7;
            text-transform: capitalize;
        }

.tprClass {
    background-color: #535252;
    color: #fff;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    margin-bottom: 11px;
}

.topperTbl tr td .toppers, .topperTbl li .toppers {
    width: 94px;
}

.barChart {
    width: 100%;
    height: 162px;
    margin-bottom: 10px;
}

.chartTbl {
    width: 100%;
    float: left;
    border-collapse: collapse;
}

    .chartTbl tr td, .chartTbl tr th {
        padding: 2px 6px;
        line-height: 41px;
    }

    .chartTbl .tr2 td, .chartTbl .trGreen td, .chartTbl .trRed td, .chartTbl .trGold td, .chartTbl .trBlue td {
        border: 1px solid #d4d4d4;
        border-bottom: 0;
        border-top: 0;
        border-right: 0;
    }

    .chartTbl .trGreen td, .chartTbl .trRed td, .chartTbl .trGold td, .chartTbl .trBlue td {
        line-height: 29px;
    }

        .chartTbl .tr2 td:first-child, .chartTbl .trGreen td:first-child, .chartTbl .trRed td:first-child, .chartTbl .trGold td:first-child, .chartTbl .trBlue td:first-child {
            border-left: 0;
        }

    .chartTbl .trGreen td {
        padding-top: 7px;
    }

    .chartTbl .trBlue td {
        padding-bottom: 6px;
    }

    .chartTbl .trGreen td:nth-child(2) {
        font-size: 13px;
    }

    .chartTbl .trRed td:nth-child(2) {
        font-size: 13px;
    }

    .chartTbl .trGold td:nth-child(2) {
        font-size: 13px;
    }

    .chartTbl .trBlue td:nth-child(2) {
        font-size: 13px;
    }



    .chartTbl .trGreen td:nth-child(2):before {
        content: "";
        width: 66px;
        height: 15px;
        background: #309d61;
        float: left;
        margin: 7px 5px 0px 0px;
    }

    .chartTbl .trRed td:nth-child(2):before {
        content: "";
        width: 66px;
        height: 15px;
        background: #ce3430;
        float: left;
        margin: 7px 5px 0px 0px;
    }

    .chartTbl .trGold td:nth-child(2):before {
        content: "";
        width: 66px;
        height: 15px;
        background: #f1af2d;
        float: left;
        margin: 7px 5px 0px 0px;
    }

    .chartTbl .trBlue td:nth-child(2):before {
        content: "";
        width: 66px;
        height: 15px;
        background: #2247c1;
        float: left;
        margin: 7px 5px 0px 0px;
    }

    .chartTbl .tr1 {
        background: #909090;
        color: #fff;
    }

    .chartTbl .tr2 {
        background: #bfbfbf;
        color: #fff;
        text-align: left
    }

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

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

    .chartTbl .trGold {
        text-align: left
    }

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

ul.housePoints {
    width: 100%;
    float: left;
    min-height: 900px;
    padding: 10px;
}

    ul.housePoints li {
        width: 100%;
        max-width: 32.33%;
        float: left;
        background: #f1f1f1;
        margin: 10px .5%;
        min-height: 421px;
    }

.hpHead {
    background-color: #0093dd;
    color: #fff;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 11px;
    float: left;
    width: 100%;
}

.housePmain {
    width: 100%;
    float: left;
    border: 1px solid #535252;
    margin-bottom: 10px;
}

    .housePmain .tprClass {
        margin-bottom: 0px;
    }