/*----------------- sub menu -----------------*/

.sub-nav {
	position: absolute;
	height: 0;
	opacity: 0;
	list-style: none;
	padding: 0;
}

.nav_top li.dop_menu {
	position: relative;
}

.menu-warehouse {
	width: 220px !important;
}

.nav_top li ul {
	display: block;
	height: auto;
	width: 200px;
	position: absolute;
	left: -70%;
	border: 2px solid #56AAC4;
	border-radius: 10px;
	z-index: 2000;
	background: #FFF;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

	.nav_top li ul.sub2 {
		left: -20%;
	}


	.nav_top li ul.sub-nav li {
		display: block;
		position: relative;
		float: none;
		width: 200px;
		display: block;
		border-bottom: 1px solid #56AAC4;
		height: 30px;
		z-index: 2000;
		text-align: left;
		background: #FFF;
		margin-bottom: -1px;
	}

		.nav_top li ul.sub-nav li a {
			display: block;
			position: relative;
			padding: 0 10px;
			width: 200px;
			line-height: 30px;
			z-index: 2000;
			font-family: PFDinDisplayPro-Med;
			font-size: 14px;
			text-transform: none;
			text-align: left;
			border: 0;
		}

		.nav_top li ul.sub-nav li span {
			display: block;
			position: relative;
			padding: 0 10px;
			width: 200px;
			line-height: 30px;
			z-index: 2000;
			font-family: PFDinDisplayPro-Med;
			font-size: 14px;
			text-transform: none;
			text-align: left;
			border: 0;
		}

.nav li:hover ul.sub-nav {
	display: block;
	top: 48px;
	height: auto;
	left: -50%;
	opacity: 1;
	visibility: visible;
}

.nav li:hover ul.sub2 {
	top: 48px;
	left: -20%;
}

.nav li .sub-nav a:hover, .nav li.hover .sub-nav {
	background: #E0F2FC;
	color: #26363F;
}

.h_chk {
	position: relative;
	height: 30px;
}

	.h_chk a {
		height: 30px;
	}

	.h_chk li.dop_menu {
		position: relative;
		display: block;
	}

ul.sub_nav_top {
	display: block;
	height: auto;
	padding: 0;
	top: 30px;
	width: 200px;
	opacity: 0;
	left: 35px;
	position: absolute;
	border: 2px solid #56AAC4;
	border-radius: 10px;
	z-index: 2000;
	background: #FFF;
	overflow: hidden;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}



	ul.sub_nav_top li {
		position: relative;
		float: none;
		display: block;
		border-bottom: 1px solid #56AAC4;
		height: 30px;
		z-index: 2000;
		text-align: left;
		background: #FFF;
	}


		ul.sub_nav_top li:hover, ul.sub_nav_top li.hover {
			background: #E0F2FC;
			color: #26363F;
		}

		ul.sub_nav_top li a {
			display: block;
			position: relative;
			padding: 0 10px;
			width: 100%;
			line-height: 30px;
			z-index: 2000;
			font-family: PFDinDisplayPro-Med;
			font-size: 14px;
			text-transform: none;
			text-align: left;
			border: 0;
			float: left;
			color: #26363F;
		}





.h_chk:hover ul.sub_nav_top {
	display: block;
	top: 30px;
	height: auto;
	left: 35px;
	opacity: 1;
	visibility: visible;
}

.h_chk ul.sub_nav_top li:hover, .h_chk ul.sub_nav_top li.hover {
	background: #E0F2FC;
	color: #26363F;
}

.h_chk:hover, .h_chk.hover {
	background: url('/uploads/images/arr_menu.png')no-repeat bottom -1px right 2px;
}

.h_chk ul.sub_nav_top span.smn {
	display: block;
	position: relative;
	float: right;
	margin-right: 15px;
	text-align: left;
	width: 40px;
	height: 18px;
	border-radius: 0px;
	background: none;
	padding: 0;
	color: #26363F;
	font-size: 16px;
}




.h_pos:hover ul.sub_nav_top {
	display: block;
	top: 30px;
	height: auto;
	left: 35px;
	opacity: 1;
	visibility: visible;
}

.h_pos ul.sub_nav_top li:hover, .h_pos ul.sub_nav_top li.hover {
	background: #E0F2FC;
	color: #26363F;
}

.h_pos:hover, .h_pos.hover {
	background: url('/uploads/images/arr_menu.png')no-repeat bottom -1px right 50px;
}

.h_pos ul.sub_nav_top span.smn {
	display: block;
	position: relative;
	float: right;
	margin-right: 15px;
	text-align: left;
	width: 40px;
	height: 18px;
	border-radius: 0px;
	background: none;
	padding: 0;
	color: #26363F;
	font-size: 16px;
}



/*----------------- end sub menu -----------------*/