.menu {
	width: 100%;
	min-height: 100vh;
	background-color: #f6f5f3
}

.menu__logo {
	position: relative;
	min-width: 176px;
	padding: 89px 1em 22px 96px;
	letter-spacing: .00438rem;
	color: #fffefe;
	background-color: #fa8d3b;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAAAwCAMAAACG2QC0AAAA9lBMVEX//////v7//////////////////////////v7//v7//v7//v7//v7//v7//v7//v7//v7//v7//v7//v7//v7//////////////////////////////v7//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////v5GcpdMAAAAUHRSTlMAAAaR7e6QiHe7zIgzmRHdZkQiVe5ux/Mbz9AHqm35+NFvy/Tp17qWckoU/tWYVQmmTgTgcA3ve+FZAb8f8F2gCNgcGNQVyJ9kI77dBWbjiWP6MkAAAAPNSURBVHja1dpnd9MwFAbgOB14yo6tJB0u0JZZRtnQsveG5P//GchN7PdYkXRl8Dk5eT/QRBbJE1e+Vi70+hubE+dsbfR7q872pFUu9BB/2ozvzaIMBs2xMIppFjcPr+fR28TeIr3NduDNfwUjiWgHTukv1eC/iJ5zMLk9GAlbgbP5E7ESMCa6gwM86QQ8QPIanGAwbowV9PaSnYfXixf6tCuwpwanQzuW0Kdk5lEwP5yNZysC5/TYGSzIGlRrhgf3h6PxeDTsdwb22oF9Wg0ZKhsD3tmdUHZ3mIsuTAba+urrzzAzD0lphH4kDuD+zEvZ22erRClcwCXWsAM4W1Q0n37y4INJnQO+rIUmMK7+LJhf8a7gYHFmBR3hwSOARwZwQEmn9YXsUJszV3BMv46qWKQ8+CLAl+wX3UDOFoW+lqq4xDPNU8GJ8kHbgMdMlYjoifHqR6TPVhPUtGaCLpYE6o8LOCx9wZc/vKaSmAMPAR4y4AAXEwNxH0tVcMKB9/cq7+V9616iKKfNNYzocOw81LS8seaE641jz3LjQOZvqsQE5ufVN2RUDJ+/NR8eHR8fHRpuzeovrFNwjC0PJaRF1+F+OPK6AqOmSaHc9bKuwEGUe52BselI1I1b8D9gbxWZGSbHV65eu37j5sl6gJFbt+/cPV0PMDK+d//BeoCRh48erwcYefL0tO13OhFWFzVqhywzoWw0EAzhnoPyO1VnxgBr8+zsvBUYXoDJPHAEp7g/AKzv/Bjy/IUrGF5IkIIHU3yMY7K282PKy1fu4BJeFSyFAxi7nFwq4OXOjzmv3ziCE9rqCo+CPZwv6Z0cwQF4mKzr/FgyOuHBireBiyVBWDDOYVE9sXR+bHn7zgEcwQsJ3k2yYCweIQE2dn7s4vcsOIMXEuWxj+/XfqEDp/P9f1Q/tnR+7PnwkQHDaz/DSFosg/2A/qTPhSP6zg+TT6cO20upB8cEWK4c2TI4l9VL5Tii7/xw+cyB629zapWIJHTN5EvgekqBI4bOD5svLBhlchmXNs96TCU7WgJXBa3EEVPnh834qxUczktRrAfLGGDcekMNmBaFFDhi6vzw+XZuBJOIfqZCBw5yU+VQwfORAhPMnR8+ZxZwXO1XShUsg2igqRyRHkwLtsRkS+eHz/cfZjA2AL6K01YOkdKp0oHzVGCyrfPD5yez+cEy1oNRObLQcNHNIjDZ2vnh86tvA2M7YQLzZU2dbOr8tP+nW34Dz4MzjwWbOz/b7cC/9WAvhoQDy8zjwebOT39jq9V/P7D2h2XMggNfeA5gY+fnD7fgShpOSoqjAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: 96px 25px;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.125rem
}

.menu__list, .menu__logo {
	display: block;
	width: 100%
}

.menu__list {
	padding-top: 10px;
	list-style: none
}

.menu__list-item {
	position: relative;
	display: block;
	width: 100%
}

.menu__list-item-lnk {
	position: relative;
	display: block;
	padding: 0 -webkit-calc(50px - -1em) 0 97px;
	padding: 0 -moz-calc(50px - -1em) 0 97px;
	padding: 0 calc(50px - -1em) 0 97px;
	white-space: nowrap;
	color: #333;
	background-color: transparent;
	font-size: .875rem;
	line-height: 3.125rem
}

.menu__list-item-lnk--type--hit {
	text-transform: uppercase
}

.menu__list-item-lnk--type--hit:before {
	position: absolute;
	top: 50%;
	display: inline-block;
	padding: 0 .4em;
	content: "хит";
	-webkit-transform: translate(-webkit-calc(-100% - 1em), -50%);
	-moz-transform: translate(-moz-calc(-100% - 1em), -50%);
	-ms-transform: translate(calc(-100% - 1em), -50%);
	-o-transform: translate(calc(-100% - 1em), -50%);
	transform: translate(calc(-100% - 1em), -50%);
	text-transform: uppercase;
	color: #f6f5f3;
	background-color: #f6352c;
	font-size: .625rem;
	line-height: 1.4em
}

.menu__show-button {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 300px;
	width: 50px;
	text-align: center;
	line-height: 3.125rem
}

.menu__show-button:hover {
	color: #fa8d3b
}

.menu__list-item-lnk:hover {
	background-color: #ffe4a1
}

.menu__sublist {
	display: block;
	display: none;
	width: 100%;
	list-style: none
}

.menu__sublist-item {
	display: block;
	width: 100%
}

.menu__sublist-item-lnk {
	position: relative;
	display: block;
	padding: 0 1em 0 117px;
	white-space: nowrap;
	color: #333;
	background-color: #fff;
	font-size: .875rem;
	line-height: 3.125rem
}

.menu__sublist-item-lnk:hover {
	color: #fa8d3b
}