#topnav li.back {border:solid 1px #333d59;  background:url(../images/hover-menu.png) repeat;}
#topnav ul{background:#333d59 url(../images/line2.gif) repeat-x; }
#topnav li li{background:url(../images/line2.gif) repeat-x; background-position:bottom}
#topnav li li:hover {background:#2c3651 url(../images/line2.gif) repeat-x; background-position:bottom}

.button{
	border:solid 1px #33416b; border-top:solid 2px #647195;
	background:#303a55;
	background: -webkit-gradient(linear, left top, left bottom, from(#364775), to(#303a55));
	background: -moz-linear-gradient(top,  #364775,  #303a55);
	background: -o-linear-gradient(top,  #364775,  #303a55);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#364775', endColorstr='#303a55');
  }
  
.button:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#303a55), to(#364775));
	background: -moz-linear-gradient(top,  #303a55, #364775);
	background: -o-linear-gradient(top,  #303a55, #364775);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#303a55', endColorstr='#364775');
}

#top-right{float:left; width:650px; margin-top:40px;} 


/* TOP MENU */
#nav{
	position:relative;
	z-index:200;
	padding:0;
	text-align:right;
}
#topnav, #topnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
}

#topnav{padding:0 0 ; float:right}

#topnav a{
	padding:0 16px 34px 11px;
	color:#000;
	text-decoration:none;
}

#topnav li a:hover{
	text-decoration: none;
  }
#topnav li.current > a{}

#topnav li{
	float:left;
	position:relative;
	font-size:13px;
	padding:0 0 0 0px;
	margin:0;
	height:35px;
	line-height:35px;
	cursor:pointer;
}
#topnav li.last{padding:0; margin:0}
#topnav li li{
	padding-right:0px;
	display:block;
	padding:0px 0px 0px 0;
	margin-right:0;
	text-align:left !important;
	float:none;
	}
#topnav ul {
	position:absolute;
	display:none;
	width:180px;
	top:48px;
	left:0;
	padding:15px 0 0px 0;
	text-align:left;
	background-position:0 13px !important;
	margin:10px 0 0 0px;
}

#topnav li ul a{
	width:auto;
	display:block;
	margin:0 0px;
	padding:8px 15px;
	font-size:12px !important;
	line-height:16px;
	color:#fff;
	text-align:left !important;
	text-transform:capitalize;
}

#topnav li ul a:hover{}

#topnav ul ul{
	top:0px;
}	

#topnav li ul ul {
	left:160px;
	margin:0px 0 0 0px;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul{
	display:none;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul{
	display:block;
}
#topnav li.back {}
#topnav li.back {z-index:8;position: absolute;}
#topnav > li a, #topnav > li a:hover, #topnav > li a:visited{z-index:10;position:relative}


/* SIDEBAR */
.widget-title{
	font-weight:normal;
	font-size:20px;
	padding:0 0 8px 0;
	margin-bottom:8px !important;
}
#sidebar ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;

	
}
#sidebar ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	
}
#sidebar ul li a, #side ul li a:visited{}
#sidebar .widget-container{margin-bottom:40px;}
#sidebar .widget-container.nomargin{margin-bottom:0;}
#sidebar li li{
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
background:url(../images/hr.gif) repeat-x bottom;
}

#sidebar li li a{ color:#333c59;}
#sidebar li li > a{
	padding:0 0 0 22px;
	display:block;
	background-image: url(file:///D|/WEB%20LINK%20SERVICES/Design/mukti/images/nav-bg.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
#sidebar li li a:hover{color:#999;/*#555555*/; text-decoration:none}

#sidebar li#latest-post li{clear:left; padding:0 0 30px 0; margin-bottom:15px}
#sidebar li#latest-post li h2 a, #sidebar li#latest-post li h2 a:visited{font-weight:bold;}
#sidebar li#latest-post li a{background:none; padding:0;}
#sidebar li#latest-post li a:hover; #sidebar li#latest-post li h2 a:hover{background:none; color:#65696a}

#sidebar .frame{padding:4px;}
.smalldate{font-size:10px; text-transform:uppercase; color:#b4b4b4; display:block; margin-bottom:6px}

#sidebar ul.sub-menu, #sidebar ul.children{margin:10px 0 0 0; }
#sidebar ul.sub-menu li, #sidebar ul.children li{margin-bottom:0px; padding-top:10px; background-position:top}
#sidebar ul.sub-menu li, #sidebar ul.children li{padding-left:20px}
#sidebar ul.sub-menu li:last-child, #sidebar ul.children li:last-child{padding-bottom:0px; margin-bottom:0; border-bottom:0; }

#sidebar ul.sub-menu, #sidebar ul.sub-children{margin:10px 0 0 0;  }
#sidebar ul.sub-menu li,  #sidebar ul.sub-children li{margin-bottom:0px; padding-top:10px; background-position:top;}
#sidebar ul.sub-menu li,  #sidebar ul.sub-children li{padding-left:20px;}
#sidebar ul.sub-menu li:last-child, #sidebar ul.sub-children li:last-child{padding-bottom:0px; margin-bottom:0; border-bottom:0; }


.business_info{
	width:auto;
	margin:0px;
	padding:0 0 0 35px;
	}
.business_info h3{
	font-size:13px;
	margin:0px;
	padding:0px;
	font-weight:bold;
	color:#333;
	}

.business_areas{
	width:165px;
	margin:0px 25px 0 0; 
	padding:15px 0 0 0px;
	float:left;
	}
.business_areas li{
	margin:0px;
	padding:0px;
	list-style:none;
	border-bottom:dashed 1px #999;
	line-height:25px;
	color:#353F5E;
	}	
	.product_list{
		width:auto;
		margin:0px;
		padding:15px 0px;
		}
.product_list_left{
		width:460px;
		margin:0px;
		float:left !important;
	}
	.product_list_right{
		width:460px;
		margin:0px;
		float:left !important;
	}

.air_gas{
	width:300px;
	margin:0px;
	padding:10px 0 0 0px;
	}
.air_gas li{
	margin:0px;
	padding:0px 0 0 15px;
	list-style:none;
	line-height:28px;
	border-bottom:dotted 1px #CCC;
 background: url(../images/list-default.png) no-repeat scroll 0px 10px transparent;
	}
.air_gas li a{
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#333;
	font-size:12px;
	}
.air_gas li a:hover{
	color:#333e5a;
	}

.air_gas li ul{
	margin:0px 0 0 0px;
	padding:0px;
	}

.air_gas li:last-child{
	border-bottom:none;
	}
	
.spare_for_plant{
	width:auto;
	margin:0px;
	padding:0px;
	list-style:none;
	}
.spare_for_plant li{
	margin:0 20px 20px 0px;
	padding:5px 0px;
	display:inline;
	list-style:none;
	float:left;
	width:180px;
	height:120px;
	border:3px double #666;
	text-align:center;
	}	
.spare_for_plant li:hover{
		border:3px double #009;
	}	

.spare_for_plant1{
	width:auto;
	margin:0px;
	padding:0px;
	list-style:none;
	}
.spare_for_plant1 li{
	margin:0 5px 8px 0px;
	padding:5px 0px;
	display:inline;
	list-style:none;
	float:left;
	width:180px;
	height:120px;
	border:3px double #666;
	text-align:center;
	}	
.spare_for_plant1 li:hover{
		border:3px double #009;
}

/*****************  22 10 2012  *****************************/
.form_homepage{
	width:auto;
	margin:0px;
	padding:0px;
	border-radius:8px;
	border:1px solid #CCC;
	background: -moz-linear-gradient(top, #f0f0f0, #fff);
 background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fff));
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#ffffff);
	}
.quick_contact_div{
	width:90%;
	margin:0px;
	padding:6px 5%;
	font-size:15px;
	border-radius:8px 8px 0 0px;
	background: -moz-linear-gradient(top, #415280, #343d5a);
 background: -webkit-gradient(linear, left top, left bottom, from(#415280), to(#343d5a));
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#415280, endColorstr=#343d5a);
	color:#FFF;
	}
.form_homepage form{
	margin:0px;
	padding:10px 10px;
	}

	
.quick-input {
	margin:10px 0 0px 0px;
	width:96% !important;
	padding:5px 3px !important;
}
.quick-massega {
	width:95% !important;
	margin:10px 0 0px 0px;
	height:50px !important;
	padding:0 5px;
}
.submit-button{
	margin:16px 0 0 0px;
}
	
	
 .clients {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding: 40px 20px;
            gap: 30px;
        }
        .client-card {
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            text-align: center;
            width: 200px;
            transition: transform 0.3s;
        }
        .client-card:hover {
            transform: scale(1.05);
        }
        .client-card img {
            max-width: 180px;
            margin-bottom: 10px;
        }