*{
	margin: 0;
	padding: 0;
}



img {
	border: 0;
	
}

ul, ol {
	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;
}


a {
	color: #7d7d7c;
	text-decoration: none;
	-webkit-transition: 		all 0.5s ease-in-out;
	-moz-transition: 		all 0.5s ease-in-out;
	-o-transition: 			all 0.5s ease-in-out;
        -ms-transition: 		all 0.5s ease-in-out;
	
}
a div{

	-webkit-transition: 		all 0.5s ease-in-out;
	-moz-transition: 		all 0.5s ease-in-out;
	-o-transition: 			all 0.5s ease-in-out;
	-ms-transition: 		all 0.5s ease-in-out;
}

a:hover {
	
	text-decoration: none;
}
a:link,a:visited {
	
	text-decoration:none;
}

a img {
	border:none;
}




input:focus, textarea:focus, select:focus, a:focus{
outline: none;
}
body {
	
    	
	font-family: 			moolbor_0, Helvetica, sans-serif;
	
	
}






div {
    text-align:				justify;
    font: 				100% candara, sansationregular, Georgia, serif;
    
	  
    
}
p{
	margin-bottom:		10px;	
}

/*============================================top_menu=============================================*/




#social_tab {
	float: 				left;	
	background-color: 	#313130;
	height:				auto;
	padding:			0px;
	width:				100%;
	
	
	
	
	}
	
.social_inner{
	color:				#FFF;	
	max-width:			1000px;
	margin:				auto;
	
}

.top_menu{
	
	letter-spacing:			.5px;
	word-spacing:			1px;
	font: 					100% candara, arial, Georgia, serif;
	color:					#fff;	
	float:					right;
	padding:				10px;
	text-align:				center;
	display:				inline-block;
	
}
.top_menu li {
    display: 				inline-block;
    border-right: 			solid 2px #313130;
    padding-right:  		7px; 
}
.top_menu .top_active a{
	color:					#2fb7e0;
	
	
}
.top_menu a:hover{
	color:					#2fb7e0;	
}
	
.top_social{
	
	width: 					auto;
	float:					right;
	padding-top:			8px;
}


.social_menu_fb{
	background-image: 		url("images/top/fb_social.png");
    background-repeat: 		no-repeat;
	
}
.social_menu_size{
		background-size: 		100%  auto;	
		float:					left;
		width:					18px;
		height:					23px;
		margin-right:			10px;

}
.social_menu_fb:hover{
	 
	 background-image: 		url("images/top/fb_social_c.png");	
}
.social_menu_g{
	background-image: 		url("images/top/g_social.png");
    background-repeat: 		no-repeat;
	
}
.social_menu_g:hover{
	 
	 background-image: 		url("images/top/g_social_c.png");	
}


/*============================================ logo section =============================*/


#logo_align {
	float: 					left;
	width: 					100%;  /* The size of the fixed block. */	
	background-color: 		#4d4d4d;
	height:					auto;	
	}
	
.logo_size{
	
	padding:				10px 10px 0 10px;
	text-align:				center;
	max-width:				1000px;
	margin:					auto;
		

}

.logo_img{
	
	width:					219px;
	height:					auto;
	float:					left;
	
		
	
}
.logo_img img{
	width:					100%;
	height:					auto;
}

.company_name{

	width:			    auto;
	height:             auto;
	float:				right;
	font:				200% qcsans_bold, sansationregular, Georgia, serif;
	color:				#04aeda;
	margin-top:			10px;
	

	
	
	

}
.company_desc {
	width:				auto;
	height:				auto;
	text-align:			center;
	font:				100% moolbor_0, sansationregular, Georgia, serif;
	color:				#D9DADA;

	

}


/*=========================================main menu===========================================*/

#light_bg{
	
	float:						left;
	width:						100%;
	min-height:					10px;
	background-color:			#c1c1c1;
	padding:					15px 0 15px 0;
	
	
}



nav {
   }

nav#nav-main {
   }
  nav#nav-main ul {
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
	word-spacing: 2px;
	/* [disabled]color:					#4d4d4d; */
	font: 130% candara, sansationregular, serif;
	font-weight: bold;
	
 }
  nav#nav-main li {
    display: 				inline-block;
    border-right: 			solid 2px #313130;
    padding-right:  		7px; }
  
  nav#nav-main li:last-child {
      border-right: 		none; }
  
  nav#nav-main a {
    display: 				block;
    color: 					#313130;
    padding-right: 			15px;
	padding-left:  			15px;
	
	 }
nav#nav-main a:hover {      
	color: 					#2fb7e0; }

nav#nav-main .active a {

color: 				    #2fb7e0;

}	


#nav-trigger {
	display: 					none;
	text-align: 				center;
	margin:						0;
	min-height:					10px; 
	padding:					0px;
}
	
#nav-trigger span {
	display: 					inline-block;   
    background-color: 			#c1c1c1;    
    cursor: 					pointer;
    text-transform: 			uppercase;
	width:						100%;
	margin: 					0;
    padding-top: 				12px;

    text-align: 				center;	
	vertical-align:				middle;
	font-size:					170%;
	letter-spacing:				1px;
	word-spacing:				2px;
	color:						#4d4d4d;

}

    #nav-trigger span:after {
	display: 					inline-block;
	margin-left: 				15px;
	width: 						1px;
	height: 					1px;
	content: 					"";
	border-left: 				solid 10px transparent;
	border-top: 				solid 12px #4d4d4d;
	border-right: 				solid 10px transparent;
}

#nav-trigger span:hover  {
	background-color: 			#818182; 
	color:						#ffffff;

	
}
#nav-trigger span:hover:after  {
	border-left: 				solid 10px transparent;
	border-top: 				solid 12px #fff;
	border-right: 				solid 10px transparent;	
}


#nav-trigger span.open {
	background-color: 			#818182; 
	color:						#ffffff;
	
}

#nav-trigger span.open:after {

	border-left: 				solid 10px transparent;
	border-top: 				none;
	border-bottom: 				solid 12px #fff;
	border-right: 				solid 10px transparent; 
	
}



nav#nav-mobile {
	position: 				relative;
	display: 				none; }
nav#nav-mobile ul {
	display: 				none;
	list-style-type: 		none;
	position: 				absolute;
	left: 					0;
	right: 					0;
	margin-left: 			auto;
	margin-right: 			auto;
	text-align: 			center;
	background-color: 		#D9DADA;
	text-align: 			center;	
	vertical-align:			middle;	
	letter-spacing:			1px;
	word-spacing:			2px;	
	font:					130% candara, sansationregular, serif;
	font-weight:			bold;
	z-index:  				1;
}
nav#nav-mobile li {
	display: 				block;
	
	 }
	
nav#nav-mobile li:last-child {
	border-bottom: 			none; }

nav#nav-mobile a {
	display: 				block;
	color: 					#313130;
	line-height:			40px;
	border-top: 			solid 1px #818182;
	
}
nav#nav-mobile a:hover {
	background-color: 		#818182;
	color: 					#fff;
	
	border-top: 			solid 1px #a7a9ac; 
}


/*=================================middle content ===================================*/


.middle_bg{
	float:						left;
	width:						100%;
	min-height:					10px;
	background-color:			#D9DADA;


	
	}
.middle_cnt{
	text-align:				center;
	max-width:				1000px;
	margin:					auto;
	padding-bottom:			10px;
	
}
.heading{

	width:				100%;
	float:				left;
	font:				250% qcsans_bold, sansationregular, Georgia, serif;
	color:				#04aeda;
	text-align:			center;
	padding:			10px 0 10px 0;
}
.heading_desc{
	float:				left;
	width:				100%;
	line-height:		35px;
	text-align:			center;
	font:				170% yanone_reg, sansationregular, serif;
	color:				#313130;
	margin-bottom:		10px;
}
/*========================================page links========================================*/
.cmpny_link{

	width:				100%;
	min-height:			170px;	
	margin:				auto;
	float:				left;
	text-align:			center;
	margin-bottom:		10px;
}
.cmpny_items{
	width:				250px;
	min-height:			120px;
	
	margin-left:		20px;
	margin-right:		20px;
	
	display: 			inline-block;
    vertical-align:		top;
	
}
.cmpny_img{
	width:				240px;
	height:				160px;
	border:				1px solid;
	margin:				auto;
	position:			relative;	
	
	
}
.cmpny_img span{
	width:				240px;
	height:				160px;
	float:				left;
	
	
	
}
.cmpny_img img{
	width:				240px;
	height:				130px;
	float:				left;
	
	
}
.cmpny_img_nm{
	width:				240px;
	height:				30px;
	color:				#fff;	
	
	background-color:	#04aeda;
	font:				100% qcsans_bold, sansationregular, Georgia, serif;
	line-height:		30px;
	text-align:			center;
	position:			absolute;
	bottom:				0;	

	
	
}
.item_desc{
	width:				230px;
	min-height:			40px;
	margin:				auto;
	text-align:			center;
	color:				#2B2A29;
	
	
}
.cmpny_click{
	width:				80px;
	height:				30px;
	background-color:	#04aeda;
	margin:				auto;
	margin-top:			10px;
	text-align:			center;
	color:				#2B2A29;
	font:				120% candara, sansationregular, Georgia, serif;
	margin-bottom:		10px;

}
.cmpny_click a{
	color:				#fff;
	line-height:		30px;
	
}


.cmpny_click a:hover{
	color:				#2B2A29;	
}
/*========================================front page project section========================================*/


.prj_bg{
	
	float:						left;
	text-align:					center;
	margin-bottom:				10px;
	width:						100%;
	min-height:					20px;
	background-color:			#606060;
	margin:						auto;
	
}

.prj_desc{
	max-width:					380px;
	min-height:					30px;	
	margin:						20px;
	color:						#fff;
	font:						110% candara, sansationregular, Georgia, serif;
	display: 					inline-block;
    vertical-align:				middle;	

	
}
.prj_desc_h{
	font:					    140% qcsans_bold, sansationregular, Georgia, serif;
	color:						#05b8e7;
	line-height:				25px;
	text-align:					left;
	margin-bottom:				10px;
	font-weight:				bold;
	vertical-align:				middle;		
	
}
.prj_1{
	width:						100px;
	height:						30px;
	background-color:			#04aeda;	
	margin-top:					20px;
	text-align:					center;
	color:						#2B2A29;
	font:						90% candara, sansationregular, Georgia, serif;
	line-height:				30px;	
	margin-right:				10px;
	display: 					inline-block;
    vertical-align:				middle;
		
}
.prj_1 a{
		color:					#fff;
	
}
.prj_1 a:hover{
	color:						#2B2A29;	
}
.prj_img{
	max-width:					380px;
	min-height:					30px;	
	display: 					inline-block;
    vertical-align:				middle;		
}
.prj_img img{
	width:						100px;
	height:						100px;	
	border:						#fff 2px solid;
	float:						left;
	margin:						10px;
	
	
	
}
/*========================================front page project capabilities========================================*/
.prj_cap{
	float:						left;
	width:						100%;
	background-color:			#D9DADA;
	margin:						auto;
	color:						#313130;	
}
.cap_align{
	max-width:					1000px;
	min-height:					50px;
	margin:						auto;	
	
	text-align:					center;
	border-bottom:				#999 2px solid;
	margin-bottom:				10px;
	
	color:						#313130;	
}
.cap_1{
	width:						205px;
	min-height:					50px;
	margin:						auto;
	margin-left:				10px;
	margin-right:				10px;
	font:						150% candara, sansationregular, Georgia, serif;
	display: 					inline-block;
    vertical-align:				top;
	text-align:					left;
	font-weight:				bold;
	font-style:					normal;
	margin-bottom:				10px;	
}
.p_align{
	width:						100%;
	font-size:					150%;
	height:						45px;
	text-align:					center;
	line-height:		        45px;
	
	border-top:					#999 2px solid;
	border-bottom:				#999 2px solid;
	color:						#313130;
	margin-bottom:				10px;	
	margin-top:					10px;
}
.cap_1 p{
	margin-top:					10px;	
	font-size:					60%;
	color:						#313130;

		
}
.cap_1 a:hover{
	color:						#04aeda;
	cursor:						pointer;	
}
.cap_1 p:after {
	display: 					inline-block;
	margin-left: 				8px;
	height:						1px;
	content: 					"";
	border-top: 				solid 5px transparent;
	border-left: 				solid 6px #4d4d4d;
	border-bottom: 				solid 5px transparent;
	vertical-align:				middle;
}

/*========================================front page client section========================================*/

.client_lst{

	width:						100%;
	min-height:					30px;
	background-color:			#4d4d4d;
	margin:						auto;
	text-align:					center;
	
}
.clnt_img{
	width:						auto;
	min-height:					10px;
	margin:						auto;
	text-align:					center;
	display: 					inline-block;
    vertical-align:				top;

		
	
}
.clnt_img img {
	width:						auto;
	height:						47px;
	margin:						10px;
	display: 					inline-block;
    vertical-align:				top;
		
	
}
/*========================================bottom menu section========================================*/
#bottom_bg{
	width:				100%;
	min-height:			10px;	
	margin:				auto;
	float:				left;
	text-align:			center;
	margin-bottom:		10px;
	background-color:	#313130;
	
}
.bot_sec{
	width:				250px;
	min-height:			50px;
	font:				100% candara, sansationregular, Georgia, serif;
	color:				#D9DADA;
	line-height:		30px;
	margin:				20px 20px 10px 20px;
	text-align:			justify;
	display: 			inline-block;
    vertical-align:		top;
	
}
.bot_sec img{
	width:						30px;
	height:						auto;
	float:						left;
	margin-right:				10px;	
	
}
.bot_sec p{
	margin-top:					25px;	
	
}
.bot_sec a:hover{
	color:						#04aeda;
}

/*=====================================About Us=================================*/

.middle_cnt b{
	color:						#313130;
}
.lft_sec{
	max-width:					340px;
	min-height:					200px;
	margin:						auto;
	
	margin-right:				10px;
	text-align:					justify;
	vertical-align:				top;
	float:						left;
	font:						100% candara, sansationregular, Georgia, serif;
	line-height:				25px;
	display:					inline-block;
	color: 						#686868;
	
}

.top_sec{
	
	width:						100%;
	max-height:					40px;
	margin:						auto;
	
	font-size:					140%;
	font-weight:				bold;
	text-align:					left;
	line-height:		        20px;
	border-bottom:				#999 2px solid;
	color:						#313130;
	margin-bottom:				10px;
	margin-top:					20px;		
}

.rgt_sec{
	max-width:					610px;
	min-height:					400px;
	margin:						auto;
	margin-left:				10px;
	
	text-align:					justify;
	float:						right;
	vertical-align:				top;
	font:						100% candara, sansationregular, Georgia, serif;

	display:					inline-block;
	line-height:				25px;
	color: 						#686868;
}
.qs_sec{
	line-height:				25px;
	color: 						#686868;
	padding:					0 10px 0 10px;
	
}


.rgt_sec .cont_banner img{
	max-width:						600px;
	height:						auto;
	float:						left;
}

.lft_sec .lft_ul{
	line-height:				35px;
	color:						#313130;
}
.lft_ul li:before {
    content:					"·";
    font-size:					50px;
    vertical-align:				top;
    line-height:				31px;
	margin-right:				10px;
}

.full_width{
	
	margin:						10px;	
	max-width:					550px;
	text-align:					center;
	display:					inline-block;
	vertical-align:				middle;
	line-height:				50px;
	font-size:					150%;
	
    
}

.fnt_clr{
 color:							#fff;
 	
}
.rgt_sec img {
	width:						85px;
	height:						auto;	
	float:						left;
	margin:						7px 10px 0px 0;
	border:						#fff 2px solid;
	
}
.lft_sec img {
	width:						85px;
	height:						auto;	
	float:						left;
	margin:						7px 10px 0px 0;
	border:						#fff 2px solid;
	
}
/*================================== map style==================================*/

#map_style{
	
	overflow:					hidden;
	height:						450px;
	width:						100%;
	font-size:					100%;
}
#gmap_canvas {
	height:						450px;
	width:						100%;
	margin:						0px 0 0 5px;	
	
}
.contact_add{
	
	max-width:					350px;
	font-size:					130%;
	line-height:				30px;
}
.contact_add b{
	color:						#04aeda;
	font-size:					100%;
	line-height:				40px;
}

/*================================== Project page==================================*/

.prj_top{
	font-size:					140%;
	font-weight:				bold;
}
.proj_pg{
	
	max-width:					980px;
	height:						auto;
	margin:						auto;
	text-align:					justify;	
	margin:						10px;
	
	line-height:				25px;
	color: 						#686868;
}

.proj_pg img{
	
	width:						300px;
	height:						auto;
	margin-right:				20px;
	float:						left;
	margin-top:					10px;							
								
}
.rgt_align{
	
	text-align:					right;	
}
/*================================== Project page==================================*/
.disable { 
  pointer-events: none;
  opacity: 0.4;
}









.prd_pg{
	
	max-width:					980px;
	height:						auto;
	margin:						auto;
	text-align:					justify;	
	margin:						10px;	
	line-height:				25px;
	color: 						#686868;
}
.prd_items{
	width:						300px;
	min-height:					10px;	
	margin-top:					20px;
	margin-bottom:				20px;
	display:					inline-block;
	vertical-align:				top;
	
}
.temp_prd_items{
	margin-top:						-10px;
}
.prd_img{
	width:				280px;
	height:				200px;
	border:				1px solid;
	margin:				auto;
	position:			relative;	
	overflow:			hidden;
	
	
}

.prd_img img{
	width:				100%;
	height:				auto;
	margin:				auto;
	float:				left;
	
	
}
.prd_img_nm{
	width:				100%;
	height:				30px;
	color:				#fff;	
	
	background-color:	#04aeda;
	font:				100% qcsans_bold, sansationregular, Georgia, serif;
	line-height:		30px;
	text-align:			center;
	position:			absolute;
	bottom:				0;	

	
	
}

/*==========================================product segment============================*/



.container{

	width: 				100%;
	margin:				auto;
	


}


ul.tabs{
	margin: 				auto;
	padding: 				0px;
	list-style: 			none;
	vertical-align: 		middle;
	text-align: 			center;
	

}
ul.tabs li{

	background: 				#ededed;
	color: 						#222;
	min-width:					60px;
	display: 					inline-block;	
	padding: 					10px 10px 14px 10px;
	line-height:				10px;
	font-size:					16px;
	cursor: 					pointer;
	margin:						auto;
	text-align: 				center;
	font-weight:				bold;
	border-top-left-radius: 	8px 8px;
	border-top-right-radius: 	8px 8px;
	border: 					#999 2px solid;
	border-bottom-color:		#999;

}

ul.tabs li img{
	padding-bottom: 			18px;

}

ul.tabs li.current{
	background: 				none;
	border-bottom: 				#D9DADA 2px solid;
	color: 						#222;
}

.tab-content{
	display:					none;
	padding: 					15px 0 0 0;
	float:						left;
	width: 						100%;
	border-top: 				#999 2px solid;
	margin-top:					-2px;
	
	
	
}

.tab-content.current{
	display: 					inherit;
	
}
/*===============================================pop up product===================================================== */

.popUp_Box_style { 
    display:none;
}

.slide_Box_style{
	display:none;
	
}
/*===============================================Turnkey image===================================================== */
.turnkey_img{
	
	width:		100%;
	height:		auto;
	margin:		auto;
	padding:	10px 0 10px 0;	
	
}
.turnkey_img img{
	width:		100%;	
	
}