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;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0;}
*,:before,:after{box-sizing:inherit;}
::selection { background: #000;  color: #fff;  text-shadow: none;}

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

.flyerbtnnew{ }
.close-flyer{display:none;}


body{margin:0px;padding:0px;text-align:justify; font-family: 'Roboto Slab', serif; color:#282828; letter-spacing: .3px; font-weight: normal; background:#fff; }


.wrapper{ width:100%; margin:0; padding:0; float:left;}

/*header start*/
.header{ width:100%; height:69px; margin:8px 0px 0px 0px; padding:0; background:#df3947 url(../images/headerbg.jpg) no-repeat center center; }
.header_inr{ width:1200px; margin:0 auto; padding:0;}

/*------logo sectuib ---*/

.menu_icon { background: #454545; width: 100%; padding: 9px 0px; text-align: center; display: none;  position: relative; height:42px;}
.mnu_bar { display: block; cursor: pointer; margin: 0 auto;}
.cross {display: none;}


.main_logo{background:url(../images/menu_libg.png) no-repeat bottom left; width:50%; height:122px; float:left; position:absolute; padding:0px 0px 0px 15px; box-sizing:border-box;}
.desktop_logo{ display: block; float: left; z-index: 2;  position: relative;}
.mob_logo{ display:none;}

.mas_desktop_logo{ display:block;}
.mas_mob_logo{ display:none;}



/*---------------- menu start for desktop -----------------------*/
@media screen and (min-width:1025px)
{
	/*----- icon images-----*/
.icon_h { float: left; width: 30px; height:28px; margin-top:3px;}
span.home { background: url(../images/home_icon.png) no-repeat top left;}
span.aboutus { background: url(../images/aboutus_icon.png) no-repeat top left;}
span.message { background: url(../images/message_icon.png) no-repeat top left;}
span.prospectus { background: url(../images/prosp_icon.png) no-repeat top left;}
span.achievements { background: url(../images/achievment_icon.png) no-repeat top left;}
span.gallery { background: url(../images/gallery_icon.png) no-repeat top left;}
span.officebear { background: url(../images/officebear_icon.png) no-repeat top left;}
span.contactus { background: url(../images/contactus_icon.png) no-repeat top left;}

ul.submenu li a:hover { padding-left: 15px;  font-size: 15px;}
 
 ul.dropmenu li:hover span.home { background: url(../images/home_icon.png) no-repeat bottom left;}
 ul.dropmenu li:hover span.aboutus { background: url(../images/aboutus_icon.png) no-repeat bottom left;}
 ul.dropmenu li:hover span.message { background: url(../images/message_icon.png) no-repeat bottom left;}
 ul.dropmenu li:hover span.prospectus { background: url(../images/prosp_icon.png) no-repeat bottom left;}
 ul.dropmenu li:hover span.achievements { background: url(../images/achievment_icon.png) no-repeat bottom left;}
 ul.dropmenu li:hover span.gallery { background: url(../images/gallery_icon.png) no-repeat bottom left;}
 ul.dropmenu li:hover span.officebear { background: url(../images/officebear_icon.png) no-repeat bottom left;}
 ul.dropmenu li:hover span.contactus { background: url(../images/contactus_icon.png) no-repeat bottom left;}
 
 ul.submenu{ opacity:0; visibility:hidden;}
 
ul.dropmenu li:hover ul.submenu{ display:block;  top: 0; opacity:1; visibility: visible; -webkit-transition: all .4s ease-in-out;  -moz-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
ul.dropmenu li:hover ul.prospectus{top:-50px!important}
ul.dropmenu li:hover ul.h_contactusmenu{top:-200px!important}
ul.dropmenu li:hover ul.h_officebearmenu{top:-50px!important}
ul.dropmenu li a:hover{  padding-left:25px; transition:all .5s ease; font-size:15px;}

ul.m_submenu{ top:70px; display:block; opacity:0; visibility: hidden;}
ul.mas_dropmenu li:hover ul.m_submenu{ display:block; top:51px; opacity:1; visibility: visible; -webkit-transition: all .4s ease-in-out;  -moz-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}



ul.mas_dropmenu li:hover ul.m_submenu li a{ color:#525252;}

.flex-control-paging li a:hover {background: #333; background: rgba(0, 0, 0, 0.7);}


	
}



.menubox{ width:50%; margin-top:-8px; float:left; height:521px; background:url(../images/menubg.png) no-repeat top left;}
.menu{ margin-top:122px;}
ul.dropmenu {width: 167px; position: relative;  float: left; margin: 0;  padding: 0px;}
ul.dropmenu li{ background:url(../images/menu_libg.png) no-repeat top center; padding: 0px 0px 0px 0px; height:50px; line-height:50px; position: relative; width:100%; float:left;  border-bottom: 0px solid #615f5f;}

ul.dropmenu li:hover
{ background:#edc531\9;
	background-image: -moz-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -webkit-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -ms-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%); color:#282828}

ul.dropmenu li:hover a{color:#282828}
 
ul.dropmenu li:first-child{ background:none;}
ul.dropmenu li a{ padding:0px 0px 0px 10px; font-size:16px; font-family: 'Roboto Slab', serif;  color:#fff; font-weight:normal;  display:block;  width: 100%; height: 50px; border-bottom: 0px solid #615f5f;}
ul.dropmenu li a:hover 
{
	background:#edc531\9;
	background-image: -moz-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);                        
 background-image: -webkit-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -ms-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%); 
 color:#282828;}
 
 
 





ul.dropmenu li:hover ul.submenu{display:block;}
ul.dropmenu li:hover ul.prospectus{}
ul.dropmenu li:hover ul.h_contactusmenu{}



ul.submenu { position: absolute;  top: 20px;left: 100%; min-width:250px; display: block; z-index: 2;
             background:#edc531\9;
             background-image: -moz-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -webkit-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -ms-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);}

/*.prospectus{top:-49px!important;}*/

ul.submenu li{ background:none; border-bottom:1px solid #f8c854;}
ul.submenu li a{ color:#282828; }
ul.submenu li a:hover{ color:#fff; background:#282828;  }






/*slider start*/

.sliderBox{ width: 100%; float:left; margin:0; padding:0; position: absolute; top:0; left:0; z-index:-1; text-align:center;}
#mainSlider .flex-control-nav{ display:none;}
.mainSlider{ margin: 0 auto;  text-align: center;  float: none;  width: 100%;  max-width: 1500px;}




/*news notice section*/
.notice_box { width: 100%;  position: absolute;  top: 0;   margin-top: 8px;}
.notice_box_inr{ width:1200px; margin:0 auto; padding: 1.5px 0px 1.5px 0px;  box-sizing: border-box;} 
.news_notice_inr{width:532px; height:65px; float:right; padding: 0px 0px 0px 15px;  box-sizing: border-box; border-left:3px solid #fb7580;}
.notice{width: 400px; float: left; position: relative;}
img.noticeLaero {float: left; margin-top: 22px;cursor: pointer; left:0; position: absolute; display:none; z-index: 2;}
img.noticeRaero{float: right; margin-top: 22px;cursor: pointer; right:0; position: absolute; display:none; z-index: 2;}
.notice:hover img.noticeLaero{ display:block;}
.notice:hover img.noticeRaero{ display:block;}
.news_notice{ width: 100%;  max-width: 360px; display: block;  box-sizing: border-box; margin: 0 auto; overflow: hidden; }
.news_notice ul{ } 
.news_notice ul li{ display:inline-block;}
.news_no_bx{width:375px;  float: left;  text-align: center; height:64px;}
.news_no{ width:65px; height:65px; text-align:left; display:inline-block; font-size:50px; color:#fb7c87; font-weight: 300; float:left;}
.news_heading{display:inline-block; width:310px; text-align: left; height:64px; float:left; padding: 13px 0px; box-sizing: border-box;}
.news_heading a{ text-decoration:none; color:#fff; font-weight:normal; margin:0; padding:0;}
.notice_viewAll{ float:right; height:65px; padding: 16px 0px;  box-sizing: border-box;}
.notice_viewAll a{width:100px; float: left; text-align: center; border: 1px solid #fff; padding: 6px 0px; color: #fff; font-weight: normal; box-sizing: border-box;}
.notice_viewAll a:hover{ background:#525252; transition: all linear .5s;}
.news_heading a:hover{ color:#fbd953;}
.news2 { display:none;}

/*about section*/
.about_box { width:100%; padding: 40px 0px;  box-sizing: border-box; height:auto; background:#fff;float: left; position: relative; margin-top: 141px; }
.about_box_inr{ width:1200px; margin:0 auto; text-align:center; }
.overlay_bx_r { width:367px; height:533px; float: none; display:inline-block;  margin: 0px 12px; position: relative;}
.overlay_bx_rr { float: right; margin: 0px; position: relative;}
.overlay_img_bx{ width:100%; float:left; margin:0; padding:0; }
.overlay_img_bx img{ width:100%; }

.overlay_bx_r:hover .about_overlay{opacity: 1; border: 8px solid #ddae0b;  transition: all linear .5s;}
.about_overlay:hover { /*opacity: 1; border: 8px solid #ddae0b; */}
.overlay_bx_r:hover .overlay_inr{background:#edc531\9; background-image: -moz-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -webkit-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -ms-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);}

.overlay_bx_l { float: left; margin: 0px 15px 0px 0px; position: relative;}
.about_overlay { position: absolute; width: 344px; height: 510px; border: 8px solid #fff; top: 0;  margin: 12px; padding: 10px; box-sizing: border-box;  
                 opacity: .2;}
.overlay_bx_r:hover .about_text{opacity: 1;}
.overlay_inr {width: 100%; height: 100%; padding: 50px 30px; text-align: center;  box-sizing: border-box; background:#fff;}
.about_text { text-align: center; float: left; width: 100%; opacity:0;}
.about_text h2 {  text-transform: uppercase;  font-size: 23px; margin: 5px 0px;}
.about_text p{ line-height:25px; margin:15px 0px;}
.about_text a{ padding:8px 17px; background:#282828; color:#fff; font-size:16px; display: inline-block; margin-top: 20px;}
.about_text a:hover{ background:#df3947; transition: all .5s ease;}




/*message section*/

.message_box{ width:100%; height:602px; background: #282828 url(../images/messagebg.jpg) no-repeat center center; float:left; padding:40px 0px; box-sizing:border-box;}
.message_boxinr{ width:1200px; margin: 0 auto; padding:0;  position:relative; }

.message_icon_heading{ width:100%; text-align:center; margin:0; padding:0;  margin-bottom:30px;}
.message_icon_heading h1 { font-size: 28px;  text-transform: uppercase; color:#fff;}
.message_icon_heading p{ font-size:16px; color:#fff; }


img.messageLaero{height: 30px; position:absolute; z-index:2; left:0;  cursor: pointer; margin-top: 208px; display:none;}
img.messageRaero{height: 30px; position:absolute; z-index:2; right:0;  cursor: pointer; margin-top: 208px; display:none;}
.message_boxinr:hover img.messageLaero{ display:block;}
.message_boxinr:hover img.messageRaero{ display:block;}
.pri_msg{ width:1144px; text-align:center; margin:0 auto; padding:0;}
.pri_msg ul{ margin: 0; padding: 0; text-align: center; list-style: none;}
.pri_msg ul li{display: inline-block;  margin: 0px 14px;  text-align: center;  padding: 0;}
.pri_msgbox { width: 563px;  height:392px; float: left;  text-align: center;  margin: 0;  padding: 0;}
.pri_msg_img{ width:100%; display:block; position: relative;  z-index: 2;}
.pri_msg_img p {  text-align: center;   font-size: 20px; text-transform: uppercase;   }
.pri_msg_img p span{  color: #df3947; text-transform:capitalize;}
.pri_msg_text { background: #fff; width: 100%;  height:308px; float: left;  padding: 30px;  box-sizing: border-box;  margin-top: -135px; padding-top:150px;}
.pri_msg_text p { font-size: 16px; line-height: 25px;  letter-spacing: .5px;  color: #282828;  font-weight: normal;}
.readmore {  width: 100%;  text-align: center;  margin-top: 20px; float:left;}
.readmore_h{ padding: 8px 18px;  box-sizing: border-box;  font-size: 16px;  color: #282828}

a.readmoreA{background:#edc531\9; background-image: #d8a800;
    background: -webkit-linear-gradient(left, #d8a800 0%, #ffdf5d 51% , #d8a800 100%);
    background: -o-linear-gradient(right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-image: -moz-linear-gradient(right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-image: linear-gradient(to right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-size: 200% auto;
    transition: all .5s ease;}

.loadmore_A{background:#edc531\9; background-image: #d8a800;
    background: -webkit-linear-gradient(left, #d8a800 0%, #ffdf5d 51% , #d8a800 100%);
    background: -o-linear-gradient(right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-image: -moz-linear-gradient(right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-image: linear-gradient(to right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-size: 200% auto;
    transition: all .5s ease;}
 
 #loadmore{background:#edc531\9; background-image: #d8a800;
    background: -webkit-linear-gradient(left, #d8a800 0%, #ffdf5d 51% , #d8a800 100%);
    background: -o-linear-gradient(right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-image: -moz-linear-gradient(right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-image: linear-gradient(to right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-size: 200% auto;
    transition: all .5s ease; color:#525252;}
    
 #loadmore:hover{ background-position: right center; color:#282828; color:#fff\9; background:#282828\9;}
    
    
a.readmoreA:hover { background-position: right center; color:#282828; color:#fff\9; background:#282828\9;}


/*infracture section start*/

.infra_box{ width:100%; float:left; margin:0; padding:40px 0px; }
.infra_boxinr{ width:1200px; margin:0 auto; padding:0; text-align:center; position:relative;}
.infraLaero{height: 30px; position: absolute;  left: 0;  margin-top: 17%;  z-index: 2; cursor: pointer; display:none; margin-left:5px;}
.infraRaero{height: 30px; position: absolute;  right: 0;  margin-top: 17%;  z-index: 2; cursor: pointer; display:none; margin-right:5px;}
.infra_boxinr:hover .infraLaero{ display:block;}
.infra_boxinr:hover .infraRaero{ display:block;}
.school_infra { width: 100%; max-width:1160px; margin:0 auto; padding:0; margin-top:30px;}
.school_infra ul {  list-style: none;  margin: 0;  padding: 0; text-align:center;}
.school_infra ul li{ display:inline-block; margin: 0px 5px; padding: 0; position: relative;}
.school_infra ul li a{background: #000;display: block; height: 381px;width: 223px; overflow:hidden;}
.school_infra ul li a img{ float:right;}
.school_infra ul li a img:hover{ transform:scale(1.1); transition: all .5s ease;}
.school_infra ul li a:hover img{ opacity:.5;}
.school_infra ul li a:hover .infra_name{ background:#df3947; color:#fff;}

.infra_name { background:#edc531\9; background-image: -moz-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -webkit-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -ms-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 position: absolute;  top: 0;  right: 20px;  padding: 5px 10px; color: #282828; font-size:18px; writing-mode: tb-rl; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg);}



/*school facilty start*/

.school_faculty_box{ width:100%; float:left; margin:0; padding:40px 0px; background:#ededed;}
.school_facultyinr{ width:1200px; margin:0 auto; padding:0; }
.faculty_icon_heading{ width:100%; text-align:center; margin:0; padding:0; }
.faculty_icon_heading h1 { font-size: 28px;  text-transform: uppercase;}
.faculty_icon_heading p{ font-size:16px; }
.school_faculty_slilder { width: 100%;  float: left;  margin: 0;  padding: 0; position: relative;}
img.facultyLaero { float: left; height: 30px; margin-top: 116px; cursor: pointer; left:0; position:absolute; display:none; }
img.facultyRaero { float: right; height: 30px;  margin-top: 116px; cursor: pointer; right:0; position:absolute; display:none; }
.school_faculty_slilder:hover img.facultyLaero{ display:block;} 
.school_faculty_slilder:hover img.facultyRaero{ display:block;} 

.school_faculy { width:100%;  margin: 0 auto; margin-top:30px;}
.school_faculy ul{ width:100%; list-style:none; text-align:center; margin:0; padding:0;}
.school_faculy ul li{ display:inline-block; margin:0px 15px; }
.school_faculy ul li a{ text-decoration:none; display:block; height:256px; width:204px;}
.school_faculy ul li a p{ color:#282828; font-weight:normal; font-size:18px;}
.school_faculy ul li a p span{ color:#6f6f6f; font-size:16px;}

/* photo gallery section   */


.school_gallery_box { width: 100%; float:left; margin: 0px; padding: 40px 0px;  background: #fff;  box-sizing: border-box;}
.school_galleryinr{ width:1200px; margin:0 auto; padding:0;}
.gallery_icon_heading { text-align: center; margin: 0;  padding: 0; width:100%; float:left;}
.gallery_icon_heading h1 { font-size: 28px; text-transform: uppercase;}
.gallery_link {width: 100%; float:left; margin: 0;  padding: 0;}
.gallery_link ul { width: 100%;  text-align: center;  margin: 0;  padding: 0; margin-top: 8px;}
.gallery_link ul li{ display:inline-block; margin:0px 2px;}
.gallery_link ul li a{ padding: 7px 20px; border: 1px solid #df3947; display: block; text-decoration: none; color: #df3947; font-size:18px; font-weight: normal;}
.activ_link{background:#df3947; color:#fff!important;}
.gallery_link ul li a:hover{ background:#df3947; color:#fff; transition: all .5s ease;}

.gallery_slider_box{ width:100%; margin:0; padding:0; float:left; position: relative;}
img.photo_galleryLaero { float: left; height: 30px; left:0; margin-top: 184px; cursor: pointer; position:absolute; display: none;}
img.photo_galleryRaero { float: right; height: 30px; right:0; margin-top: 184px; cursor: pointer; position:absolute; display: none;}
.gallery_slider_box:hover img.photo_galleryLaero{ display:block}
.gallery_slider_box:hover img.photo_galleryRaero{ display:block}

.photo_gallery {width: 100%; max-width:1080px; margin: 0 auto;margin-top: 20px;}
.headign_date { text-align: center; width: 100%; margin-bottom:10px;}
ul.photo_slider { width: 100%;  text-align: center;  margin: 0; padding: 0; margin-top: 20px;}
ul.photo_slider li { display: inline-block; position:relative; }

ul.photo_slider li a{}
.zoom_bx{ width:358px; height:273px; float:left; text-align:center;}
.zoom_inr {width: 100%; height: 100%; padding: 18px; box-sizing: border-box; }

.zoom_bx:hover .gallery_img{transform:scale(1.1);   }

.zoom_bx:hover .gallery_img img{  }

.gallery_img {width: 318px; height: 233px; background:000; overflow: hidden; text-align: center; margin: 0 auto; position:relative; transition:all .8s ease-in-out;}
.gallery_img img{ height:100%;}
.gallery_img_bdr {width: 307px; height: 223px; border: 5px solid #fff;  position: absolute;  z-index: 1;   top: 0;  margin: 7px; margin-top: 23px;  opacity: .2;}
.hover_overlay {width: 249px; height: 181px;  margin: 0 auto; border: 5px solid #f6d147; position: absolute; top: 0; padding: 7px; box-sizing: border-box; margin: 43px 38px; z-index: 2; visibility: hidden; transition: all 0.5s ease; transform:scale(0,0);  }
.hover_overlay_inr { width: 100%; height: 100%; text-align: center; line-height: 100%;                      
                     background:#edc531\9;
                     background-image: -moz-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -webkit-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -ms-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%); line-height: 159px;}
.hover_overlay a { text-transform: uppercase; font-size:20px; color:#282828;}



li.eh1A:hover{-webkit-box-shadow: 0px 0px 23px 2px rgba(255,15,NaN,1);
-moz-box-shadow: 0px 0px 23px 2px rgba(255,15,NaN,1);
box-shadow: 0px 0px 23px 2px rgba(255,15,NaN,1);}

/*------------hover ----------- */
ul.photo_slider li:hover .hover_overlay { visibility: visible; opacity: 1; transform:scale(1,1);}


/*------------achievmetn topper section ----------- */
.achiv_top_box{width:100%; height:498px; margin:0; padding:0; float:left; background: #282828 url(../images/achiv_top_bg.jpg) no-repeat center center; padding:20px 0px; box-sizing:border-box; }
.achiv_top_boxinr{ width:1200px; margin:0 auto;  padding:0; text-align:center;} 
.achi_box {width: 568px; margin: 0px 14px; display: inline-block; text-align:center; margin-top: 15px; vertical-align:top;}
.achi_boxinr{ width:100%; margin:0 auto; padding:0px;}
img.achi_icon { display: inline-block;}
.achi_box h1 { display: inline-block; color: #fff; font-weight: normal;  font-size: 28px;  text-transform: uppercase;  margin: 0px 5px;}
.achi_slider { width: 100%; margin: 0 auto; padding: 0; margin-top: 25px;}
.achi_slider ul{width: 100%; float: left; margin: 0; padding: 0; text-align:center;}
.achi_slider ul li{ display:inline-block; }
.achi_slider ul li a{}
.achiv_image{ width:361px; height:219px; text-align:center; overflow:hidden; /*background:#f8f8f8;*/}
.achiv_image img{ height:219px; border:3px solid #fff;}
.achiv_heading { width: 100%;  text-align: center;  padding: 15px 0px;  color: #fff;  font-size: 18px;  font-weight: normal; float: left;}
.disheading{ width:100%; float:left;}


/*------------topper section ----------- */
.top_box {width: 568px; margin: 0px 14px; display: inline-block; vertical-align:top; margin-top: 6px;}
.top_boxinr{width:514px; height:446px; background:#fff; margin:0 auto; padding:0px; text-align:center;}
.top_head_icon{ width: 100%; text-align: center; margin: 0; padding: 15px 0px 0px 0px; box-sizing: border-box;}
.top_head_icon img{ display:inline-block;}
.top_head_icon h1 {display: inline-block; text-transform: uppercase; font-weight: normal;  margin: 0px 5px;  font-size: 28px; color: #df3947;}

.top_x{ width:48%; display:inline-block; margin:0 1%; padding:0; margin-top:20px; float:left;}
.top_x h2 { font-size: 18px; text-align: center; width: 100%;}
.top_x ul{ width:100%; text-align:center; margin:0; padding:0;}
.top_x ul li { position: relative; display: inline-block;}

.top_imgbx { width: 100%; float: left; text-align: center; height:248px;}
.top_img {width: 175px; height: 175px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.top_img a{ display:block; }
.top_img img{ width:100%;}
.img_bdr {width: 161px; height: 161px; border: 5px solid #fff; border-radius: 50%; position: absolute; top: 0;  margin: 7px; opacity: .3;}
.top_xinr { text-align:center; margin:0 auto; margin-top: 15px;}
.top_imgbx p { margin: 15px 0px 0px 0px; font-size:18px; text-transform:capitalize;}
.top_imgbx p span{}


.top_xii{width:48%; display:inline-block; margin:0 1%; padding:0; margin-top:20px; float:left;}
.top_xii h2{font-size: 18px; text-align: center; width: 100%;}


/*------------- birthday section -------*/
.bdaybox{ width:100%; float:left; margin:0; padding:40px 0px; box-sizing:border-box;}
.bdayboxinr{ width:1200px; margin:0 auto; padding:0;}
.tec_bday{background: #282828 url(../images/bdaybg.jpg) no-repeat center center; width: 597px;  height:506px; margin: 0px; display: inline-block; text-align: center; margin-top: 15px; vertical-align: top;}
.tec_bday_icon{ width: 100%; text-align: center; margin: 0; padding: 50px 0px 0px 0px; box-sizing: border-box;}
.tec_bday_icon img {display: inline-block;}
.tec_bday_icon h1{display: inline-block; text-transform: uppercase; font-weight: normal; margin: 0px 5px;  font-size: 28px; color: #fff;}
.teacher_bday { width: 48%; display: inline-block; margin: 0 1%; padding: 0; margin-top: 30px; float:left;}
.teacher_bday h2{font-size: 18px;  text-align: center;   width: 100%; color: #fff; font-weight: normal;}

.teacher_bday ul{ width:100%; text-align:center; margin:0; padding:0;}
.teacher_bday ul li { position: relative; display: inline-block;}
.t_imgbx{width: 100%;  float: left; text-align: center; height:248px;}
.t_imgbx p{color: #fff; margin: 15px 0px; text-transform:capitalize;}




.other_link{width: 597px; display: inline-block; text-align: center;vertical-align: top;}
.other_link ul{width: 100%; margin: 0; padding: 0;}
.other_link ul li{ display:inline-block; margin:15px 0px 2px 34px; }


.other_link ul li a{display: block;  float: left;}
.other_link ul li a:hover{ background:#df3947; color:#fff; transition: all .5s ease; }
a.ecare_bx:hover{background:#44b258!important;}
a.ecare_bx:hover .ecare_log p{ color:#fff!important;}

.other_link ul li a:hover .other_link_b p{ color:#fff;}
.other_link ul li a:hover span.other_link_icon1{background: url(../images/other_link_icon1.png) no-repeat top center;}
.other_link ul li a:hover span.other_link_icon2{background: url(../images/other_link_icon2.png) no-repeat top center;}
.other_link ul li a:hover span.other_link_icon3{background: url(../images/other_link_icon3.png) no-repeat top center;}
.other_link ul li a:hover span.other_link_icon4{background: url(../images/other_link_icon4.png) no-repeat top center;}
.other_link ul li a:hover span.other_link_icon5{background: url(../images/other_link_icon5.png) no-repeat top center;}
.other_link ul li a:hover span.other_link_icon6{background: url(../images/other_link_icon6.png) no-repeat top center;}

.other_link_b{ width:260px; height:155px; float:left; text-align:center; border:1px solid #df3947; padding:20px 30px; box-sizing:border-box;}
.ecare_log{ border:1px solid #44b258!important}
.ecare_log p{color:#44b258 !important;}
.other_link_b p { color:#df3947; font-size: 20px;}
span.other_link_icon1 {background: url(../images/other_link_icon1.png) no-repeat bottom center; width: 106px;height: 48px; margin: 0 auto;  display: block;  margin-bottom: 12px;}
span.other_link_icon2 {background: url(../images/other_link_icon2.png) no-repeat bottom center; width: 106px;height: 48px; margin: 0 auto;  display: block;  margin-bottom: 12px;}
span.other_link_icon3 {background: url(../images/other_link_icon3.png) no-repeat bottom center; width: 106px;height: 48px; margin: 0 auto;  display: block;  margin-bottom: 12px;}
span.other_link_icon4 {background: url(../images/other_link_icon4.png) no-repeat bottom center; width: 106px;height: 48px; margin: 0 auto;  display: block;  margin-bottom: 12px;}
span.other_link_icon5 {background: url(../images/other_link_icon5.png) no-repeat bottom center; width: 106px;height: 48px; margin: 0 auto;  display: block;  margin-bottom: 12px;}
span.other_link_icon6 {background: url(../images/other_link_icon6.png) no-repeat bottom center; width: 106px;height: 48px; margin: 0 auto;  display: block;  margin-bottom: 12px;}


/*--------------- ecare slider section -----------------*/
.ecare_box{width: 100%; float: left; margin: 0; padding: 20px 0px;}
.ecare_boxinr{ width:1200px; margin:0px auto; padding:0; text-align:center; }
.ecare_mobimg{ width:370px; margin:0px 13px; display:inline-block; vertical-align: top;}
.ecare_sliderbx{width:770px; margin:0px 13px; display:inline-block; vertical-align: top;}
.ecare_sliderbxinr{ width:100%; text-align:center; margin:0; padding:0; float:left;}
.ecare_slider{ width:100%; float:left; margin: 22px 0px; padding:0; text-align:center;}
.ecare_slider ul{width: 100%; margin: 0; padding: 0;}
.ecare_slider ul li{}
.ecare_icon { width: 100%; text-align: center;}
.ecare_icon_text { width: 100%;  text-align: center;  padding: 0px 80px; box-sizing:border-box;}
#ecare_slider .flex-control-nav{ position:relative; top:0; margin-top:10px;}



.download_app {width: 100%;  text-align: center; margin: 15px 0px 15px 0px;  padding: 0;  float: left;}
.download_app h2 { color: #8aac4e;  font-weight: normal;  font-size: 22px; letter-spacing: 1px;}
.download_app p {font-size: 16px; color: #262626; font-weight: normal;}
.download_app ul {text-align: center; width: 100%; float: left; margin: 0; padding: 0}
.download_app ul li{ display:inline-block; margin: 0px 5px;}
p.school_code {width: 100%;text-align: center;float: left; font-size: 18px; letter-spacing: 1px; color: #262626;}
p.school_code span{ color:#df3947;}
ul.download_appu_ul { margin: 15px 0px 10px 0px;}


/*--------------------- footer section ------------*/
.footer_box{ width:100%; float:left; margin:0; padding:25px 0px; background: #df3947 url(../images/footer_bg.jpg) no-repeat center center;}
.footer_boxinr{width: 1200px; margin: 0 auto; text-align: center;  padding: 0;}
.footerL {float: left; font-size:13px; color:#fff; padding:6px 0px 0px 0px; box-sizing:border-box;}
.footerR{ float:right; font-size:13px; color:#fff;}


/*---- master pages start ----*/

.mas_wrapper{ width:100%; float:left; margin:0; padding:0; }
.mas_header{ width: 1200px; margin:0 auto; padding:0; }
.mas_logo { padding: 15px 0px; box-sizing: border-box; float: left;}
.mas_header_r { width:280px; float: right; margin: 0; padding: 15px 0px 0px 0px; box-sizing: border-box;margin-bottom: -4px;}
.sant_rincis { float: right;}
.sant_rincis_t {float: left;text-align: right;width: 150px;}
.sant_heading{ width:150px; float:left; background: url(../images/sant_frincis_bg.png) no-repeat bottom right; padding: 0px 0px 7px 0px; box-sizing: border-box;}
.sant_heading h2{ font-size:15px; color:#454545; font-weight:normal; text-transform:uppercase;}
.sant_heading h1{ font-size:20px; color:#e5404e;  }
.view_prayer {width: 100%; text-align: center; float: left; margin:26px 0px;}
.view_prayer a{ width:122px; height:32px; line-height:32px; text-transform:uppercase; float:right; font-size:14px;}
 
 
 
 /*------------------------- master menu bar --------*/
 .mas_menubx { width: 100%; float: left; background:#525252 url(../images/mas_menubg.jpg) no-repeat center center;}
 .mas_menu_inr { width: 1200px;  margin: 0 auto;  padding: 0}
.mas_menu { width: 100%; float: left; text-align: center; margin: 0; padding: 0;}
ul.mas_dropmenu { width: 100%; text-align: center;  margin: 0; float: left;}
ul.mas_dropmenu li { display: inline-block; text-align: center; position: relative; float:left;}
ul.mas_dropmenu li a { padding: 1.5px 34px;  padding: 1.5px 34px\9; box-sizing: border-box; text-align: center; float: left; color: #fff; font-size: 16px;  font-weight: 300; margin: 5px 0px; display:block;}
ul.mas_dropmenu li a:hover{ color:#525252;}

.mas_icon_w { height: 17px; width: 100%; text-align: center; display: block;}

span.m_home { background: url(../images/m_home_icon.png) no-repeat top center;}
span.m_aboutus { background: url(../images/m_aboutus_icon.png) no-repeat top center;}
span.m_message { background: url(../images/m_message_icon.png) no-repeat top center;}
span.m_prospectus { background: url(../images/m_prosp_icon.png) no-repeat top center;}
span.m_achievements { background: url(../images/m_achievment_icon.png) no-repeat top center;}
span.m_gallery { background: url(../images/m_gallery_icon.png) no-repeat top center;}
span.m_officebear { background: url(../images/m_officebear_icon.png) no-repeat top center;}
span.m_contactus { background: url(../images/m_contactus_icon.png) no-repeat top center;}

ul.mas_dropmenu li:hover { display:block; background:#edc531\9;  background-image: -moz-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -webkit-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -ms-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);}


ul.mas_dropmenu li:hover span.m_home{background: url(../images/m_home_icon.png) no-repeat bottom center;}
ul.mas_dropmenu li:hover span.m_aboutus { background: url(../images/m_aboutus_icon.png) no-repeat bottom center;}
ul.mas_dropmenu li:hover span.m_message { background: url(../images/m_message_icon.png) no-repeat bottom center;}
ul.mas_dropmenu li:hover span.m_prospectus { background: url(../images/m_prosp_icon.png) no-repeat bottom center;}
ul.mas_dropmenu li:hover span.m_achievements { background: url(../images/m_achievment_icon.png) no-repeat bottom center;}
ul.mas_dropmenu li:hover span.m_gallery { background: url(../images/m_gallery_icon.png) no-repeat bottom center;}
ul.mas_dropmenu li:hover span.m_officebear { background: url(../images/m_officebear_icon.png) no-repeat bottom center;}
ul.mas_dropmenu li:hover span.m_contactus { background: url(../images/m_contactus_icon.png) no-repeat bottom center;}



ul.m_submenu { position: absolute; left: 0; min-width: 260px; float: left;  z-index:3;
                background:#edc531\9;  background-image: -moz-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -webkit-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);
 background-image: -ms-linear-gradient( 23deg, rgb(216,168,0) 0%, rgb(236,196,47) 30%, rgb(255,223,93) 51%, rgb(216,168,0) 100%);}
 
 ul.m_submenu li:hover { background: #525252;} 
 ul.m_submenu li a:hover { color: #fff !important;}
 ul.mas_dropmenu li:hover a { color: #525252;}
 
.contactusmenu{ margin-left: -106px;width:210px;}
.officebearmenu{margin-left:-82px; width:210px;}
.gallerymenu {margin-left: -136px;width: 210px;}

ul.m_submenu li {width: 100%; float: left; height: 38px; border-bottom: 1px solid #f8c854; line-height: 38px; padding: 0px 12px; }
ul.m_submenu li:last-child{ border-bottom:none;}
ul.m_submenu li a{ color: #fff; text-align: left; box-sizing: border-box; display: block; width: 100%;  height: 38px;  line-height: 38px;  padding: 0px;  margin: 0px;}

.gallerymenu li a { text-align: right !important;}
.officebearmenu li a{text-align: right !important;}
.contactusmenu li a{text-align: right !important;}


/*******************master head **********************/
.mas_head { width: 100%; float: left; margin: 0; padding: 0;}
.mas_headinr { width: 1200px;margin: 0 auto; padding: 15px 0px; margin-top: 25px; box-sizing: border-box; border-bottom:1px solid #454545; font-size: 30px; font-weight: 300; color: #e5404e; text-align:left; text-transform: capitalize;}
.mas_textbox { width: 100%; float: left; margin: 0; padding: 0;}
.mas_textinr{width: 1200px; margin: 0 auto; padding:0;}
.mas_text{ width:100%; min-height:200px; float:left; padding: 30px 0px 30px 0px; color:#424242; box-sizing: border-box; line-height:30px;     text-align: justify;}
.mas_text p{ font-size:15px; }
.master_img1 {float: right;padding: 8px 0px 30px 30px; box-sizing: border-box;}


/*------------- admission guideline ------*/
ol.adm_guideline{list-style-type: decimal; margin-left: 16px; font-size:15px;}
ol.adm_guideline li{padding-left: 16px; box-sizing: border-box;}

/*---------------- our patron ---------*/
.sant_prayerbx{ background:#f4f4f4;}
.saint_joseph_prayer { width: 100%; text-align: center; margin-top: 30px; padding:35px; box-sizing:border-box; background: url(../images/praperLflower.png) left bottom no-repeat, url(../images/praperRflower.png) right bottom no-repeat;}
.saint_joseph_prayer h2{font-size: 17px; text-transform: uppercase;  margin-bottom: 15px;}


/*------------------- rules & regulations -------*/
ul.ul1_ruls_regulation{list-style-type: disc; margin-left: 16px; font-size:15px;}
ul.ul1_ruls_regulation li{padding-left: 16px; box-sizing: border-box;}



/*-------------------- over emblem -----------*/
.our_emblem {  width: 100%;  float: left;}
.our_emblem_r{ float:right; width:50%; text-align:right; text-align:center\9;}
.our_emblem_l{ float:left; width:50%; text-align:left;}
embed.emblem_logo { margin-top: -13px; display:none\9;}
.emblem_logo_b{ display:none; display:block\9; float:right\9;}

/*------------------ school prayers --------------*/
.school_prayers {  width: 100%;  text-align: center;  float: left;}
.school_all_prayers { width: 770px; float: left; margin: 0; padding: 0;}
.school_all_prayers p{font-family: 'Vesper Libre', serif; font-size:19px; line-height:35px;}

/*------------------ school times --------------*/
.school_times {  width: 100%;  text-align: left;  float: left;}
.school_timesA{ width:470px; float:left;}
.school_timesA h2 { font-size: 18px; font-weight: inherit; background: #515151;  width: 100%;  padding: 7px 20px; color: #fff;}
.school_timesA p{font-size: 14px; font-weight: inherit; background: #ededed;  width: 100%;  padding: 18px 20px; color: #515151; margin-bottom:30px;}

/*------------------ teaching staff --------------*/
.teaching_staff {width: 100%; text-align: center; float: left; background: #f1f1f1; padding: 30px; box-sizing: border-box;}
.teaching_staff p {line-height: 24px;font-size: 16px; font-weight: bold;}
.teaching_staff span{ font-style:italic; font-size:14px; font-weight:normal;}
.teaching_staff_B { width: 100%; float: left; text-align: center;  margin: 30px 0px 0px 0px;}
.teaching_staff_B p{ font-size:16px; background:#e5404e; padding:3px 15px; box-sizing: border-box;color: #fff;}
table.tab1 { border: 1px solid #e7e7e7; width:100%; text-align:left; float:left;  font-size: 14px;}
tr.tr_bg { background: #ededed; font-weight: bold;}
table.tab1 tr td{ padding:0px 10px; box-sizing: border-box; }




/*------------------ school uniforms --------------*/
.school_uniforms{width: 100%;  text-align: left;  float: left;}
.school_uniformsA{width:568px; float:left;}
.school_uniformsA h2{font-size: 18px; font-weight: inherit; background: #515151;  width: 100%;  padding: 7px 20px; color: #fff;}
.ol_bg { background: #ededed; padding: 20px; margin-bottom: 15px; margin-left: 0px!important; padding-left: 37px;}


/*------------------ school toppers --------------*/
ul.class_toppers {width: 100%; text-align: center; float: left; margin: 0;  padding: 0;}
ul.class_toppers li{ width:100%; max-width:280px; display:inline-block; text-align:center;}
p.stu_name {width: 100%; text-align: center; float: left; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 20px;}
span.stu_mark { width: 100%; float: left; text-align: center; font-size: 14px; font-style: italic; font-weight: normal;}


/*------------------ school magazine --------------*/
.school_magazine{width: 100%;  text-align: left;  float: left;}
ul.magazine_ul { width: 100%; float: left; text-align: center;}
ul.magazine_ul li{ display:inline-block;  float: left}
.magazine_bx { width: 590px; float: left; margin: 0; padding: 0;}
.magazine_img { width:300px; float: left; margin: 0;padding: 0;}
.magazine_view { width:200px; float: left; margin: 0;padding: 0; text-align: left;}
.view_year h3 {  font-size: 16px;  margin: 0;  padding: 0;}
.view_year p{ font-size:14px; font-style:italic; margin-bottom: 5px;}

.bg_gradient     
{
	background:#edc531\9;
	background-image: #d8a800;
    background: -webkit-linear-gradient(left, #d8a800 0%, #ffdf5d 51% , #d8a800 100%);
    background: -o-linear-gradient(right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-image: -moz-linear-gradient(right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-image: linear-gradient(to right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-size: 200% auto;
    transition: all .5s ease; }
.bg_gradient:hover{ background-position: right center}

.download_pdf {height:40px; line-height:40px; padding:5px 10px; margin:8px 0px; width:100%;  float:left;  }


.bg_gradient2{background:#edc531\9; background-image: #d8a800;
    background: -webkit-linear-gradient(left, #d8a800 0%, #ffdf5d 51% , #d8a800 100%);
    background: -o-linear-gradient(right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-image: -moz-linear-gradient(right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-image: linear-gradient(to right, #d8a800 0%, #ffdf5d 51%, #d8a800 100%);
    background-size: 200% auto;
    transition: all .5s ease;}
.bg_gradient2:hover { background-position: right center; color:#282828;}


/*------------------ school infrastructre --------------*/
.school_infrainr { width: 100%; float: left; margin:0; padding:0}
.school_infrainr ul{ width: 100%; float: left; text-align:center; margin:0; padding:0}
.school_infrainr ul li{ display:inline-block; margin:0px 10px 10px 10px;}
.img_infra { width: 100%;  max-width: 268px;}


/*------------------ voice message --------------*/
ul.vsms { width: 100%; text-align: center; float: left;  margin: 0; padding: 0;}
ul.vsms li{ display:inline-block; margin:0px 15px 30px 15px;  position: relative;}
.vsms_box { background: #f1f1f1; padding: 10px;  box-sizing: border-box;  width: 365px; height:176px;}
.vsms_box audio { width: 100%; bottom: 0px;}
.vsms_box p {text-align: left;font-size: 14px;}



/*------------------ school cabinet --------------*/
.school_cabinet{ width:100%; margin:0 auto; float:left;}
.caption_bx{ width:100%; float:left; margin-bottom: 30px;  border-bottom: 1px solid #9e9e9e;  padding-bottom: 30px;}
.school_cabinetinr{width:750px; margin:0 auto; padding:0;}
.s_caption { background: #9e9e9e; color: #fff; padding: 7px 15px; text-align: center;  margin: 0 auto;  max-width: 250px; font-size: 16px;}
.s_border {width: 100%; height: 80px; border: 1px solid #9e9e9e; margin:0 auto; margin-top: -21px; border-bottom: none} 
.s_imgL { width: 240px;  text-align: center;  float: left; margin-left:100px;}
.s_imgL b { width: 100%; text-align: center; float: left; font-size:16px; margin-top: -2px; line-height: 24px;}
.s_imgL span{ font-style:italic; font-weight:normal; left; font-size:14px;}

.s_imgR {width: 240px;  text-align: center;  float: right; margin-right:100px;}
.s_imgR b { width: 100%; text-align: center; float: left; font-size:16px; margin-top: -2px; line-height: 24px;}
.s_imgR span{ font-style:italic; font-weight:normal; left; font-size:14px;}

/*------------------ school panorama --------------*/

#marquee {overflow: hidden; white-space: nowrap; float: left; margin-top: 10px; display: none;}



/*------------------ Guest Book --------------*/
.m_guestbook-main { width: 100%; float: left; margin: 0; padding: 0;}
.m_get_inTuch{ font-size:20px; font-weight:normal; color:#424242; float:left;}
.gbook_form{ width:610px; float:left; margin:0; padding:0;}

.m_guestBleft {   width: 100%;  float: left;  padding: 0; margin-top: 30px;}
.gb-main-rpt-subBox{background: #f1f1f1; margin:2px 0px; width:100%; float:left; padding: 15px; box-sizing: border-box;  font-size: 14px;}
.m_commentDate { width: 100%; float: left; margin: 0; padding: 0;}
.m_guestName{ float:left; width:80%; font-size:14px; font-weight:bold; text-transform:uppercase;}
.m_guestDate{ float:right; width:20%; text-align:right; font-size:14px; font-weight:bold; text-transform:uppercase;}
.ratingA { font-weight: bold; font-size:14px;}


/*------------------ Rich Us --------------*/

.grid_5 { width: 100%; float: left;  margin: 0; padding: 0; text-align:center;}
h2.mgnT1 {text-align: center; font-size: 20px;  font-weight: normal;  margin-bottom: 30px;}
.detail_L{ display:inline-block; width:100%; max-width:300px; text-align:center; font-size:14px; color:#8e8e8e; vertical-align:top;}
.detail_L h2, .detail_M h2{ color:#e5404e; font-size:16px; text-transform:uppercase;}
.detail_M{ display:inline-block; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;  width: 100%;  text-align: center; max-width: 512px; font-size:14px; color:#8e8e8e;}
.detail_L a{color:#8e8e8e;}

.dir_fullBack { width: 100%;  float: left;  margin: 70px 0px 0px 0px;}
.dir_fullBackBtn { width: 770px; margin: 0 auto; text-align: center; padding: 0;}
.address{height: 46px; font-size: 16px; width: 100%; outline: none; padding: 0px 5px; border: 1px solid #ededed; max-width: 620px;  float: left;}


/*------------------ Join Us --------------*/
tr.post_bg {background: #e5404e; font-size: 16px; text-align: center; color: #fff; height:38px;}
td.career-field { padding: 0px 15px; width: 20%; text-align: center;}
td.career-field1 { padding: 0px 15px; width: 40%; text-align: center;}
td.career-field2 { padding: 0px 15px; width: 20%; text-align: center;}
tr.career_tr {font-size: 14px;  line-height: 21px;}
tr.career_tr td{ padding:5px 10px;}
.careerMain.row { width: 100%; float: left; margin: 0;  padding: 0;}
ul.newContact_us { width: 610px; float: left; margin: 0;  padding: 0;}
.cont_name { font-size: 13px;  width: 100%;  text-align: left;  margin-top: 10px;   float: left;  font-family: 'Roboto Slab', serif;  color: #9c9b9b;}
li.form_liA { width: 100%; float: left;}
.Txt_bxB { width: 100%; float: left; text-align: left; border: none;  border-bottom: 1px solid #b8b8b8;  font-size: 16px; line-height: 28px; font-family: 'Roboto Slab', serif; font-weight: normal;}
.resume_up { float: left; width: 100%; border-bottom: 0px solid #b8b8b8;}
.career_l{width:280px; border-bottom: 0px solid #b8b8b8; max-width:280px\9; }
.resume{float: left; width: 100%;  position: relative;border-bottom: 1px solid #b8b8b8;}
span.extension {float: right; font-size: 12px;  position: absolute; right: 0;}
.cap_group { width: 100%; float: left; margin-top: 10px;}
span.fl {width: 192px;float: left;}
.captcha-img3{ width:140px; height:46px; float: left;}
.contRefresh{width: 52px; float: left;  background: #df3947;  text-align: center;  padding: 6px 0px;  box-sizing: border-box; height: 46px;}
.contct_textCtp {float: left; width: 160px; text-align: center;}
.tlC {width: 140px; margin: 0 auto; text-align: center; height: 46px;} 
.buttonC1{line-height: 46px; border: 0; color: #fff; padding: 0px 15px !important; -webkit-margin-top: -1px; background: #515151; margin-right: 10px; font-size: 16px; cursor: pointer;  font-family: 'Roboto Slab', serif;  font-weight: normal; min-width: 108px; transition: all .5s ease; float:left;}    
.buttonC2{ float:right; border:none; height:46px; padding: 0px 15px; min-width:134px; font-family: 'Roboto Slab', serif; font-size:16px;}


 
}


/*------------------ Site Map --------------*/
.content-sitemap {box-sizing: border-box; color: #282828; overflow: hidden; float: left; font-size: 16px; line-height: 24px;  min-height: 500px; text-align: justify;  width: 100%; font-family: 'Roboto Slab', serif;}
.content-sitemap h2 a {font-size: 18px;  font-weight:normal; text-align: center; width: 100%; float: left;  background: #515151;  color: #fff; padding: 7px 15px;}
.content-sitemap ul { width: 24%; list-style: none; display: inline-block;  height: auto; margin-left: 0px; margin-top: 15px; vertical-align: top;}
.content-sitemap ul span { font-size: 16px; font-weight: normal; cursor: pointer;  text-align: left;  text-transform: uppercase;  display: block;  height: 40px;}
.content-sitemap span a { background: #515151;  color: #fff; cursor: context-menu; padding: 8px 0px 6px 8px; text-align: left;  text-decoration: none; width:100%; float:left;}
.content-sitemap ul li{width: 100%; float: left;}
.content-sitemap ul li a{padding: 4px 10px; float: left; width: 100%; background: #f1f1f1;  margin: 1px 0px;}
.content-sitemap ul li a:hover{ padding-left:20px; transition: all 0.5s ease-in-out;}
ul.office_bear {margin-left: 10px}
ul.contact { margin-left: 13px;}



/*---------------------- master accordian ------------------------*/
.accordionHeader_Y {border: 1px solid #515151;  color: #fff; background: #515151 url(../images/ajax-arrow.png) 99% 11px no-repeat;  font-size: 18px;  padding: 4px 10px;  margin-top: 10px;  cursor: pointer;  text-align:left; text-transform: capitalize;}
.accordionHeaderSelected { border: 1px solid #e5404e; color: #fff; background: #e5404e url(../images/ajax-arrow1.png) 99% 11px no-repeat; font-size: 18px; padding: 4px 10px; margin-top: 10px; cursor: pointer; text-align:left; text-transform: capitalize;}
.accordionContent_Y { background-color: #fff; border: 1px solid #e5404e; border-top: none; padding: 5px; padding-top: 10px;}

.prayer_bg {background: url(../images/prayer_hadnd_r.jpg) no-repeat bottom right, url(../images/prayer_hadnd_l.jpg) no-repeat bottom left; padding: 20px;  box-sizing: border-box; margin-bottom: 10px;}




.mas_other_link { width: 100%; float: left; margin: 0; padding: 30px 0px; box-sizing:border-box; background:#f1f1f1;}
.mas_other_linkinr{ width:1200px; margin:0 auto; padding:0;}
.mas_other_link_l{width: 735px; float:left; margin:0; padding:0;}
.mas_other_link_l ul { width:100%; margin: 0 auto;  padding: 0; text-align:center;}
.mas_other_link_l ul li{ display:inline-block; margin: 0px 8px;}

.mas_ecare_aap { width: 465px; float: left; padding: 0; margin: 0;}
.mas_download_app{width: 100%; text-align: center;  padding: 0; float: left;}
.mas_download_app h2 {color: #8aac4e; font-weight: normal; font-size: 22px; letter-spacing: 1px;}
.mas_download_app p { font-size: 15px; color: #262626; font-weight: normal;}
ul.m_download_appu_ul { margin: 9px 0px 0px 0px; width: 100%; padding: 0px;}
ul.m_download_appu_ul li{ display: inline-block;}

.other_link_c {width: 164px;height: 115px; text-align: center; border: 1px solid #df3947;  padding: 15px 5px; box-sizing: border-box;}
.mas_other_link_l ul li a{ display:block;}
.mas_other_link_l ul li a:hover { background: #df3947; border: none; color: #fff;}
.mas_other_link_l ul li a:hover .other_link_icon1{background: url(../images/other_link_icon1.png) no-repeat top center;}
.mas_other_link_l ul li a:hover .other_link_icon2{background: url(../images/other_link_icon2.png) no-repeat top center;}
.mas_other_link_l ul li a:hover .other_link_icon3{background: url(../images/other_link_icon3.png) no-repeat top center;}
.mas_other_link_l ul li a:hover .other_link_icon4{background: url(../images/other_link_icon4.png) no-repeat top center;}
.mas_other_link_l ul li a:hover .other_link_icon5{background: url(../images/other_link_icon5.png) no-repeat top center;}
.mas_other_link_l ul li a:hover .other_link_icon6{background: url(../images/other_link_icon6.png) no-repeat top center;}


/*------------ event calender --------*/
.all_events { width: 100%; text-align: center; padding: 15px 0px; float: left;}
.all_events a{ padding:6px 15px; box-sizing:border-box;  color:#525252;}
#ctl00_EventControl_Calendar1 tr td a { display:block; height:100%;line-height: 49px; }

#player .ytp-large-play-button{ display:none!important; z-index:0\9;}
#player button{ display:none;}
.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]){ display:none!important;}



div#ctl00_ContentPlaceHolder1_CalendarExtender1_popupDiv{ overflow:hidden;}

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

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



}