/*.nav-lock-scroll {
	overflow: hidden;
}*/

.nav2 {
	display: none;	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 900;
	overflow-x: hidden;
	overflow-y: auto;

}

.nav2 ul {
	display: block;
	position: relative;
	zoom: 1;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.nav2 a,
.nav2 a:hover,
.nav2 a:active,
.nav2 a:visited {
	display: block;
	position: relative;
}

@media only screen and (min-width: 960px) {

.nav2 {
	display: block;
	position: relative;
	bottom: auto;
	overflow: visible;
}

.nav2 li {
	position: relative;
	white-space: nowrap;
}

.nav2 > ul > li {
	display: inline-block;
}

.nav2 ul {
	display: block;
}

.nav2 ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 901;
}

.nav2 ul ul ul {
	top: 5px;
	left: 100%;
	z-index: 902;
}

.nav2 ul ul ul ul {
	z-index: 903;
}

.nav2 ul ul ul ul ul {
	z-index: 904;
}

.nav2 ul ul li.nav-left > ul {
	left: auto;
	right: 95%;
}

.nav-no-js .nav2 li:hover > ul {
	display: block;
}

}

@media only screen and (max-width: 959px) {

.nav-no-js .nav-button:hover + .nav,
.nav-no-js .nav:hover,
.nav-no-js .nav-button:hover + .nav2 + .nav-close,
.nav-no-js .nav:hover + .nav-close {
	display: block;
}

}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	/*.nav2 {position: relative; top:-100px;	}*/
}	

@media only screen and (min-width: 480px) and (max-width: 639px) {
		/*.nav2 {position: relative; top:-100px;	}*/
}	


@media only screen and (min-width: 320px) and (max-width: 479px) {
	/*.nav2 {position: relative; top:-100px;	}*/
}