@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900');

html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*{outline:none;}img{border:none;}a{text-decoration:none;}
ul,ol,p{margin:0;padding:0;list-style:none;}
*,:before,:after{box-sizing:inherit;}
::selection { background: #38920e;  color: #fff;  text-shadow: none;}

body{margin:0px;padding:0px;text-align:justify;font-family: 'Maven Pro', sans-serif;font-weight: 300;/* background: url(../images/AboutUs.jpg) no-repeat top center;*/}

/*header start*/
.wrapper{ width:1100px; margin:0px auto; }
.main{ float:left; width:50%;}
.main-right {z-index: 2; float:left; width: 100%;left: 0;height: 640px;position:relative;top: 0;margin-left: -407px;background:#fff;-webkit-transform: skew(-45deg);-moz-transform: skew(-45deg);-o-transform: skew(-45deg);-ms-transform: skew(-45deg);-sand-transform: skew(-45deg);}
.main-right:after{content:"";display: block;position: absolute;margin: 0px 0 0 226px;height: 450px;top: 196px;background: url(../images/skew_riline.png) no-repeat top right;width: 100%;z-index: -1;-webkit-transform: skew(45deg);-ms-transform: skew(45deg);}
.main-right-in {width: 100%;height: 425px;float: left;   -webkit-transform: skew(45deg);-moz-transform: skew(45deg);-o-transform: skew(45deg);-ms-transform: skew(45deg);-sand-transform: skew(45deg);text-align: right;}

/*logo start*/
.logo-area { width: 204px;  float: right;  min-height: 170px;  text-align: center;  margin: 10px -2px 0px;}
.m_logo,.m_logo2{ display:none;}

  
/*slider start*/
.sliderbipin { width: 100%;  height: 681px;position:absolute;z-index:1; padding: 78px 0 0 0;}
.skew{-webkit-transform: skew(-44deg); -ms-transform: skew(-44deg); z-index:999;  -sand-transform: skew(-44deg); width: 270px;  float:right;
	   height: 34px; background: rgb(247, 212, 89); box-shadow: 10px 10px 0px 0px #38920e;    margin: 0 21px 0 0;transition: all 0.4s;}
.skew:hover { background: #38920e; box-shadow: 10px 10px 0px 0px #a70b0eeb;  color: rgb(255, 255, 255) !important;  }
 .text_in { text-transform:uppercase; -webkit-transform: skew(44deg);  -ms-transform: skew(44deg);-sand-transform: skew(44deg); text-align: center; padding: 5px 0 0 0; font-size: 20px; font-weight:500;  color: #000;  }
 .label_skitter p{color: #000;}
  .label_skitter .skew:hover >  p{color: #a70b0eeb;transition: all 0.4s;}
 .nav{width:50%;height:78px;float:right;background:url(../images/menu_back.png); }
 
 .icon{float:left;background:#a70b0eeb;width:745px;height:41px;z-index: 9;margin: 0px 0px 0 -166px;position:relative;}
 .icon:after{position: absolute; content: ""; left: -63px; width: 50px;   border-right: 4px solid #a70b0eeb; border-left: 60px solid  transparent;  border-top: 41px solid #a70b0eeb;  top: 0;}

 /*start notice*/

 .notice_cen{width: 100%;/* margin:0 auto; */overflow: hidden;}
 .notice_full{margin: 0 auto;/* float:left; width:1500px;*/height:104px;background: url(../images/notice_bg.png) center center no-repeat;position: relative;z-index: 9;}
   
 /*start msg*/  
 .container{background:#fff; float:left; width:100%; height:auto;position: relative;z-index: 9;}
 .msg_all{ float:left;  width:100%; height:320px; }

.msgin{ float:left; width:100%;min-height:281px; overflow: hidden; position: relative;  z-index: 9;padding: 46px 0 0 0;}
.msg_img { width: 286px; height: 162px; float: right; margin: 27px 17px 0 0;text-align:center;}
.msg_img img {max-width:100%;    border: 1px solid #38920e;}
.skew_msg{-webkit-transform: skew(-44deg); -ms-transform: skew(-44deg); z-index:999;  -sand-transform: skew(-44deg); width: 236px;  float:left;
	   height: 33px; background: rgb(247, 212, 89); box-shadow: 10px 10px 0px 0px #38920e;    margin: 0 21px 0 15px;}
 .text_msg { text-transform:uppercase; -webkit-transform: skew(44deg);  -ms-transform: skew(44deg);-sand-transform: skew(44deg); text-align: center; padding: 2px 0 0 0; font-size: 22px; font-weight:500;  color: #000;  }

.msg_txt { width: 782px; float:left;  text-align: justify;height: auto;}
.msg_txt .p_name { margin: 20px 0 8px 0;font-weight: 500; text-transform:uppercase;color: #38920e; font-size: 18px; display: inline-block;width: 100%; }
.msg_txt p{ padding: 1px 0 0 17px;color:#000; font-size:16px; font-weight:400; font-variant: normal; text-align:justify; line-height: 19px; }
span.sym {  margin: 0px 0 0 -17px;  display: inline-block; height: 13px; width: 11px; background: url(../images/sym.png) no-repeat center 0px;}
.blank_space{ -webkit-transform: skew(-44deg);  -ms-transform: skew(-44deg); -sand-transform: skew(-44deg);  width: 115px;transition: all .3s ease-in;
	   float:left;  height: 19px; background: rgb(247, 212, 89); box-shadow: 5px 5px 0px 0px #38920e; text-align:center;  margin: 24px 4px 0 15px;  }
a.read_more {transition: all .3s ease-in; text-transform:uppercase; -webkit-transform: skew(44deg);  -ms-transform: skew(44deg);-sand-transform: skew(44deg);  color: #000; font-size: 13px; font-weight: 500;display: block; padding: 1px 2px; }
a.read_more:hover { color: #a70b0eeb; font-weight: 400;}
.blank_space:hover { background: #38920e; box-shadow: 5px 5px 0px 0px #a70b0eeb; }
#message { width:100%; float:left; }
#message .slides li {padding-bottom: 30px; position: relative;}
.msg_box{width:100%; float:left; font-variant: normal; }
.msgin a.flex-prev, .msgin a.flex-next { display: none;}

.tab-nav { width:100%; float:left; height: 43px;  border-bottom: 1px solid #38920e; position:relative;}
ul.tab-nav:before {content: "";background: url(../images/and_shape.jpg) no-repeat;width: 22px;height: 33px;right: 0;top: 17px;position: absolute;}
.tab-nav li { background: url(../images/line_1.png) no-repeat right 7px;position:relative;padding:4px 9px 20px 9px; display: inline; cursor: pointer; font-size: 15px; font-variant: normal;  text-transform: uppercase;  color: #5a5a5a;  float: left;	}
.tab-nav li:last-child{background:none;}
.tab-nav .flex-active { color:#38920e; font-weight: 400;}
.tab-nav .flex-active:before {content: "";position: absolute;bottom: -2px;background: url(../images/top_arrow.jpg) no-repeat center bottom;width: 88%;height: 50px;z-index: 999;}

.all_msgin{ width:100%; position:relative;}
.all_msgin ul{ margin:0; padding:0;}
.all_msgin ul li{ float:left; width:1100px !important; height:200px !important;}
/*.next-msgin{cursor: pointer;position: absolute;z-index:9;right: 420px;top: 172px;}
.previous-msgin{cursor: pointer;position: absolute;z-index: 9;left: 620px;top: 172px;}*/
.msg_arrow{  -webkit-transform: skew(-44deg); -ms-transform: skew(-44deg);  -sand-transform: skew(-44deg);
	   width: 115px;  transition: all .3s ease-in;   float:left;  height: 19px;  background: rgb(247, 212, 89);  box-shadow: 5px 5px 0px 0px #38920e;
	   text-align:center;  margin: 24px 4px 0 15px;  position: absolute;  bottom: 12px;  right: 323px;  z-index: 9;  }
.msg_askew {transition: all .3s ease-in;text-transform:uppercase;-webkit-transform: skew(44deg);-ms-transform: skew(44deg);-sand-transform: skew(44deg);color: #000;font-size: 13px;font-weight: 500;display: block;padding: 1px 2px;position: relative;}
.next-msgin{cursor: pointer;position: absolute;z-index:9;right: 48px;top: 1px;}
.previous-msgin{cursor: pointer;position: absolute;z-index: 9;left: 34px;top: 1px;}
.mo_a1 { display:none;}
.logomoto{ display:none;}
.all_icon{margin: 0 0 0px 0px;float: left;width: 800px;}
.all_icon ul{margin:0; padding:0;}
.all_icon ul li{padding:0;display:inline-block;background:;/* float: right; */}
.all_icon ul li a{ transition: all 0.5s; display:block;/* float: right; */ height:41px; font-size:15px;padding:11px 39px 11px 48px;color:#fff; text-transform:uppercase; font-weight:400;}
.all_icon ul li a:hover {  color: #b0292b;   padding: 11px 36px 11px 51px;}
a.ecare{background: url(../images/all_icon.png) no-repeat no-repeat 12px 9px;color:#106502 !important;}
a.calender{background: url(../images/all_icon.png) no-repeat no-repeat -178px 10px;}
a.Virtual{background: url(../images/all_icon.png) no-repeat  -398px 10px;}
a.alumni{background: url(../images/all_icon.png) no-repeat  -592px 10px;}

.all_icon ul li:hover > a.ecare{background: url(../images/all_icon.png) no-repeat no-repeat 12px 9px;color:#38920e !important;}
.all_icon ul li:hover > a.calender{background: url(../images/all_iconhvr.png) no-repeat no-repeat -178px 10px;}
.all_icon ul li:hover > a.Virtual{background: url(../images/all_iconhvr.png) no-repeat  -398px 10px;}
.all_icon ul li:hover > a.alumni{background: url(../images/all_iconhvr.png) no-repeat  -592px 10px;}


.home_icon{width: 200px;float:right;clear:both;margin: 10px 58px 0px 0px;-webkit-transform: skew(-45deg);-ms-transform: skew(-45deg);}
.home_icon ul {margin:0; padding:0;}
.home_icon ul li {padding:0;display:inline-block;background:;}
.home_icon ul li a{transition: all 0.5s;display:block;float:left;text-align: right;font-size:15px;padding: 2px 8px 3px 50px;color:#000;-ms-transform: skew(45deg);-webkit-transform: skew(45deg);}
a.homei{background: url(../images/home_icon.png) no-repeat no-repeat 21px 4px;color:#38920e !important;}
.home_icon ul li:hover  >a.homei, .home_icon1 ul li:hover  >a.homei{background: url(../images/home_iconhvr.png) no-repeat no-repeat 21px 4px;color:#af282a  !important;}

a.site{background: url(../images/home_icon.png) no-repeat no-repeat 23px -30px;}
.home_icon ul li:hover  >a.site, .home_icon1 ul li:hover  >a.site{background: url(../images/home_iconhvr.png) no-repeat no-repeat 23px -30px;}

a.reach{background: url(../images/home_icon.png) no-repeat  23px -66px;}
.home_icon ul li:hover  >a.reach,.home_icon1 ul li:hover  >a.reach{background: url(../images/home_iconhvr.png) no-repeat  23px -66px;}

a.contact{background: url(../images/home_icon.png) no-repeat  19px -96px;}
.home_icon ul li:hover  > a.contact,.home_icon1 ul li:hover  > a.contact{background: url(../images/home_iconhvr.png) no-repeat  19px -96px;}
.home_icon ul li a:hover { color: #b0292b;  margin: 0 17px 0 1px; padding: 2px 8px 3px 50px;}
.home_icon1 ul li a:hover  { color: #b0292b;  margin: 0 6px 0 -8px; padding: 2px 8px 3px 50px;}

.announcements {  width: 200px;   float: left; text-align: center; font-weight: 500; height:94px;    margin: 0px 0 0 193px;  padding: 20px 0 0 0;}
.head_anu {  font-size: 22px; color: #000;  width: 200px; text-transform: uppercase;}
a.view_anu { transition: all .3s ease-in; display:block; -webkit-transform: skew(44deg); -ms-transform: skew(44deg); -sand-transform: skew(44deg);  font-size: 13px; color: #ed3237; text-transform: uppercase; }
.view_no:hover > a.view_anu{ color:#a70b0eeb;}
.view_no {-webkit-transform: skew(-44deg); -ms-transform: skew(-44deg); -sand-transform: skew(-44deg); width: 86px; margin:auto; height: 18px; }

.view_no:hover {transition: all .3s ease-in; background: #38920e;
   }

.notice{ width:442px; float:left;  height:94px; position:relative;margin: 21px 0 0 28px;}
.mobile_2{ display:none;}
.next-no{cursor: pointer;position: absolute;z-index:9;right: -25px;top: 10px;}
.previous-no{cursor: pointer;position: absolute;z-index: 9;left:6px;top: 10px;}
.noticein{float:left; height:80px; background:#; width:100%; margin: 13px 0 0 0; }

#newnotice_lblnoticedownloads {height:71px !important;padding: 0 0 0px 0px;display:block;overflow:hidden;/*margin:0px auto;*/margin: -11px 0 0 46px;width:380px!important;}
#newnotice_lblnoticedownloads ul { margin:0px; padding:0px;}
#newnotice_lblnoticedownloads ul li {height: 55px !important;position:relative;color:#fff;padding: 17px 0 0 0;font-size:14px;display:list-item;margin-bottom: 0px;letter-spacing: 0.3px;font-weight: 400;float:left!important;width:380px!important;margin-right:53px;}
span.news_numb {border-radius:5px; margin: 5px 0 0 0;width:25px; height:25px; color:#fff; display: block;  float: left; background:#38920e;  text-align: center;  padding: 3px 0px 0px 0px;}
#newnotice_lblnoticedownloads ul li a{ text-align:left; color:#000; font-size:15px; font-weight: 500;padding: 0 0 0 18px; text-transform:uppercase;}
.news_dis {display: none;}
.news_new {position: absolute;right: 88px;top: 2px;}
.news2 {font-size: 13px;text-transform: uppercase;font-style: italic; color:#000; padding: 0 0 0 43px;}
span.months,span.news-txt {  font-weight: 500;}
/*------photo gallery out start-------*/
.school_gly{ background:#a70b0eeb; width:100%;  float:left; height:528px;}
.div_gyr{ width:504px; float:left; height:508px; position:relative;}

.skew_gyr{-webkit-transform: skew(-44deg); -ms-transform: skew(-44deg); z-index:999;  -sand-transform: skew(-44deg); width: 236px; /* float:left; margin: 0 21px 0 15px;*/
	   height: 33px; background: rgb(247, 212, 89); box-shadow: 10px 10px 0px 0px #38920e; margin:18px 0 29px 150px; float:left;}
 .text_gyr { text-transform:uppercase; -webkit-transform: skew(44deg);  -ms-transform: skew(44deg);-sand-transform: skew(44deg); text-align: center; padding: 2px 0 0 0; font-size: 22px; font-weight:500;  color: #000;  }
 
 .gyr_1{ height:396px; width:430px; background:#eae9e9; float:left;    margin: 0 0 0 52px;}
 .b_gyr{ -webkit-transform: skew(-44deg);  -ms-transform: skew(-44deg); -sand-transform: skew(-44deg);  width: 115px;transition: all .3s ease-in;
	   float:left;  height: 19px; background: rgb(247, 212, 89); box-shadow: 5px 5px 0px 0px #38920e; text-align:center; margin: 15px 0 0 209px;  }
a.read_gyr {transition: all .3s ease-in; text-transform:uppercase; -webkit-transform: skew(44deg);  -ms-transform: skew(44deg);-sand-transform: skew(44deg);  color: #000; font-size: 13px; font-weight: 500;display: block; padding: 1px 2px; }
a.read_gyr:hover { color: #a70b0eeb; font-weight: 400;}
.b_gyr:hover {  background:#38920e;box-shadow: 5px 5px 0px 0px #a70b0eeb; }



/*------photo gallery start-------*/
#homephotog_LBPhoto{width:430px!important; height:284px !important; display:block; overflow: hidden !important; float:left; margin:0px 0 0 0px;}
#homephotog_LBPhoto li{ float:left;width:430px!important; height:284px !important; text-align:center;}
#homephotog_LBPhoto li img{ max-width:100%; /*width: 430px!important;*/ height: 284px !important;}
.kcstdName{ text-align: center; display:block; width:100%; color:#38920e; font-size:17px; font-weight:500; text-transform:uppercase;}
.kcstdUpdated{ text-align: center;color:#9e3c3f; font-weight:500; font-size:12px;text-transform:uppercase; font-style:italic;margin: 6px 0 0 0; display: block;}
.upda{ color:#000; font-size:12px; }
span#homephotog_lbltitle { margin: 11px 0 20px 0px; display: block; float: left; width: 100%;}

.next-gyr{cursor: pointer;position: absolute;z-index:9;right: -15px;top: 212px;}
.previous-gyr{cursor: pointer;position: absolute;z-index: 9;left:19px;top: 212px;}

.mgr_sch{margin:0px 0 0 62px;}
.our_school{width:430px!important; height:284px !important; display:block; overflow: hidden !important; float:left; }
.our_school li{ float:left;width:430px!important; height:284px !important;}
.our_school li img{ max-width:100%; width: 430px!important; height: 284px !important;}
.next-our{cursor: pointer;position: absolute;z-index:9;right: -15px;top: 212px;}
.previous-our{cursor: pointer;position: absolute;z-index: 9;left:19px;top: 212px;}
.mgr_sch p{ padding:9px 18px 0 19px; font-size:15px; color:#333333; float:left;line-height: 20px;}
.discei { padding: 5px 18px 0 19px; font-size: 15px; color: rgb(51, 51, 51);  float: left;  line-height: 20px;}


/*------achivement gallery start-------*/

.div_Achieve{ width:504px; float:left; height:598px; position:relative;padding: 32px 0 0 0;}

.skew_Achieve{-webkit-transform: skew(-44deg); -ms-transform: skew(-44deg); z-index:999;  -sand-transform: skew(-44deg); width: 236px; /* float:left; margin: 0 21px 0 15px;*/
	   height: 33px; background: rgb(247, 212, 89); box-shadow: 10px 10px 0px 0px #38920e; margin:18px 0 29px 150px; float:left;}
 .text_Achieve { text-transform:uppercase; -webkit-transform: skew(44deg);  -ms-transform: skew(44deg);-sand-transform: skew(44deg); text-align: center; padding: 2px 0 0 0; font-size: 22px; font-weight:500;  color: #000;  }
 
 .Achieve_1{ height:396px; width:430px; background:#eae9e9; float:left;    margin: 0 0 0 52px;}
 .b_Achieve{ -webkit-transform: skew(-44deg);  -ms-transform: skew(-44deg); -sand-transform: skew(-44deg);  width: 115px;transition: all .3s ease-in;
	   float:left;  height: 19px; background: rgb(247, 212, 89); box-shadow: 5px 5px 0px 0px #38920e; text-align:center; margin: 20px 0 0 209px;  }
a.read_Achieve {transition: all .3s ease-in; text-transform:uppercase; -webkit-transform: skew(44deg);  -ms-transform: skew(44deg);-sand-transform: skew(44deg);  color: #000; font-size: 13px; font-weight: 500;display: block; padding: 1px 2px; }
a.read_Achieve:hover { color: #a70b0eeb; font-weight: 400;}
.b_Achieve:hover {  background:#38920e;box-shadow: 5px 5px 0px 0px #a70b0eeb; }

#AchievementHome_lblAchievement{width:430px!important; height:366px !important; text-align:center;  display:block; overflow: hidden !important; float:left; margin:0px 0 0 0px;}}
#AchievementHome_lblAchievement li{  float:left;width:430px!important; height:284px !important;}
#AchievementHome_lblAchievement li .achImg{  float:left;width:430px!important; height:284px !important; overflow:hidden;}

#AchievementHome_lblAchievement li img{  max-width:100%; /*width: 430px!important;*/ max-height: 284px !important;}
.videvent1{ text-align: center; float:left; margin: 10px 0 5px 0px;	 display: block; width: 100%;  color: rgb(56, 146, 14);  font-size: 17px;   font-weight: 500;  text-transform: uppercase;}
.AchievementHome{ position:relative; float:left; width:125px; height:28px; line-height:28px; text-align:center;background: #bd3d3c;margin: 0 0 0 13px;}
.AchievementHome a{ display:block; font-size:13px; color:#fff;font-weight: 500; border-left:1px solid #fff; letter-spacing: 0.9px; float:right; width:84px; text-align:center;}
.AchievementHome a:hover {color: #bd3d3c; font-weight:600;  transition: all 0.5s ease 0s;}

.achDataDetails{text-align: center;  color:#9e3c3e;  font-weight: 500; font-size: 12px;  text-transform: uppercase;  font-style: italic;  margin: 0px 0 0 0;
    display: block;}
 .achDataDetails b{ color:#000; font-weight:500;}
 .achi_dies{padding:6px 18px 0 19px; font-size:15px; color:#333333; float:left;line-height: 20px; width:100%; text-align:center;}
.next-AchievementHome{cursor: pointer;position: absolute;z-index:9;right: -15px;top: 244px;}
.previous-AchievementHome{cursor: pointer;position: absolute;z-index: 9;left: 16px;top: 243px;}

/*------kids start-------*/
#kids_in{width:430px!important; text-align:center; height:366px !important; display:block; overflow: hidden !important; float:left; }
#kids_in li{ float:left;width:430px!important; height:366px !important;}
#kids_in li img{ max-width:100%; /*width: 430px!important;*/ height: 284px !important;}

.next-kids{cursor: pointer;position: absolute;z-index:9;right: -15px;top: 244px;}
.previous-kids{cursor: pointer;position: absolute;z-index: 9;left: 16px;top: 243px;}
.titkid{ text-align: center; margin: 10px 0 5px 0px;	 display: block; width: 100%;  color: rgb(56, 146, 14);  font-size: 17px;   font-weight: 500;  text-transform: uppercase;}

#kids_in p{ padding:6px 18px 0 19px; font-size:15px; color:#333333; float:left;line-height: 20px; width:100%; text-align:center;}
.updakid span {color:#000; font-weight:500;}
.updakid{text-align: center;  color:#9e3c3e;  font-weight: 500; font-size: 12px;  text-transform: uppercase;  font-style: italic;  margin: 0px 0 0 0;  }

/*------topper start-------*/
.topper_full{ background:#a70b0eeb; width:100%;  float:left; height:526px;}

/*------topper start-------*/

.skew_top{ -webkit-transform: skew(-44deg);-ms-transform: skew(-44deg);  z-index:999; -sand-transform: skew(-44deg);  width: 345px; /* float:left; margin: 0 21px 0 15px;*/
	   height: 33px;  background: rgb(247, 212, 89); box-shadow: 10px 10px 0px 0px #38920e;  margin: 18px 0 13px 83px;  float:left;  }
 .text_top { text-transform:uppercase; -webkit-transform: skew(44deg);  -ms-transform: skew(44deg);-sand-transform: skew(44deg); text-align: center; padding: 2px 0 0 0; font-size: 24px; font-weight:500;  color: #000;  }

.box_in_sec{width: 475px;height: 386px;float:left;margin: 49px 0 0 33px;}
.marg_sec{margin: 49px 0 0 56px;float: left; position:relative;}
.box_in_sec.marg_sec:before { position: absolute; width: 2px; height: 436px; top: -3px; left: -16px;  border-left: 1px solid rgb(56, 146, 14);
    content: ""; }

.topper1{width:223px;height:292px;float:left;/* margin: 0 0  0 4px; */}
.xleft{float:left; width:100%; position:relative;}
.topper-std {background:#38920e;width:152px!important;float:none;height: 232px;color:#fff;margin:auto;text-align:center;overflow:hidden;}
.topper-std ul { margin-top:0px !important;}
.topper-std ul li{display:inline-block;min-height:230px!important;padding:0px 0px;text-align:center;}
.topper-std ul li img { width:152px!important; max-height:176px!important;}
.which-class{width:100%; float: left; margin: 16px 0 8px 0;}   
.which-class .box_c{text-transform:uppercase;text-align: center;font-size: 17px;font-weight:500;color:#000;margin: 9px 0 0 0;}

 .b_top{ -webkit-transform: skew(-44deg); -ms-transform: skew(-44deg);  -sand-transform: skew(-44deg); width: 115px;  transition: all .3s ease-in;  float:left; height: 19px;  background: rgb(247, 212, 89); box-shadow: 5px 5px 0px 0px #38920e;
	   text-align:center;  margin: 18px 0 0 50px;  }
a.read_top {transition: all .3s ease-in; text-transform:uppercase; -webkit-transform: skew(44deg);  -ms-transform: skew(44deg);-sand-transform: skew(44deg);  color: #000; font-size: 13px; font-weight: 500;display: block; padding: 1px 2px; }
a.read_top:hover { color: #a70b0eeb; font-weight: 400;}
.b_top:hover {  background:#38920e;box-shadow: 5px 5px 0px 0px #a70b0eeb; }
.topperUpdated{text-align: center;  color: rgb(158, 60, 63);  font-weight: 500;  font-size: 12px;  text-transform: uppercase;
    font-style: italic;  margin: 6px 0 0 0;  display: block; width:100%; float:left; padding: 0 0 0 35px;}
.topp{ color:#000;}
.topper-std1 {background:#38920e;width:152px!important;float:none;height: 232px;color:#fff;margin:auto;text-align:center;/* margin: 0 0 0 37px; */overflow:hidden;}
.topper-std1 ul { margin-top:0px !important;}
.topper-std1 ul li{display:inline-block;min-height:230px!important;padding:0px 0px;text-align:center;}
.topper-std1 ul li  img {width:152px!important; max-height:176px!important;}
.namestd{ float:left;background: url(../images/topplin.jpg) no-repeat center left; padding: 0 10px 0 10px;}
.cgpa{ font-size:11px; float:left; color:#000;background: url(../images/topstand.jpg) no-repeat center left;padding: 0 0 0 13px;}
.t_name1 { padding-top: 5px; font-size: 15px; font-weight: 500; color: #000; float: left;  min-height: 23px; text-transform: uppercase; width: 100%;}
.t_class1 { font-size: 15px; padding: 0px 0 0 0; float: left; text-transform: uppercase ; width: 100%; font-weight:500;
    color: #000;}
.next-x{cursor: pointer;position: absolute;z-index:9;right:0;top: 127px;}
.previous-x{cursor: pointer;position: absolute;z-index: 9;left:0;top: 127px;}
.next-xii{cursor: pointer;position: absolute;z-index:9;right: -11px;top: 128px;}
.previous-xii{cursor: pointer;position: absolute;z-index: 9;left: -10px;top: 127px;}

.topper2{width:204px;height:292px;float:left;margin: 0 0 0 36px;}
.which-class1{width:100%;float: left;margin: 21px 0 2px 0;text-align:center;}   
.which-class1 .box_c{ text-transform:uppercase;  text-align: center;font-size: 17px; font-weight:500; padding:0 15px; display:inline-block; line-height: 29px; color:#000; margin:0 auto;}

#std_bdy{background:#38920e;width:152px!important;float:none;height: 234px;color:#fff;margin:auto;text-align:center;margin: 0 0 0 30px;overflow:hidden;}
#std_bdy ul { margin-top:0px !important;}
#std_bdy ul li{display:inline-block;min-height:230px!important;padding:0px 0px;text-align:center;}
#std_bdy ul li  img {width:152px!important; max-height:176px!important;}
.next-Stud{cursor: pointer;position: absolute;z-index:9;right: -39px;top: 127px;}
.previous-Stud{cursor: pointer;position: absolute;z-index: 9;left: -7px;top: 127px;}
.bdy_right { float: left; width: 100%;}
 span.nameb,.sld-name { padding-top: 5px; font-size: 14px; font-weight: 500; color: #000; float: left;  min-height: 23px; text-transform: uppercase;
    display: block; width: 100%;}
 .sTClassb,.sld-name1{  font-size: 15px;  float: left; text-transform: uppercase ; width: 100%; font-weight:500; color: #000;}

 .topl { padding: 0 0 0 43px;}
#std_bdy2{background:#38920e;width:152px!important;float:none;height: 232px;color:#fff;margin:auto;text-align:center;overflow:hidden;}
#std_bdy2 ul { margin-top:0px !important;}
#std_bdy2 ul li {width:152px!important;height:224px!important;display:block;}
#std_bdy2 ul li img {width:152px!important; max-height:176px!important;}
.next-tech{cursor: pointer;position: absolute;z-index:9;right: -13px;top: 128px;}
.previous-tech{cursor: pointer;position: absolute;z-index: 9;left: -9px;top: 128px;}

 .thought_fu{width:100%; float:left; margin: 40px 0 0 0;}
.skew_thought{ -webkit-transform: skew(-58deg);   -ms-transform: skew(-58deg);
	   z-index:999;  -sand-transform: skew(-44deg);  width: 341px;  /* float:left; margin: 0 21px 0 15px;*/
	   height: 33px;  background: rgb(247, 212, 89);  box-shadow: 16px 10px 0px 0px #38920e; margin: 0 auto; } 
.text_thought { text-transform:uppercase; -webkit-transform: skew(58deg);  -ms-transform: skew(58deg);-sand-transform: skew(58deg); text-align: center; padding: 2px 0 0 0; font-size: 25px; font-weight:500;  color: #000;  }


.quotation {width:100%;float:left;height: 82px;overflow: hidden;    padding: 0 116px;    margin: 0 0 36px 0;}
.quotation ul{ margin:0; padding:0;}
.quotation li{ float:left; text-decoration:none;display:none; width:100%; text-align:center;}

.thought-content{width:100%;float:left;color:#000;font-size:21px;font-weight:300;margin-top: 30px;padding:0 0px;}
.thought-content span{ float:right; font-size:17px; color:#eabf6a;}
.word_thou { display:none; float: right;  color: #38920e;  font-size: 17px;  font-style: italic;  font-weight: 500;    margin: 11px 0 0 0;}


/* ecare   */
.ecarebg{width:100%;background:#a70b0eeb; /*min-height:242px;padding:14px 0 0 0;*/float:left;margin: 0px 0 0 0;}
#app_scroll {float:right;width: 318px;text-align:center;height: 168px;margin: 0px 0 0 0px;}
#app_scroll .flex-next, #app_scroll .flex-prev { display:none;}
#app_scroll li p { color:#000; padding-top:13px; font-size:15px; letter-spacing: 0.2px;  font-family: 'Maven Pro', sans-serif;  line-height:18px; font-style:italic}
#app_scroll .flex-control-nav { position:absolute;bottom:10px; top: 151px;}
#app_scroll .flex-control-nav li{ float:none;}
#app_scroll .flex-control-paging li a { width: 9px; height: 9px; background: rgb(56, 146, 14); -webkit-border-radius: 0px;  -moz-border-radius: 0px;
    border-radius: 0px;   border: 1px solid #fff; }
#app_scroll .flex-control-paging li a.flex-active { background:#f5aa34;}
.app_iconLeft { margin: 40px 0px 0 0;float:left; width:310px; text-align:center; color:#000; text-transform: uppercase; font-family: 'Maven Pro', sans-serif; font-variant: normal;}
.app_iconLeft ul { width:100%; float:left; margin-top:8px;}
.app_iconLeft ul li { display:inline-block;}
.app_iconLeft img { max-width:100%;}
.app_iconLeft ul li a img:hover {-webkit-filter: opacity(0.9); filter: opacity(0.9);  }
.s_code {margin-top: 0px;float: left;width: 100%;font-weight: 500;font-size: 13px;margin-bottom: 1px;}
.app_sname{font-size: 17px;margin-top: 0px;/* letter-spacing: 0.048em; */font-weight: 500;}
.s_code span { color: #206500; font-size: 18px; font-weight: 500;}

.mid_wrap {  float: left;  width: 318px;margin: 38px 0 0 98px;}
.down_app{text-align:center; }
.mid_wrap ul { width:100%; float:left; margin-top:8px;}
.mid_wrap ul li { display:inline-block;}
.mid_wrap img { max-width:100%;}
.mid_wrap ul li a img:hover {-webkit-filter: opacity(0.9); filter: opacity(0.9);  }
/*---- and start ----*/
.footer{float:left;width:100%;text-align:center; margin: 22px 0 16px 0;}
.footer ul{margin:0px; padding:0px; }
.footer ul li{ padding: 0 0 0px 0px; float:none; text-align:center; text-decoration:none; font-weight: 500; font-size:13px;letter-spacing: 0.048em;}
.footer ul li a{ list-style:none;color:#fff;}
.footer ul li a:hover{color:#9b0100;transition:  all 0.3s ease-in;}
.fixft{ color:#fff!important; text-decoration:none!important;}

/*---- master page and start ----*/
.mast_main{width:50%;float:left;height:596px;position: fixed;padding: 0 304px 0 0px;}
.home_icon1{width: 166px;float:right;clear:both;margin: 23px 0px 0px 0px;}
.home_icon1 ul {margin:0; padding:0;}
.home_icon1 ul li {padding:0;display:inline-block;background:;}
.home_icon1 ul li a{ text-transform: uppercase;transition: all 0.5s;display:block;float:left;text-align: right;font-size:15px;padding: 2px 8px 3px 50px;color:#000;}

.magazine-box { width:204px; /*float:left;*/ margin: 0 auto;margin-bottom:5px;}
 table tr td .frame { background: url(../images/frame.png) no-repeat center; background-size: 184px 203px; height: 212px; padding: 26px 0 0 0px;}

.mag-right { float:right;}
.mag-left { float:left;}
/*.mag-center { margin: 0 52px;}*/
.mag-text-left { text-align:left;}
.magazine { display:inline-block;}
.magazine img.mag { border:1px solid #38920e;}
.magazine-name { color:#38920e; padding-top:5px; }
.magazine  li { font-size:16px;color: #38920e; width: 202px;}
.date-red { color:#c33538;}
.magazine  li,.magazine  li p { font-weight:500;}
.magazine  li p,  .date-red { font-size:14px !important; padding:0;}
.down-view { padding-top:10px;}

.yea_35{width:100%;float:right;clear:both;margin: 21px -14px 0 1px;}
.wrapper_page{width:775px; float:right; position:relative;}
.nav_mas {position: fixed; right: 0; z-index:999; }
.bg_head{ background:#fff;position: fixed; padding: 100px 0 0 0;z-index: 99;}
.e_car{ position:relative; z-index:99;}
.heading_main { background: #38920e;  width: 775px;  padding: 3px 10px 5px 10px; text-align: center;  text-transform: uppercase;  color: #fff;  font-size: 22px;  
    font-weight: 500;}
.heading_main a{ color: #fff;}
.head_inn {  width: 100%; text-align: center;  font-size: 19px;  text-transform: uppercase;  font-weight: 500;
    padding: 2px 0 3px 0;  color: rgb(195, 53, 56);}
.pages{ font-size:15px; float:left; margin:154px 0 8px 0;min-height: 433px; width:100%;}
.pages p{ font-size:15px;  padding: 0 0 10px 0; color: rgb(0, 0, 0); line-height: 20px;  font-weight: 400;}
.inner img{max-width:100%; }

.accordionHeader_Y{border: 1px solid #2b7b05;color:#fff;background: #38920e  url(../images/ajax-arrow1.png) 99% 7.2px no-repeat;font-size: 15px;padding: 6px 12px;margin-top: 5px;cursor: pointer;text-transform: uppercase;font-weight: 500;}
.accordionHeaderSelected {font-weight: 500;border: 1px solid #49b318;color: #ffffff;background: #4ab518  url(../images/ajax-arrow.png) 99% 7.2px no-repeat;font-size: 15px;padding: 6px 12px;margin-top: 5px;cursor: pointer;text-transform: uppercase;}      
.accordionContent_Y {  letter-spacing: 0.3px;  border-top: none;  padding: 10px 6px; background: #ffffff;
    margin: 0 0px 8px 0px;  border-bottom: 1px solid #38920e; border-left: 1px solid #38920e;  border-right: 1px solid #38920e;    }

.mas_right {  float: right;  margin: 0 0 0 17px;  text-align: center;}
.pointshed{ float:left; width:100%; margin: 0 0 7px 0;}
.pointshed ul{ margin:0 0 9px 0px; padding:0;}
.pointshed ul li{background: url(../images/bullet.png)no-repeat left 3px;margin-bottom: 2px;line-height: 20px;/* font-weight: 500; */padding-left: 24px;font-size: 15px;/* color:#000; */}
.pointshed ul li  a:hover{  color: #b0292b;padding: 0 0 0 7px;}
.pointshed ul li a { transition: all 0.5s; color:#000;}
.tt b { color: #c33538; font-weight: 500;}
.inner { margin: 0 0 12px 0;}
.pages h3 {  color: #c33538;  margin: -4px 0 7px 0; font-weight: 500; font-size: 17px; text-transform: uppercase;}
.School-anthem { background: url(../images/images/ST.JOSEPH-lOGO.png) center 18px;  background-repeat: no-repeat;    height: auto;    border: 1px solid #38920e;    width: 100%;    padding: 13px 0 0 0px;}
.pages b{ color:#000; font-weight:500;}
.nfullother b{color:#a70b0eeb; }
.mgitab table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;margin:0px 0 13px 0;border: 1px solid #bd3d3c;}
.mgitab table tr td{border: 1px solid #38920e;padding: 5px 10px;font-weight: 400;font-size: 16px;color: #272727;}
.mgitab table tr th{background: #38920e;font-weight: 500; text-transform:uppercase; font-size: 16px;color: #fff;padding: 5px 7px;text-align: center;border: 1px solid #67a849;}
.mgitab table tr:nth-child(even){background: #fff0b1;color: #272727;}
.mgitab table tr:nth-child(odd){background: #fff7d3;color: #272727;}
.mas_right img { border: 1px solid #38920e;}
.close-flyer { display: none;}
.inn_border{    border: 2px solid #38920e;}
/* Underline From Center */
.underline {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.underline:before {
  content: ""; 
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 60%;
  top: 0px;
  background: -webkit-linear-gradient(left, #ffd02d, #fff, #ffce23);
  height: 41px;
  border-top: 2px solid #b0292b;
  /* border-bottom: 2px solid #b0292b; */
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.underline:hover:before, .underline:focus:before, .underline:active:before {
  left: 0; right: 0;}
  img.hi_img { width: 244px; margin: 0 0 5px 0;}
  .left-sms  { width: 377px; float: left; padding: 10px;background: #ffeba2; /*-webkit-border-radius: 8px;border-radius: 8px;*/
            height: 155px; margin: 0 5px 10px 5px;}

  
.siteMap2 { width: 100%; float: left; padding: 0 0 0 1%; }
.siteMap2 .siteM2 {vertical-align: top; display:block;  width:30%; padding:7px 1%; display: inline-block; }
ul.sitemap {margin: 0px 0px 15px 0px;}
ul.sitemap li {background: url("/images/bullet.png");background-repeat: no-repeat;background-position:  0px  7px;
padding: 2px 0px 0px 16px;margin-left: 0%;}
ul.sitemap li a {color: #000; text-transform:capitalize; font-size: 15px;  font-weight: 400; padding: 0 0 0 6px;transition:  all 0.3s ease-in;}
ul.sitemap li a:hover { color: #ad2123; padding: 0 0 0 10px;}
.sitemaph h1 {color: #38920e;   padding-right:10px;margin: 0px;font-size: 16px;font-weight: 500;text-transform:uppercase; }
.homest a{    border-bottom: 1px solid;width:100%; float:left; text-align:left; display:block;text-transform: uppercase; color: #38920e;  font-weight:500; font-size: 17px; padding:0 0 6px 2%;}
span.new_span {background: #ec4054;padding: 5px 1px 4px 4px; margin-right:11px;}
span.new_span  img{margin: 0px 0px 0px 4px;}

.hedmsgi{color: #000;float: left; font-size: 18px; width: 100%; font-weight: 500; padding: 0px 0 26px 0;}
.at1 img{margin: 0 0 20px 0;}


.galleryLS {width:100%;float:left;max-width: 425px;min-height: 284px;margin: 0px 0 0 0px;}
.gallerySR  {float: right;max-width: 343px;text-align: center;min-height: 650px;margin-right:0px;position:relative;}
.photo_gn { width:100%; float:left;}
div#inner_pg img {height: 62px;width:98px;}
.photo_gn li {max-width: 160px; overflow:hidden; background:#eeeeee;margin: 0px 0px 17px 11px;padding: 1px 0 0 0;min-height:224px;-webkit-box-shadow:1px 1px 5px #c9c9c9;-moz-box-shadow:1px 1px 5px #c9c9c9;box-shadow: 0px 1px 5px #c9c9c9;float:left;width:100%;}
.photo_gn li:hover { background:#fff;}
.photo_gn li a { display:block; width:100%; float:left;  color:#000; text-transform:uppercase;}
.photo_gn li a img {/*max-width: 160px;*/max-height: 111px;}
.photo_gn li a > div {width:100%; text-align:left; float:left}
.pg_text {width:100%;text-align:left;float:left;padding: 7px 10px;font-weight:400;text-transform: uppercase;}
b.vidmarg { margin: 10px 0 12px 0;  display: block; color: #38920e;}
span.tltpho { font-weight: 500;}
.evt{ color:#f22e38;}
.pg_text1 { width:100%; text-align:left; float:left; padding:10px 0px 0px 0px; font-weight:600; text-transform: uppercase;}
.pg_text2{ width:204px; text-align:left; float:left; padding:0px 0px 14px 0px; font-weight:600; text-transform: uppercase;}
#inner_pg2 img, #inner_pg2a .slides li a img{ border:1px solid #38920e;display: inline-block;}
table.top_nt {  margin: -12px 0 0 0;}
.vid_top {/* margin: -5px 0 0 0; */}
#dvCustomers { width:100%; float:left;}
.tho_in{ padding: 23px 0 0 0;}
span#ctl00_ContentPlaceHolder1_lbltotalAlbum, .total_records {color: #38920e; font-size: 17px; font-weight: 500;}
.pg_text1 span { margin: 0 0 8px 0px; color: #bd3d3c; font-size:13px;}
.viddes{ margin:9px 0 0 0; display:none;}
.GalbumName {font-size: 14px;color:#000;font-weight: 500;}
.GDateOfCreation {font-size:12px;color: #000;font-weight: 500;}
.GDataOfAccess {font-size:12px;color: #000;font-weight: 500;}
.GDateOfCreation1 {font-size: 13px;color: #c33538;font-weight: 500;}
.GDataOfAccess1 {font-size: 13px;color: #bd3d3c;font-weight: 500;}
.pg_viewall { width:175px; float:right; text-align: center;}
.pg_viewall a { color: #fff;  line-height: 30px;  text-align: left; background: #38920e; padding: 0px 29px; text-transform: capitalize;  display: inline-block;
    font-size: 16px;  font-weight: 500;  float:left; }
div#inner_pg ul li {  margin: 0 15px 0 0 !important;    width: 98px !important;}
.pg_viewall a:hover{background: #a70b0eeb;color: #000;}
/*.pg_viewall a:hover { background:#1081bd;}*/
.pg_discription { width:100%; color:#000; font-size:16px;font-weight: 500; padding: 0px 0px;float: left;}
.pg_d { padding:10px 0px 0px 0px; text-align:justify; color: #000; font-weight: 400; line-height: 22px; display:none;}
.total_pages2 {/* text-align: right; *//* float: left; *//* width: 100%; *//* padding: 25px 0px 2px 0px; */}
.album_d { padding: 0px 0px 0px 0px; margin-top: 0px; color: #000; font-size: 11px; margin: -8px 0 11px 0;}
.album_discp1 {padding: 0 0 7px 0px;color: #38920e;font-size:26px;text-align:left;float:left;position:relative;/*line-height: 29px; */}
.album_discp1 img{float: right;margin-top: -25px; margin-left: -17px; display:none;}
.evcolor{color: #c33538;}
.galleryRview { width:338px; float:right; min-height:250px;}
.galleryRview ul { width:100%; float:left; text-align:center;}
.galleryRview li { margin: 0px 0px 12px 16px !important; width:96px; float:left; overflow:hidden;height: 67px;  }
.galleryRview .flex-direction-nav .flex-prev, .galleryRview .flex-direction-nav .flex-next{ display:none;}
.GDateOfCreation1 span,.GDataOfAccess1 span{ color:#000;}
div#inner_pg1 img { border: 1px solid #38920e;}
.pgThumbView {width:100%;}
.pgThumbView ul { width:100%; float:left; text-align:center;}
.pgThumbView li {  margin:1px 4px 12px 4px; max-width:147px; width:100%;  float:left;  height: 96px; }
.pgThumbView li a img { max-height: 96px;  max-width: 148px;}
#content-2 { width:100%; float:left; height:690px;}

#content-3 {width: 100%;  float: left;  height: 528px;}
.gmTop { margin-top:20px;}

.pgThumbView {width:100%;}

#content-2 { width:100%; float:left; height:690px;}

#content-3 {width: 100%;  float: left;  height: 528px;}



.load_more1 { display:none;}

.pg_loader { width:100%; float:left; text-align:center; margin-top:10px;}
#loadMore  { padding: 5px 15px;  text-align: center;   background-color: #bd3d3c	;  color: #fff;    transition: all 600ms ease-in-out;  -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out;  -o-transition: all 600ms ease-in-out;  }
#loadMore:hover { background-color: #e04f4e;   }

.backpho { width: 100%; text-align: center;  float: left;  margin: 14px 0 0 0;}
.backpho a{ padding: 10px; text-align: center; background-color: #25c0f9;  color: #fff; display:block; margin:auto;
transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; width: 73px;float: none;} 
.backpho a:hover{ background-color: #559fdc;}     

.inner_h1 { font-size: 15px; line-height:30px; color: white; background: #2e37af !important; text-align: center;}

.inner_objImg {   position:fixed; bottom:0px; left:0px; z-index:-2; width:100%; max-width: none!important;}
.anthem3 { display:none; }

.sports { position:fixed; top:150px; left:0px; z-index:-2}
.sports .slides img { width:100%}
.galleryLSin{width: 100%; max-width:650px; }
.photo_gn{position: relative;}
#inner_pg2a .slides li a img {width: 100%; cursor: pointer;}



.infirmary { width:100%; float:left}
.infirmary li { display:inline-block; width:33.3%; float:left; background: #F12F51; color:#fff; padding:20px; }
.infirmary li a { float:right;}
.infirmary li:first-child > a { float:left;}


.infirmary li:nth-of-type(1) { background:#DCDCDC;}
.infirmary li:nth-of-type(2) { background:F12F51; margin-top:-10px;}
.infirmary li:nth-of-type(3) { background:#DCDCDC;}


#inner_pg .slides li iframe {  position: relative;  z-index: -1;}


/*gallery*/
div#ctl00_ContentPlaceHolder1_Accordion1 table tr td {color: #000;  font-weight: 400;}
.serch_btton { display: inline-block;}
.gallery-search1 {width:100%;float:left;background: #a70b0eeb;padding: 4px 0 0 0px;height: 35px;}
 
.gallery-search1 li {float:left;padding: 4px 30px 4px 0px;font-weight: 400;display: inline-block;color: #b0292b;font-size: 15px;vertical-align: middle;}
.search_p{margin: 1px 9px 0 0px;width: 233px;float:right;}
span.photo-total-count{ font-size:19px;}
#inner_pg1 {width:100%;float:left;max-height: 284px;background:url(../images/bx_loader.gif) center center no-repeat;}
#inner_pg2 { width:100%; float:left; max-height:334px; background:url(../images/bx_loader.gif) center center no-repeat;text-align: center;}
#inner_pg2 ul,#inner_pg1 ul,#inner_pg ul{ background:#;}
#inner_pg2 .slides li a img{ }
#ctl00_ContentPlaceHolder1_lbleventdate,#ctl00_ContentPlaceHolder1_lblupdatedon{/* color: #000; */}
 
#inner_pg1,#inner_pg { width:100%; float:left;}
#inner_pg {padding: 0px 50px;margin-top: 11px;min-height: 64px;display:block;}

#inner_pg > .flex-direction-nav .flex-next {opacity:1;z-index:0;height: 36px;width: 36px;background: #38920e  url(../images/news_rm2.png) center center no-repeat;top: 44%;right:0!important;}
#inner_pg > .flex-direction-nav .flex-prev{z-index:0;opacity:1;height: 36px;width: 36px;background: #38920e  url(../images/news_lm2.png) center center no-repeat;top: 44%;left:0;}
#inner_pg:hover .flex-direction-nav .flex-next {right:0px;background: #b43436 url(../images/news_rm2.png) center center no-repeat;}
#inner_pg:hover .flex-direction-nav .flex-prev {left:0px;background: #b43436 url(../images/news_lm2.png) center center no-repeat;}
#inner_pg > .flex-direction-nav a.flex-next:before,#inner_pg > .flex-direction-nav a.flex-prev:before { display:none}

#inner_pg1 > .flex-direction-nav .flex-next { display:none;   background:#bd3d3c url(../images/news_rm.png) center center no-repeat;height: 29px;
    width: 29px; }
#inner_pg1 > .flex-direction-nav .flex-prev{display:none; background:#bd3d3c url(../images/news_lm2.png) center center no-repeat;height: 29px; width: 29px;}
#inner_pg1:hover .flex-direction-nav .flex-next {display:block;top: 50%;  background: url(../images/slider_ar2.png) -125px 0px  no-repeat; opacity: 1; right:0px;height:58px;  width: 50px;}
#inner_pg1:hover .flex-direction-nav .flex-prev { display:block;top: 50%; background: url(../images/slider_ar2.png) -5px 0px no-repeat; opacity: 1; left: 0;height:58px;  width: 50px; }
#inner_pg1:hover .flex-direction-nav .flex-next:hover {background: url(../images/slider_ar2.png) -185px 0px  no-repeat;   }
#inner_pg1:hover .flex-direction-nav .flex-prev:hover {  background: url(../images/slider_ar2.png) -66px 0px no-repeat;   }

#inner_pg1 > .flex-direction-nav a.flex-next:before,#inner_pg1 > .flex-direction-nav a.flex-prev:before { display:none}
.pgThumbView .highslide img { border: 1px solid #38920e;}
 div#inner_pg img {border: 1px solid #38920e;}     
 .total_al {float: right; margin: 9px 0 9px 0;}
#inner_pg2 > .flex-direction-nav .flex-next {  right:22px; top: 50%;  opacity:0; background:#25c0f9  url(../images/news_rm2.png) center center no-repeat; height: 29px;  width: 29px; right:0;}
#inner_pg2 > .flex-direction-nav .flex-prev{left:22px; top: 50%;opacity:0; background:#25c0f9  url(../images/news_lm2.png) center center no-repeat;height: 29px;  width: 29px; left:0;}
#inner_pg2:hover .flex-direction-nav .flex-next { opacity:1!important; background:#b43436  url(../images/news_rm2.png) center center no-repeat;
height: 29px;  width: 29px; right:0;z-index:99 !important;cursor:pointer;}
#inner_pg2:hover .flex-direction-nav .flex-prev {opacity:1!important; background:#b43436 url(../images/news_lm2.png) center center no-repeat;
height: 29px;  width: 29px; left:0; z-index:99 !important; cursor:pointer; }
#inner_pg2 > .flex-direction-nav a.flex-next:before,#inner_pg2 > .flex-direction-nav a.flex-prev:before { display:none}

div#inner_pg1 img { display: inline; float: none;}
#inner_pg1, #inner_pg { text-align: center;}
#inner_pg2a .flex-viewport{ height:auto!important; overflow:visible!important;  }
#inner_pg2a .flex-viewport > .slides{  width:100%!important; float:left; transform: translate3d(0px, 0px, 0px)!important;  -webkit-transition-duration: 0s!important; -webkit-transform: translate3d(0px, 0px, 0px)!important;}

#inner_pg2a .flex-viewport > ul .flex-active-slide a img{ -webkit-filter: grayscale(100%); filter: grayscale(100%);}

.headred { color: #f92525;  font-size: 15px;  font-weight: 600;  padding: 14px 0 1px 0; text-transform: uppercase;}
.headye { color: #f9259d;  font-size: 15px;  font-weight: 600;  padding: 14px 0 1px 0; text-transform: uppercase;}
.headyed{ color: #917110;  font-size: 15px;  font-weight: 600;  padding: 14px 0 1px 0; text-transform: uppercase;}
.msg_right {float: right; text-align: center!important;  margin-top: 9px;}

ul.features {float: left;width: 32.9%;margin:0 2px 0 2px;border-top: 1px solid #bd3d3c;border-left: 1px solid #bd3d3c;border-right: 1px solid #bd3d3c;text-align:center;}
ul.features h4{font-size:16px;margin:0;background: #bd3d3c;padding:5px;color: #ffca27;}
ul.features li{font-size:16px; font-weight:600; color: #272727;background: #ffe369;padding:5px 5px;border-bottom: 1px solid #bd3d3c;}
ul.features li:nth-child(even){background: #ffe369;border-bottom: 1px solid #bd3d3c;}
b {font-weight: 600;}
.moto{ margin:20px 0 10px 0;}
/*.school-song p{ text-align:center;}*/


/*virtual tour*/
 .iframe-1{margin-top: 5px; width: 100%; height: 400px !important; margin-bottom: -1px;border: 1px solid #fff;}
 .virtual_tour_list{text-align:center;  padding: 0; margin: 0;}
.virtual_tour_list li{font-size: 12px;cursor: pointer;float: left;text-align:center;padding:10px 18px;border: 1px solid #fff;color: #4b4b4b;margin: 1% 1% 1% 1%;background-color:#fff3c7;box-shadow: 1px 1px 5px #c9c9c9;font-weight: 400;}

.virtual_tour_list li.active1{ background: #ffeba4; border: 1px solid #fff;}
.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: 0px 0 4px 0px;}
.image_virtual:hover{ background-position: bottom; box-shadow: none;}
.view1{ background-image:url(../virtual/schoolbulding1.jpg)}
.view2{ background-image:url(../virtual/Chemistry.jpg)}
.view3{ background-image:url(../virtual/physicslab.jpg)}
.view4{ background-image:url(../virtual/biolab.jpg)}

.view5{ background-image:url(../virtual/computerlab.jpg)}
.view6{ background-image:url(../virtual/library.jpg)}
.view7{ background-image:url(../virtual/Basketball.jpg)}

.virtual_tour_list a { text-decoration: none; font-size: 13px; color: #000000;}

 
.virtual_tour_list a { text-decoration: none; font-size: 13px; color: #000000;}
.underline1 {position: relative;}
.underline1:before {content: "";position: absolute;z-index: 9;left: 0; right: 100%; bottom: -2px;background: #bd3d3c; height: 1px;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.underline1:hover:before, .underline1:focus:before, .underline1:active:before {left: 0;right: 0;}


 /*facility start*/
.facility-full{ width:100%; float:left; position:relative; }
#facility { width:100%; float:left; }
#facility .slides li {}
#facility .slides li  img { max-width:100%;}
#facility .highslide img, #facility  .highslide:hover img { border:1px solid #38920e;}
.switcher-facility {width: 335px;float:right;margin: 0 0 0 19px;}
#facility {width: 420px;float:left;text-align:center;}
.facilityin a.flex-prev, .facilityin a.flex-next { display: none;}
.facility-nav { width:100%; float:left; }
.facility-nav li{ background-color: #38920e; }
.facility-nav li, .faclities-head {  padding: 0 14px;  display: block;  cursor: pointer;  font-size: 18px;
    font-variant: normal;  text-transform: capitalize;  color: #ffffff;   font-weight: 400;
    line-height: 34px;  margin-bottom: 8px;  position: relative;    text-align: left;  }
.faclities-head{ background:url(../images/faci_line.png) no-repeat center 1px;    padding: 0 0 0 64px;}
.facility-nav .flex-active {color: #161613;background-color: #a70b0eeb;font-weight: 400;/* border:1px solid #bd3d3c; */}
.facility-nav .flex-active .arrow-des  {border-left: 1px solid #38920e;}
.arrow-des {position:absolute;right:0px;top:0px;background: #a70b0eeb url(../images/arrow-des.png) no-repeat center;width:11%;height:100%;}
.facilities-box { display:inline-block;}
.switcher .tab-nav { height:100% !important;}
.facilities-box li { width: 203px;  margin-bottom: 14px; display:inline-block; padding:0px;}
.facility-left { float:left;}
.facility-right { float:right;}

.highslide:hover img { -webkit-filter: contrast(130%);filter: contrast(130%);}