@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;background:#f5f5f5;font:12px Arial, Helvetica, sans-serif;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
::selection {background: #a2a2a2;color: #fff; /* Safari - webkit */}
::-moz-selection {background: #a2a2a2;color: #fff; /* Firef x */}
.clear_fix{clear:both;height:0;font-size:1px;line-height:0px;}





/*Header Part
----------------------------------------------*/
#header_part{background:url(../images/header_bg.png) no-repeat center  top;position:fixed;width:100%;top:0;z-index:9999}
#header_fix{width:1200px;margin:0 auto 0 auto;height:104px;position:relative;}
#main_logo{position:absolute;left:0;top:0}
#main_menu{float:left;font:16px 'sf_arch_rivalbold',Arial, Helvetica, sans-serif;padding:19px 0 0 280px;}
#main_menu a{text-decoration:none;color:#373737;display:block;float:left;margin:0 6px 0 0;}
.home_menu{background:url(../images/menu_bg1.png) no-repeat center center;padding:9px 0 9px 0;width:73px;text-align:center}
.about_menu{background:url(../images/menu_bg1.png) no-repeat center center;padding:9px 0 9px 0;width:73px;text-align:center}
.facility_menu{background:url(../images/menu_bg2.png) no-repeat center center;padding:9px 0 9px 0;width:107px;text-align:center}
.teacher_menu{background:url(../images/menu_bg2.png) no-repeat center center;padding:9px 0 9px 0;width:112px;text-align:center}
#main_menu a:hover{color:#d91b5c;}
.home_menu:hover{color:#ef4036!important;}
.about_menu:hover{color:#39b54a!important;}
.facility_menu:hover{color:#13a89e!important;}
.teacher_menu:hover{color:#0f75bc!important;}
#logo_right{float:right;margin:8px 80px 0 0;width:190px;}
#logo_right img{width:100%;height:auto}
.mid-animate { opacity: 0; }

.bottom-animate {
  background: red !important;
  top: 13px !important;
  -webkit-transform: rotate(-225deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-225deg);
}

.top-menu {
  top: 5px;
  width: 25px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
}

.mid-menu {
  top: 13px;
  width: 25px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
}

.bottom-menu {
  top: 21px;
  width: 25px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
}

.menui {
  background: #fff;
  transition: 0.6s ease;
  transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
  margin-top: 10px;
  position: absolute;
}

.icon {
  z-index: 99999;
  position: fixed;
  /*    background: rgba(0, 0, 0, 0.21);*/
  display: block;
  padding: 9px;
  height: 32px;
  width: 32px;
  margin: 0px;
  top: 0;
  left: 0;
  display:none;
  
}

.mobilenav {
  /*    top: 47px !important;*/
  font-family: inherit;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #ef4036;
  opacity: 0.9;
  font:13px 600 'Open Sans', sans-serif; font:16px ;text-transform:uppercase; 
  overflow:auto
  
}

.mobilenav li {
  list-style-type: none;
  text-align: center;
  padding: 4px;
}

.mobilenav li a {
  font-size: 150%;
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  width: 100%;
}

.mobilenav li:first-child { margin-top: 10px; }




.simplePopup {
display:none;
position:fixed;
border:4px solid #ef4036;
background:#fff;
z-index:3;
padding:12px;
width:40%;
font:13px 600 'Open Sans', sans-serif;color:#474747;
z-index:999999
}

.simplePopupClose {
float:right;
cursor:pointer;
margin-left:10px;
margin-bottom:10px;
}

.simplePopupBackground {
display:none;
background:#000;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index:99999;
display:none!;visibility:hidden
}
.head1{font:20px 'sf_arch_rivalbold',Arial, Helvetica, sans-serif;display:block;margin:0 0 10px 0;color:#ef4036;}
.head2{font:16px 'Open Sans',Arial, Helvetica, sans-serif;display:block;margin:0 0 2px 0;font-weight:600}





/*Inner Content Part
----------------------------------------------*/
#inner_banner_part{height:440px;background:url(../images/inner_banner_bg.jpg) center top;}
#inner_banner_imgs{width:1200px;margin:0 auto 0 auto;}
#inner_contents_fix{width:1200px;margin:-60px auto 0 auto;position:relative;}
#inner_txt_left{float:left;width:790px;background:#fff;padding:35px;color:#6b6b6b;font:400 14px/20px 'Roboto',Arial, Helvetica, sans-serif;-moz-box-shadow: 0 0 5px #bcc0c1;
-webkit-box-shadow: 0 0 5px #bcc0c1;box-shadow: 0 0 5px #bcc0c1;}
#inner_txt_right{float:right;width:300px;margin-bottom:30px}
h1{font:30px 'sf_arch_rivalbold',Arial, Helvetica, sans-serif;color:#343535;margin:0 0 20px 0;}
h1 span{font:300 20px 'Roboto',Arial, Helvetica, sans-serif;color:#535353;}
#inner_txt_left p{display:block;margin:0 0 20px 0;}
.inner_box_icon_listing{margin:0 0 20px 0;border-bottom:dashed 1px #ccc;padding:0 0 20px 0}
.icon_facility{float:left;}
.facility_icon_txt{float:right;width:590px;padding:13px 0 0 0;}
.head3{font:25px 'sf_arch_rivalbold',Arial, Helvetica, sans-serif;color:#9f1f63;display:block;margin:0 0 12px 0;}
.head4{font:25px 'sf_arch_rivalbold',Arial, Helvetica, sans-serif;color:#d91b5c;display:block;margin:0 0 12px 0;}
.head5{font:25px 'sf_arch_rivalbold',Arial, Helvetica, sans-serif;color:#39b54a;display:block;margin:0 0 12px 0;}
.head6{font:25px 'sf_arch_rivalbold',Arial, Helvetica, sans-serif;color:#13a89e;display:block;margin:0 0 12px 0;}
.head7{font:25px 'sf_arch_rivalbold',Arial, Helvetica, sans-serif;color:#0f75bc;display:block;margin:0 0 12px 0;}
.head8{font:25px 'sf_arch_rivalbold',Arial, Helvetica, sans-serif;color:#ef4036;display:block;margin:0 0 12px 0;}
.box1_right{background:#ef4036;font:400 14px 'Roboto',Arial, Helvetica, sans-serif;position:relative;}
.head9{color:#fff;display:block;margin:0 0 20px 0;font:25px 'sf_arch_rivalbold',Arial, Helvetica, sans-serif;}
.box1_right a{display:block;color:#fff;text-decoration:none;margin:0 0 14px 0;background:url(../images/arrow1.png) no-repeat 0 0;padding:0 0 0 40px;-webkit-transition: all .2s ease-in-out .0s;-moz-transition: all .2s ease-in-out .0s;-ms-transition: all .2s ease-in-out .0s;-o-transition: all .2s ease-in-out .0s;transition: all .2s ease-in-out .0s;}
.box1_right a:hover{background:url(../images/arrow1.png) no-repeat 6px 0;padding:0 0 0 40px;color:#ffbd3d;}
.side_right_img{position:absolute;right:-13px;width:13px;height:60px;top:0;}
.arrow_bg_bottom{background:url(../images/arrow_right_bottom.png) repeat-x;height:9px;}
.box_right_fix{padding:20px;}
.box2_right{background:#13a89e;margin:20px 0 0 0;}
#pdf_icon{background:#fff url(../images/pdf_icon.png) no-repeat 10px 10px;padding:15px 15px 15px 80px;-webkit-transition: all .2s ease-in-out .0s;-moz-transition: all .2s ease-in-out .0s;-ms-transition: all .2s ease-in-out .0s;-o-transition: all .2s ease-in-out .0s;transition: all .2s ease-in-out .0s;border-bottom:solid 1px #0a8b82}
#pdf_icon a{display:block;color:#575757;font:15px 'Open Sans', sans-serif;text-transform:uppercase;text-decoration:none;}
#pdf_icon a span{display:block;color:#13a89e;font:600 16px 'Roboto',Arial, Helvetica, sans-serif;}
#pdf_icon:hover{border-bottom:solid 6px #0a8b82}
#pdf_icon a span:hover{color:#575757!important;}
.box3_right{background:#0f75bc;margin:20px 0 0 0;color:#fff;font:400 14px 'Roboto',Arial, Helvetica, sans-serif;}
.head10{font:600 15px 'Roboto',Arial, Helvetica, sans-serif;display:block;margin:0 0 6px 0;}
.call_right{display:block;margin:15px 0 5px 0;background:url(../images/call.png) no-repeat 0 0;padding:0 0 0 26px;}
.mail_right{display:block;background:url(../images/mail_right.png) no-repeat 0 0;padding:0 0 0 26px;}
.head11{display:block;font:600 22px 'Roboto',Arial, Helvetica, sans-serif;margin:0 0 15px 0;}
.head11 span{color:#7c7c7c;font:300 20px 'Roboto',Arial, Helvetica, sans-serif;}
.head12{display:block;font:600 16px 'Roboto',Arial, Helvetica, sans-serif;margin:0 0 15px 0;color:#0f75bc;}
#vision{float:left;width:310px;border:dashed 1px #ccc;padding:20px;background:#fff;height:132px;}
#mission{float:right;width:310px;border:dashed 1px #ccc;padding:20px;background:#fff;}
.head13{font:600 18px 'Roboto',Arial, Helvetica, sans-serif;display:block;margin:0 0 10px 0;color:#575757;}
#vi_mi_com{padding:30px;background:#e4edec;margin:30px 0 0 0;}
#google_map{height:500px;width:100%;}
#google_iframe iframe{height:500px;width:100%;}
#contact_field{margin:0 auto 0 auto;width:1200px;position:relative;z-index:99;}
#contact_left{float:left;background:#fff;width:640px;position:absolute;left:0;top:-50px;padding:20px;font:400 14px 'Roboto',Arial, Helvetica, sans-serif;color:#6e6e6e;-moz-box-shadow: 0 0 5px #c4c4c4;-webkit-box-shadow: 0 0 5px #c4c4c4;box-shadow: 0 0 5px #c4c4c4;}
#contact_right{float:right;width:400px;padding:50px 30px;font:400 14px 'Roboto',Arial, Helvetica, sans-serif;color:#6e6e6e;}
.form1{border:solid 1px #ccc;width:290px;color:#575757;font:400 13px 'Roboto',Arial, Helvetica, sans-serif;padding:11px 6px;margin:2px 0 8px 0;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;-webkit-transition: all .2s ease-in-out .0s;-moz-transition: all .2s ease-in-out .0s;-ms-transition: all .2s ease-in-out .0s;-o-transition: all .2s ease-in-out .0s;transition: all .2s ease-in-out .0s;}
.submit_btn{border:0;background:#ef4036;color:#fff;font:16px 'sf_arch_rivalbold',Arial, Helvetica, sans-serif;cursor:pointer;padding:10px 30px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-transition: all .2s ease-in-out .0s;-moz-transition: all .2s ease-in-out .0s;-ms-transition: all .2s ease-in-out .0s;-o-transition: all .2s ease-in-out .0s;transition: all .2s ease-in-out .0s;}
.form2{border:solid 1px #ccc;width:626px;color:#575757;font:400 13px 'Roboto',Arial, Helvetica, sans-serif;padding:11px 6px;margin:2px 0 8px 0;height:120px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-transition: all .2s ease-in-out .0s;-moz-transition: all .2s ease-in-out .0s;-ms-transition: all .2s ease-in-out .0s;-o-transition: all .2s ease-in-out .0s;transition: all .2s ease-in-out .0s;}
.form1:focus,.form2:focus{border:solid 1px #ef4036}
.submit_btn:hover{background:#474747;}
.new_box{background:#9f1f63!important;}




/*Footer Part
----------------------------------------------*/
#footer_part{background:#fff url(../images/border1.jpg) repeat-x center top;padding:16px 0 10px 0;position:fixed;bottom:0;width:100%;z-index:9999}
#footer_fix{width:1200px;margin:0 auto 0 auto;font:13px 'Open Sans', sans-serif;color:#797979;}
#footer_left{float:left;padding:8px 0 0 0;}
#footer_right{float:right;color:#595959;}
#follow_left{float:left;padding:8px 0 0 0;}
#follow_right{float:right;margin:0 0 0 10px;}
#follow_right img{margin:0 0 0 3px;}
#footer_part2{background:#fff url(../images/border1.jpg) repeat-x center top;padding:16px 0 10px 0;width:100%;z-index:9999}







/*Mobile Css Part
-------------------------------------------------*/
/*For 1200px or less div width 980px
-------------------------------------------------*/
@media screen and (max-width: 1199px) {
	
	#header_fix{width:980px;}
	#main_logo{width:230px;}
	#main_logo img{width:100%;height:auto;}
	#main_menu{padding: 24px 0 0 230px;}
	#main_menu a{margin-right:2px;}
	#logo_right{width:130px;margin-top:16px;margin-right:30px}
	#logo_right img{width:100%;height:auto}
	#inner_banner_imgs{width:980px;}
	#inner_contents_fix{width:980px;}
	#inner_txt_left{width:590px}
	.facility_icon_txt{width:400px;}
	#inner_banner_part{height:auto}
	#inner_banner_imgs{width:980px;height:auto;}
	#inner_banner_imgs img{width:100%;height:auto;}
	#vision{float:none;width:auto;height:auto;margin:0 0 20px 0;}
	#mission{float:none;width:auto}
	#contact_field{width:980px;}
	#contact_right{width:230px;}
	
	
	
	
	
	
	
	
	
	
	
	
	#footer_fix{width:980px;}
	
}




/*For 1000px or less div width 748px
-------------------------------------------------*/
@media screen and (max-width: 999px) {
	
	#main_menu{display:none;}
	#header_fix{width:748px;}
	#main_logo{width:auto}
	#logo_right{width:141px;margin:30px 0 0 290px;float:left;}
	.icon{right:0!important;display:block;position:fixed;left:inherit!important;top:5px!important}
	#inner_banner_imgs{width:748px;}
	#inner_banner_imgs img{padding-top:70px}
	#inner_contents_fix{width:748px;}
	#inner_txt_left{width:360px;}
	.icon_facility{float:none;text-align:center;}
	.facility_icon_txt{width:auto;text-align:center}
	#contact_field{width:748px;}
	#contact_left{width:auto;float:none;position:relative;top:0;z-index:1}
	#contact_right{width:auto;float:none;padding:30px 0 30px 0;}
	
	
	
	
	
	
	
	
	
	
	#footer_part{width:auto;position:relative;}
	#footer_fix{width:748px;display:block;}
	
	
}



/*For 767px or less div width 460px
-------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	#inner_banner_imgs{width:460px;}
	#inner_txt_left{float:none;width:auto}
	#inner_txt_right{float:none;width:auto;}
	.side_right_img{display:none;}
	#inner_contents_fix{width:460px;margin-top:-10px}
	#contact_field{width:460px;}
	#contact_left table td{display:block;}
	.form1,.form2{width:400px;}
	#slider{margin:76px 0 0 0;}
	
	
	
	#footer_fix{width:460px;}
	#header_fix{width:460px;}
	#main_logo{width:auto}
	#logo_right{width:141px;margin:27px 0 0 280px;}
	
}



/*For 480px or less div width 300px
-------------------------------------------------*/
@media screen and (max-width: 479px) {
	#header_fix{width:300px;}
	#logo_right{display:none}
	#main_logo{left:0}
	#inner_banner_imgs{width:300px;}
	#inner_banner_imgs img{padding-top:110px}
	#inner_contents_fix{width:300px}
	.box3_right{margin-bottom:25px}
	#vi_mi_com{padding:10px;}
	#contact_field{width:300px;}
	#contact_left table td{display:block;}
	.form1,.form2{width:240px;}
	
	#slider{margin:90px 0 0 0;}
	
	
	
	
	
	
	
	#footer_fix{width:300px;}
	#footer_left{float:none;text-align:center}
	#footer_right{float:none;padding:0 0 0 50px}
	#follow_right{float:left;}
	.simplePopup{width:80%}
	
}

.fancybox {padding:5px;}
.gallery { margin:0; padding:0;}
.gallery li{ display:inline-block; padding:10px 5px; }
.gallery h3{font: 16px 'Roboto',Arial, Helvetica, sans-serif;display:block;margin:15px 0 10px 0;color:#575757;}