/** * 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,  sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, 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;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

body{ font-family: 'Lato', sans-serif; color:#fff; font-size:100%;}
h1 { font-size:110%; margin:0; color:#e5e5e5}
h2 { font-size:120%; text-align:left; color:#ededed; font-weight:700; margin:15px 0;}
h3 { font-size:110%; color:#563d7c; font-weight:700; margin:15px 0;}

p { line-height:150%; margin:15px 0; font-size:80%; color:#e5e5e5; text-align:justify; margin:15px 0; }
.hidden{ position:absolute; clip: rect(1px 1px 1px 1px); /* IE6 & 7 */ clip: rect(1px, 1px, 1px, 1px);}
a { color:#e7aa15; text-decoration:none;transition: all .80s ease; }
.clear { clear:both}
.left { float:left }
.right { float:right}
.table td { border:1px solid #ddd;}


header { position:relative; width:100%; height:77px; background:url(../i/top-header-bg.png) repeat-x;}
header .logo a { position:absolute; top:0; left:0; background:url(../i/logo.png) no-repeat; width:342px; height:55px; margin:10px 5px; display:block;}
header nav { position:absolute; top:0; right:2px;}
header nav ul {}
header nav ul li { float:left; list-style:none}
header nav ul li a { float:left; color:#fff; font-size:70%; padding:26px 10px; text-transform:uppercase; }
header nav ul li a:hover { background-color:#FC0; color:#333; border-radius:0 0 5px 5px;}
header .active {background-color:#FC0; color:#333; border-radius:0 0 5px 5px; text-transform:uppercase;}

#home-content { position:relative; width:100%;}
#home-txt { position:absolute; top:100px; left:0; width:40%; background: url(../i/bg-home-box.png) #333; border-radius:0 0 25px 0; padding:15px;opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}

#inner-txt {
	position:absolute;
	top:54px;
	right:0;
	width:70%;
	height:400px;
	overflow:auto;
	background: url(../i/bg-home-box.png) #333;
	border-radius:0 0 0 25px;
	padding:12px;
	opacity:0.98;
	filter:alpha(opacity=98); /* For IE8 and earlier */
}

footer { position:fixed; left:0; bottom:0; width:98%; background-color:#333; font-size:70%; color:#fff; z-index:1003; padding:1%;opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}
footer .right { float:right}
footer .left { float:left}

.list-item ul { margin-left:30px;}
.list-item ul li { line-height:120%; list-style:square; margin-bottom:8px;}

/* ######### Style for Contact us address ######### */

.vcard{ float:left; margin-bottom:15px; width:300px; font-size:12px; line-height:18px; margin-right:100px; color:#ededed;}
.contact-heading,.org { float:left; font-size:13px; font-weight:bold; color:#ededed; padding:4px 4px 4px 24px; width:270px; margin-bottom:4px; }
.mobile-icon { float:left; background:url(../i/icon-mobile.png) no-repeat; height:22px; line-height:22px; color:#ededed; padding-left:32px; padding-bottom:5px; width:230px; border-bottom:1px dashed #cecccc; margin-bottom:8px; margin-left:5px; margin-bottom:5px; }
.address-text { float:left; width:250px; padding-left:32px; border-bottom:1px dashed #cecccc; margin-bottom:5px; }
.address-text p { text-align:left; line-height:18px; font-size:12px; }
.address-icon { float:left; background:url(../i/contact-icons.png) -18px -82px no-repeat; min-height:16px; line-height:22px; padding-left:22px; width:260px; margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.phone-icon { float:left; background:url(../i/contact-icons.png) 0 -5px no-repeat; height:22px; line-height:22px; padding-left:22px;  width:260px; margin-bottom:5px;  margin-left:5px;margin-bottom:5px; }
.cell-icon { float:left; background:url(../i/contact-icons.png) 0 -27px no-repeat; min-height:22px; line-height:22px;padding-left:22px; width:260px;  margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.email-icon { float:left; background:url(../i/contact-icons.png) 2px -117px no-repeat; min-height:22px; line-height:22px; padding-left:22px; width:260px; margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.fax-icon { float:left;  background:url(../i/contact-icons.png) 2px -64px no-repeat; height:22px; line-height:22px; padding-left:22px;  width:260px; margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.person-icon { float:left; background:url(../i/person.png) no-repeat; height:22px; line-height:22px; padding-left:22px;  width:260px; margin-bottom:5px;  margin-left:5px; padding-bottom:5px; }
/* ######### Style for Feedback Form ######### */

#form2 .forms{float:left;width:600px;margin:0 100px}
#form2 select{font-size:14px}
#form2 input:focus,#form textarea:focus{background:#eaf6fc;border:1px solid #a1d7f6;outline:1px solid #d8f1ff}
#form2 {margin-left:10px;float:left;margin-top:10px}
#form2 fieldset{border:1px dashed #cecccc;width:540px;padding:5px 20px}
#form2 legend{color:#fff;background:#096081;border:1px dashed #cecccc;font:bold 16px Arial, Helvetica, sans-serif;padding:2px 15px}
#form2 label{float:left;display:block; font-weight:bold;line-height:24px}
#form2 input,textarea{background:#fff;border:1px solid #c1bfbf;margin-bottom:4px;font:17px Arial, Helvetica, sans-serif;color:#000;letter-spacing:1px}
#form2 .submit input{cursor:pointer;margin-top:10px;border:0;margin-left:125px}
#form2 p{ font-size:13px;line-height:24px; margin:5px 0;}
#form2 .required{padding-bottom:10x}

body:after{content:url(../i/close.png) url(../i/loading.gif) url(../i/prev.png) url(../i/next.png);display:none}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;background-color:#FFF;zoom:1;width:250px;height:250px;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;margin:0 auto}
.lb-container{padding:4px}
.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}
.lb-cancel{display:block;width:32px;height:32px;background:url(../i/loading.gif) no-repeat;margin:0 auto}
.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
.lb-container > .nav{left:0}
.lb-nav a{outline:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../i/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:100;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../i/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:100;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-dataContainer{padding-top:5px;zoom:1;width:100%; background-color:#fff;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;margin:0 auto}
.lb-data{color:#333;padding:0 4px}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../i/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.lb-outerContainer:after,.lb-dataContainer:after{content:"";display:table;clear:both}
.lb-nav a.lb-prev:hover,.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}

.gallery { float:left; width:134px; margin:7px; font-size:80%; line-height:120%;}
.gallery img { padding:2px; border:1px solid #1f1f1f; }
.gallery img:hover { border:1px solid #e7aa15; }

.events { float:left; width:320px; margin:7px; font-size:80%; line-height:120%;}
.events img { padding:2px; border:1px solid #1f1f1f; }
.events img:hover { border:1px solid #e7aa15; }

.events-2 img { padding:2px; border:1px solid #1f1f1f; margin:5px; }
.events-2 img:hover { border:1px solid #e7aa15; }

#infra-img img {float:left; padding:3px; border:1px solid #ddd; margin-right:15px;}

#bg-1 { background:url(../i/inner-bg-1.jpg) top center no-repeat;}
#bg-2 { background:url(../i/inner-bg-2.jpg) top center no-repeat;}
#bg-3 { background:url(../i/inner-bg-3.jpg) top center no-repeat;}
#bg-4 { background:url(../i/inner-bg-4.jpg) top center no-repeat;}
#bg-5 { background:url(../i/inner-bg-5.jpg) top center no-repeat;}
#bg-6 { background:url(../i/inner-bg-6.jpg);}

.buttons { display:none;}

#inner-content {  bottom: 0;
			height: 100%;
			left: 0;
			margin-bottom: 0!important;
			position: relative;;
			right: 0;
			top: 0;
			z-index:-1001;}
			
			.bg-dark{ background-color:#f2f2f2; padding:0px 0px;}
			
			.block1{ width:23.6%; float:left; padding:10px 10px;  margin-bottom:45px;}
			.img-res{ max-width:100%;}
			
			.block2{ width:48%; float:left; padding:0px 10px;  margin-bottom:45px;}
			

@media (max-width: 960px)
{
	header nav { display:none;}
	.buttons { display:block;}
	header .active  { display:none;}
	}

@media (max-width: 768px)
{
	#home-txt { width:80%;}
	#inner-txt { width:90%; left:0;}
	}
@media (max-width: 495px)
{
	footer .right { float:none;}
	footer .left { float:none;}
	footer { line-height:150%;}
	#home-txt { top:15px;}
	#gallery img { float:left; padding:2px; border:1px solid #1f1f1f; margin:3px; }
	}


#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
z-index: 100;
display: none;
}
.cnt223 a{
text-decoration: none;
}
.popup-onload{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101;
background: rgba(0,0,0,0.7);
	margin-top: 0px;
}
.cnt223{
min-width: 350px;
width: 350px;
min-height: 150px;
margin: 100px auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 15px 35px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.cnt223 p{
clear: both;
    color: #555555;
    /* text-align: justify; */
    font-size: 20px;
    font-family: sans-serif;
}
.cnt223 p a{
color: #d91900;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}