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

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}
.centre { text-align:center; }
.clear { clear:both; }
.image_left { float:left; margin-right:10px; }
.arial { font-family:Arial, Helvetica, sans-serif;}
div { padding:0; margin:0;}
input { padding:0; margin:0; outline:none; border:none;}



body { margin:0; padding:0; line-height:22px; font-family: 'Open Sans', sans-serif !important; outline:none; border:none; font-size:13px; background:#fff!important; text-align:justify; color:#000; font-weight:normal;}

header { width:100%; height:auto; padding:0; margin:0; }
.socials{ text-align:center; margin:0px auto; display:inline;}
.quick_l { }
.top_bar { width:100%; background:#fff; height:auto; line-height:60px; display:none;}
.menu_bar { width:100%; height:auto; background:#0e015c; line-height:120px;}
.logo { float:left; text-align:left; width:100%; height:auto; cursor:pointer; margin:2px 2px; display:block;}

 
.search { width:100%; text-align:right; height:auto; cursor:pointer; float:left; margin:2px 0px 2px 0px;}




img { padding:0; margin:0;}
.featured_pro { width:100%; height:auto; padding:10px; background:#dedede;}

.featured_1 img{ width:100%; height:auto;}

.featured_2 img{ width:100%; height:auto;}

.events { background:url(../images/events.jpg) left no-repeat #fff; border:1px #e0e0e0 solid; width:100%; height:158px; margin:30px 0px;  }
.comments { background:url(../images/comments.jpg) left no-repeat #fff; border:1px #e0e0e0 solid; width:100%; height:158px; margin:30px 0px; }
.comments li { padding:10px 20px 20px 45px; color:#333!important; text-align:justify; margin:0px auto; }
.events li { color:#333; padding:10px 25px 10px 45px; text-align:justify; margin:0px auto;}
	
.featured_1  {
width:100%; margin:0px auto; height:auto; overflow: hidden; position: relative; float:left;  

}

.featured_1  figcaption {background:rgba(255, 255, 255, 0.7); color: white; 
		height: 100%;left: 0; width:100%;  opacity:0; position: absolute; right: 0; bottom: 0;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
		-webkit-transition-delay: 100ms;
		-moz-transition-delay: 100ms;
		transition-delay: 100ms;
		z-index: 99;}

.featured_1 figcaption p {display: block; text-align:center; font-size: 1.5em; position: relative; top: 20px; width: 100%;
text-align:center;	color:#333;-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
vertical-align: middle;
font-size:14px;
font-weight:bold;
}

.featured_1:hover figcaption p {-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
transform: translateY(40px);}

.featured_1:hover figcaption {
opacity: 1;
}

.featured_2  {
width:100%; height:auto;   

}

.featured_2  figcaption { display:none;}



.inner_head {  background:#e3e2e2; width:100%; height:auto; margin-top:30px;}
.inner_head h3 { line-height:20px!important; }
.inner_page_n { text-align:right; list-style-type:none; margin:0px; padding:0px; display:block;}
.inner_page_n > li { float:left; display:inline-block;}
.inner_page_n > li > a { line-height:80px; color:#545050; }
.inner_page_n > li > a:hover { color:#0a0566;}


.name_b { background:#f3f3f3; margin-top:20px; width:100%; height:80px; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);}
.chairman { margin-bottom:20px;}
.chairman  > img { width:100%; height:auto;}
.abt_block { background:#f3f3f3; width:100%; min-height:430px; max-height:800px; margin-top:30px;}

.abt_tabs { background:#fff; width:100%; height:auto; margin-top:50px; margin-bottom:50px;}
.abt_btn_01 {  float:left; line-height:50px; width:160px; height:50px; cursor:pointer; font-size:16px; text-align:center; border:2px solid #0e015c; color:#0e015c;}
.counter { border-radius:15% / 50%; color:#fff; font-size:36px;  background:#0e015c; width:140px; height:70px; border-corner-shape: bevel; line-height:70px; text-align:center;}

.career { width:100%; height:auto; border-bottom:1px solid #0e015c; margin-bottom:30px; padding-bottom:30px;}
.career_thumb{ float:left; height:auto; width:100%;}
.career_details { float:right; width:100%; height:auto;}
.apply_btn { text-transform:uppercase; border-radius:15% / 50%;  border-corner-shape: bevel; font-size:22px;  background:#0e015c; width:120px!important; float:left; height:40px; color:#fff; line-height:40px; text-align:center; cursor:pointer; margin-top:30px; }
.apply_btn:hover { border:2px solid #0e015c; background:#fff; color:#0e015c; line-height:36px; -webkit-transition: 300ms ease-in-out;
-moz-transition: 300ms ease-in-out;
-o-transition:  300ms ease-in-out;
transition:  300ms ease-in-out;}

#carouselv { display:none;}
#carouselh{ display:block;}

.services {  width:100%; height:auto; }
.services_l { width:100%; height:auto; margin-bottom:30px;}
services_r { width:100%; height:auto; margin-bottom:30px;}
.ser_t { text-align:right; margin-top:10px;}
.ser_h { text-align:right;}

.ser_t_r { text-align:left; margin-top:10px;}
.ser_h_r { text-align:left;}
.branch_block { border:2px solid #cecccc; width:100%; height:auto; margin-bottom:30px;}
.branch_block p { text-align:center; padding:10px; }
.spec { width:100%; height:auto; list-style-type:none; padding:0; border-bottom:1px #cfcdcd solid; margin:0; margin-top:0px;}
.spec li { display:block; padding:4px 0px; border-top:1px #cfcdcd solid; text-align:center;}

.enq_text { border:1px solid #cecccc; padding-left:15px; line-height:30px; width:100%; height:40px; background:#fff; margin-bottom:30px;}
.enq_txt { border:1px solid #cecccc; padding-left:15px; width:100%; height:80px; background:#fff;margin-bottom:30px;}
.enq_btn { text-transform:uppercase; border-radius:10% / 70%;  border-corner-shape: bevel; font-size:20px; margin-bottom:30px;  background:#0e015c; width:220px!important; float:left; height:40px; color:#fff; line-height:40px; text-align:center; cursor:pointer; margin-top:30px; }
.enq_btn:hover { border:2px solid #0e015c; background:#fff; color:#0e015c; line-height:36px; -webkit-transition: 300ms ease-in-out;
-moz-transition: 300ms ease-in-out;
-o-transition:  300ms ease-in-out;
transition:  300ms ease-in-out;}
nav { display:none;}
.brand_sec { width:100%; margin-bottom:20px; height:auto; border:2px solid #0e015c; cursor:pointer; }
.brand_sec img { width:330px; height:auto; display:inline-block;}
.brand_sec:hover{  -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);}


footer{ background:url(../images/foo_bg.jpg) no-repeat #5b5b5b!important; max-height:1100px; width:100%;}
.foo_bg { height:auto;  width:100%;}
footer p, footer a { color:#b9b8b8!important;}
footer a:hover { color:#CCC!important;}
.resource { list-style-type:none; padding-top:10px; width:100%; padding:0px; margin:0px; height:auto; }
.resource li { display:block; text-align:left; border-bottom:1px solid #b9b8b8;}
.resource li a { color:#b9b8b8; line-height:32px;}
.resource li a:hover { color:#CCC;}
.foo_bottom { background:#fff; width:100%; height:auto; line-height:45px!important;}
.f_l { text-align:center; line-height:30px!important;}
.f_r { text-align:center; line-height:30px!important;}
.foo_a { color:#666; }
.foo_a:hover{ color:#999;}
.foo_text { text-align:center;}
.social{  text-align:center; float:left; width:100%;}
.social_icons { display:inline-block;}
.social_icons > img { float:left; margin-right:20px; opacity:0.8; margin-top:20px; }
.social_icons > img:hover { opacity:1;  -webkit-transition: 300ms ease-in-out;
-moz-transition: 300ms ease-in-out;
-o-transition:  300ms ease-in-out;
transition:  300ms ease-in-out;}

#fb { background:url(../images/fb.gif) no-repeat; margin-left:10px; height:21px; width:21px; float:left;}
#fb:hover { background:url(../images/fb.gif) 0 -21px no-repeat;  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}
  
#tw { background:url(../images/tw.gif) no-repeat; height:21px; margin-left:10px; width:21px; float:left; }
#tw:hover { background:url(../images/tw.gif) 0 -21px no-repeat;  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}
  
#go { background:url(../images/go.gif) no-repeat; margin-left:10px; height:21px; width:21px; float:left;}
#go:hover { background:url(../images/go.gif) 0 -21px no-repeat;  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}
  
#pin { background:url(../images/pin.gif) no-repeat; margin-left:10px; height:21px; width:21px; float:left; }
#pin:hover { background:url(../images/pin.gif) 0 -21px no-repeat;  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}
#vi { background:url(../images/vi.gif) no-repeat; margin-left:10px; height:21px; width:21px; float:left;}
#vi:hover { background:url(../images/vi.gif) 0 -21px no-repeat;  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}    
.career1_place { float:right;}	
#career1_outer {
		position:fixed; width:100%; height:100%; left:0px; right:0px; top:0px; bottom:0px; background:url(../images/overlay.png) repeat; z-index:9998; display:none; color:#333;
		}
		
#career1 {
		width:85%; height:75%; background-color:#ffffff; border:solid 3px #0e015c; left:0px; right:0px; top:0px; bottom:0px; margin:auto; position:fixed; z-index:9999; 
		}
		
.career1_head {
		width:100%;
		height:70px;
		background-color:#0e015c;
		line-height:70px !important;
		font-size:18px !important;
		color:#fff !important;
		overflow:hidden;
		font-weight:lighter;
		padding-left:20px;
	
		}																				

.career1_con { padding:30px 15px; width:100%; height:auto;}
#overlay {
		position:fixed; width:100%; height:100%; left:0px; right:0px; top:0px; bottom:0px; background:url(../images/overlay.png) repeat; z-index:98; color:#0899d8;
		}
		
		
#msg2 {
width:85%; height:65%; background-color:#ffffff; border:solid 3px #0e015c; left:0px; right:0px; top:0px; bottom:0px; margin:auto; position:fixed; z-index:9999; 
}


.klose{
position:absolute;
right:0px;
top:10px;
width:30px;
cursor:pointer;
height:30px;
background:url(../images/close.png)  no-repeat;
z-index:9999;
}

 
.msg_head { background:#0e015c; width:100%; height:70px; line-height:70px;}
.msg_head > p { font-size:16px!important; line-height:70px; color:#fff!important;}
@media (min-width: 479px) {
	
	.top_bar {display:none;}
	nav { display:none;}
}

@media (min-width: 768px) {

.comments li { padding:30px 45px 20px 55px; color:#333!important; text-align:justify; margin:0px auto;}
.events li { color:#333; padding:10px 35px 10px 55px; text-align:justify; margin:0px auto;}

.featured_1  {
width:390px; margin:0px auto; height:256px; overflow: hidden; position: relative; float:left;  

}

.featured_1  figcaption {background:rgba(255, 255, 255, 0.7); color: white; 
		height: 32%;left: 0; width:100%;  opacity:0; position: absolute; right: 0; bottom: 0;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
		-webkit-transition-delay: 100ms;
		-moz-transition-delay: 100ms;
		transition-delay: 100ms;
		z-index: 99;}

.featured_1 figcaption p {display: table-cell; font-size: 1.5em; position: relative; top: -35px; width: 390px;
text-align:center;	color:#333;-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
vertical-align: middle;
font-size:14px;
font-weight:bold;
}

.featured_1:hover figcaption p {-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
transform: translateY(40px);}

.featured_1:hover figcaption {
opacity: 1;
}


.featured_2  {
width:166px; margin:0px auto; height:115px; overflow: hidden; position: relative; float:left;  

}

.featured_2  figcaption { display:block; background:rgba(255, 255, 255, 0.7); color: white; 
		height: 115px;left: 0; width:100%;  opacity:0; position: absolute; right: 0; bottom: 0;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
		-webkit-transition-delay: 100ms;
		-moz-transition-delay: 100ms;
		transition-delay: 100ms;
		z-index: 99;}

.featured_2 figcaption p {display: table-cell; font-size: 1.5em; position: relative; top: -25px; width: 166px;
text-align:center;	color:#333;-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
vertical-align: middle;
font-size:12px;
line-height:18px;
font-weight:bold;
}

.featured_2:hover figcaption p {-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
transform: translateY(40px);}

.featured_2:hover figcaption {
opacity: 1;
}


#career1 {
		width:45%; height:60%; background-color:#ffffff; border:solid 3px #0e015c; left:0px; right:0px; top:0px; bottom:0px; margin:auto; position:fixed; z-index:9999; 
		}
.career1_head {
width:100%;
height:70px;
background-color:#0e015c;
line-height:70px !important;
font-size:24px !important;
color:#fff !important;
overflow:hidden;
font-weight:lighter;
padding-left:20px;

}

nav { display:none!important;}
		
.inner_head h3 { line-height:75px!important; }
.top_bar { display:none;}	

.quick_l { }


#carouselv { display:block;}
#carouselh { display:none;}

#overlay {
		position:fixed; width:100%; height:100%; left:0px; right:0px; top:0px; bottom:0px; background:url(../images/overlay.png) repeat; z-index:98; color:#0899d8;
		}
		
		
#msg2 {
width:60%; height:45%; background-color:#ffffff; border:solid 3px #0e015c; left:0px; right:0px; top:0px; bottom:0px; margin:auto; position:fixed; z-index:9999; 
}


.klose{
position:absolute;
right:0px;
top:10px;
width:30px;
cursor:pointer;
height:50px;
background:url(../images/close.png)  no-repeat;
z-index:9999;
}

 
.msg_head { background:#0e015c; width:100%; height:70px; line-height:70px;}
.msg_head > p { font-size:22px!important; line-height:70px; color:#fff!important;}

.f_l { text-align:left; line-height:45px!important;}
.f_r { text-align:right; line-height:45px!important;}
.foo_text { text-align:left;}	
}
@media (min-width: 1025px) {
	
.top_bar { width:100%; background:#fff; height:auto; line-height:60px; display:block;}
nav { float:left; padding:0px; margin:0px; background:none; display:block!important;}
nav ul { list-style-type:none; background:none;}
nav ul li { float:left; display:inline-block;}
nav ul li a { line-height:120px; font-family: "Open Sans", sans-serif; color:#fff; font-size:14px; margin:0px 8px;}
nav ul li a:hover { border-top:1px solid #fff; border-bottom:1px solid #fff; padding:5px 0px; color:#fff;}
nav ul li:hover .df {
	width: 0; 
	height: 0; 
	position:absolute;
	left:37.7%;
	z-index:999;
	top:76px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;}
nav ul li .drop_d { display:none;  position: absolute; z-index:9999; background:#ebe9e9;  top:85px; left:10%; right:0; height:130px; max-width:460px;  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .2s, 0s;
  -moz-transition-duration: .2s, 0s;
  -o-transition-duration: .2s, 0s;
  transition-duration: .2s, 0s;
  -webkit-transition-delay: 0s, .2s;
  -moz-transition-delay: 0s, .2s;
  -o-transition-delay: 0s, .2s;
  transition-delay: 0s, .2s; }
nav ul li:hover .drop_d { display:block; list-style-type:none; padding:0px; width:100%; height:auto; margin:0px;  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s; }
nav ul li:hover .drop_d li { float:left; background:#ebe9e9; display:inline-block; text-align:center; border-bottom:2px solid #ebe9e9;  }
nav ul li:hover .drop_d li:hover { border-bottom:2px solid #0e015c; }
nav ul li:hover .drop_d li a { font-family: "Open Sans", sans-serif; color:#0e015c; font-size:16px; text-transform:uppercase; line-height:25px; text-align:center!important;  }
nav ul li:hover .drop_d li a img { float:left; margin:10px 10px 0px 10px; }
nav ul li:hover .drop_d li a:hover { border:none;}
}
@media (min-width: 1200px) {
	
	nav { float:left; padding:0px; margin:0px; background:none; display:block;}
nav ul { list-style-type:none; background:none;}
nav ul li { float:left; display:inline-block;}
nav ul li a { line-height:120px; font-family: "Open Sans", sans-serif; color:#fff; font-size:16px; margin:0px 14px;}
nav ul li a:hover { border-top:1px solid #fff; border-bottom:1px solid #fff; padding:5px 0px; color:#fff;}
nav ul li:hover .df {
	width: 0; 
	height: 0; 
	position:absolute;
	left:37.7%;
	z-index:999;
	top:76px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;}
nav ul li .drop_d { display:none;  position: absolute; z-index:9999; background:#ebe9e9;  top:85px; left:10%; right:0; height:130px; max-width:478px;  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .2s, 0s;
  -moz-transition-duration: .2s, 0s;
  -o-transition-duration: .2s, 0s;
  transition-duration: .2s, 0s;
  -webkit-transition-delay: 0s, .2s;
  -moz-transition-delay: 0s, .2s;
  -o-transition-delay: 0s, .2s;
  transition-delay: 0s, .2s; }
nav ul li:hover .drop_d { display:block; list-style-type:none; padding:0px; width:100%; height:auto; margin:0px;  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s; }
nav ul li:hover .drop_d li { float:left; background:#ebe9e9; display:inline-block; text-align:center; border-bottom:2px solid #ebe9e9;  }
nav ul li:hover .drop_d li:hover { border-bottom:2px solid #0e015c; }
nav ul li:hover .drop_d li a { font-family: "Open Sans", sans-serif; color:#0e015c; font-size:16px; text-transform:uppercase; line-height:25px; text-align:center!important;  }
nav ul li:hover .drop_d li a img { float:left; margin:10px 10px 0px 10px; }
nav ul li:hover .drop_d li a:hover { border:none;}


#career1 {
		width:45%; height:55%; background-color:#ffffff; border:solid 3px #0e015c; left:0px; right:0px; top:0px; bottom:0px; margin:auto; position:fixed; z-index:9999; 
		}	
}