body{
	margin:0px;
	padding:0px;
	color:#888888;
	font-weight:lighter;
	overflow-x:hidden;
}

/*font*/
@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'HelveticaNeueLT57CnRegular';
    src: url('helvetica_lt_57_condensed-webfont.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'HelveticaNeueLT57CnRegular';
    src: url(//:) format('no404'), url('helvetica_lt_57_condensed-webfont.woff') format('woff'), url('helvetica_lt_57_condensed-webfont.ttf') format('truetype'), url('helvetica_lt_57_condensed-webfont.svgz#webfonts0vvtvhF') format('svg'), url('helvetica_lt_57_condensed-webfont.svg#webfonts0vvtvhF') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, h1, h2, h3, h4, p, .rightsearchopen input[type='text'], .newsletterfooter input[type="text"], input[type="text"], textarea, input[type="submit"], .contactform input[type="text"], .contactform input[type="submit"], .contactform textarea{
	font-family: 'HelveticaNeueLT57CnRegular', sans-serif;
}
/*end font*/

/*start tag*/
h1{
	color:#5e6d81;
	font-size:30px;
	margin:0px;
	padding:0px;
	font-weight:600;
}
h2{
	color:#7d7d7d;
	font-size:25px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
h3{
	color:#b1bac3;
	font-size:20px;
	margin:0px;
	padding:0px;
	font-weight:normal;	
}
h4{
	color:#96a0af;
	font-size:17px;
	margin:0px;
	padding:0px;
	font-weight:lighter;	
}
p{
	color:#a9a9a9;
	font-size:17px;
	margin:0px;
	padding:0px;
	font-weight:lighter;
}
a{
	text-decoration:none;	
}
a img{
	border:0px;	
}
input[type="text"]{
	width:96%;
	float:left;
	border:0;
	background-color:#F9FAFC;
	padding:0 2%;
	height:50px;
	color:#A9A9A9;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
		
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
	box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);	
}
textarea{
	width:96%;
	float:left;
	border:0;
	background-color:#F9FAFC;
	padding:2%;
	height:200px;
	color:#A9A9A9;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
	box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);	
}
input[type="submit"]{
	float:left;
	background-color:#1ABC9C;
	cursor:pointer;
	border:0px;	
	font-size:15px;
	color:#FFF;
	margin:0px;
	padding:10px 20px;
}
code{
	float:left;
	width:100%;	
}
/*end tag*/


/*start header*/
header{
	float:left;
	width:100%;
	position:fixed;
	z-index:999;
	top:0px;
	left:0px;
	height:51px;
	background:url(../images/header_bg.jpg) repeat-x;
}




.logo{
	margin: 8px 0px;
	float:left;	
}
.leftmenuclose{
	float:left;
	cursor:pointer;	
	position:absolute;
	z-index:1;
}
.leftmenuclose img{
	float:left;	
}
.leftmenuopen{
	width:300px;
	height:100%;
	position:fixed;
	left:-305px;
	z-index:9999;
	
	-webkit-transition: all 0.8s ease;
     -moz-transition: all 0.8s ease;
       -o-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
          transition: all 0.8s ease;		
}





/*slider*/
.greybgtextslider{
	color:#FFF;
	background-color:rgba(212, 166, 11, 0.8);
	padding:15px 20px;
	font-size:20px;
	line-height:25px;
	font-weight:lighter;
	 text-transform: uppercase; 
	 min-width:250px;
	  text-align: center;
}
.greybgtextslider2{background-color:rgba(11, 40, 103, 0.8);}
.greybgtextslider3{background-color:rgba(13, 13, 13, 0.8);}
.greybgtextslider1{background-color:rgba(242, 0, 0, 0.8); font-weight:normal !important;  font-size: 30px !important;}

/*slider*/

/*start services*/
#homeservices{
	/*background-color:#434a54;*/
	background:url(../images/services_bg.jpg) repeat-x;
}
.homeservice h2, .homeservice p{
	color:#ffd800;
	
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.homeservice a{
	color:#fff;
	 text-transform: uppercase;
	
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.homeservice p:hover{
	color:#5e6d81;
}
.homeservice{
	margin-top:0px !important;
	margin-bottom:0px !important;
	border-top:4px solid #ffc600;
	text-align:center;
	
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;	
}
.homeservice:hover{
	background-color:#cacaca;
	-moz-box-shadow: 0 0px 10px #B3BBC6;
	-webkit-box-shadow: 0 0px 10px #B3BBC6;
	box-shadow: 0 0px 10px #B3BBC6;
}
.homeservice:hover .homeservice p, .imgservice:hover .homeservice p{ color:#999 !important;}
.homeservice:hover h2{
	color:#5e6d81 !important;
}
.homeservice p{
	font-size:15px;
	padding:10px 0px 20px 0px;	
}
.homeservice h2{
	margin-top:20px;
	display:inline-block;	
}
.imgservice{
	width:100%;
	float:left;
	z-index:999;
	margin-top:-70px;
}
.imgserviceopen{
	width:100%;
	float:left;
	position:relative;
	background-color:#F36;
	margin-top:-4px;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.imgserviceopen img{
	 position:absolute;
	 bottom:0;
	 left:0;
	 width:100%;
	 height:0;
	 
}
.homeservice:hover .imgserviceopen{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position:relative;
	z-index:97;
}
.homeservice:hover .imgserviceopen img{
	height:auto;
}
canvas{
	position:absolute;
	left:0;
	top:0;
}
.percentagehome{
	position:relative;
	z-index:98;
	margin:auto;
}
.chart{
	position:relative;
	z-index:98;	
}
/*end services*/

.container{
	width:1024px;
	margin:auto;
	padding: 0px;
}


/*end hover effect*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{
	margin:10px;
	float:left;	
	display:inline;
	
}

.grid_1 {width:80px;}
.grid_2 {width:180px;}
.grid_3 {width:280px;}
.grid_4 {width:321px;}
.grid_5 {width:480px;}
.grid_6 {width:580px;}
.grid_7 {width:680px;}
.grid_8 {width:780px;}
.grid_9 {width:880px;}
.grid_10 {width:980px;}
.grid_11 {width:1080px;}
.grid_12 {width:1180px;}

.header-container{ width:1024px;  height:auto; margin:auto;}
.navi{ float:right;}
.navi ul{ list-style:none;}
.navi ul li{ float:left;}
.navi ul li a{ color:#FFF; text-transform:uppercase; font-size:14px; margin: 0 5px; padding: 15px;}
.navi ul li a:hover{ color:#ffc600;}
.fade-down{ margin-top:50px;}
.blackLine{ width:100%; height:225px; background:#000; border-top:2px solid #fff; border-bottom:2px solid #fff;}
.black-col{ line-height:43px; margin-top: 26px; text-align:center; margin-bottom:0;}
.black-col h1{ color:#ffc600; text-transform:uppercase; font-size: 46px; line-height: 46px;}
.services{ height:520px; width:100%; background:url(../images/service-bg.jpg) no-repeat 0 0;}

#slides{ position:relative;  /*margin-left: 33px;   margin-top: 20px;*/} 
.slides_container {
	width:944px;
	display:none;
	 left: 36px;
	  margin-top: 20px;
}
.slides_container div.slide {
	width:950px;
	height:400px;
	display:block;
}
.proSDesc{ height:150px;  text-align: justify;line-height: 17px;
    padding: 0 20px; margin-bottom:5px; overflow:hidden; background:#fff;} 
.proSDesc p{ font-size:14px; margin-top:10px; color:#666}
.item {
	float:left;
	width:300px;
	height:420px;
	text-align:center;
	 margin: 0 8px;
}
.item h3{ font-size:30px; font-weight:normal; text-transform:uppercase; text-align:center; background:#ffc600; color:#fff;line-height: 45px;
    margin-top: -4px;}
.pagination {
	list-style:none;
	margin:0;
	padding:0;
	display:none;
}
.pagination .current a {
	color:red;
}
.prev{ position:absolute; top:175px;}
.next{ position:absolute; right:0; top:175px;}
.service-title{ background:rgba(16,34,73,0.8); height:53px; text-align:center;}
.service-title h1{ text-transform:uppercase; color:#FFF; line-height:55px; font-weight:normal; text-decoration:underline;}
.gallery{ width:100%; height:auto; background:#fff;}
.gallery-title h1{ text-align:center; color:#04318c; padding:5px; text-decoration:underline; }
.imagecol{ width:240px; float:left; height:auto; margin-left: 4px;}
.footer{ width:100%; height:278px; background:url(../images/footer-bg.jpg) repeat-x;}
.about h1{ color:#ffc600; font-size:30px; font-weight:normal; text-transform:uppercase;}
.about p{ color:#fff; font-size:14px; line-height:20px;}
.social{ background:#ffc600; height:62px; width:100%;}
.map{  height: 215px;
    width: 300px;}
.social-media{ text-align:right;  padding-top: 11px;}
.gallery-title{ margin-top:30px;}
.brands{ height:100px;}
.magin-center{ margin-left:17px;}