.menu
	{
	display: inline-block;
	margin: 0;
	padding: 0;
	}

 .menu ul,
 .menu li
	{
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

 .menu li
	{
	position: relative;
	}

 .menu .submenu
	{
	position: absolute;
	top: 0px;
	left: -10px;
	z-index: 50;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease 0.3s;
	}

 .menu li:hover .submenu
	{
	opacity: 1;
	visibility: visible;
	transform: translate(0, -20px);
	transition: all 0.2s ease;
	}

 .menu li:hover .submenu
	{
	visibility: visible;
	opacity: 1;
	}

 .menu .submenu ul
	{
	margin-top: 102px;
	min-width: 200px;
	}

 .menu .submenu li
	{
	display: block;
	}


@media (max-width: 1279px){
 .menu .submenu ul
	{
	margin-top: 70px;
	}
}