.blog-menu-vertical {
	min-height: 471px; /* высота должна быть как на основной странице */
}
.blog-menu-vertical nav {
	height: 100%;
	display: flex;
}
.blog-menu-vertical ul {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	list-style: none;
	margin: 0;
	flex-grow: 1;
}
.blog-menu-vertical ul .blog-menu-vertical-item {
	display: flex;
	flex-grow: 1;
}
.blog-menu-vertical ul .blog-menu-vertical-item a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 30px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	font-family: PTRootUIWebMedium;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #000;
	background-color: #fff;
	cursor: pointer;
	flex-grow: 1;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
.blog-menu-vertical ul .blog-menu-vertical-item:last-child a {
	border-bottom: none;
}
.blog-menu-vertical ul .blog-menu-vertical-item a:hover {
	background-color: #f5f5f5;
}
.blog-menu-vertical ul .blog-menu-vertical-item-active a,
.blog-menu-vertical ul .blog-menu-vertical-item-active a:hover,
.blog-menu-vertical ul .blog-menu-vertical-item a:active {
	background-color: #121238;
	color: #fff;
}
.blog-menu-vertical .blog-menu-vertical-home {
	display: flex;
}
.blog-menu-vertical .blog-menu-vertical-home a {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 14px;
	justify-content: center;
	align-items: center;
	background: linear-gradient(47.42deg, #D5E0FF 7.58%, rgba(213, 224, 255, 0) 106.16%);
    position: relative;
}

.blog-menu-vertical .blog-menu-vertical-home a img {
    z-index: 1;
}

.blog-menu-vertical .blog-menu-vertical-home a::before {
    position: absolute;
    content: '';
    inset: 0;
    opacity: 0;
    background: linear-gradient(47.42deg, #D7DCE8 7.58%, rgba(237, 242, 254, 0) 106.16%);
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.blog-menu-vertical .blog-menu-vertical-home a:hover::before {
    opacity: 1;
}

@media (max-width: 1599px) {
	.blog-menu-vertical {
		min-height: 385px; /* высота должна быть как на основной странице */
	}
	.blog-menu-vertical ul .blog-menu-vertical-item a {
		padding: 16px 24px;
		font-size: 16px;
		line-height: 18px;
	}
	.blog-menu-vertical .blog-menu-vertical-home a {
		padding: 12px;
	}
}