@charset "utf-8";
/* CSS Document */


@font-face {font-family: "Bernard"; src:url("../fonts/BERNHC.ttf") format('truetype');}

html { -webkit-text-size-adjust: 100%;}
html{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;   box-sizing: border-box;}


body, html{ margin:0; padding:0; font-size:18px; font-family: 'Mukta Mahee', sans-serif; line-height:30px; color:#4a4a4a; letter-spacing:.2px;}
*{margin:0; padding:0}
ul{ list-style-type:none;  margin:0; padding:0;}
a,img{ outline:none; border:none; text-decoration:none;}
h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0;}
h1{font-family:"Bernard"; }


.wrapper{ width:100%; margin:0 auto; padding:0; max-width:1500px; }

/*----------------------- intro section --------------*/

.intro{ background: url(../images/Intro_color1.jpg) no-repeat center center; height:662px; width:100%; position:relative; -webkit-animation-duration: 2s; animation-duration: 2s;  -webkit-animation-delay: 2s; animation-delay: 2s;}
.intro1{ background: url(../images/Intro_color2.jpg)no-repeat center center; width: 100%; max-width: 1500px; overflow:hidden;}
/*.intro::after{ content:""; background:url(../images/introRithtTd.png); background-position:top right; background-repeat:no-repeat; width:564px; height:204px; position:absolute; z-index:2; right:0px; top: 0;}*/
/*.intro::before{ content:""; background:url(../images/intorLeftD.png); background-position:bottom left; background-repeat:no-repeat; width:636px; height:261px; position:absolute; z-index:2; left:0px; bottom:0px;}*/
img.intro_d_r { position: absolute;  top: 0;  right: 0;}
img.intro_d_l {position: absolute;bottom: 0; left: 0;}
.intoLogo{ width:415px; height:244px; margin:0 auto; margin-top: 150px;  }
.intoLogo a{ top:150px;}
.intoLogo span { margin-top: 70px; position: relative; float: left; text-align:center;}
.intoLogo img{ /*margin:0 auto; padding:0; position:absolute; top:200px;*/}
img.animatedLogo2 { margin: 0 auto;}

.scrollDown{ width:105px; height:auto; margin:0 auto;  position:absolute; bottom:40px; right:0; left:0; cursor:pointer; text-align: center;}
span.round1 {width: 42px; height: 42px; margin: 0 auto; border: 1px solid #fff; display: block;  border-radius: 50%;  text-align: center; padding:4%; box-sizing:border-box; animation-name:round1 ;
  animation-duration:.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;}
  
  @keyframes round1 {
  0% 
  {	opacity:.3; }
  
  100% 
  {
  	opacity:1; }
}

span.round2 {width: 32px; height: 32px; margin: 0 auto; border: 1px solid #fff; display: block;  border-radius: 50%;  text-align: center;  padding:12%; box-sizing:border-box; animation-name:round2 ;
  animation-duration: .8s; 
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;}
  @keyframes round2 {
  0% 
  {	opacity:.2; }
  
  100% 
  {
  	opacity:1; }
}
span.round3 {width: 22px; height: 22px; margin: 0 auto; border: 1px solid #fff; display: block;  border-radius: 50%;  text-align: center; padding:4%; box-sizing:border-box; animation-name:round3 ;
  animation-duration: 1.1s; 
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;}
  
  @keyframes round3 {
  0% 
  {	opacity:.2; }
  
  100% 
  {
  	opacity:1; }
}
  
.scrolldown_img{position: relative; z-index: 2; animation-name:round4 ;
  animation-duration: 1.2s; 
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;}
  
  @keyframes round4 {
  0% 
  {	top:5px; }
  
  100% 
  {
  	top:-5px; }
}
.scrollDown p { font-size: 12px; color: #fff;}
.scrolldown_img img{margin-top: -25px;}
p.home_click {width: 100%;text-align: center; margin-top:10px;}
p.home_click a {text-decoration: none; color: #fff; font-size: 16px; padding:3px 10px; display:block; 
          background-image:#ffd83b; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #ffd83b 0%, #1185c5 51% , #ffd83b 100%); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Opera 11.1 to 12.0 */
		  background-image: -moz-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Firefox 3.6 to 15 */
		  background-image: linear-gradient(to right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* Standard syntax */ transition:0.5s;    background-size: 200% auto;}

p.home_click a:hover{ background-position: right center; }

/*----------------------- logo menu header section --------------*/
.header{background:url(../images/menubarbg.jpg); background-position:center; background-repeat:no-repeat; width:100%; height:100px;  position:fixed; top:0; z-index:9; max-width:1500px;}
.header_inr{ width:1200px; margin:0 auto; padding:8px 0px; box-sizing:border-box;}
.mainLogo {width: 386px;float: left; margin: 0px;  padding: 0px 15px; box-sizing: border-box; text-align:center;}
.mainLogo a{ float: left;}
.mainLogo img{}
.desktop_logo{ display:block;}
.mobile_logo { display:none;}


/*------------------------- mobile menu ---------------------*/
.menu_icon {background: #217aaa; width: 100%;  height: 45px;  text-align: center;  display: none;  position: relative;}
.mnu_bar { display: block;  cursor: pointer;  margin: 0 auto;}
.cross {display: none;}




@media screen and (min-width:1025px)
{
	

/*------------------ menu section -------------------------*/

.menubx{ width: 814px; height:84px; position:relative; float: left; margin: 0px; padding: 0;}
.menubx_inr { width: 100%; float: left;}
.menubx_inr ul{list-style: none;  margin: 0; padding: 0; width: 100%; float: left;}
.menubx_inr ul li{ float:left; background: url(../images/menu_line.png) no-repeat center right; position:relative;}
.menubx_inr ul li:last-child { background:none;}
span.underline { position: relative; opacity: 0; transition: all .1s ease-in-out;}
.underline:before { content: ""; position: relative; z-index:9; left: 0; right: 100%; bottom: -2px; background:#ffe579; height:2px; width:100%; float:left;}
.underline:after { content: ""; position: relative; z-index:9; left: 0; right: 100%; bottom:4px; background:url(../images/menuunderline2.png) no-repeat center; height:6px; width:100%; float:left;}
.menubx_inr ul li a{padding: 0px 19px; color: #fff; font-size:15px; font-family: 'Mukta Mahee', sans-serif; font-weight:normal; float:left;}



.menubx_inr ul li:hover .underline{opacity:1;}

.icon_h{height: 27px; float: left; width: 100%; margin: 12px 0px;}
span.home { background: url(../images/home_icon.png) no-repeat center;}
span.aboutus { background: url(../images/aboutus_icon.png) no-repeat center;}
span.founder { background: url(../images/founder_icon.png) no-repeat center;}
span.message { background: url(../images/message_icon.png) no-repeat center;}
span.prospectus { background: url(../images/pros_icon.png) no-repeat center;}
span.achievment { background: url(../images/achievment_icon.png) no-repeat center;}
span.gallery { background: url(../images/gallery_icon.png) no-repeat center;}
span.officebear { background: url(../images/officebear_icon.png) no-repeat center;}
span.contactus { background: url(../images/contact_icon.png) no-repeat center;}

ul.dropmenu { text-align: left; width: 100%;}


.dropmenu ul.submenu {min-width: 270px; min-height:184px; display:block;opacity:0; visibility:hidden; padding: 0px 0px 5px 0px;  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);  background: #28b3ff; position: absolute; top:100px; left:19px; z-index: 9; box-sizing: border-box; border-bottom: 5px solid #217aaa;}

.menubx_inr ul li:hover ul.submenu{ top:89px; display:block; opacity:1; visibility:visible; transition: all .4s ease-in; }

.dropmenu ul.submenu li { max-width:270px; background: none; padding: 0px; margin: 0px; display: block; float: none; border-bottom: 1.2px solid #32a9ea; text-transform: none; box-sizing: border-box;     position: relative; overflow: hidden; }
ul.submenu li a { padding: 3px 32px; background: #28b3ff;  width: 100%;  float: left; font-size: 15px; font-weight: normal;     position: relative; left: -40px;}

ul.submenu li a:hover{ background:#ffe579; color:#555555; left:-18px; transition: all .2s ease-in-out;}
ul.submenu li a:hover > img{transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06)}

ul.submenu li a:before{content: ""; position: relative; z-index:9; left: 0;  background: url(../images/submenu_libg.png) no-repeat center left;     float: left;  width: 20px; height: 9px;top: 10px; }


.menu_img {float: left; width: 250px; height: 100%; background: #217aaa; position: absolute;  top: 0px;  right:0;   padding:0px; box-sizing:border-box; overflow: hidden;}
.menu_img img { height: 100%; width:100%; transition: all .5s easy; }
ul.submenu.contactusmenu{ left:-200px;}
ul.submenu.officebearmenu{ left:-191px;}
ul.submenu.gallerymenu{ left:-205px;}
ul.submenu.achievmentmenu{ left:-181px;}

/*-----+*********+*+*+*+*+*+*+*+*+** hover effect only desktop +**+**+*+*+*+*+**+*+*+*+*+**+-*/


.newsnoticeLaero:hover{ opacity:.6;}
.newsnoticeRaero:hover{opacity:.6;}
.newsheading a:hover{color:#ffe763;}
.noticeViewall a:hover{ background-position: right center; background:#ffd83b\9;}
.achievmentviewall a:hover{ background-position: right center; background:#ffd83b\9;}
.mediaviewall a:hover{ background-position: right center; background:#ffd83b\9;}
.kidsRaero:hover{opacity:.6;}
.kidsLaero:hover{ opacity:.6;}
.viewall a:hover{ background-position: right center; background:#ffd83b\9; }
.campusboxinr:hover{ opacity:1;}
.campusviewall a:hover{background-position: right center; background:#ffd83b\9;}
.messageRaero:hover{opacity: .6;}
.messageLaero:hover{opacity: .6;}
.schoolInfoviewall a:hover{ background-position: right center; background:#ffd83b\9;}
.founderviewall a:hover{background-position: right center; background:#ffd83b\9;}
.stuViewall a:hover{ background-position: right center; background:#ffd83b\9;}
.infraslider ul li:hover .overlay { visibility: visible; transition: all .5s linear; opacity:.8;}
.infraslider ul li:hover img{transform:scale(1.1);}
.footerLside ul li:hover { background: #d2c857;  background: -webkit-linear-gradient(left, #d2c857, #228bbb);  background: -o-linear-gradient(right, #d2c857, #228bbb);  background: -moz-linear-gradient(right, #d2c857, #228bbb);  background: linear-gradient(to right, #d2c857, #228bbb); }
.footerLside ul li a:hover{color:#fff; letter-spacing:1px; border:2px solid #e7e7e7;}
.footerLside ul li a:hover .f_achiv{background:url(/images/footer_achicon.png) bottom center no-repeat; transition: all .5s linear;}
.footerLside ul li a:hover .f_panor{background:url(/images/footherPanormaicon.png) bottom center no-repeat; transition: all .5s linear;}
.footerLside ul li a:hover .f_alumni{background:url(/images/footer_alumni_icon.png) bottom center no-repeat; transition: all .5s linear;}
.footerLside ul li a:hover .f_kids{background:url(/images/footherkids_icon.png) bottom center no-repeat;  transition: all .5s linear;}
.footerLside ul li a:hover .f_event{background:url(/images/footherEvent_icon.png) bottom center no-repeat; transition: all .5s linear; }
.footerLside ul li a:hover .f_mail{background:url(/images/footermailus_icon.png) bottom center no-repeat; transition: all .5s linear;} 
.footerLside ul li a:hover .f_ecare{background:url(/images/mas_ecarelogin.png) bottom center no-repeat; transition: all .5s linear;} 
.copyTextR a:hover{ color:#fa2205;}
.all_events a:hover{ background-position: right center;}

/*-----+*********+*+*+*+*+*+*+*+*+** end hover effect only desktop +**+**+*+*+*+*+**+*+*+*+*+**+-*/






}


@media screen and (min-width:0px) and (max-width:1024px)
{

/*------------------ menu section -------------------------*/

.menubx{ width: 814px; height:84px; position:relative; float: left; margin: 0px; padding: 0;}
.menubx_inr { width: 100%; float: left;}
.menubx_inr ul{list-style: none;  margin: 0; padding: 0; width: 100%; float: left;}
.menubx_inr ul li{ float:left; background: url(../images/menu_line.png) no-repeat center right; position:relative;}
.menubx_inr ul li:last-child { border-bottom:none;}
span.underline { position: relative; opacity: 0; transition: all .8s ease;}
.underline:before { content: ""; position: relative; z-index:9; left: 0; right: 100%; bottom: -2px; background:#ffe579; height:2px; width:100%; float:left;}
.underline:after { content: ""; position: relative; z-index:9; left: 0; right: 100%; bottom:4px; background:url(../images/menuunderline2.png) no-repeat center; height:6px; width:100%; float:left;}
.menubx_inr ul li a{padding: 0px 19px; color: #fff; font-size:15px; font-family: 'Mukta Mahee', sans-serif; font-weight:normal; float:left;}

/*
.menubx_inr ul li:hover ul.submenu{ display:block; width:100%;}
.menubx_inr ul li:hover .underline{opacity:1;}
*/

.icon_h{height: 27px; float: left; width: 100%; margin: 12px 0px;}
span.home { background: url(../images/home_icon.png) no-repeat center;}
span.aboutus { background: url(../images/aboutus_icon.png) no-repeat center;}
span.founder { background: url(../images/founder_icon.png) no-repeat center;}
span.message { background: url(../images/message_icon.png) no-repeat center;}
span.prospectus { background: url(../images/pros_icon.png) no-repeat center;}
span.achievment { background: url(../images/achievment_icon.png) no-repeat center;}
span.gallery { background: url(../images/gallery_icon.png) no-repeat center;}
span.officebear { background: url(../images/officebear_icon.png) no-repeat center;}
span.contactus { background: url(../images/contact_icon.png) no-repeat center;}

ul.dropmenu { text-align: left; width: 100%;}


.dropmenu ul.submenu { width:100%;  background: #28b3ff; position: absolute; display:none; z-index: 9; border-bottom: 5px solid #217aaa;}

.dropmenu ul.submenu li { max-width:270px; background: none; padding: 0px; margin: 0px; display: block; float: none; border-bottom: 0px solid #2C75DA; text-transform: none; box-sizing: border-box;     position: relative; overflow: hidden; }
ul.submenu li a { padding: 3px 32px; background: #28b3ff;  width: 100%;  float: left; font-size: 15px; font-weight: normal;     border-bottom: 1.2px solid #32a9ea;transition: all 0.5s ease; position: relative;}
/*
ul.submenu li a:hover{ background:#ffe579; color:#555555; left:-18px;}
ul.submenu li a:hover > img{transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06)}
*/
ul.submenu li a:before{}


.menu_img {float: left; width: 250px; height: 100%; background: #217aaa; position: absolute;  top: 0px;  right:0;   padding:0px; box-sizing:border-box; overflow: hidden; display:none;}
.menu_img img { height: 100%; width:100%; transition: all .5s easy; }
ul.submenu.contactusmenu{ left:0px;}
ul.submenu.officebearmenu{ left:0px;}
ul.submenu.gallerymenu{ left:0px;}
ul.submenu.achievmentmenu{ left:0px;}


}






/*----------------------- slider section --------------*/
.sliderBox{ position:relative; width:100%; margin:0 auto; max-width:1500px; height:565px; top:100px;}
#mainSlider:hover > .flex-direction-nav .flex-prev { left: 20px; background: url(../images/leftAero.png) no-repeat;height: 75px; width:75px;}
#mainSlider:hover > .flex-direction-nav .flex-next { right: 20px;background: url(../images/rightAero.png) no-repeat;  height: 75px; width:75px;}


/*----------------------- notice section --------------*/

.noticeBox{ width:100%; margin:0 auto; padding:0; float:left; position:relative; margin-top:50px;}
.noticeBoxinr{ width:1170px; height:100px; background:#28b3ff; margin:0 auto; padding:0;}
.noticeBord {width: 200px; float: left; background: #2faaed; text-align: center; padding: 12px 0px; height: 100%; box-sizing: border-box;}
.noticeBord h1 { font-size: 30px; font-weight: normal; color: #fff; display: inline-block; width: 100%;  margin: 10px 0px;}

.noticeSliderbox{ width:814px; float:left; margin:0px; padding:20px 8px; box-sizing:border-box; height: 100%; text-align: center;}
.newsnoticeLaero { float: left; margin-top: 14px;  cursor: pointer; transition: all .5s linear;}

.newsnoticeRaero{float: right; margin-top: 14px;  cursor: pointer;transition: all .5s linear;}
/*.newsnoticeLaero:hover{ opacity:.6;}
.newsnoticeRaero:hover{opacity:.6;}*/

.noticeslider{ width:692px; margin:0 auto; display: inline-block; }
.noticeslider ul { width: 100%; float: left; margin: 0;  padding: 0;}
.noticeslider ul li{ display:inline-block; }
.newsfull_bx { width: 300px\9; width: 330px;  margin: 0px 5px; float:left;}
.news_no {float: left; height:60px; width:60px;}
.news_no h1{ font-size:55px; font-size:55px\9; color:#57c4ff; font-weight:normal; line-height:60px; line-height:55px\9; float:left;}
.newsbox { width:268px; width:260px\9; text-align: left; margin: 0px; padding: 0; float:left; height:60px;}
.newsdate {color: #ffe763; font-size: 18px; font-size: 17px\9; font-family:"Bernard"; width:100%; float:left; margin:0; padding:0;}
.newsheading {color: #fff; margin-top:-8px; width:100%; height:30px; height:26px\9; float:left; overflow:hidden;}
.newsheading a{color: #fff; font-size: 16px; font-size: 15px\9; height:26px\9; overflow:hidden\9; float:left; width:100%;}
/*.newsheading a:hover{color:#ffe763;}*/


.noticeViewall{ width:156px; float:left; margin:0; padding:32px 10px; box-sizing:border-box; background:#2faaed; text-align: center; height: 100%;}
.noticeViewall a{width:100px; height:35px; text-align:center; line-height:35px; font-size:15px; text-decoration:none; text-transform:uppercase; display: inline-block; color: #fff;
          background:#1185c5\9;      
          background-image:#ffd83b; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #ffd83b 0%, #1185c5 51% , #ffd83b 100%); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Opera 11.1 to 12.0 */
		  background-image: -moz-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Firefox 3.6 to 15 */
		  background-image: linear-gradient(to right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* Standard syntax */
		  background-size:200% auto;transition: all .5s ease;}
/*.noticeViewall a:hover{ background-position: right center; background:#ffd83b\9;}*/


/*----------------- common line for mobile --------------*/
img.mob_line_l { display: none;}
img.mob_line_r { display: none;}
.mob_kids_line_l{display: none;}
.mob_kids_line_r{display: none;}
.mob_about_line_l{display: none;}
.mob_about_line_r{display: none;}
.ipad_lineR{display: none;}
.ipad_lineL{display: none;}
.ipadcampusLline{display: none;}
.ipadcampusRline{display: none;}

/*----------------------- achievmetn media gallery section --------------*/
.achievmentbox{ width:100%; float:left; margin:0; padding:0; margin-top:50px;}
.achievmentbox_inr{width:1170px; margin:0 auto; padding:0;}
.achievLbox{background: url(../images/achievmentbg.jpg) no-repeat center; width:570px; height:460px; float:left; margin:0px 15px 0px 0px; padding:30px 0px; box-sizing:border-box;}
.achievmentIcon{ width:100%; text-align:center; margin:0; padding:0;}
.achievmentLline { display: inline-block;}
.achievment_icon2{display: inline-block; margin-left:10px;}
.achievmentIcon h1{ font-size:30px; margin:0px 10px; padding:0px; display:inline-block; color: #fff; font-weight: normal;}
.achievmentRline{display: inline-block;}
.achievment_img {width: 330px; height: 220px; margin: 15px auto; border-radius: 3px; text-align:center; overflow:hidden; }
.achievment_img img{ height:214px; border:3px solid #28b3ff;  }
.achievements{ margin:0 auto;}
.achievmentDis {width: 100%; float: left; text-align: center; padding: 0px 30px; box-sizing: border-box;}
.disheading {color: #fff;}
.disdate {color: #fff; font-size: 17px; margin-top: -8px;}
.achievmentviewall { width: 100%; float: left; text-align: center; margin: 0; padding: 0; margin-top: 10px;}
.achievmentviewall a{width:100px; height:35px; text-align:center; line-height:35px; font-size:15px;  text-decoration:none; text-transform:uppercase; display: inline-block; color: #fff;
          background:#1185c5\9;
          background-image:#ffd83b; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #ffd83b 0%, #1185c5 51% , #ffd83b 100%); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Opera 11.1 to 12.0 */
		  background-image: -moz-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Firefox 3.6 to 15 */
		  background-image: linear-gradient(to right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* Standard syntax */
		  background-size:200% auto;transition: all .5s ease;}
/*.achievmentviewall a:hover{ background-position: right center; background:#ffd83b\9;}*/


.mediaRbox{background: url(../images/mediagallerybg.jpg) no-repeat center; width:570px; height:460px; float:left; margin:0px 0px 0px 15px; padding:30px 0px; box-sizing:border-box;}
.mediaIcon{ width:100%; text-align:center; margin:0; padding:0;}
.mediaLline { display: inline-block;}
.media_icon2{display: inline-block; margin-left:10px;}
.mediaIcon h1{ font-size:30px; margin:0px 10px; padding:0px; display:inline-block; color: #fff; font-weight: normal;}
.mediaRline{display: inline-block;}
.media_img {width: 504px; height: auto; margin: 15px auto; margin-bottom:0px;}
.media_img ul { width:100%; margin: 0; padding: 0; list-style: none; float: left; text-align:center;}
.media_img ul li{ display:inline-block; margin:0px 8px; padding:0px; vertical-align: top;}
.mediaImgBox{ width:235px; display:inline-block; vertical-align:top;}
.media_images{ width:229px; height:223px; float:left; border:3px solid #28b3ff; border-radius: 3px; overflow:hidden;text-align: center;    background: #fff;}
.media_images img{ width:auto; height:223px; }
.mediaheading {color: #fff;width: 232px;text-align: left; line-height: 23px; margin-top: 10px; float:left;}
.mediaviewall { width: 100%; float: left; text-align: center; margin: 0; padding: 0; margin-top: 10px;}
.mediaviewall a{width:100px; height:35px; text-align:center; line-height:35px; font-size:15px; text-decoration:none; text-transform:uppercase; display: inline-block; color: #fff; 
          background:#1185c5\9;
          background-image:#ffd83b; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #ffd83b 0%, #1185c5 51% , #ffd83b 100%); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Opera 11.1 to 12.0 */
		  background-image: -moz-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Firefox 3.6 to 15 */
		  background-image: linear-gradient(to right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* Standard syntax */
		  background-size:200% auto;transition: all .5s ease; }
/*.mediaviewall a:hover{ background-position: right center; background:#ffd83b\9;}*/




/*-++-+-+-+-+-+-+--+--+-+-- calendar +-+-+-+-+-+-+-+-*/
div#ctl00_ContentPlaceHolder2_CalendarExtender1_popupDiv{ overflow:hidden\9; padding:3px\9;}
#ctl00_ContentPlaceHolder2_CalendarExtender1_daysTableHeaderRow .ajax__calendar_dayname{ width:20px\9; text-align:left\9;}


#ctl00_ContentPlaceHolder2_CalendarExtender1_days .ajax__calendar_days{ overflow:hidden;}
tbody#ctl00_ContentPlaceHolder2_CalendarExtender1_daysBody { overflow: hidden;}



/*----------------------- kids corner section --------------*/

.kidsCornerbox{width:100%; float:left; margin:0; padding:0; background:#f1f1f1; padding:50px 0px; box-sizing:border-box;}
.kidscornerinr{width:1170px; margin:0 auto; padding:0px; }
.kidscornerIcon{ width:100%; margin:0 auto; text-align:center; padding:0px;}
.kids_heading{ width:100%; margin:0 auto; text-align:center; padding:0px;}
.kids_heading h1 { font-size: 30px; color: #28b3ff; margin:20px 15px 0px 15px;  letter-spacing: .5px; display:inline-block; font-weight: normal;}
.kidslineL{display:inline-block}
.kidslineR{display:inline-block}

.kidssliderbox {width: 1170px; text-align: center; margin: 20px auto; padding: 0px;}
.kidsLaero{ float:left; margin-top:75px; transition: all .5s linear; cursor: pointer;}

.kidsRaero{ float:right; margin-top:75px; transition: all .5s linear; cursor: pointer;}
/*.kidsRaero:hover{opacity:.6;}
.kidsLaero:hover{ opacity:.6;}*/

.kidsslider{ width:1008px; text-align:center; margin:0 auto; padding:0; height:193px;}
.kidsslider ul{ width:100%; margin:0; padding:0; float:left;}
.kidsslider ul li{ float:left; margin:0px 17px; padding:0px;}
.kids_img_bx{ background:#fff; width:100%; max-width:300px; min-width:300px; display:block; height: 193px; float: left; overflow:hidden;}
.kids_img_bx a img{ height:193px; transition: all .5s linear;}
.kids_img_bx:hover img{transform:scale(1.1, 1.1);}
.viewall {  width: 100%; float: left; margin-top:45px;}
.viewall a{ width:100px; height:35px; text-align:center; line-height:35px; font-size:15px; text-decoration:none; text-transform:uppercase; display: inline-block; color: #fff; 
          background:#1185c5\9;
          background-image:#ffd83b; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #ffd83b 0%, #1185c5 51% , #ffd83b 100%); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Opera 11.1 to 12.0 */
		  background-image: -moz-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Firefox 3.6 to 15 */
		  background-image: linear-gradient(to right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* Standard syntax */
		  background-size:200% auto;transition: all .5s ease; }
/*.viewall a:hover{ background-position: right center; background:#ffd83b\9; }*/

/*----------------------- campus section --------------*/
.campusbox{ width:100%; height:392px;float: left; } 
.campusboxinr{ width:1170px; margin:0 auto; padding:0px; position: relative;  top: 0px;  z-index:1; opacity:.4; display:block;}
.campusboxo_verlay {  position: absolute;  margin-top: 90px; width:100%;}
/*.campusboxinr:hover{ opacity:1;}*/
.panorama_slider { width: 100%; float: left; position: relative;  z-index: -1; height:392; overflow:hidden;}
#panorma_slider .flex-control-nav{ display:none;}
#marquee{ float:left; white-space:nowrap; overflow:hidden;}
#marquee img{ margin:0px -3px;}



.campushome{ width:100%; text-align:center; margin:0; padding:0;}
.campushomehead {  width: 100%; text-align: center; margin: 20px auto 50px auto;  padding: 0;}
.campusLline{display:inline-block}
.campushomehead h1{ font-size: 30px; font-size: 26px\9; display:inline-block; color: #fff;   margin: 0px 15px; font-weight: normal;}
.campusRline{display:inline-block}
.campusviewall{ width:100%; margin:0 auto; padding:0px;  text-align: center;}
.campusviewall a{width:100px; height:35px; text-align:center; line-height:35px; font-size:15px; text-decoration:none; text-transform:uppercase; display: inline-block; color: #fff; 
          background:#1185c5\9;
          background-image:#ffd83b; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #ffd83b 0%, #1185c5 51% , #ffd83b 100%); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Opera 11.1 to 12.0 */
		  background-image: -moz-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Firefox 3.6 to 15 */
		  background-image: linear-gradient(to right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* Standard syntax */
		  background-size:200% auto;transition: all .5s ease; }
/*.campusviewall a:hover{background-position: right center; background:#ffd83b\9;}*/

/*----------------------- message section --------------*/
.messagebox{ width:100%; float:left; margin:0; padding:50px 0px; box-sizing: border-box; background: url(../images/messagebg.jpg) no-repeat center; height:440px;}
.messageboxinr{ width:1170px; margin:0 auto; padding:0px;}
.messagehomeicon{width:1170px; margin:0 auto; padding:0px; text-align:center;}
.messageheading { width: 100%; text-align: center; margin: 20px auto; padding: 0}
.messagelineL{ display:inline-block;}
.messageheading h1{display:inline-block; font-size:30px; color:#28b3ff; font-weight:normal; margin:0px 15px;}
.messagelineR{display:inline-block;}

.messagesliderbox{width: 100%;  text-align: center;  margin: 0 auto;  padding: 0;}
.messageLaero{ float:left; margin-top:100px; transition: all .5s linear; cursor: pointer;}

.messageRaero{ float:right; margin-top:100px; transition: all .5s linear; cursor: pointer;}
/*.messageRaero:hover{opacity: .6;}
.messageLaero:hover{opacity: .6;}
*/
.messageslideriner { width: 850px; margin: 0 auto;  padding: 0;  text-align: center;}
.messageslideriner ul{ list-style:none; width:100%;}
.messageslideriner ul li{}
.messageslideriner ul li a{ text-decoration:none; color:#4a4a4a; text-align:justify;}
.principalimg { float: left; width:190px;}
.principalmessage { padding: 50px 15px; text-align: justify; box-sizing: border-box;  float: left;  width: 650px;}
.namemargingB{ margin-bottom:15px;}

/*----------------------- aboutus section --------------*/

.aboutusbox{ width:100%; float:left;background: url(../images/aboutusbg.jpg) no-repeat center; height:454px;}
.aboutschoolboxinr {width: 1170px; margin: 0 auto; padding: 0;}
.schoolbld { position: relative;float: left; padding: 53px 0px; width: 555px; height:454px; box-sizing: border-box;}
.schoolbld img { position: relative; left: -164px;}
.schoolcontent {float: right; width: 615px; text-align:center; padding: 50px 0px 0px 0px;  margin: 0px;  box-sizing: border-box;}
.schoolIcon { width: 100%;  float: left; margin: 0;  padding: 0;}
.schoolheading {  width: 100%;  text-align: center;  margin: 20px auto; float: left;}
.schoolheading h1 {font-size: 25px; font-size: 26px\9;  display: inline-block; text-align: center;  color: #fff;  font-weight: normal;  margin: 0px 4px;}
.schoolL_line { display: inline-block;}
.schoolR_line{display: inline-block;}
.schoolInfo{ width:100%; float:left;}
.schoolInfo p { color: #fff;}
.schoolInfoviewall { width: 100%; text-align: center;  margin: 20px auto;  padding: 0;}
.schoolInfoviewall a{width:100px; height:35px; text-align:center; line-height:35px; font-size:15px; text-decoration:none; text-transform:uppercase; display: inline-block; color: #fff; 
		 background:#1185c5\9;
			background-image :#ffd83b; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #ffd83b 0%, #1185c5 51% , #ffd83b 100%); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Opera 11.1 to 12.0 */
		  background-image: -moz-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Firefox 3.6 to 15 */
		  background-image: linear-gradient(to right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* Standard syntax */
		  background-size:200% auto;transition: all .5s ease; }
/*.schoolInfoviewall a:hover{ background-position: right center; background:#ffd83b\9;}*/


/*----------------------- patron founder section --------------*/

.patronFounbox{ width:100%; float:left; margin:0; padding:0; background:#f1f1f1; padding: 50px 0px; box-sizing:border-box;}
.patronFounboxinr{ width:1170px; margin:0 auto;}
.patronbox {width: 570px; float: left; margin: 0px 15px 0px 0px;}
.patronimg { width: 270px; float: left; margin: 0px 15px 0px 0px;}
.patrontext {float: left; margin: 0px 0px 0px 15px;   width: 268px; text-align:justify; line-height: 28px;}
.patrontext h1{ font-size:30px; margin-bottom: 10px; font-weight:normal;}
.founderhead { color: #28b3ff; margin-bottom: 15px;  font-size: 20px;}


.founderbox{width: 570px; float: left; margin: 0px 0px 0px 15px; }
.founderimg{width: 270px; float: left; margin: 0px 15px 0px 0px;}
.foundettext{float: left; margin: 0px 0px 0px 15px;   width: 268px;text-align:justify; line-height: 28px;}
.foundettext h1{ font-size:30px; margin-bottom: 10px; font-weight:normal;}
.founderviewall { width: 100%; float: left;  margin-top: 35px;}
.founderviewall a{width:100px; height:35px; text-align:center; line-height:35px; font-size:15px; text-decoration:none; text-transform:uppercase; display: inline-block; color: #fff; 
          background:#1185c5\9;
          background-image:#ffd83b; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #ffd83b 0%, #1185c5 51% , #ffd83b 100%); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Opera 11.1 to 12.0 */
		  background-image: -moz-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Firefox 3.6 to 15 */
		  background-image: linear-gradient(to right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* Standard syntax */
		  background-size:200% auto;transition: all .5s ease; }
/*.founderviewall a:hover{background-position: right center; background:#ffd83b\9;}*/


/*----------------------- toper birthday section --------------*/

.topperbirthdaybox{ width:100%; float:left; margin:0; padding:0;}
.topperbirthdayinr{ width:1170px; margin:0 auto; padding:0;}
.toperbox{ width:570px; height:479px; float:left; background: url(../images/topperbg.jpg) no-repeat center; margin:0px 15px 0px 0px; text-align:center; padding: 50px 0px; box-sizing: border-box;}
.toppericon{ width: 100%;    float: left; margin:0; padding:0; margin-bottom: 20px;}
.topperheading {width: 100%; text-align: center; margin: 0 auto; float:left;}
.topperheading h1{ font-size:30px; font-weight:normal; color:#fff; margin:0px 15px; display:inline-block;}
.topperLline{display:inline-block;}
.topperRline{display:inline-block;}
.topperslider {width: 438px; margin: 30px auto; display: inline-block;  padding: 0px;}
.topperslider ul { width: 100%;  float: left;  margin: 0;  padding: 0;}
.topperslider ul li{ width:100%; float:left; }
.topperslider ul li a{}
.stu_img {float: left; width: 156px;  height: 180px;}
.stu_img img{border: 2px solid #28b3ff; width:156px;  height:176px;}
.stu_name { float: left; background: #28b3ff; max-width: 278px;  height: 88px; margin-top: 50px; margin-left:4px; color:#fff; padding: 15px 0px; box-sizing: border-box; width:100%; text-transform:capitalize;}
.stuViewall { width: 100%;  float: left; margin-top: 30px;}
/*.stuViewall a{width:100px; height:35px; background: url(../images/viewall_bg.jpg)center; text-align:center; line-height:35px; font-size:15px; text-decoration:none; text-transform:uppercase; display: inline-block; color: #fff; transition: all .5s linear; }
.stuViewall a:hover{ letter-spacing:1px; -moz-box-shadow: 0 0 15px #fff;	-webkit-box-shadow: 0 0 15px #fff;	box-shadow: 0 0 15px #fff;}*/

/*-----------------------birthday section --------------*/
.birthdaybox{width:570px; height:479px; float:left; background: url(../images/birthdaybg.jpg) no-repeat center; margin:0px 0px 0px 15px; text-align:center; padding: 50px 0px; box-sizing: border-box;}
.birthdayicon{ width: 100%;    float: left; margin:0; padding:0; margin-bottom: 20px;}
.birthdayheading {width: 100%; text-align: center; margin: 0 auto; float:left;}
.birthdayheading h1{ font-size:30px; font-weight:normal; color:#fff; margin:0px 15px; display:inline-block;}
.birthdayLline{display:inline-block;}
.birthdayRline{display:inline-block;}
.birthdayslider {width: 438px; margin: 30px auto; display: inline-block;  padding: 0px;}
.birthdayslider ul { width: 100%;  float: left;  margin: 0;  padding: 0;}
.birthdayslider ul li{ width:100%; float:left; }
.birthdayslider ul li a{}

.stuViewall { width: 100%;  float: left; margin-top: 30px;}
.stuViewall a{width:100px; height:35px; text-align:center; line-height:35px; font-size:15px; text-decoration:none; text-transform:uppercase; display: inline-block; color: #fff;
          background:#1185c5\9;
          background-image:#ffd83b; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #ffd83b 0%, #1185c5 51% , #ffd83b 100%); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Opera 11.1 to 12.0 */
		  background-image: -moz-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Firefox 3.6 to 15 */
		  background-image: linear-gradient(to right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* Standard syntax */
		  background-size:200% auto;transition: all .5s ease;}
/*.stuViewall a:hover{ background-position: right center; background:#ffd83b\9;}*/


/*-----------------------infracture section --------------*/

.infracturebox { float: left; width: 100%; margin: 0; padding: 50px 0px; box-sizing:border-box;}
.infractureboxinr { width: 1170px; margin: 0 auto;  padding: 0; text-align: center;}
.infraIcon {width: 100%; margin: 0 auto; padding: 0;}
.infraheading {width: 100%;text-align: center; margin:20px 0px;  padding: 0;}
.infraheading h1{ color:#28b3ff; font-size:30px; font-weight:normal; margin:0px 15px; display:inline-block;}
.infraLline{display:inline-block;}
.infraRline{display:inline-block;}
.infrasliderbox{float: left; width: 100%;  margin: 0;  padding: 0;}
.infraslider { width: 95%;  margin: 0 auto;  padding: 0;}
.infraLaero { float: left; margin-top: 42px; cursor: pointer; }
.infraRaero{float: right; margin-top: 42px; cursor: pointer; }

.infraslider ul {width: 100%; margin: 0;padding: 0; list-style: none; text-align:center;}
.infraslider ul li{ display:inline-block; margin: 0px 12px; position:relative;}
.infra_images {width: 186px; height: 138px; overflow: hidden;}
.infraslider ul li img{transition: all .5s linear;}

/*.infraslider ul li:hover img{transform:scale(1.1);}*/
.overlay { position: absolute; width: 100%; height: 100%; background: #000; opacity:0; top: 0; visibility:hidden; transition: all .5s linear; cursor: pointer;}
.overlay p { margin: 50px 0px; padding: initial; color: #fff;}
/*.infraslider ul li:hover .overlay { visibility: visible; transition: all .5s linear; opacity:.8;}*/

/*-----------------------footer section --------------*/
.footerbox{width: 100%; float: left; margin: 0; padding: 35px 0px; background: #e7e7e7;}
.footherboxinr{ width:1170px; margin:0 auto; padding:0;  text-align:center;}
.footerLside{ width:370px; display:inline-block; border-right: 1px solid #cbcbcb; vertical-align: top; float:left;}
.footerLside ul {width: 100%; float: left; margin: 0;  padding: 0; text-align:center;}
.footerLside ul li{ display:inline-block; margin: 15px 30px 15px 0px; width:140px; height:90px; background:#e7e7e7; transition: all .5s linear; float:left;}
/*.footerLside ul li:hover { background: #d2c857;  background: -webkit-linear-gradient(left, #d2c857, #228bbb);  background: -o-linear-gradient(right, #d2c857, #228bbb);  background: -moz-linear-gradient(right, #d2c857, #228bbb);  background: linear-gradient(to right, #d2c857, #228bbb); }*/



.footerLside ul li a{ color:#2a2a2a; border:2px solid #393939;  text-decoration:none; font-size: 16px; transition: all .5s linear;  display:block;  padding: 11px 5px;  box-sizing: border-box;}
.f_achiv{background:url(/images/footer_achicon.png) top center no-repeat; width: 100%;  height: 35px; }
.f_panor{background:url(/images/footherPanormaicon.png) top center no-repeat; width: 100%;  height: 35px; }
.f_alumni{background:url(/images/footer_alumni_icon.png) top center no-repeat; width: 100%;  height: 35px; }
.f_kids{background:url(/images/footherkids_icon.png) top center no-repeat; width: 100%;  height: 35px; }
.f_event{background:url(/images/footherEvent_icon.png) top center no-repeat; width: 100%;  height: 35px; }
.f_mail{background:url(/images/footermailus_icon.png) top center no-repeat; width: 100%;  height: 35px; }
.f_ecare{background:url(/images/mas_ecarelogin.png) top center no-repeat; width: 100%;  height: 35px; }

/*
.footerLside ul li a:hover{color:#fff; letter-spacing:1px; border:2px solid #e7e7e7;}
.footerLside ul li a:hover .f_achiv{background:url(/images/footer_achicon.png) bottom center no-repeat; transition: all .5s linear;}
.footerLside ul li a:hover .f_panor{background:url(/images/footherPanormaicon.png) bottom center no-repeat; transition: all .5s linear;}
.footerLside ul li a:hover .f_alumni{background:url(/images/footer_alumni_icon.png) bottom center no-repeat; transition: all .5s linear;}
.footerLside ul li a:hover .f_kids{background:url(/images/footherkids_icon.png) bottom center no-repeat;  transition: all .5s linear;}
.footerLside ul li a:hover .f_event{background:url(/images/footherEvent_icon.png) bottom center no-repeat; transition: all .5s linear; }
.footerLside ul li a:hover .f_mail{background:url(/images/footermailus_icon.png) bottom center no-repeat; transition: all .5s linear;} 
.footerLside ul li a:hover .f_ecare{background:url(/images/mas_ecarelogin.png) bottom center no-repeat; transition: all .5s linear;} 
*/

.footerMside{width:370px; display:inline-block; vertical-align: top; position:relative;  background:url(/appSlider/app_bg.png) center center no-repeat; padding-top:15px;}
.footerSlider {height:312px;  text-align:center; margin: 23px 0px;  text-align: center;  width: 100%; position:absolute; top:107px; }
.footerMobIcon{ position:relative; width:100%; float:left;}

#dd{width: 100%; min-height:312px;float: left;}



.iconBoxPos1{top: 149px; left:130px;}
.iconBoxPos2{top: 167px; left:111px;}
.iconBoxPos3{top: 196px; left:103px;}
.iconBoxPos4{top: 146px; left:54px;}
.iconBoxPos5{top: 78px; left:62px; z-index:4;}
.iconBoxPos6{top: 92px; left:111px;}
.iconBoxPos7{top: 29px; left:111px;}

.active{ display:block !important;}


.MobIcon1 { position: absolute; width: 37px; height: 37px; overflow: hidden; float: left; right: 53px; top: 162px; cursor:pointer;}
.mobIconText { max-width: 147px; position: absolute; background: #28b3ff; color:#fff;  line-height: 15px; font-size: 12px; padding: 6px; box-sizing:border-box; display:none;}
.Micon:hover img {position: relative; top: -37px;}
 

.MobIcon2{position: absolute; width: 37px; height: 37px; overflow: hidden; float: left; right: 72px; top: 252px; cursor:pointer;}
 

.MobIcon3{position: absolute; width: 37px; height: 37px; overflow: hidden; float: left; left: 63px; top: 255px; cursor:pointer;}
 

.MobIcon4{position: absolute; width: 37px; height: 37px; overflow: hidden; float: left; left: 11px; top: 156px; cursor:pointer;}
 

.MobIcon5{position: absolute; width: 37px; height: 37px; overflow: hidden; float: left; left: 21px; top: 79px; cursor:pointer;}
 

.MobIcon6{position: absolute; width: 37px; height: 37px; overflow: hidden; float: left; left: 84px; top: 50px; cursor:pointer;}
 

.MobIcon7{position: absolute; width: 37px; height: 37px; overflow: hidden; float: left; left: 121px; top: -13px; cursor:pointer;}
 


.footerMobIcon .flex-active > .mobIconText{ display:block;}
.footerMobIcon .flex-active > .Micon img{ position: relative; top: -37px;}


/*----------- ecare mobile slider ------------ */
.mobile_slider{ display:none;}





.footerRside{width:370px; display:inline-block;  vertical-align: top; float: right;}
.ecarelogin { width: 100%;  float: left; padding: 15px 0px;   box-sizing: border-box;}
.ecarelogin a{ margin-top:15px; display: inline-block;     margin-bottom: 30px;}
.mobileapp { border-top: 1px solid #cbcbcb; float: left;  text-align: center;  width: 100%; padding: 30px 0px 8px 0px;  box-sizing: border-box;}
.schoolcode {width: 100%; float: left; margin: 20px 0px;  padding: 0px;}
.schoolcode p span { font-family: Bernard; background: #2e2f2f; margin: 0px 2px; padding: 3px 5px;  box-sizing: border-box;  color: #fff; font-weight: normal; font-size:18px;}

ul.allmobileapp {width: 100%; float: left;  text-align: center;  margin: 0;  padding: 0;}
ul.allmobileapp li{ display:inline-block; margin: 0px 2px;}


/*-----------------------copyright section --------------*/

.copyrightbox{ width:100%; float:left; margin:0px; padding:22px 0px; background:#343434; }
.copyrightiner{ width:1170px; margin:0 auto; padding:0; }
.copyTextL { color: #bab7b3;  float: left; font-size: 12px;}
.copyTextL span{ color:#42bcff;}
.copyTextR {float: right; color: #bab7b3; font-size: 12px; }
.copyTextR a{ text-decoration:none; color:#ffe763; transition: all .5s linear; }
.copyTextR a:hover{ color:#fa2205;}




/*-----------------------master pages section --------------*/

.materheader { position: fixed; top: 0;}
.mas_headbox{ width:100%; float:left; margin:0; padding:0; margin-top: 100px; padding:30px 0px 0px 0px; box-sizing:border-box;}
.mas_headboxinr{ width:1170px; margin:0 auto; padding:0; text-align:center;}
.mas_iconbox{ width:100%; float:left; text-align:center; margin:0; padding:0;}
.mas_iconImg{ width:100%; text-align:center; margin:0 auto; padding:0;}
.mas_heading_line{ width:100%; float:left; text-align:center; margin:0; padding:0; }
span.head-txt{font-family:"Bernard"; font-size:30px; color:#28b3ff; padding:20px 15px 0px 15px; box-sizing:border-box; background:#fff; font-weight:normal; display: inline-block; position: relative;}
.mas_lineBox{ width:100%; float:left; margin-top: -10px;}
span.yelloLine { width: 91%; height: 1px; background:#f3bc38; margin:0 auto; display: inline-block;}
span.skyLine{width: 100%; height: 1px; background:#1e77a8; margin:0 auto; display: inline-block; margin-top:3px;}

.mas_containerbox{ position:relative; width:100%; float:left; margin:0; padding:30px 0px 25px 0px; box-sizing:border-box;}
.mas_containerboxinr{ width:1170px; margin:0 auto; padding:0; min-height: 150px; }
.mas_containerboxinr p{ margin-bottom:30px; font-family: 'Mukta Mahee', sans-serif; font-size:18px;}
.about_images{ margin-bottom:25px;}

.mas_containerFull { width: 100%; margin: 0 auto; text-align: center; padding: 0;}

.mas_footer{ width:100%; border-right:none;}
.mas_footer ul li{margin: 0px 8px;}


/*-----------------------master pages accordion --------------*/
.accordionHeaderSelected {border: 1px solid #28b3ff; color: #fff; background: #28b3ff url(/images/ajax-arrow1.png) 99% 7px no-repeat; font-size: 18px; padding: 4px 6px;  margin-top: 10px;  cursor: pointer;  text-transform: uppercase;}
.accordionHeader_Y { border: 1px solid #28b3ff; color: #515151; background:#fff url(/images/ajax-arrow.png) 99% 7px no-repeat; font-size: 18px; padding: 4px 6px; margin-top: 10px; cursor: pointer; text-transform: uppercase;}
.accordionContent_Y {background-color: #fff; border: 1px solid #28b3ff;   border-top: none;  padding: 5px;   padding-top: 10px;}

/*-----------------------master prayres/him--------------*/
.prayersboxL{ width:800px; float:left; margin:0; padding:0;}
.prayersboxR{ float:left; margin-left:26px;}
.prayer_bg {background: url(../images/prayerRbg.png) no-repeat center right, url(../images/prayerLbg.png) no-repeat center left; padding: 20px;  box-sizing: border-box; margin-bottom: 10px;}


/*-----------------------master CBSE formate school information--------------*/
.school_information{background: url(../images/school_informationbg.png) no-repeat center 170px; width:100%; text-align:center; float:left; margin:0; padding:0;}
.school_information h2{ width:100%; text-align:center; padding:5px 15px; box-sizing:border-box; background:#28b3ff; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: normal; margin-bottom:8px;} 
table.tabl { width: 100%; float: left; margin: 0; padding: 0; text-align:left;  border: 1px solid #c7c3c3;}
table.tabl tr td { padding: 3px 8px;   box-sizing: border-box; font-size:16px;}

tr.tr_heading_yello{ background:#fadb5e; text-transform:uppercase; padding:5px 15px; box-sizing:border-box;}
td.td_graybg{background:#e5e5e5; text-transform:uppercase; text-align:center; padding:5px 15px; box-sizing:border-box; height:35px;}
td.td_width{ width:78px;}
/*.school_information::before {content: ""; background: url(../images/school_informationbg.png) no-repeat top center; width: 300px; height: 300px;  position: absolute;  top: 184px;  margin-left: -102px;}*/


/*-----------------------master infracture--------------*/
ul.infracture {text-align: center; margin: 0; padding: 0;  width: 100%;}
ul.infracture li{ display:inline-block; vertical-align:top; margin: 15px 15px;}
.img_infra{ width:256px; }





/*-----------------------master vsms--------------*/
.vsms {text-align: center;}
.vsms li{display: inline-block; background:#f3f3f3; box-sizing: border-box; padding: 15px; box-sizing:border-box; border:1px solid #ececec; font-size: 16px;  margin: 0px 8px 16px 8px; width: 370px; height: 208px; vertical-align: top; text-align:left;}
ul.vsms li p { margin-bottom: 0;  padding: 0;  line-height: 30px;}
.vsms audio { width: 100%; margin-top: 7px!important;}

/*-----------------------master our principal--------------*/
ul.ourPrincipal{ width:100%; text-align:center; float:left; margin:0; padding:0;}
ul.ourPrincipal li{ display: inline-block; width:180px;  text-align: center;  height: 290px;  overflow: hidden;  margin: 15px 5px 15px 5px;  border: 0px solid #e5e5e5; }
.master-img { width: 170px;  overflow: hidden;  margin: 20px auto 0px auto; }
.master-img img{ width:100%;}



.our_princiapl2 { width: 100%;  float: left; text-align: center; border: 1px solid #e5e5e5; padding: 20px; box-sizing: border-box;}
.princ-txt { font-style: italic; font-size: 16px;}
b.t-name { font-style: normal; font-size: 18px;  font-size: 17px\9; text-transform: uppercase;}
span.profile { font-style:italic; margin-top: -7px; display: block;}



/*-----------------------master subject teacher--------------*/
ul.subject_teacher{width:100%; text-align:center; float:left; margin:0; padding:0;}
ul.subject_teacher li{display: inline-block; width: 340px;  text-align: left; min-height: 462px;  margin: 0px 15px 17px 17px;  border: 1px solid #e5e5e5;  vertical-align:top;     padding: 0px 15px; box-sizing: border-box;}
.t-name_2 {font-weight: normal;}
span.profile_2 { font-weight: bold;}
.master-img_2a { width: 100%; text-align: center; padding: 25px 0px;}


.teachers_h{ background:#d6d6d6; padding:5px 15px; box-sizing:border-box; width:100%; float:left; text-align:center; margin-bottom: 15px; text-transform: uppercase;}
ul.teachers_p{width:100%; text-align:center; float:left; margin:0; padding:0;}
ul.teachers_p li{display: inline-block; width: 220px;  text-align: center;   margin: 0px 4px 15px 4px;  vertical-align:top;     padding: 0px 5px; box-sizing: border-box; float:left;}


ol.stu_disipline{ width:300px; float:left; margin-left:50px;  list-style: decimal-leading-zero;}
ol.stu_disipline li{ padding-left:30px; text-transform: capitalize;}

/*-----------------------master house system--------------*/
fieldset.fieldset_style{border: 1px solid #dbdbdb;text-align: center; padding: 15px 0px;  box-sizing: border-box;}
fieldset.fieldset_style2{border: 1px solid #dbdbdb; width:30%; display:inline-block; vertical-align:top;}
legend.legend_style{text-align: center; color: white; padding: 3px 15px 3px 15px; box-sizing:border-box;}
.legend_bgcolor1{background-color: #0b82dd;}
.legend_bgcolor2{background-color: #ccb309;}
.legend_bgcolor3{background-color: Green;}
.legend_bgcolor4{background-color: #DD2B2B;}
ul.school_house{width:100%; text-align:center; float:left; margin:0; padding:0;     margin-top: 15px;}
ul.school_house li{display: inline-block; width:100%; max-width: 255px;  text-align: center; min-height: 260px;  margin: 0px 15px 15px 15px;  border: 1px solid #e9e9e9;   vertical-align:top;     padding: 0px 5px; box-sizing: border-box;}

/*-----------------------master school cabiner--------------*/
ul.school_cabinet{width:100%; text-align:center; float:left; margin:0; padding:0;}

ul.school_cabinet li{ width:190px; display: inline-block; text-align: center; min-height: 325px;  margin: 0px 15px 15px 15px;  border: 0px solid #e9e9e9;   vertical-align:top;     padding: 0px 5px; box-sizing: border-box;}
span.s_name {width: 100%; text-align: center; float:left; font-weight: bold;  margin-bottom: -5px;}
span.s_class {width:100%; float:left; text-align:center;}

/*-----------------------master sport team--------------*/
ul.soprts_team{width:100%; text-align:center; float:left; margin:0; padding:0;}
ul.soprts_team li{display: inline-block; width: 350px;  text-align: center; min-height: 280px;  margin: 0px 15px 15px 15px;  border: 0px solid #dbdbdb;  vertical-align:top;     padding: 0px 5px; box-sizing: border-box;}

/*-----------------------master education vision--------------*/
.education_vision { width: 100%;  float: left;  margin: 0;  padding: 0;}
.education_visionImg{ float:right; padding-left:20px; box-sizing:border-box;}
.education_vision h2 { text-align: center;  color: #f15d15; text-transform: uppercase; line-height:30px; margin-bottom: 30px;}
ul.mast-ul {margin-bottom: 30px;}
ul.mast-ul li{position: relative; margin-left: 30px; font-style: italic;}
ul.mast-ul li::before{ content: ""; background: url(../images/li_dots.png)center left no-repeat;  width: 9px;  height: 9px; position: absolute;  margin-left: -30px;  margin-top: 10px;}

ul.mast-ul2 {margin-bottom: 30px;}
ul.mast-ul2 li{position: relative; margin-left: 30px; }
ul.mast-ul2 li::before{ content: ""; background: url(../images/li_dots.png)center left no-repeat;  width: 9px;  height: 9px; position: absolute;  margin-left: -30px;  margin-top: 10px;}


/*-----------------------master our founder --------------*/
.ourfounder{width: 100%;  float: left;  margin: 0;  padding: 0;}
.ourfounderimages{ float:left; padding-right:30px; box-sizing:border-box;}
.ourfounder h2 { text-align: center; text-transform: uppercase; color: #f15d15; font-weight: bold;  font-size: 25px;}
.ourfounder span{text-align: center; text-transform: uppercase; color: #515151; font-weight: normal;  font-size: 20px; display:block; margin-bottom:30px;}
.highlight {  padding: 5px 0px; box-sizing: border-box;  font-size: 18px;  text-align: center;  background: #d6d6d6; font-weight:600;}
.highlight2a{ background:none; color:#28b3ff;}

/*-----------------------master our patron --------------*/
.ourPatron{width: 100%;  float: left;  margin: 0;  padding: 0;}
.ourfounderimages{float:left; padding-right:30px; box-sizing:border-box;}
.ourPatron h2 { text-align: center; text-transform: uppercase; color: #f15d15; font-weight: bold;  font-size: 25px;}
.ourPatron span{text-align: center; text-transform: uppercase; color: #515151; font-weight: normal;  font-size: 20px; display:block; margin-bottom:30px;}

/*-----------------------master our spiritual guide --------------*/
.spiritual_Guides{width: 100%;  float: left;  margin: 0;  padding: 0;}
.spiritual_Guides_img{float:left; padding-right:30px; box-sizing:border-box;}
.spiritual_Guides_img2{float:right; padding-left:30px; box-sizing:border-box;}



/*-----------------------cbse toppers --------------*/

.cbse_toppers { width: 100%; float: left;  text-align: center;  margin: 0;  padding: 0;}
.cbse_toppers ul { width: 100%;  margin: 0;  padding: 0;  text-align: center;}
.cbse_toppers ul li { display: inline-block; vertical-align: top; width: 200px; margin: 0px 34px 30px 34px; font-style: italic;}
.cbse_toppers ul li b { font-style: normal; margin-top: 10px;  display: inline-block;  line-height: 18px;     text-transform: uppercase;}

table.session_83 tr td { width:30%; text-align:center; padding: 2px 10px; box-sizing: border-box;}
 
/*-----------------------disipline incharge --------------*/
.disipline_inch{width: 100%; padding: 5px 15px;  text-align: center;  background: #fadb5e;  font-size: 18px; text-transform: uppercase;}


/*-----------------------school staff --------------*/
.school_staff{width: 100%; margin:0; padding:0; text-align:center; float:left;}
img.staff_images { width: 100%;}
.school_staff_a{    width: 100%; text-align: center; background: #28b3ff;  padding: 5px 15px;  color: #fff;  text-transform: uppercase;}
tr.tr_heading_blue {  background: #fadb5e;  padding: 5px 15px;  font-weight: normal; text-transform: uppercase;}
table.tabl2 tr td { vertical-align: top; text-align: left;  margin-left: 15px;   padding: 6px 20px; font-size: 16px;}
tr.tr_heading_blue td:first-child { width: 100px;}



/*-----------------------master our aim --------------*/
.aim_img{ float:right;}
/*-----------------------master vision mission --------------*/
.vision_mission { width: 100%;  float: left;  margin: 0;  padding: 0;}
.vision_mission_img{float:right;}
.mst-head{text-transform: uppercase;  color: #f15d15;  font-weight: bold;  font-size: 25px; text-align: left; width: 100%;}
.mst-head2 { text-transform: uppercase; color: #f15d15;  font-weight: bold;  font-size: 25px;  text-align: left; width: 100%;}


/*-----------------------master Reminiscence --------------*/

.reminiscence{width: 100%;  float: left;  margin: 0;  padding: 0;}
.Reminiscence_images{float:right; padding:0px 0px 30px 30px; box-sizing:border-box;}
.ul_pop_up{ width:100%; float: left;  margin: 0;  padding: 0; text-align:center;}
.ul_pop_up li { margin:0px 9px 10px 9px; float: left;}


/*-----------------------master TC pages --------------*/

section.section {width: 100%; margin: 0 auto; padding: 0;}
.text-center { width: 100%; text-align: center; min-height:140px;}
ul.tc { width: 800px; text-align: center; margin: 0 auto; padding: 20px 15px; box-sizing: border-box; background:#e5e5e5;}
ul.tc li { display: inline-block;}
.heading_n { min-width: 150px; text-align: left;}
.select_option{min-width: 150px; text-align: left;}
.Ipcl { width: 200px; text-align: left; height: 35px;}
.ct-bnt { width: 100px; height: 35px;border: none; background: url(../images/viewall_bg.jpg)center;  font-size: 16px; color: #fff; text-transform: uppercase; border-radius: 1px; transition: all .5s linear; cursor: pointer; margin-left: 5px;}
.ct-bnt:hover{ letter-spacing:1px;}
.search_msg { width: 100%; text-align: center; font-size: 16px; }


/*-----------------------master examination promotions --------------*/

.examination_promotions{width: 100%;  float: left;  margin: 0;  padding: 0;}
.examination_promotions_img{float:right; padding:0px 0px 30px 30px; box-sizing:border-box;}
.examnition_prom_b { width: 100%;float: left;}

/*-----------------------master school uniforms --------------*/
.school_uniforms{width: 100%;  float: left;  margin: 0;  padding: 0;}
.school_uniformsImg{float:right; padding:0px 0px 30px 30px; box-sizing:border-box;}
.school_uniformsL{ width:796px; float:left;}
.school_uniformsLa{ float:left; width:100%;}
.school_uniformsLb{ margin-top:0px;}
.school_uniformsLa table td {  width: 50%;}
.uni_winter {width: 100%; float: left; margin-top: 30px;}
.school_uniformsL h2 {padding: 5px 15px; box-sizing: border-box; background: #28b3ff; font-size: 20px; color: #fff; font-weight: normal;}
.uniformA { width: 100%; float: left;  padding: 5px 15px;  background: #fadb5e;  margin: 3px 0px;   box-sizing: border-box;}
.uniformAb{ width:50%; text-align:center; border-right:1px solid #e9ca4c;float: left;}
.uniformAg{width:50%; text-align:center; float: left;}
td.td_graybg2 { background: #e5e5e5;  text-align: center; height: 35px;  }
tr.td_graybgText { text-align: left; line-height: 28px;  vertical-align: top;}

/*-----------------------master holiday list --------------*/
.holiday{width: 100%;  float: left;  margin: 0;  padding: 0;}
.holiday_img{ width:100%; float:left;}
.holiday h2 { width: 100%;float: left; text-align: center; background: #28b3ff; font-size: 20px; font-weight: normal; color: #fff; text-transform: uppercase; padding: 4px 15px;  box-sizing: border-box;  margin: 0px 0px 2px 0px;}
.td_yellowbg{ background:#fadb5e; text-transform: uppercase; text-align: left;}
.td_l_marging{padding-left: 100px !important;}

/*-----------------------master Good Student--------------*/
.good_student{width: 100%;  float: left;  margin: 0;  padding: 0;}
.good_stu_img{float:right; padding:0px 0px 0px 30px; box-sizing:border-box;}
.ul-bg2 li{ margin-bottom:6px;}

/*-----------------------master rules of disipline --------------*/
.rulesofDis{width: 100%;  float: left;  margin: 0;  padding: 0;}
.rulesofDisImg{ margin-bottom:30px; width:100%;}
.mast-ul3 li{ line-height:28px; margin-bottom:15px;}
.mst-head3{ margin-top:30px; float:left;}


.school_timing{width: 100%;  float: left;  margin: 0;  padding: 0;}
.school_timingimg{float:right; padding:0px 0px 0px 50px; box-sizing:border-box;}


/*-----------------------master house system --------------*/
.house_system{ width:100%; float:left; margin:0; padding: 15px 0px;  box-sizing: border-box; text-align:center;}
.box1 { width: 570px;  display: inline-block;  height: 350px;  border: 1px solid #e5e5e5; position:relative;}
.box1A { float: left;  margin-bottom: 30px;}
.box1B { float: right;  margin-bottom: 30px;}
.box1 img { float: right; position: absolute; bottom: 0; right: 0;  z-index: -1;}
.box1 ul{ margin: 16px 0px 0px 40px; float:left; text-align:left; text-transform:uppercase; line-height: 60px;}
.box1 ul li{ width:100%; font-size:20px; display: inline-block; text-align: left; position: relative;}

span.blue { width: 140px; background: #007fff; height: 33px;  display: inline-block; top:10px; left:10px; position:relative;}
span.yellow { width: 140px; background: #fddf01; height: 33px; display: inline-block; top:10px; left:10px; position:relative;}
span.green { width: 140px; background: #32cd33; height: 33px;  display: inline-block; top:10px; left:10px; position:relative;}
span.red { width: 140px; background: #ff0000; height: 33px;  display: inline-block; top:10px; left:10px; position:relative;}


/*-----------------------master principal message --------------*/

.princiapl_msg{ width:100%; margin:0; padding:0; float:left;}
img.principal_img { float: left; padding-right: 30px;  padding-bottom: 30px;  box-sizing: border-box;}
p.highlight2 { color: #f15d15;}
.princiapl_sign{ display:block;}


/*-----------------------master parent ot Recommendation --------------*/
.parent_recoment { width: 100%; float: left; margin: 0; padding: 0;}
.recoment_img {  float: right;  padding: 0px 0px 8px 30px;  box-sizing: border-box;}
.mast-ul4 li{ font-style: normal !important;}

/*-----------------------master payments rules --------------*/
.payments_rules{  width:100%; float:left; margin:0; padding:0;}
.payments_rules_img{ float:right; padding:0px 0px 0px 200px;  box-sizing:border-box;}


/*-----------------------event calender --------------*/
.event-rm {width: 100%; text-align: center;  padding: 10px 0px;  background: #fff;}
.event-rm a{ text-transform:uppercase;  font-size:16px;  font-family: 'Mukta Mahee', sans-serif; background : #ffd83b; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #ffd83b , #1185c5); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #ffd83b, #1185c5); /* For Opera 11.1 to 12.0 */
		  background: -moz-linear-gradient(right, #ffd83b, #1185c5); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(to right, #ffd83b , #1185c5); /* Standard syntax */ padding: 5px 15px; color: #fff;}
table#EventControl_Calendar1 {  background: #28b3ff !important;  border: none !important;}

table#ctl00_EventControl_Calendar1{background: #28b3ff !important;  border: none !important;}




.all_events { width: 100%; text-align: center;  margin-top: 15px; float: left;}
.all_events a{width:100px; height:35px; text-align:center; line-height:35px; font-size:15px; text-decoration:none; text-transform:uppercase; display: inline-block; color: #fff; 
		 background-image :#ffd83b; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #ffd83b 0%, #1185c5 51% , #ffd83b 100%); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Opera 11.1 to 12.0 */
		  background-image: -moz-linear-gradient(right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* For Firefox 3.6 to 15 */
		  background-image: linear-gradient(to right, #ffd83b 0%, #1185c5 51%, #ffd83b 100%); /* Standard syntax */
		  background-size:200% auto;transition: all .5s ease; }
		  
/*.all_events a:hover{ background-position: right center;}*/



@keyframes mymove {
    from { transform: translateX(-100px);}
    to {transform: translateX(0px);}
}

@keyframes mymove {
0%{transform:translateY(0px)}
50%{transform:translateY(20px)}
100%{transform:translateY(0px)}
}

.back-to-top {position: fixed; bottom: 2em; right: 10px;  display: none;  height: 54px;  width: 70px;  background: url(../../images/top1.png)no-repeat;  transition: all 0.5s ease 0s;  animation: mymove 2s infinite;  z-index: 999;}