body{background: url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	 ;margin: 0;padding: 0;width:100%; height:100%;font-weight:300; list-style:none; font-family:font-family: 'Roboto Slab', serif;outline:none}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ul{list-style:none;list-style-position:outside;}
a {outline: none;outline:none}
header, footer, aside, nav, article {display: block; font-family: 'Roboto Slab', serif}
.c{clear:both}

/*--top menu-css--*/
.close-flyer{ display:none;}


.social_icon{width:50%; padding:0px; margin:22px 0 0 0;float:right;outline:none}
.social_icon ul{padding:0px; margin:0px; list-style:none; float:right;right: 6px;}
.social_icon ul li{padding:0 14px;margin: 0px;float: left;position: relative;height: 35px;font-weight:400;font-family: 'Roboto Slab', serif;font-size:11px; text-transform:uppercase; background: url(../images/line.jpg) 0px 14px;background-repeat: no-repeat; letter-spacing:0.4px}
.social_icon ul li a{color:#262627; text-decoration:none; display:block; height:31px; line-height:33px; letter-spacing:0.9px}
.social_icon ul li a:hover{color:#C72B2F;text-decoration:none;}
.social_icon ul li:first-child{background:none}
.social_icon ul li > .sub ul { background:rgba(205, 208, 215, 0.73)!important;width: 100%;min-height: 100%;position:absolute; border:1px solid #f9f8f8; visibility:hidden;}
.social_icon ul li ul li a:hover{color: #fff;text-decoration: none;height: 34px;background: #C72B2F;width:100%;padding:0 0 0 4px; margin:0px}
.menu-txt{ display:none}
.social_icon ul li ul{opacity:0;position:absolute;background:#6c6969;margin:0px 0px 0 0px;z-index:9999;outline:none;right:1px;top:34px;width:100%;left:0px; min-width:150px}
.social_icon ul li:hover ul{opacity:1; visibility: visible; position:absolute; color:red; font-weight:400; color:#fff ; z-index:9999; left:0px; width:100%; min-width:220px; z-index:99999; padding:9px 0}
.social_icon ul li ul li{height: 0px;float: none;border-bottom: 1px solid #7b7878;font-family: Calibri;border-right: none;font-weight: 400;padding: 0px 6px;font-size: 14px;z-index: 9999;background:#6c6969!important;WIDTH: 92%;MARGIN: AUTO;}
.social_icon ul li ul a{ color:#fff; text-decoration:none; padding-left:2%}
.social_icon ul li ul li{ background:none ;}
.social_icon ul li:hover ul li{ height:35px; font-size:13px; padding:0px}
.social_icon ul li ul, .social_icon ul li ul li, .social_icon ul li ul li, .social_icon ul li { transition:all 0.5s ease-in-out;  -Webkit-transition:all 0.5s ease-in-out;  -moz-transition:all 0.5s ease-in-out;}

.social_icon ul li ul li >.sub ul { background:rgba(205, 208, 215, 0.73)!important;width: 100%;min-height: 100%;position:absolute; border:1px solid #f9f8f8; visibility:hidden; top:0; margin-left:209px!important}
.social_icon ul li ul li:hover ul{opacity:1; visibility: visible; position:absolute; color:red; font-weight:400; color:#fff ; z-index:9999; left:0px; width:100%; min-width:220px; z-index:99999; padding:9px 0}
.social_icon ul li ul li ul.sub{ float:right}



.menu{ width:100%; float:left; position:relative; z-index:9999;}
.menu ul{ list-style:none; margin-left:-31px; padding:0;}
.menu ul li{margin:0;padding:0 42px;margin-top: 3px;float:left;position:relative;border-right:1px solid #8e9d9f}
.menu ul li a{ text-decoration:none;    letter-spacing: 0.4px;  font-size:14px;font-family: 'Roboto Slab', serif;  text-transform:uppercase; color:#2D2C2C; height:52px; line-height:15px; display:block;}
.menu ul li:last-child{border:none}

.menu ul li a span.text-top{display:block; float: left; clear: both; font-size: 12.7px; text-transform:lowercase; padding-top: 8px;color:#262627;font-weight:400}
.menu ul li a span.text-bottom{display:block;  float: left; clear: both; font-size:15px;  text-transform:uppercase;font-family: 'Roboto Slab', serif; color:#262627;font-weight:400}
.menu ul li> ul.sub ul{background:#cdd0d7!important;width: 100%;min-height: 100%;position:absolute; border:1px solid #f9f8f8}

.menu ul li ul{ position: absolute; top:72px;visibility: hidden;left:0; opacity:0; margin:0;min-width:238px; }
.menu ul li ul li{float:none; margin-top: 0px!important; border-bottom:1px solid #d34949; background:#c72b2f; padding:0px 6px 0px 6px; background-image:none; font-family:'Roboto Slab', serif; font-weight:lighter;}
.menu ul li ul li:hover{ background:#732426 !important;}
.menu ul li ul li a{ color: #fff!important;  height: 35px; font-family: 'Roboto Slab', serif;  line-height: 35px;  font-size: 13px;text-transform: uppercase; }

.menu ul li:hover > ul{visibility: visible ;opacity:1;top:40px;left:1px; transition:all 0.3s ease-in-out;  -Webkit-transition:all 0.5s ease-in-out;  -moz-transition:all 0.5s ease-in-out;padding:12px;	; background:rgba(205, 208, 215, 0.85); border:1px solid #f9f8f8}



.menu ul li .icon-about{ background:url(/images/about-icon.png) no-repeat left; padding-left: 27px;  }
/*.menu ul li:hover >  .icon-about{ background:url(/images/about-icon.png) no-repeat left; padding-left: 27px;}*/
.menu ul li .icon-gallery{ background:url(../images/gallery-icon.png) no-repeat left; padding-left: 31px;  }
.menu ul li .icon-achivement{ background:url(../images/achievement-icon.png) no-repeat left; padding-left: 23px;  }
.menu ul li .icon-office{ background:url(../images/offfice-icon.png) no-repeat left; padding-left: 35px;  }
.menu ul li .icon-calling{ background:url(../images/contact.png) no-repeat left; padding-left: 27px;  }
.menu ul li .icon-home{ background:url(../images/home-resp.png) no-repeat left; padding-left: 27px;  }

@media screen and (-webkit-min-device-pixel-ratio:0) {   
    ::i-block-chrome, .menu ul li:hover > ul {visibility:visible;}
    ::i-block-chrome, .menu ul li ul {visibility:visible;}
}

li.home_l{ display:none}
	


/*--news-css--*/
.notice_m {width: 84%!important;margin-top: 20px!important;margin: auto;margin-left: 69px; margin-bottom:3%; overflow:hidden}
.notice_box { background:#fff;}
.notice_link { width:44px; height:62px;     background: url(/images/notive_curve.png) top left no-repeat; float:left; position:relative;}
.notice_link a {  color: #fff; font-size: 17px; background:url(/images/link_bg.png) top left no-repeat;  position: absolute;  bottom: 0px; right: 0px; z-index:999; height:33px; width:39px;}
.notice_link a:hover { color:#edb462; background:url(/images/link_bgh.png) top left no-repeat;     transition: all 0.5s ease; } 
#notice {overflow: hidden; left: 0px!important; margin: 0px auto; top:2px;  width:90%!important; }
#notice ul li{display: block;  width:50%; position:relative; padding-top:17px; min-height:64px; }
.previous-n {cursor: pointer;float: left;position: absolute;top: 88px;left: 49px;z-index: 9999; }
.next-n{cursor: pointer; float:right; position: absolute; top:88px; right:66px;z-index: 9999;}
#notice ul li.active { border-right:1px solid #8e9d9f}
.news_main,.news_text { width:100%; float:left; padding-left:50px;  }
.updated_on {float:left; color:#000; font-size:12px;font-family: 'Roboto Slab', serif; font-weight:400!important}
span#LBNotice ul li {min-height:67px;background:url(/images/news-cal.png) 9px 18px no-repeat;float: left;display: inline-block;max-width: 307px; margin-left:12px}

.date_year,.new_icon,.pgupdated_on{float:left; color:red; font-size:11px;font-family: 'Roboto Slab', serif}
.updated_on,.date_year { font-weight:bold}
.pgupdated_on {margin:auto;text-align: center;width: 100%; color:#000;font-weight:700}
.date_year,.new_icon { margin-left:5px;}
.new_icon img{ margin-top:-17px; float:left;}
.text_in {color:#a10f1c; font-size:13px;font-family: 'Roboto Slab', serif; float:left; padding:7px 0 0 0}
.text_in a {color:#000000!important; font-size:12px;font-family: 'Roboto Slab', serif; font-weight:300!important;font-weight:700!important}
.big_icons {float: left; text-align:center; padding:0px;  list-style-type:none; position:relative;     width: 100%;}
.big_icons li {display: inline-block; position: relative;     margin: 22px 23px 12px 23px; }
/*--news css end--*/

/*--highslide--*/
.highslide-container{z-index:9999!important}


/*--sections--*/

.sectionbox.inner-img-bg{margin-top:-70px}
.sectionbox{background:#fff; margin:auto;min-height:auto;padding:0 0 21px 0; width:84%; margin-top:2%; position:relative; z-index:999; }
.welc{padding:0px;margin:auto;}
.welc h4{font-family: 'Roboto Slab', serif;text-align:center; color:#403C3C; font-size:23px;}
.welc p{ padding:0px 30px; margin:0px;font-family: 'Roboto Slab', serif; font-size:15px; color:#3F3F3F; font-weight:400}
.welc span a{color: red;font-weight:400!important;font-size:13px;display: block;text-align: center;font-family: 'Roboto Slab', serif;margin-top: -9px; letter-spacing:0.2px}
.welc span a:hover{ color:#000; text-decoration:none}
.weclborder{ width:94%; margin-top:4%; margin-bottom:0px!important; clear:both}
span.hdaylk a{color:#FB4949;font-weight:600;font-size:14px; display:block; text-align:center;font-family: 'Roboto Slab', serif; margin-top:-10px}
.resposive-app, .responsive-notice{ display:none}


.ss{text-align:center; margin-top:3%; margin-bottom:3%}
.ss p{font-family:'Roboto Slab', serif;color:#1D1A1A;text-decoration:none;font-size:14px;padding-top:10px; letter-spacing:0.8px; font-weight:400}
.iconbox{font-size:41px; color:#000}

.box::before{border-radius:100%;bottom: 0;box-shadow:0px -4px 4px 2px rgb(183, 180, 180);content: "";height: 4px;left: 0; top:0;position: absolute;width: 100%;z-index:9999;}
.box {background:fff;margin:auto;max-width:1079px;padding:0px;height:auto;position: relative;text-align: center; z-index:9999}
.box::after {border-radius: 50%;bottom: 0;box-shadow:0px -5px 5px 2px rgb(183, 180, 180);content: "";height: 4px; top:346px;left: 0;position: absolute;width: 100%;z-index:9999;}

/*--achievementbox--*/
.achievementbox{width:100%; height:auto; overflow:hidden; margin-top:6px}
.achievementin {margin:8px auto;height:208px;width: 94%;  position:relative; float:left; margin-left:16px;overflow: hidden; margin-bottom:5%;}
.achievement_tpr_h{width:100%;float:left;text-align:center;color:#343636;font-size:14px;font-family:'Roboto Slab', serif;font-weight:bold;text-transform:uppercase;padding:5px 0px 3px 0px;}
.achievement_img{max-width:156px; width:100%; }
.achievement_img img{max-width:156px;max-height:97px;overflow: hidden;margin: 0px auto;}
.achievement_name{color:#060606;font-size:12px;float:left;line-height:0px;font-family:'Roboto Slab', serif;font-weight:400; padding-top:27px; text-transform: uppercase;width:82%;text-align:center; letter-spacing:0.9px;  line-height:15px}
.achievement_class{color:#353534;font-size:13px;float:left;line-height:0px;font-family:'Roboto Slab', serif;font-weight:400;padding-top:16px;text-transform: uppercase;width:82%;text-align:center;}

#achievements li{float:left; width:100%; max-width:196px}

.next-achiv{cursor: pointer; float: left; position: absolute;bottom:5px; right: 46%; z-index: 99; margin-right:-9%}
.previous-achiv{cursor: pointer; float: left; position: absolute;bottom:5px; right: 46%; z-index: 99; margin-right:25%}
#achievements {overflow: hidden;left: 0px!important;margin: 0px auto;top: 0px;min-height:155px;display: block;overflow: hidden;width: 368px!important;}


/*--happy birthday--*/
.bdatop{ margin-top:3%}
.bdy_tpr { width:100%; float:left; background: url(/images/bdr.jpg) center center repeat-y; margin-top: 57px;padding-top: 10px;}
.dby{ width:50%; float:left;}
.dby h1 {width: 100%; color:#343636;font-size: 19px;  font-family:Arial, Helvetica, sans-serif;   text-transform:uppercase; margin: 0px; float: left; padding-left: 20px;}
.dby .bdyview_all  { color:#353534;font-size: 13px;  font-family:Arial, Helvetica, sans-serif;  font-weight: bold; text-transform: uppercase; float:right; margin-right: 35px;}
.dby .bdyview_all:hover{color: #ed2024;}
.toppers{ width:50%; float:left;}
.bdy_in { margin:8px auto;min-height:222px; max-width: 150px;  position:relative; float:left; margin-left:16px }
.dby_tpr_h { width:100%; float:left;  text-align:center; color:#343636;font-size: 14px;font-family:'Roboto Slab', serif;  font-weight: bold; text-transform: uppercase;       padding: 5px 0px 3px 0px; clear:both; font-weight:400}
.bdy_img {width:126px;height: 151px;overflow: hidden;margin: 0px auto;}
.bdy_img img { max-width:100%; width:100%;}
.t_name,.t_class{color:#0E0E0D;font-size:13px;float:left;line-height:13px;font-family:'Roboto Slab', serif;font-weight:400; text-transform: uppercase;width:100%;text-align:center;}
.border-right{border-right: 1px solid #CCC9C9;height: 75%;}
.dbyright{ float:right; margin-right:12%}
.dbyright1{ margin-left:55px}

#teach_bdy,#student_bdy,#topper_xii,#topper_x { overflow: hidden; left: 0px!important;  margin: 0px auto; top: 0px;  width: 100%!important; display: block; width:87%!important;min-height:190px!important}
#teach_bdy li,#student_bdy li,#topper_xii li,#topper_x li { text-align:center; min-height:151px; min-width:130px}
.previous-tbd,.previous-std,.previous-xii,.previous-x{cursor:pointer;float:left;position:absolute;top:80px;left:46%;z-index:99;margin-left:-90px;}
.next-tbd,.next-std,.next-xii,.next-x{cursor: pointer; float: left; position: absolute; top: 80px; right: 46%; z-index: 99; margin-right: -90px;}
#topper_xii li a,#topper_x li a { float: left; max-width:150px; width:100%}
#teach_bdy li a,#student_bdy li a { float: left; max-width:150px; width:100%; cursor:default;}
.achievementphpoto{ margin-top:2%!important; z-index:99}


/*--photogallery--*/
.photo_gallery { width:98%; float:left;position:relative;padding:0px 0px 10px 0px;margin-top:-2px;}
.gallery_h { content: ""; position: relative; width: 100%; height: 0px; border-top: 144px solid #abceec; float: left; border-left: 495px solid transparent;
border-right: 495px solid transparent; bottom:0px; left: 0px;}
.gallery_vl span{border-bottom: 1px solid #8e8c8c;padding: 3px 35px; color:#353534;font-size:18px;font-family:Arial, Helvetica, sans-serif;  font-weight: bold; text-transform:uppercase;text-align: center;margin-top:21px;display:inline-block;}
.gallery_vl a{color:#353534;font-size:13px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-transform:capitalize;}
.gallery_vl a:hover {color:#ed2024;}

#LBPhoto{overflow:hidden;left:0px!important;margin:0px auto;top:0px;min-height:130px;display:block;min-width:156px;overflow:hidden}
#LBPhoto li{float:left;margin:16px 0px;max-height:126px;overflow:hidden!important; width:100%;max-width:191px;display:inline;height:auto!important}
#LBPhoto li a { height:100%; width:100%; float:left;}
#LBPhoto li a img{ width:100%; max-width:156px; float:left;}
.previous-pg{cursor:pointer;float:left;position:absolute;bottom:-38px;left:34%;z-index:99;}
.next-pg{cursor:pointer;float:left;position:absolute;bottom:-38px;right:34%;z-index:99;}
.album_title{font-family:'Roboto Slab', serif; text-align:center;font-weight:400}


/*--mobile apps--*/
.box1::before{border-radius:100%;bottom: 0;box-shadow:0px -4px 4px 2px rgb(183, 180, 180);content: "";height: 4px;left: 0; top:0;position: absolute;width: 100%;}
.box1 {background:fff;margin:auto;max-width:1079px;padding:0px;height:auto;position: relative;text-align: center; z-index:9999}
.box1::after {border-radius: 50%;bottom: 0;box-shadow:0px -5px 5px 2px rgb(183, 180, 180);content: "";height: 4px; top:305px;left: 0;position: absolute;width: 100%;;}

.right_box{width:100%;float:left;overflow:hidden;height:auto;margin-right:40px;margin-top:-18px;position:relative;z-index:99999;}
.right_box:hover{ /*overflow-y: scroll;*/}
.e_caremapp {width:70%;float:left; text-align:center;}
.e_caremapp p{color:#060505;font-style: italic;font-size:15px;padding: 10px 20px;line-height: 22px;font-family: 'Roboto Slab', serif;font-weight:400;}
.e_caremapp strong {color:#060202;font-size:15px;text-transform:uppercase;margin-top:6px;margin-bottom:4px; float:left; width:24%;font-family:'Roboto Slab', serif; font-style:italic;font-weight:400!important}
.e_caremapp a{padding:0px 2px;}
.e_caremob{width:194px;float:right;text-align:left;padding-top:0px;font-size:12px;text-transform:uppercase;letter-spacing: -.5px; margin-right:9.5%;}
.e_caremob img{margin-bottom:8px; margin-left:26px}
.app_icons {margin:34px 0px 15px 0px; }
#banner-slide{width:100%; max-width:none!important; text-align:center; margin:auto;}
.scode{float:right!important;margin:8px 34px 0 0; font-size:14px!important;font-weight:400!important; font-style:normal!important}
.scode span{font-weight:700!important}
.aap-box{ margin-top:-32px; position:relative; z-index:99}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none; text-align:center}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999; display:none;}
ul.bjqs-controls.v-centered li a{position:absolute; display:none;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style:none;padding:0;margin:0;width:100%;margin-top:25px;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline; text-align:center; margin:auto}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

ul.bjqs-controls.v-centered li a{display:block;	padding:10px;background:#fff;color:#000;text-decoration: none;}
ul.bjqs-controls.v-centered li a:hover{background:#000;	color:#fff;}
ol.bjqs-markers li a{padding:0px 4px; font-size:0px; height:8px;width:0px;border-radius: 50%;background:#000;color:#fff;margin:2px;	text-decoration: none;}
ol.bjqs-markers li.active-marker a,ol.bjqs-markers li a:hover{	background: #71ab5f;}
p.bjqs-caption{	background: rgba(255,255,255,0.5);}


.e_caremob.balank-link{width: 199px;float: left;cursor:pointer;}

/*--footer--*/
.footer{ width:84%; background:#fff; padding:0px; margin:auto;min-height:86px; margin-top:0; z-index:99999; float:left; margin-left:8%}
.footer p{padding:44px 0 0 20px;margin:0px;position:relative;z-index:99;font-family:'Roboto Slab', serif;font-size:12px;color:#1D1919;font-weight:400;line-height:16px; float:left; letter-spacing:0.6px;}

/*--master pages css--*/
h1.top-head{ text-align:center; font-size:25px;font-family:'Roboto Slab', serif; padding-top:17px;letter-spacing:0.8px;}
.master-text{padding:0px; margin:0px 15px; height:auto; overflow:hidden}
.master-text p{ font-size:14px;line-height:19px;padding-top:5px; padding-bottom:10px; margin:0px; text-align: justify;font-family:'Roboto Slab', serif; color:#423F3F;letter-spacing:0.9px; font-weight:400}
.master-text ul{padding:5px 0 0 0; margin:0px;list-style:none}
.master-text ul li{padding: 0 0 0 30px;margin: 0px;font-family: 'Roboto Slab', serif;font-size: 13px;line-height: 22px;background: url(/images/arrow-ul.png) no-repeat 0 5px;color: #545252;font-weight: 700;letter-spacing: 0.6px;}
.headimg{margin-top:6px}

.master-icon::before{border-radius:100%;bottom: 0;box-shadow:0px -4px 4px 2px rgb(183, 180, 180);content: "";height:10px;left: 0; top:0;position: absolute;width: 100%;}
.master-icon{background:fff;margin:auto;max-width:1079px;padding:0px;height:auto;position: relative;text-align: center; z-index:9999}
.master-icon::after {border-radius: 50%;bottom: 0;box-shadow:0px -5px 5px 2px rgb(183, 180, 180);content: "";height:10px; top:122px;left: 0;position: absolute;width: 100%;}

.msticon{width:75%!important}
.master-footer {background: #fff;width: 84%;height: 86px;margin: auto;margin-top:-25px;}
.master-footer p{ text-align:center; font-family:'Roboto Slab', serif;padding-top:30px;color:#363636; font-weight:700; line-height:16px; font-size:11px; letter-spacing:0.5px}

img.inner-img{margin:24px;border: 7px double #636774!important;background: #DADDE4;}


/*--accordion css--*/	  
.accordionHeader_Y{color:#fff; border:1px solid #e5e5e5;background:#CF4A4D url(/images/ajax-arrow1bb.png) 100% -3px no-repeat; height:33px;font-family:'Roboto Slab', serif;font-size:13px;transition: all 0.5s ease-in-out; padding: 4px 9px; margin-top:0px;cursor: pointer; line-height: 24px;z-index:9999;font-weight:400;border-radius:0px;}
.accordionHeaderSelected  {color:#fff; height:36px; line-height:24px; background:#D25457 url(/images/ajax-arrow1b.png) 100% center no-repeat;font-family:'Roboto Slab', serif; font-size: 13px; padding: 4px 9px; margin-top:0px;cursor: pointer; z-index:9999; border:1px solid #e5e5e5; border-radius:0px;font-weight:400}    
.accordionContent_Y{ border:1px solid #e5e5e5; padding: 5px; padding-top: 15px; background:rgb(240, 240, 240);font-weight:400; margin-bottom:20px}
.accordionHeaderSelected ~ .accordionHeader_Y{ background-color: #D25457 !important;}

.accordionHeader_selected  {color:#fff; height:36px; line-height:24px; background:#D25457 url(/images/ajax-arrow1b.png) 100% center no-repeat;font-family:'Roboto Slab', serif; font-size: 13px; padding: 4px 9px; margin-top:0px;cursor: pointer; z-index:9999; border:1px solid #e5e5e5; border-radius:0px;font-weight:400} 

/*sitemaph css*/
.sitemaph{padding:0px; margin:auto; width:95.5%}
.sitemaph p{padding:10px 0; margin:0px; line-height:22px;}
.sitemaph p:hover{color:red}
.sitemaph h1{padding: 0px 0 0 16px;line-height: 39px;margin:0 14px 0 0;color: #fff;background:#808183;height: 36px;font-family: arial;font-size: 13px;font-weight: 400;font-family: arial;text-transform: uppercase;}
ul.sitemap {list-style-image: url("/images/menu_arrow.png");padding:10px 0 0 0px;margin: 0px;margin-bottom:12px}	
ul.sitemap li{ padding-left:28px; margin:0px;font-weight:400}
ul.sitemap li a { text-decoration:none; color:#676768}
ul.sitemap li a:hover {color:#3f77b8;padding-left:10px;transition: all 0.2s ease 0s; outline:none}

/*photo-gallery*/
div#all {width:33.3%;  height: 100%; float:left;}
.pg-dtl {width:100%;float:left;background:#E8E8E8;margin:0px;padding: 9px .5%;font-size: 12px;text-transform: uppercase;color:#3A2F2F!important;font-weight: 700;}
.pg-full{ margin:7px;float:left;background:#E8E8E8;overflow:hidden; position: relative;border:10px solid #E8E8E8; box-shadow:1px 1px 2px #C0C0C0; width:94%}
.info { width:100%; float:left;background:#E8E8E8;font-size:12px}
.info a {color:#C72B2F;line-height:28px;text-transform:lowercase;}
.info a:hover {  color: #000000; text-shadow: 0px 0px 0px #000000;}

/* generic css */
.view {float:left;overflow:hidden;position:relative;text-align:center;cursor:default;width:100%;background-color:#E8E8E8;}
.view .mask, .view .content {width:90%;height: 100%;  position: absolute;  overflow: hidden;  top: 0; left:12px; }
.view img {position: relative}
.view h2 { text-transform: uppercase; color: #fff;text-align: center;position: relative; font-size:13px;padding: 7px 3px; background: rgba(227, 77, 61, 0.81); margin: 0px 0 0 0}
.view p {position: absolute; width:100%; top:0px;color: #fff;    background: rgba(0, 0, 0, 0.26); padding: 5px 0px 10px 0px; text-align: center;  margin-top: 0px; height: 100%;}
.view a.info {
    display: inline-block;  text-decoration: none;  padding: 7px 14px;  background: rgba(227, 77, 61, 0.81); color: #fff; 
    text-transform: uppercase; position: absolute; bottom: 0; right: 0;  box-shadow: 0 0 1px #000 }
.view a.info:hover { box-shadow: 0 0 5px #000; background:#00B2FF;}

/*1*/
.view-first img {height:126px;transition: all 0.2s linear;max-height:128px;max-width: 100%!important; text-align:center;}
.view-first .mask {    visibility: hidden; opacity: 0;  background-color: rgba(0, 0, 0, 0.42); transition: all 0.4s ease-in-out;  color:#fff;}
.view-first h2 { transform: translateY(-100px); opacity: 0; transition: all 0.2s ease-in-out;}
.view-first p {  transform: translateY(100px); opacity: 0; transition: all 0.2s linear;}
.view-first a.info{opacity: 0;transition: all 0.2s ease-in-out;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.view-first p span { display:inline;}
.view a { text-align:center; }
/* */
.view-first:hover img { transform: scale(1.1);} 
.view-first:hover .mask { opacity: 1;   visibility: visible; background-color:#555555\9;  background-color: rgba(0, 0, 0, 0.42);}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info { opacity: 1; transform: translateY(0px);}
.view-first:hover p { transition-delay: 0.1s;}
.view-first:hover a.info {  transition-delay: 0.2s;}
.view-first:hover .Video1{  opacity:.5;}  
.Video1{width:24%;height:50px;  background-image: url(/VideoGallery/play-but.png);background-repeat: no-repeat;  background-position: center;  position: absolute;  z-index:0;  top:40%; left:0%;opacity: .8;}


/*--topper css--*/
.winners_jee{padding:0px; margin:5px 0px; width:100%; min-height:auto;}
.winners_jee img:hover{opacity: 0.8;}
.winners_jee ul{padding:10px 0 0 0; margin:0px; background:#DFE3E6;}
.winners_jee ul li{padding: 0px 75px 0 51px!important; margin:0px; display:inline-table; background:none}
.winners_jee ul li p{ text-align:center;color:#262625;font-weight:700;/* padding-top:8px */padding-left: 0;}
.winners_jee img{border:3px solid #fff;padding:0px;margin: auto; width:114px;margin-left: 12px;}

/*--tooltip--*/
a.tooltip1{outline:none; }
a.tooltip1:hover{text-decoration:none;} 
a.tooltip1 span {z-index: 10;display: none;padding: 0 0;margin-top:-28px;margin-left:-70px;min-width: 13%;line-height:15px;}
a.tooltip1:hover span{display:inline; position:absolute; border:2px solid #FFF;  color:#EEE;background:#333; top:-16px;}
.callout{z-index:20;position:absolute;border:0;top:27px;left:36px;}
a.tooltip1 span{border-radius:2px;box-shadow:0px 0px 8px 4px #666;}
.tooltip1 strong {color:#fff!important;font-size:12px;font-style:initial;font-family:arial;line-height:0;float:left;line-height:18px;width:100%; text-transform:none; font-weight:400}

.modalBackground{background-color: Black;filter: alpha(opacity=50);opacity: 0.70;z-index: 10000;}




/*virtual tour*/
 .campus_tour_list{text-align:center;  padding: 0!important; margin-left:55px!important;}
.campus_tour_list li{display: inline-block; font-size:11px; cursor:pointer;   box-shadow: 0px 17px 7px -16px #545352;text-align: center; border:1px solid #DCDFE6;padding: 6px;margin: 15px 6px 0 6px; background-color: #FFFFFF; font-weight:400;}

ul.campus_tour_list li{ float: left; margin-bottom: 21px; margin-left: 1.7%; margin-top: 14px;text-align:center;font-size:12px!important;padding:10px 7px;background:none}

b.cr{ color:#252F25; font-family:arial}

.image_virtual{  width: 140px; height: 70px;background-position: top;transition: all 0.5s ease-in-out; border-radius: 10px; box-shadow: 0 0 16px #898989  inset; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; margin:0 auto;}
.image_virtual:hover{ background-position: bottom; box-shadow: none;}
.Auditorium{ background-image:url(../images/building.png)}
.view1{ background-image:url(../images/courtyard.png)}
.view2{ background-image:url(../images/main-hall.png)}
.view3{ background-image:url(../images/computer.png)}
.view4{ background-image:url(../images/chemistry.png)}
.view5{ background-image:url(../images/physics.png)}
.view6{ background-image:url(../images/biology.png)}


/* Float */
.hvr-float {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {-webkit-transform: translateY(-8px);transform: translateY(-8px);}


/*--achievement--*/
.footerpager img { width:225px; height:auto; clear:both; float:left }
div#achi { float:left;padding:6px 0 0 10px;text-align:left}
.achievement-ff{border: 1px solid #C4C3CB; height:auto; overflow:auto;background: #EDEEF1;clear: both;margin:21px 0 2px 0;}
img.achievement-img {margin:10px;border: 7px double #636774!important;background: #DADDE4;}

.achievement-ff:hover{ background:#D4D7DE}	

.v-sms
{
  width:40%; float:left;   margin:2%; padding:2%; background:#dfdbdb; -webkit-border-radius: 8px; -moz-border-radius: 8px;
border-radius: 8px;
}

audio
{
  width:100%;
}