/* CSS Document */

html, body, form {margin:0; padding:0}
body {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background:#FFFFFF url(../images/bg.gif) repeat-x left top; letter-spacing:0;}
img{ max-width:100%;}
ul{ padding:0;}
li{ list-style:none;}
.header{ background:url(../images/header.png) repeat-x; border-bottom:1px solid #FFF;}
.banner{ background:url(../images/banner.png) repeat-x;}
.middle{ background:url(../images/middle.png) top repeat-x #FFF; padding-top:20px;}
.middle1{background:url(../images/middle1.png) top repeat-x #FFF; padding-top:20px;}
.logo{ margin-top:5px; float:left;}
nav{ float:right; background:none;}
.header-right{ float:right;}
.main-mn{ background:none; border:none; margin-bottom:10px !important; margin-top:10px !important; min-height:inherit !important;}
.main-mn li a{ color:#FFF !important; }
.main-mn .dropdown-menu > li > a{ color:#333 !important;}
.main-mn .navbar-nav > li > a{ padding-top:5px; padding-bottom:5px;}
.navbar-default.main-mn .navbar-nav > li.active > a, 
.navbar-default.main-mn .navbar-nav > li:hover > a, 
.navbar-default.main-mn .navbar-nav > li:focus > a,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus{background:url(../images/nav_left.png) repeat-x;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.home-box2{ border-right:1px solid #b2aaaa; min-height:193px;}
.new-product li{ list-style:none;}
.new-product li a{ color:#333;}
.new-product h3{ padding:0px 0 10px 0; font-weight:bold; color:#000;}
.new-product .panel-body{ background:#f4f4f4; position:relative;}
.new { position:absolute; right:0; margin:-4px -4px 0px 0px; top:0;}
.lang ul{ margin:0;list-style:none;}
.lang .dropdown-menu{ right:0; left:inherit;}
.lang .dropdown-menu .sub-menu {left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px;}
.lang .dropdown-menu li:hover .sub-menu { visibility: visible;}
.lang .dropdown:hover .dropdown-menu { display: block;}
.lang .dropdown-menu { margin-top: 0;}
.lang .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2);border-top: 7px solid transparent; left: -7px; top: 10px;}
.lang.sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px;left: -6px;}
.part2 h2{ margin:0;}
.downloads a.list-group-item .list-group-item-heading{ color:#FFF;}
.downloads a.list-group-item:hover, 
.downloads a.list-group-item:focus{ background-color:#3797dc;}
.download1{ background:url(../images/downlod1.png) 5px center no-repeat #3797dc; padding-left:60px; border:none;}
.download2{ background:url(../images/downlod2.png) 5px center no-repeat #3797dc; padding-left:60px; border:none;}
.lang{ text-align:right;}
.page-bottom h3{ padding:0px;}
.page-bottom ul{ padding:0; list-style:none;}
.page-bottom ul li{ line-height:23px;}
.page-bottom ul li i{ margin-right:5px;}
.clear { clear:both; margin: 0px; padding: 0px; }
.spac20 { padding:15px 0px 0px 0px; }
.spac10 { padding:10px 0px 0px 0px; }
a.link { color:#0F73BD; font-weight:bold; }
a.link:hover { color:#0F73BD; font-weight:bold; text-decoration:underline; }
.new-in{ position:relative;}
.panel-heading h2{ margin:0;}
.frm1 li {
    background: rgba(0, 0, 0, 0) url("../images/black.png") no-repeat scroll 0 6px;
    line-height: 24px;
    padding-left: 20px;
}
.sub-title{ margin-top:0;}
.table1{ width:100%; overflow:scroll;}
.navbar-collapse{ padding:0;}
/* menu */
#nav {padding:0; margin:0; list-style:none;  position:relative; z-index:500; float:left; color:#FFFFFF; }
#nav li.top {display:block; height:24px; float:left; padding:0px 0px 0px 0px; background:#FFFFFF; }
#nav li:hover {position:relative; z-index:1000; }
#nav li:hover ul.sub {left:-94px; top:22px; white-space:nowrap; height:auto; z-index:1000; width:238px;  padding:0px 0px 4px 0px; letter-spacing:0.03em; }
#nav li:hover ul.sub li {display:block; position:relative; float:left;  font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:5px 5px !important; line-height:23px; background:#333333 url(../images/trans_bg.png); border-bottom:1px solid #cacaca; text-align:left; }
#nav li:hover ul.sub li a {display:block; font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:normal; line-height:14px; padding:0px 0px;}
#nav li:hover ul.sub li a img{ border:1px solid #FFFFFF; }
#nav ul, 
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0px; list-style:none; z-index:1000; }
#nav li:hover ul.sub li a:hover {background:#FFFFFF url(../images/nav_right1.gif) repeat-x left top !important; color:#000000; }
/* Menu End */

h1 { margin:0px; padding:0px 0px 10px 0px; color:#333333; font-weight:normal; font-size:22px; line-height:24px; letter-spacing:0; }
h1 span{ color:#0F73BD; }
h2 {color:#0F73BD; font-weight:normal; font-size:18px; line-height:24px; letter-spacing:0;}
h2 span{ color:#2FA302; }
h3 { margin:0px; padding:7px 0px 0px 0px; color:#2FA302; font-size:13px; font-weight:bold; letter-spacing:0;}
h3 span{ font-weight:normal; }
h4 { margin:0px; padding:7px 0px 0px 0px; color:#333333; font-size:13px; font-weight:bold; letter-spacing:0;}
.sub_banner { display:block; background:url(../images/brass-inserts.gif) no-repeat left top; padding:0px 10px 0px 10px; height:156px;  }
.sub_banner_in { float:left; height:134px; padding:10px 0px; background:#E5ECEC;  border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; }
.sub_txt { background:url(../images/moulding-inserts.gif) no-repeat right top; text-align:center; }
.sub_txt p{ margin:0px; color:#000000; }
.sub_txt p a{ text-decoration:underline;}
.sub_txt p a:hover { text-decoration:none;}
.sub_txt h2 { padding:0px; color:#333333; }
.sub_txt h2 span{ color:#034A7E; }
.part2{ background:#e5ecec; border:1px solid #FFF; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.part2 .sub_txt:last-child{ background:none;}
.left-penal .panel-default{ background:#f4f4f4;}
.left-penal ul{ margin:0; padding:0; list-style:none;}
.left-penal li{ line-height:24px; background:url(../images/li.png) 0px 6px no-repeat; padding-left:20px;}
.left-penal li i{ color:#2ca3f8; margin-right:5px;}
.left-penal li a{ color:#333;}
.left-penal li a:hover{ color:#034a7e;}
/* News */	
#marquee_replacement{ height:255px; overflow:auto; padding:10px 0px 10px 0px; margin:0px 0px; }
#marquee_replacement p.spacer{ height:80px; }
/* News End */	

/*Middle*/

.newpro { margin:-49px 0px 10px 0px; padding:0px 0px 0px 10px; width:330px; float:left; border-right:1px solid #B2AAAA; }
.newpro h3{ color:#333333; }
.newpro a { width:161px; display:block; float:left; font-size:12px; letter-spacing:0; border:0px solid #F4F4F4; line-height:18px; }
.newpro a:hover { text-decoration:underline; }
.img-right { float:right; padding:3px; margin:0px 0px 0px 10px; }
.img-left { float:left; margin:0px 10px 0px 0px; }
ul.list { margin:7px 0px 10px 10px; padding:0px; }
ul.list li{ margin:0px;  list-style-type:none; background:url(../images/small-bullet.gif) no-repeat left 9px; padding:2px 0px 2px 15px; line-height:18px; }
ul.listitem { margin:7px 0px 10px 10px; padding:0px; }
ul.listitem li{ margin:0px;  list-style-type:none; background:url(../images/small-bullet.gif) no-repeat left 6px; padding:0px 0px 0px 15px; line-height:18px; }
.pagetop { text-align:right; font-weight:bold; }

.table{ background:none;}
.table td { background:none; }

.frm {background:#FFFFFF; padding:10px; border:1px dashed #AFB490; }
.frm span { width:200px; padding:2px 4px 0px 4px; display:block; float:left;}
.cstext { border:1px solid #CBCBCB; background:#FFFFFF; }
.csselect { border:1px solid #CBCBCB; background:#FFFFFF; width:283px; }
.mandetory { color:#FF0000; font-weight:bold; font-size:18px }
.bd { border-bottom:1px dashed #AFB490; }
.frm1 p span { margin:0px 7px 0px 0px; padding:0px 7px 0px 5px; background:#0F73BD; font-weight:bold; color:#FFFFFF; display:block; float:left; letter-spacing:0.03em; font-size:13px;}
.pro-list { background:#FFFFFF; padding:7px; border:1px dashed #AFB490; }
.pro-list ul { margin:0px; padding:0px; }
.pro-list ul li { margin:0px; padding:0px; list-style-type:none; background:none; float:left; } 
.pro-list ul li a{ width:310px; height:130px; display:block; padding:3px; margin:10px 10px 0px 10px; background:#F3F3F3; text-decoration:none; text-align:center; }
.pro-list ul li a:hover { background:#E7E5E5; }

.pro-title{font-size:12pt; color:#0066CC; font-weight:bold;}

/* footer */
.footer { background:#4CA7E9; }
.foot_in {padding:10px 0px 30px 0px; }
.foot_in p{ color:#FFFFFF; text-align:center }
.foot_in p a { color:#FFFFFF }

.base1 { width:300px; float:left; }
.base2 { width:300px; float:right; }
.smallbox { width:195px; float:left; }


.main-nav,
.drop-nav {
  background: #2c3e50;
}
.main-nav {
  float: right;
  border-radius: 4px;
  margin-top: 8px;
  border: solid 1px #1e2a36;
}
  .main-nav > li {
    float: left;
    border-left: solid 1px #1e2a36;
  }
  .main-nav li:first-child {
    border-left: none;
  }
  .main-nav a {
    color: #fff;
    display: block;
    padding: 10px 30px;
    text-decoration: none;
  }
.dropdown,
.flyout {
  position: relative;
}

.drop-nav,
.flyout-nav {
  position: absolute;
  display: none;
}
.drop-nav li {
  border-bottom: 1px solid rgba(255,255,255,.2);
  width:100%;
}
.dropdown:hover > .drop-nav,
.flyout:hover > .flyout-nav {
  display: block;
  text-align:left;
  margin-top:35px;
  min-width:163px;
  z-index:99999;
}
.flyout-nav {
  left: 100%;
  top: 0;
}
.flyout:hover a,
.flyout-nav {
  background: #395066;
}
.drop-nav > li{
	padding:5px 0 !important;
	display:block;
}
.drop-nav{
	padding:0 15px;
	background-color:#41464a;
}
.nav > ul{
	margin:0;
	padding:0;
}
.nav li{
	background:none;
	display:inline-block;
	line-height:32px;
	padding:0;
}
.dropdown a{
	text-decoration:none;
}
.drop-nav a:hover{
	background:none;
	height:auto;
	color:#c9e4f8;
	font-weight:normal;
}
.drop-nav a{
	line-height:19px;
	font-weight:normal;
}

.knowledge ul li a:hover{ text-decoration:none;}
.lebal-bg .media-left{ background:#0f73bd; color:#FFF;}
.new-products{ display:none;}
.downloads{ display:none;}
p.last1{display:none;}
.products .col-xs-6{ margin-bottom:10px;}
.products .col-xs-6 a{ text-decoration:none;}
.products .col-xs-6 img{ border:2px solid #4ca7e9;}
.products .col-xs-6 p{ padding:7px 0; background:#4ca7e9; color:#FFF; font-size:14px;}
@media (max-width: 1200px) {
	
	}
@media (max-width: 991px) {
	.logo{ text-align:center;}
	nav,.navbar-nav{ float:none;}
	.navbar-nav{ text-align:center;}
	.nav li{ float:none;}
	.header{ background:url(../images/header2.png) repeat-x;}
	.left-penal li{ float:left; width:48%;}
	.home-box2{ min-height:315px;}
	.top{ background:#FFF; padding-bottom:5px;}
	.header-right{ width:100%;}
	
	}
@media (max-width: 767px) {
	.nav li{ display:inherit;}
	.navbar-collapse{ background:#3a99de;}
	.main-mn .navbar-nav > li > a{ padding:15px 0;}
	.navbar-default.main-mn .navbar-nav > li.active > a, .navbar-default.main-mn .navbar-nav > li:hover > a, .navbar-default.main-mn .navbar-nav > li:focus > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background: rgba(0, 0, 0, 0) url("../images/nav_left2.png") repeat-x scroll 0 0;border-radius: 0px;}
	.navbar-default.main-mn .navbar-nav .dropdown-menu li{ text-align:center;}
	.navbar-default.main-mn .navbar-nav .dropdown-menu li a { color:#FFF !important;}
	.main-mn{ margin:0 !important;}
	.navbar-default .navbar-toggle{ background:#FFF;}
	.lang{ padding-right:0;}
	.banner{ text-align:center;}
	.banner .text-right{ text-align:center;}
	.navbar-collapse{ padding:0 15px;}
	.lang{ text-align:left; margin-left:15px;}
	.logo{ width:100%; text-align:center; margin-bottom:20px;}
	.main-mn { margin: -36px 0 0 !important;}
}
@media (max-width: 414px) {
	.left-penal li{ width:95%;}
	.mobile .col-xs-6{ width:100%;}
	.mobile .col-xs-6 ul{ width:100%; margin-bottom:0;}
	.contact .col-xs-3,
	.contact .col-xs-9{ width:100%;}
	.contact .col-xs-9 p,.contact .col-xs-3 p{ margin:0;}
	.contact .col-xs-9{ margin-bottom:10px;}
	}
<!-- dropdown styles end -->