body { color:#303030; font-size:15px; font-weight:400; }
*{margin:0;/* padding:0; *//* outline:none; *//* border:none; */}
html,body{width:100%; height:100%; font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 400; letter-spacing:.5px;}
a{text-decoration:none;} img{ border:none; outline:none} ul li{list-style-type:none}
#pnl2{position:relative;} #top-pos{/* margin-top:151px; */background:#fff;position:relative;z-index:4}
#pnl3{position:relative;z-index:1}
ul li {list-style-type:none;}
a img { border:none; outline:none;}
a {text-decoration:none; color: #333;font-weight:300;}
a.peShiner {display: inline-block;margin-top: 15%;}
.HeaderBGC {background: #fff;border-top: 22px solid #d71913;border-top: 2px solid linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 35%, rgb(0, 212, 255) 100%);/* background-image: linear-gradient(90deg, rgb(250 250 250) 0%, rgb(9, 9, 121) 35%, rgb(0, 212, 255) 100%); */}
 #btn1 {display: inline-block;animation: mymove 2s infinite;}
#btn1:hover {-webkit-animation-play-state: paused;}
@keyframes mymove {
0% {transform:translateY(0px)}
50% {transform:translateY(20px)}
100% {transform:translateY(0px)}
}
.caption {position: absolute;z-index: 99;top: 80%;color: #fff;text-transform: uppercase;font-size: 24px;width:100%; padding-left:5%;}
.capin1{ background-color: rgb(255, 255, 255);opacity: 0.749;height:45px;color:#333333; display:inline-block; line-height:45px;padding: 0 10px 0 10px;position:absolute;top:0;}
.capin2 { background-color: rgb(255, 255, 255);opacity: 0.749;height:45px;color:#333333; display:inline-block; line-height:45px;padding: 0 10px 0 10px;position:absolute;top:50px;}
.capin {background:#e8a70d; color:#1a531c; float:left; padding:0px 20px;}
.socialLink {text-align: center; float: right;display: inline-block;}
.socialLink li{margin-left:8px; display:inline-block}
.MobSclink{width:530px; float:right; text-align:left; margin-top:35px}
.container1 {width: 100%;float: left;background: #232279;/* background-image: linear-gradient(90deg, rgb(131, 58, 180) 0%, rgb(253, 29, 29) 50%, rgb(252, 176, 69) 100%); */}
h2{font-size:25px;border: solid 1px #372222;font-weight:600;line-height:36px;color: #112591;position:relative;width: 100%;max-width:100%;text-align: left;margin:0 auto;padding: 6px;text-transform: inherit;}
h2:after{content:""; position:absolute; border-bottom:2px solid #fff; width:40px; margin:auto; right:0; left:0; bottom:-2px}
.wrapper{width:100%; float:left}
.row{width:1200px; max-width:100%; margin:0 auto; position:relative}
.Heading{width:100%;margin-top: 51px;margin-bottom: 30px;float: left;}
h1{font-size:41px; font-weight: 600; font-family: 'Poppins', sans-serif;  line-height:36px; color:#0c0e54}
.bgimgl{height:29px; width:29px; border:1px solid #d9d9d9; box-sizing:border-box; background:url(/images/prev.png) no-repeat center center; border-radius:2px}
.bgimgr{height:29px; width:29px; border:1px solid #d9d9d9; box-sizing:border-box; background:url(/images/prev.png) no-repeat center center; transform:rotate(180deg);  border-radius:2px}

p{line-height:24px;font-size:14px;color:#333;letter-spacing:0.1px;font-weight:500}
.DivRM {
    text-align: center;
    width: 100%;
    float: left;
    background: rgb(2, 0, 36);
    /* margin: 20px auto; */
    height: 6px;
}
.ntc { margin: 54px 0px 30px auto;
}
.Inner_page_ {
    width: 100%;
    float: left;
}
  .Inner_page_ b {
      font-size:16px;
    color: #333;
    font-weight: 600;
}
        .Inner_page_ p {
    font-size: 15px;
    text-align: justify;
    font-weight: 400;
    color: #333;
    line-height:24px;
}
        .new_page {
    float: right;
    margin: 0 0 0 20px;
}
        .new_page img {float:right;padding: 10px;margin-right: 20px;box-shadow: 0px 0px 10px #a09f9f;}

        .pointshed {
    width:100%;
    float: left;
}
        .pointshed ul li {line-height:30px
        }
             .Inner_page_ img {
    padding: 10px;
    float: left;
    margin-right: 20px;
    box-shadow: 0px 0px 10px #a09f9f;
}
        .pointshed {
    line-height: 30px;
}
        .tod.pb-4.text-uppercase {
    width: 100%;
    float: left;
}
        .todContaner {
    width: 900px;
    margin: 0 auto;
    text-align: center;
    line-height: 40px;
        text-transform: capitalize;
}

        .fade_in_center {
    width: 100%;
    float: left;
    /* margin: 0 45px 0 0; */
}
        .todImg.text-center.d-block {
    margin-bottom: 20px;
        font-weight: 400;font-size: 14px;
}

.readmore {display: inline-block;width:120px;height:40px;line-height:40px;border-radius: 10px;/* background-color: #232279; */color: #fff;position: relative;z-index: 1;overflow: hidden;border: 1px solid #fff;box-sizing:border-box;font-weight:200;/* background-image: linear-gradient(90deg, rgb(131, 58, 180) 0%, rgb(253, 29, 29) 50%, rgb(252, 176, 69) 100%); */}
a.readmore:before {position: absolute;content: "";height: 100%;width: 0;left: 0;top: 0;transition: all .5s ease;background: #fff;border-radius: 10px;z-index: -1}

/**************************** First Scroll Section **************************************/
#pnl1{width:100%; max-width:100%; position:relative; left:0; right:0; margin:auto; z-index:5; text-align:center; background: url(/images/scroll-background-img.png) no-repeat top center; background-size:cover}
.SecLogo > img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto}
.SVS{font-size:14px; font-family: 'Poppins', sans-serif; font-weight:400; color:#fff; line-height:24px; margin-bottom:10px}
.Clickhere{position:absolute; bottom:27px; right:0; left:0; margin:auto; letter-spacing:.5px}

/**************************** Fixed Slider Section **************************************/
.FSlider{width:100%; max-width:100%; float:left; position:fixed; right:0; left:0; top:0; margin:auto; z-index:0}
.FSlider > ul.slides, .FSlider > ul.slides li{position:relative}
.slide-text{position:absolute; bottom:40px; left:77px}
.slider-quotes{float:left; margin-bottom:3px; font-size:22px; font-weight: 300; background:rgba(247, 247, 247, 0.70); display:inline-block; padding-left:10px; padding-right:30px;padding-top: 6px; padding-bottom: 6px; text-transform:uppercase; clear:both}
.FSlider .flex-control-nav, .slide-text{visibility:hidden}

/**************************** Heading Icon Section **************************************/
.Notice-icon:before{position:absolute; content:""; background:url(/images/notice-icon.png) no-repeat top center; width:30px; height:19px; bottom:40px; margin:auto; right:0; left:0}

.about:before{position:absolute; content:""; background:url(/images/about.png) no-repeat top center; width:22px; height:22px; bottom:40px; margin:auto; right:0; left:0}
.founder:before{position:absolute; content:""; background:url(/images/founder.png) no-repeat top center; width:21px; height:23px; bottom:40px; margin:auto; right:0; left:0}
.photo-icon:before{position:absolute; content:""; background:url(/images/photogallery.png) no-repeat top center; width:24px; height:18px; bottom:40px; margin:auto; right:0; left:0}
h2.photo-icon:after{content:""; position:absolute; border-bottom:2px solid #fff; width:40px; margin:auto; right:0; left:0; bottom:-2px}
.photo-icon{color:#fff}
.event-icon:before{position:absolute; content:""; background:url(/images/inf.png) no-repeat top center; width:33px; height:23px; bottom:40px; margin:auto; right:0; left:0}
.toppers-icon:before{position:absolute; content:""; background:url(/images/toppers-icon.png) no-repeat top center; width:21px; height:22px; bottom:40px; margin:auto; right:0; left:0}
.birthday-icon:before{position:absolute; content:""; background:url(/images/birthday.png) no-repeat top center; width:22px; height:22px; bottom:40px; margin:auto; right:0; left:0}
/**************************** Header and Main Menu Section **************************************/

.fixed{position:relative;z-index:6}
.LogoSec{width:600px; max-width:100%; float:left}
.LogoSec > a{float:left;}
.logo-img, .logo-m{float:left; margin:8px auto 6px auto}
.logo-m{display:none}
.afltn{font-size:16px; font-weight:300; color:#0c0e54}
.SchLoc{font-size:18px; font-weight:500; color:#0c0e54; letter-spacing: 0}
.LName {float: left;margin-left: 10px}
.phone{font-size:16px; font-weight:300; color: #000; position:relative}
.phone:after{content:""; position:absolute; border-right:1px solid #000; height:100%; right: -12px; display: none}
.Menubg{width:100%;float:left;/* background-color: #e51b21; *//* border-top:2px solid #232279; */background-image: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 35%, rgb(214 21 14) 100%);}
.Menu{width:1200px; max-width:100%; margin:0 auto}
.Menu > ul{width:100%; text-align:center; line-height:44px}
.m-li {display: inline-block;padding: 0 25px;text-transform: uppercase;position: relative;}
.m-li > a{font-size:14px; font-weight:300; color:#fff; display:block; position:relative}
.m-li > a:after {content: "";position: absolute;border-right: 1px solid #fff;height: 10px;right: -20px;top: 17px}
.m-li:last-child > a:after{display:none}
.sub-menu{visibility:hidden; opacity:0; position:absolute; top: 44px; min-width:270px; left:0}
.sub-menu > ul{position:relative; width:100%}
.sm-li {background: #232279;border-bottom: 1px solid #fff;text-align:left;padding-left:10px}
.sm-li:last-child {border-bottom:2px solid #232279;}
.sm-li > a{color: #fcfbf6; font-size: 14px; font-weight: 300;display:block;}

/**************************** Notice Board Section Section **************************************/
.eventH1 {color: #fff;font-size: 14px; font-weight: 400;}
.container{width:100%; float:left}
.WrapNotice{float:left; width:100%; position:relative; margin-bottom:15px}
div#Notice{width:800px !important; margin: 0 auto;}
div#Notice ul{text-align:left}
div#Notice ul li{display:inline-block; width:410px!important; float:left; max-width:100%; height:50px !important}
.NewsContainer{width:100%}
span.TotNewsCnt {float: left;font-size: 44px;color: #bfbfbf;line-height: 52px; font-weight:400}
.NotxtSec {float: left;width: 301px;max-width: 100%; margin-left:12px}
span.date {display: block;color: #bfbfbf;font-size: 14px}
span.Noticetext {display: block;font-size: 15px;font-weight: 400; line-height:15px}
span.Noticetext > a{color:#333}
.NoticeL{position:absolute; left:133px; top:17px}
.NoticeR{position:absolute; right:133px; top:17px}
.notice_section {width:100%;}
.S_num {float: left;font-size: 44px;color:#fff; font-weight: 200; opacity:0.2;text-align: center;width: 65px;}
.notic_date {font-size: 14px;color:#fff;width: 340px; font-weight: 200;float: right;padding: 10px 0px 0px 0px;opacity:0.2;}
.notice_deception {font-size: 15px;width: 340px;color: #fff;float: right;margin: -5px 0 0 0px;}
#Notice ul li .S_num:first-child {text-align: right;width: 60px;}

/******************************************************* Thought of the day **************************************/

.container2 {width: 100%;float: left;background: #0b1457;margin-bottom: 40px;text-align: center;text-transform: uppercase;color: white}
.Thought-icon:before {
    position: absolute;
    content: "";
    background: url(/images/Thought-icon.png) no-repeat top center;
    width: 30px;
    height: 25px;
    bottom: 40px;
    margin: auto;
    right: 0;
    left: 0;
}














/**************************** Principal, About Us & Founder Section Section **************************************/
.container3 {height:421px;background: #391515;width:100%;float:left;margin: 40px 0;background-size:cover;}
.Principal {float: left;width: 100%;max-width: 100%;/* margin-right: 30px; *//* margin-left: 12px; *//* border: solid; */}
h2.message {color: rgb(9, 9, 121);}
h2.about {color: rgb(231, 15, 42);}
.message:after {border-bottom: 2px solid #232279;}
.about:after {border-bottom: 2px solid #232279;}
.Comm{width:100%;float:left}
.Comm-img{width:100%; display:block;float:left;}
.Comm p {
    text-align: justify;
    letter-spacing: 0px;
}
.AboutUs{float:left; width:573px; max-width:100%; }
.photobg{ width:100%;  float:left;}
.Photogallery{width:1200px; max-width:100%; }
div#PGallerySl{width:990px; max-width:100%; margin:0 auto; position:relative;}
div#PGSlider{width:850px !important; max-width:100%; margin:0 auto; margin-top:25px}
div#PGSlider > ul{width:100%; float:left; text-align:center}
div#PGSlider > ul > li{display:inline-block; height: 171px; width:268px; margin-right:25px}
.GalleryDetails {text-align: center;color: #fff; margin-top:20px}
span.glryDate {font-size: 13px; display:block}
.tprH {font-size: 18px}
.PGImage{max-width:100%; max-height:100%}
.PhotoL {position: absolute;left: 125px;top: 175px;}
.PhotoR {position: absolute;right: 106px;top: 175px;}
.about_ {margin: 25px 0px 40px auto;}
.readmore_gallery {
    display: inline-block;
  width:120px;height:40px;line-height:40px;
    border-radius: 10px;
    background-color: transparent;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #fff;
}
a.readmore_gallery:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    transition: all .5s ease;
    background: #fff;
    z-index: -1;
}
a.readmore_gallery:hover {
    color: #c90d25;
    background:#fff;
    font-weight: 400;
    transition: all .4s ease;
    border:1px solid #fff;

}
a.readmore_gallery:hover:before {
    width: 100%;
    transition: all .4s ease;
}

.readmore_border {
    display: inline-block;
    width:120px;
    height:40px;
    line-height:40px;
    border-radius: 10px;
    /* background-color: #fff; */
    color: #ffffff;
    position: relative;
    cursor:pointer;
    z-index: 1;
    font-weight: 500;
    overflow: hidden;
    border: 1px solid rgb(231 15 42);
    background-image: linear-gradient(90deg, rgb(131, 58, 180) 0%, rgb(253, 29, 29) 50%, rgb(252, 176, 69) 100%);
}
a.readmore_border:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    transition: all .5s ease;
    background: #232279;

    z-index: -1;
}

a.readmore_border:hover {
    color: #fff;
    /* background: #222290; */
    transition: all .4s ease;
    border:1px solid #222279;
    background-image: linear-gradient(90deg, rgb(131, 58, 180) 0%, rgb(253, 29, 29) 50%, rgb(252, 176, 69) 100%);
}
a.readmore_border:hover:before {
    width: 100%;
    transition: all .4s ease;
}
/**************************** Photo Gallery Section Section **************************************/

.ExtLinks{text-align:center; width:100%; margin-bottom:20px }
.ExtLinks li { width: 170px;height: 170px; display: inline-block;margin: 0 15px;vertical-align: top;box-sizing: border-box;position: relative;border-radius: 5px;}
.rot{width:170px;height:170px;background-color: #c9c9ff;box-sizing:border-box;position:absolute;transition:all .4s ease-in;border-radius: 65px;z-index:0;/* background-image: linear-gradient(90deg, rgb(131, 58, 180) 0%, rgb(13 13 73) 50%, rgb(252, 176, 69) 100%); */}
.ExtLinkText{position:absolute; bottom: 40px; color: #fff; right: 0; left: 0; margin: auto; top: auto; font-size:15px; font-weight: 300;}
.facility {background: url(images/login.png) no-repeat 0px bottom;width: 94px;height: 71px;position: relative;display: block;margin: 0 auto;top: 45px;}
.Virtualtour {background: url(images/kids.png) no-repeat 0px bottom;width: 107px;height: 66px;position: relative;display: block;margin: 0 auto;top: 41px;}
.Kids{background: url(images/join.png) no-repeat 0px bottom;width: 86px;height: 60px;position: relative;display: block;margin: 0 auto;top: 39px}
.Alumni{background: url(/images/alumni12.png) no-repeat 10px bottom;width: 106px;height: 50px;position: relative;display: block;margin: 0 auto;top: 44px;}
.Event_cal {background: url(/images/event.png) no-repeat 27px bottom;width: 106px;height: 50px;position: relative;display: block;margin: 0 auto;top: 44px;}
#PGallerySl ul li {margin-left:22px}

.Description p{color:#fff;font-weight: 400;font-size:13px;}
.Description h4 {color:#fff;font-weight: 300;font-size:18px;}




/**************************** Events, Toppers & Birthday Section Section **************************************/
table#EventControl_Calendar1 {border: none !important} th.Daystyle {border: 1px solid #dadada; text-transform:uppercase} th.Daystyle:first-child {color: #ea2c42 !important}
table.caltitle {font-size: 14px;font-weight: 400 !important;float: right;width: 35% !important; position:relative; top:3px}
table.caltitle tr td{line-height:13px} table.caltitle tr td > a {display: block;float: left} .EventCalender{width:460px; max-width:100%; float:left}
img.calprev {float: right} img.calnext {float: left}
.Events{width:100%; margin-top:15px}
div#SlideEvent{width:300px !important; float:left}
.Evntdate{padding:6px 0px; width:37px; text-align:center; font-size:18px; background:url(/images/EvntDatebg.png) no-repeat top center; float:left; color:#ea2c42}
.EventName{width:242px; float:left; margin-left:20px; font-size:15px; text-transform:uppercase; line-height:18px}
.EvntGo{float:right}
.Infrastructure{position:relative; width:100%; float:left; text-align:center}
 div#Infra{width:365px; max-width:100%; display:inline-block; margin-top:32px; height:300px}
div#Infra > ul{width:100%; float:left; text-align:center}
div#Infra > ul > li{width:100%; float:left; display:inline-block; float:left}
div#Infra > ul > li > img{margin-bottom:15px}
a.Infral.bgimgl {position: absolute;left: 0;top: 137px}
a.Infrar.bgimgr {position: absolute;right: 0;top: 137px}
.TopperSec{width:575px;float:left;/* background:url(/images/toppers_back.jpg) no-repeat center; */height: 500px;}
.BrithdaySec{width:575px; float:left; position:relative;background:url(/images/birthady_back.jpg) center no-repeat;margin-left:40px;height: 500px;}
.Class, .STName{width:100%; float:left; margin-bottom:25px; text-align:center}

.Class li {display:inline-block; background-color:rgba(242, 242, 236, .9);line-height: 35px;box-sizing: border-box;}
.STName li{display:inline-block;background-color: rgb(252, 176, 69);line-height: 35px;border-radius: 17px;}
.techer {width: 125px;display: block;color: #fff;font-size: 15px;background: #ff0c0c;font-weight: 400;border-left: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 1px solid #fff;border-top: 1px solid #fff;box-sizing: border-box;border-radius: 31px;}
 .std {width: 106px;display: block;color: #fff;font-size: 15px;background: #222278;font-weight: 400;margin-right: 1px;box-sizing: border-box;border-left: 1px solid #fff;border-bottom: 1px solid #fff;border-top: 1px solid #fff;border-radius: 31px;}
/*.clsX,.clsXII {width: 125px;display: block; color: #fff!important;font-size: 15px;background: #222278;font-weight: 400;}*/

#tps12 {
    width: 120px;
    margin: 0 auto;
}
.clsX{
    width: 120px;
    display: block;
    color: #fff !important;
    font-size: 15px;
    background: rgb(253 29 29);
    font-weight: 400;
    margin-right: 8px;
    border-radius: 31px;
    box-sizing: border-box;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    }
.clsXII{
    width: 125px;
    display: block;
    color: #fff !important;
    font-size: 15px;
    background: #222278;
    border-radius: 31px;
    font-weight: 400;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    box-sizing: border-box;
}
.Active{visibility:visible !important; z-index:5 !important}
.Topper, .Birthday{width:100%; float:left; position:relative}
div#top12, div#teacher{margin-top: -232px !important;}
div#top10, div#top12, div#std, div#teacher{width: 308px !important;margin:0 auto;height:232px;}
#tps10{display:block; width:120px; margin:0 auto;}
div#std ul li > div {background-color: #fcfbf6}
.toperpercetn, .toperName, .BirthName, .BirthClass{font-size:14px; display:block; text-align:center; color:#fff; text-transform:capitalize; margin-top:5px; line-height:18px;background: #222278; font-weight: 200;}
.toperpercetn{text-transform:uppercase;}
.Vall{margin:0px auto;}
div#std ul li {color:#fff}
div#std ul li > img {}
.topperl, .Birthdayl{position:absolute;left: 117px;top:75px}
.topperr, .Birthdayr{position:absolute; right:132px; top:75px}
.Mobileappbg {
    width: 445px;
    float: left;
}
.hand_image {
    margin-bottom: -7px;
}
.MApp-container {width:1200px; border-top:5px solid ; max-width: 100%;margin: 0 auto}
.AppDownload {
    width: 675px;
    max-width: 100%;
    text-align: left;
    float: left;
    margin-top: 60px;
}
.apptxt {
    font-size: 14px;
    text-align: justify;
    font-weight: 500;
    margin-top: 5px;
    letter-spacing: 0px;
}
.apptxt1 {
    font-size: 15px;
    font-weight: 500;
    margin-top: 0px;
    text-align: left;
    width: 145px;
    float: left;color:#333;
}
.applinks {
    text-align: left;
    width: 100%;
    margin: 45px 0 18px 0;
}
.applinks li{display:inline-block; padding:0 5px}
.SCtxt {
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #28991d;
    width: 150px;
    float: left;
    text-align: left;
}

.Code {color: #eb2d42; font-size: 18px}
input#myInput{width:77px; border: transparent}
.copytxt{font-size:14.5px; font-weight:400; color: #bfbfbf; position:relative;background: none;border: none;margin-top: 16px; padding-left: 16px;}
.copytxt:before{content:""; position:absolute; left:0; background:url(/images/copy-content.png) no-repeat; height:13px; width:11px; top:3px}
h4.mobile_app {
    font-size: 25px;
    font-weight: 600;
    color:  rgb(231, 15, 42);
    text-align: left;
    text-transform: uppercase;
}
/**************************** footer, copyright and Visitor count Section **************************************/
p.todText, .topperName.pcolor {
    font-weight: 400;
}
.footer {
    width: 100%;
    float: left;
}
.copyright {
   
    width: 100%;
    height: 60px;
    float: left;
    position: relative;
    background-image: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 35%, rgb(214 21 14) 100%);
}
.cpr-in{width:1200px; max-width:100%; margin:0 auto}
.cprtext {font-size: 12px;font-weight: 400;color: #fff;margin: 17px auto;text-align: center;}
a#totop{position:fixed; bottom:50px; right:10px; z-index:99999; display:none}
.holidayHworkMob { display:none;position: absolute; top: 10%;right: 10px;z-index: 99; }
.holidayHwork { position:absolute; top:40px; right:30px;  width:100%; max-width:250px; }
.holidayHwork a img { max-width:100%; }
@-moz-document url-prefix(){table.caltitle tr td{line-height:17px !important}
}
/******************************Master CSS************************************/


/****************************END**************************************/