/******************************************/
.wrapp
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: 1;
	background-color: var(--black);
}

/* hover menu with pictures **********************************/
.menu-img
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: .25;
	filter: blur(2px);
	overflow: hidden;
	transform: scale(1.1);
}

.menu-img img
{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	transition: .5s var(--cubicbz);
	transform: scale(1.2);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.menu-img img.active
{
	transform: scale(1);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.menu__item
{
	position: relative;
	list-style: none;
}

.menu__item+.menu__item
{
	margin-top: 60px;
}

.menu__link
{
	position: relative;
	display: block;
	text-transform: uppercase;
	font-size: 8vw;
	line-height: .65;
	text-decoration: none;
	color: var(--second-color) !important;
	z-index: 2;
	transition: .5s var(--cubicbz);
	font-family: var(--font-mush);
}

.menu__item:hover .menu__link
{
	transform: translateX(20px);
	color: var(--pr-color) !important;
}

.menu__item:hover::before
{
	opacity: 1;
	transform: translate(0%, -50%) rotate(180deg);
}

.menuTop ul
{
	margin: 0;
	padding: 0;
	text-align: right;
}

.menuTop ul li
{
	display: inline-block;
	color: var(--pr-color);
	padding: 17px 0 17px 17px;
	font-size: 26px;
}

.menuTop ul li a:hover
{
	cursor: pointer !important;
	color: var(--pr-color-hover);
}

.menuTop ul li a.u-disabled {
    opacity: .45;
}

.menuTop ul li a.u-disabled:hover {
    cursor: default !important;
    color: var(--pr-color) !important;
}