img { border:none; outline:none;} a{ text-decoration:none;} p,ol,ul { margin:0px; padding:0px;} a:hover{transition: all 0.9s ease;} 
html, body{width: 100%;height: 100%;}
body { text-align:justify; margin:0px auto; padding:0px auto; overflow-x:hidden; font-family:Arial; font-size:12px; line-height:19px;}
.left-section {position:fixed; top:0px; left:0px; width:100%; }
.left-box { width:180px; float:left; position:absolute; top:0px; left:0px;}
.left-box-in { background:#43372c; float:left; width:100%; }
.logo-box { width: 373px; margin-top:13px; height:100px; padding-right:35px; position:relative; z-index:99;  background:url(/images/logo-curve.png) top right no-repeat;}
.logo-box-in { width:100%; float:left; height:91px; background:#53473d;}
.logo-shedow {float: left;margin-left: 5px;}
.logo-name { float:left; width:417px; height:75px; margin:7px 0px 0px 17px; }
.logo-name-mobile { display:none;}
.e-care-b { width:100%; background:#7bab54; margin-top:5px; height:73px; float:left;}
.e-care-b a { width:111px; height:57px; float:left; margin:8px 0px 0px 25px; background:url(/images/e-care-logo.png) top left no-repeat;}
.e-care-b a:hover { background:url(/images/e-care-logo.png) bottom left no-repeat; filter: alpha(opacity=60); transition: all 0.9s ease;}
.right-section {float: right; width: 504px; top: 100%; right:10px; position: absolute; }
.right-in { float:right; margin-top: -116px; width:100%; }
.brown-box{ width:94%; padding:0px 3%; float:left; background:#43372c;}
.box-line { border-top:1px solid #3b2d21;}
.yellow-box{ width:93%; padding:0px 3.5%; float:left; background:#ffcb67;}
.yellow-box p { color:#2f2d2d; clear:both; line-height:19px; font-size:12px; font-family:Arial; word-spacing:2px;}
a.read-more{ float:right; color:#b1450a; font-family:Arial; font-size:13px; line-height:18px; padding-left:7px; border-left:1px solid #d19e3b;}
a.read-more:hover { color:#43372c;}
.y-line { border-top:1px solid #e7b656;}

.about-box { background:#ff5d2d; width:93%; padding:0px 3.5%; float:left; margin-top:25px; }

.about-box p { color:#fff; clear:both; line-height:19px; width:100%; font-size:13px; font-family:Arial; word-spacing:2px; margin-top:-2px; float:left;}
.school-bdng { margin-top:5px; max-width:100%;}
a.read-more2{ float:right; color:#fff; margin-top:13px; font-family:Arial; font-size:13px; line-height:18px; margin-bottom: 8px; }
a.read-more2:hover { color:#e6b517;}
.news-notice,.big-icon,.gallery-in,.toppers,.big-icon-m { width:100%; float:left;}
.toppers-x{ width:97%; float:left;  margin-left:3%; margin-top: 18px;  position:relative;}
.toppers-xii { float:right; margin-top: 18px;  position:relative;}
.clear { height:14px; width:100%; float:left;} 
.heading { color:#fff2d3; font-weight:normal; font-family:Arial; font-size:25px; line-height:20px; margin:11px 0px;  float:left;  }
a.view-all { float:right; margin-top:17px; color:#ffce3d; font-family:Arial; font-size:13px;}
a.view-all:hover { color:#fff; }
a.view-all1 { float:right; margin-top:14px; color:#b1450a; font-family:Arial; font-size:13px; line-height:18px; margin-left:10px; padding-left:7px; border-left:1px solid #d19e3b;}
a.view-all1:hover { color:#68382a; }
.modalBackground{background-color: Black; filter: alpha(opacity=50); opacity: 0.80; z-index: 10000;}
#newnotice { width:100%; overflow: hidden; left:0px!important; float:left;  margin-top:-8px; }
#newnotice ul{ margin:0px; padding:0px;  }
#newnotice ul li{ height:79px!important;    }
.previous{ cursor:pointer;position: relative;z-index: 99; }
.next{ cursor:pointer;position: relative;z-index: 99; margin-top:1px;}
.updon,.update-date,.months { font-family:Arial; font-family:Arial; color:#ffc814; font-size:14px; font-weight:normal;}
.news-text { width:100%; float:left; color:#fff2d3; font-family:Arial;  font-size:12px;}
.news-text1 { display:none;}
.news-link a {float:right; color:#ffce3d; font-family:Arial; font-size:12px;}
.news-link a:hover{ color:#fff;}
.update-date sup { font-size: 8px;}
.news1 { float:left; width:100%; }
.news-img {  float:left; }
.news-in1 { float:left; width:100%; }
.news-in { width:100%; float:left; margin-top:-10px;}
.big-icon ul{ float:left; width:100%; list-style:none;}
.big-icon ul li { width:145px; height:116px; float:left; margin:17px 0px 0px 18px; background:#6d5f53; border-bottom:3px solid #ff852c; border-top:3px solid #ff852c; }
.big-icon ul li:first-child,.big-icon ul li:nth-child(4) { margin:17px 0px 0px 0px; }
.big-icon ul li:hover { background:#3b2d21; border-bottom:3px solid #f4be0b; border-top:3px solid #f4be0b;}

.big-icon-m ul{ float:left; width:100%; list-style:none;}
.big-icon-m ul li { width:115px; height:110px; float:left; margin:17px 0px 0px 10px; background:#6d5f53; border-bottom:3px solid #ff852c; border-top:3px solid #ff852c; }
.big-icon-m ul li:first-child,.big-icon ul li:nth-child(4) { margin:17px 0px 0px 0px; }
.big-icon-m ul li:hover { background:#3b2d21; border-bottom:3px solid #f4be0b; border-top:3px solid #f4be0b;}
.master-text {color:#43372c; clear:both; line-height:19px; font-size:13px; font-family:Arial;  float:left; width:100%}
.master-box { background:url(/images/bg-rpt.png); padding:1% 2%; float:left; width:96% }
.master-section {float: right;  width:742px;  right:10px; position: absolute; }
.master-in { float:right;  width:100%; }
.master-head {background:url(/images/bgh.png); color:#fff2d3; width:96%; padding:0px 2%; float:left; margin-top:35px; }

a.kids-cnr{ width:100%; float:left; height:100%; background: url(/images/kids-icon.png) center 52% no-repeat;}
a.kids-cnr:hover{ background:url(/images/kids-iconh.png) center 10px no-repeat; background:url(/images/kids-iconh.png) center 52% no-repeat\9; }
a.virtual-t{ width:100%; float:left; height:100%; background:url(/images/vt360.png) center 52% no-repeat;}
a.virtual-t:hover{ background:url(/images/vt360h.png) center 10px no-repeat; background:url(/images/vt360h.png) center 52% no-repeat\9;}
a.event-c{ width:100%; float:left; height:100%; background:url(/images/e-clndr.png) center 52% no-repeat;}
a.event-c:hover{ background:url(/images/e-clndrh.png) center 10px no-repeat; background:url(/images/e-clndrh.png) center 52% no-repeat\9;}
a.join-us{ width:100%; float:left; height:100%; background:url(/images/join-usico.png) center 52% no-repeat;}
a.join-us:hover{ background:url(/images/join-usicoh.png) center 10px no-repeat; background:url(/images/join-usicoh.png) center 52% no-repeat\9;}
a.alumni{ width:100%; float:left; height:100%; background:url(/images/alumni-i.png) center 52% no-repeat;}
a.alumni:hover{ background:url(/images/alumni-ih.png) center 10px no-repeat;  background:url(/images/alumni-ih.png) center 52% no-repeat\9;}
a.school-mgn{ width:100%; float:left; height:100%; background:url(/images/school-mgn.png) center 52% no-repeat;}
a.school-mgn:hover{ background:url(/images/school-mgnh.png) center 10px no-repeat; background:url(/images/school-mgnh.png) center 52% no-repeat\9;}
#gallery { width:100%; overflow: hidden; left:4px!important; margin-top:9px; float:left; }
#gallery ul{ margin:0px; padding:0px;  }
#gallery ul li{ height:84px!important; margin-left:12px; float:left; overflow:hidden; margin-bottom:11px;  }
#gallery ul li img { width:130px;}
.previous-g{ cursor:pointer;position: relative;z-index: 99; float:right; margin-top:42px; margin-right: 3px;}
.next-g{ cursor:pointer;position: relative;z-index: 99; margin-top:42px; float:left; margin-left: 4px;}
.updated-on { float:left; margin-left:19%; margin-top:7px;}
#gallerydetails_lblAlbumdetail { color:#fff; font-size:11px;}
#gallerydetails_lblAlbumdetail b { color:#ffc814; font-size:11px; }
.happy-bdy { width:100%; float:left; background: url(/images/happy-bdy.png) center 10px no-repeat; position:relative;}
#happy-b { width:100%; overflow: hidden; left:56px!important; margin-top:9px; float:left; }
#happy-b ul{ margin:0px; padding:0px;  }
#happy-b ul li{ height:96px!important; margin-left:12px; float:left; overflow:hidden; margin-top:66px; width:340px; }
.previous-b{ cursor:pointer; position: absolute;z-index: 99; right: 39px; top:112px; /*margin-top: 112px; margin-right: 59px;*/}
.next-b{ cursor:pointer; position: absolute;z-index: 99;  float:left; left: 37px; top:112px; /* margin-top: 112px; margin-left: 55px;*/}

.imagecss { border:1px solid #a35a24; width:75px; height:94px; float:left;}
.namecss{ margin-left:35px; float:left; width:216px; text-transform: capitalize; margin-top:18px; background:#de9447; color:#fff; line-height:27px; font-size:12px; font-family:Arial; text-align:center;}
.STNoBirthday{ margin-left:35px; float:left; width:216px; text-transform: capitalize; margin-top:35px; background:#de9447; color:#fff; line-height:27px; font-size:12px; font-family:Arial; text-align:center;}

.sTClassCss {margin-left:35px; float:left; width:216px; margin-top:2px; background:#ffebc5; color:#272727; line-height:27px; font-size:12px; font-family:Arial; text-align:center;}
#toppers-10 { width:100%; overflow: hidden; left:0px!important; margin-top:0px; float:left; }
#toppers-10 ul{ margin:0px; padding:0px;  }
#toppers-10 ul li{ height:100px!important; width:210px;  float:left; overflow:hidden; }
#toppers-10 ul li img { float:left;  width:74px; border:1px solid #a35a25;  height:86px;}
.previous-t{ cursor:pointer; position: absolute;z-index: 99; right: 5px; top: 35px;}
.next-t{ cursor:pointer; position: absolute;z-index: 99;  float:left; left: -19px; top: 35px;}
#toppers-12 { width:100%; overflow: hidden; left:0px!important; margin-top:0px; float:left; }
#toppers-12 ul{ margin:0px; padding:0px;  }
#toppers-12 ul li{ height:100px!important; width:210px;  float:left; overflow:hidden; }
#toppers-12 ul li img {float:left;  width:74px; border:1px solid #0db113; height:86px;}
.previous-xx{ cursor:pointer; position: absolute;z-index: 99; margin-top: 35px; right:-3px; }
.next-xx{ cursor:pointer; position: absolute;z-index: 99;  margin-top: 35px; left:-17px;}

.std-name,.std-marks { width:60%; background:#ffebc5; float:left; text-align:center;}
.std-name { margin-top:29px;}
.footer-box {/* background:#bd16f7; */width: 100%;float:left;}
.f-line {/* border-top: 1px solid #000000; */}
.footer-icon{  float:left; margin-top:12px; margin-left: 33%;}
.footer-icon ul{ float:right; list-style:none; margin:0; padding:0; padding:2px 0; }
.footer-icon ul li{ margin:0 11px; padding:0; float:left; margin-top:7px; }
.footer-icon ul li:last-child { margin-left:5px;}
.footer-icon ul li a:hover {  opacity: 0.6; }
.footer-icon ul li a {  -webkit-transition: all 0.2s ease; float:left;   -moz-transition: all 0.2s ease;  -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;  transition: all 0.2s ease;} 
.footer-icon ul li a:hover {  -webkit-transform: rotate(-360deg); float:left; -moz-transform: rotate(-360deg);
       -o-transform: rotate(-360deg);  -ms-transform: rotate(-360deg);  transform: rotate(-360deg); filter: alpha(opacity=60); transition: all 0.9s ease;}
.footer-text {float:left;width:100%;color: #fff;font-size:11px;text-align:center;margin-top:11px;}
.footer-right{float:left;width:100%;color: #fff;font-size:11px;text-align:center;margin-bottom:5px;}
.footer-right a {color: #fff;}
.footer-right a:hover { color:#fff;}


/*-- content-in --*/

.up{padding:0px; margin::0px}
.up ul{padding:0px 0 0 19px; margin:0px; list-style-image:url(/images/arrow.png)}
.up ul li{padding:0px; margin:0px; line-height:24px;}
.c{clear:both}
.uniform_box{ width:100%; padding:0px; margin:auto; }

.uf{width:96%; padding:2%; height:auto; float:left; margin-top:20px; margin-bottom:10px; background:#fff;border-radius:8px;box-shadow: 0 0 16px rgba(0,0,0,0.2);}
.uf h1{ text-align:center}
.uf p{padding:10px 0 0 0; margin:0px 0 6px -18px}
.uf ul{padding:0px 0 0 33px; margin:0px; list-style-image:url(/images/arrow.png);color:#191923}
.uf ul li {padding:0px; margin:0px; color:#191923}
.uf img{padding:0px; margin:10px 0px 0px 0px;}
.uform{color:#3b3d43;}
.uform-h { background: #776a5f;
text-align: center;
color: #fff;
text-transform: uppercase;
width: 100%;
float: left;
padding: 4px 0px;}

.table{ padding:10px 0 10px 0; margin:0px}

.table img{ margin:0px 2px 0 158px}
.table1 img{ margin:0px 0px 0 94px}


.cl{padding:0px; margin:0px}
.cl p{padding:0px; margin:0px; font-weight:700; text-align:center; font-style:italic}
.cl p span{color:Maroon; text-transform:uppercase;}

.Prayer{padding:0px; margin:0px;width:100%; border:1px solid#979798; background:url(/images/prayer.png);border-radius:8px;}
.Prayer h1{text-align:center; font-style:italic; color:#212130; font-size:14px;padding:10px 0px 0px 0px}
.Prayer p{ color:#3c311c; padding:0px; margin:0px; font-size:12px; text-align:center;font-style:italic; line-height:22px; font-weight:700}

.all_satff{width:100%; padding:0px; margin:0px; height:600px;}
.box_all{ background:#c6c6bb; width:48%; padding:0px; margin:0px 12px 0 0px; border-radius:8px; float:left; border:1px solid#cccccc;box-shadow:0px 0px 9px #888888;margin-top:10px}
.box_all_left{ width:62%; padding:0px; margin:0px;float:left;}
.box_all_left ul{padding:0px; margin:0px 0 0 0px; list-style:none; float:left; color:#fff2d3; width:50%;}
.box_all_left ul li,.p-left{padding:17px 0px; margin:0px; border:1px solid#edeeef; font-weight:700; font-family:monospace; font-size:12px; text-transform: uppercase;line-height:12px;color#434d58; text-align:center}
.p-left { background:#43372c; color:#fff2d3; margin-top:9px;}
/*.box_all_left ul li:hover{ background:#bdb6af; color:#fff}*/

.box_all_right{width:35%; padding:0px; margin:0px;float:right;}
.box_all_right img{width:112px;  padding:0px; margin:8px 9px; border-radius:6px;float:right;}



 .virtual-btn { width:118px; float:left; margin-bottom:10px; }
 .btn-txt { width:100%; float:left; text-align:center;}
 .btn-view1 { color:#ffb22a;}
 .btn-view{ color:#7f7a76;}
 
.iframe-1{height: 500px!important;float: left;background-color: transparent;border: none;outline: none;}

.visitor { float:left; width:100%; text-align:center; margin-bottom:15px;}
.c{ clear:both}

.app_icon{float:right; background:#43372c;width: 16.2%;height:40px;margin:-30px 1px 0 0;}
.app_icon a {width:142px; height:40px; float:left; margin:-1px 0px 0px 5px; background: url(../images/app-button.png) top left no-repeat;}
.app_icon a:hover { margin:2px 0px 0px 5px; background:url(../images/app-button.png) bottom left no-repeat; filter: alpha(opacity=80); transition: all 0.8s ease;}



.app_icon1{float:right; background:#43372c; width: 216px; height:40px;margin:10px 1px 0 0;}
.app_icon1 a {width: 170px; height:40px; float:left; margin: -1px 0px 0px 5px; background: url(../images/android.png) top left no-repeat;}
.app_icon1 a:hover { margin:2px 0px 0px 5px; background:url(../images/android.png)bottom left no-repeat; filter: alpha(opacity=80); transition: all 0.8s ease;}


.c{ clear:both}	
	
	
.app-box{width:100%;margin: auto;padding:0px;border-top: 2px solid #fff;margin-top: 21px;}

.dowlod{width:100%; height:44px; margin-top:15px; text-align:center; float:left; line-height:12px}
.dowlod span{color: #fff;font-size:12px;width: 100%;font-weight: bold;line-height:9px;font-family:Arial;padding:0px;margin:0px;}

.dowlod1{width: 100%; margin-top:12px;  float:left;margin:auto;text-align:center;}
.dowlod1 a{ outline:none; text-decoration:none; cursor:default!important}
.dowlod1 img{margin: 4px 14px 0px 0;padding:0px;cursor:pointer;}


.dowlod3{ width:100%; height:60px; float:left; margin:6px 0 0 14px}
.dowlod3 h1{text-align: center;color: #fff;font-size: 13px;width: 100%;font-weight: bold;line-height:9px;font-family:Arial;margin: 0 2px 0 0;padding:-15px -1px 0 0;}
.dowlod3 h2{color: #fff;font-size:16px;width: 100%;font-weight: bold;line-height:24px;font-family:Arial;margin:0;padding: 0px;text-align:center;} 


.holiday_hw {  
   
    text-align: center;
    margin: 5px 0px;
   
    color: #fff;
    text-align: center;
    border-radius: 5px;
   
}
.holiday_hw a { color: #FFF2D3;
  
    padding: 5px 5px;
   
    display: block;
    font-size:16px;
  
    font-family: Arial;
    
}


/* Chrome, Safari, Opera */ 
@-webkit-keyframes mymove {
    0%   { background:#8b563e;}
    25% { background:#53473d;}
    50%   {  background:#7e4931;}
    75% {  background:#53473d;}
    100% { background:#8b563e;}
}

/* Standard syntax */
@keyframes mymove {
   0%   { background:#8b563e;}
    25% { background:#53473d;}
    50%   {  background:#7e4931;}
    75% {  background:#53473d;}
    100% { background:#8b563e;}
}   
    .holiday_hw a:hover {}
.small-btn{ height: 46px;  position: absolute;  top: 96px;  right: -45px;}
.apple{ width:46px ; height:46px; float:left;  background: url(/images/2015-09-05.png) no-repeat top left;  transition: all .5s ease 0s; outline:none}
.apple:hover,.android:hover, .wind:hover {background-position: bottom left;outline:none}
.android{width:46px ; height:46px; float:left; margin-left:8px;  background: url(/images/andr.png) no-repeat top left;  transition: all .5s ease 0s;outline:none}
.wind{width:46px ; height:46px; float:left; margin-left:8px;  background: url(/images/window.png) no-repeat top left;  transition: all .5s ease 0s;outline:none}


.yellow-box.y-line b {text-align: center;display: block;line-height: 37px;font-size: 19px;color: #53473D;
}

.top1 {
    width: 48%;
    float: left;
}
.top2 {
    width: 46%;
    float: right;
}