.category-subcategory {
    background: transparent;
}

.box-promo {
    margin-top: 2rem;
	padding: 1.5rem 0;
    background: rgba(0,141,210,.05);
}

.promo-item .icon {
    color: #337ab7;
    margin-top: .15rem;
}

.promo-item .title {
    text-transform: uppercase;
    font-weight: 600;
    color: #5d5e5d;
    margin-bottom: .5rem;
}

.catalog-search {
	margin-bottom: 3rem;
}

.catalog-empty {
	text-align: center;
	margin-bottom: 2rem;
}

.catalog-empty .empty-title {
	color: #666;
}

.catalog-empty .empty-text {
	font-size: 1.25rem;
}

.catalog-card {
	overflow: initial;
	padding: 1rem;
	background: rgba(255,255,255,.75);
	position: relative;
	height: auto;
}

@media (min-width: 576px) {
	.catalog-card {
		overflow: hidden;
		padding: 1rem 1rem 10rem 1rem;
		height: 100%;
	}

	.catalog-card::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5.8rem;
		background: linear-gradient(180deg,rgba(255,255,255,0),#fff);
		z-index: 4;
	}

	.catalog-card:hover {
		overflow: initial;
		z-index: 999;
	}

	.catalog-card:hover::after {
		display: none;
	}	
}

.catalog-card .item-link{
	display: flex;
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	position: relative;
	z-index: 3;
}

.catalog-card .item-img {
	width: 72px;
	height: 72px;
	/* background: radial-gradient(circle, transparent, #ecf0f1); */
	opacity: 1;
	transition: all 0.2s ease-in-out;
	object-fit: contain;
	margin-right: 1rem;
}

.catalog-card .item-name {
	font-weight: 600;
	line-height: 1.2;
	font-size: 1rem;
}

.catalog-card .subcategories-list {
	display: flex;
	flex-direction: column;
	padding: 1rem 0 0 0;	
	background-color: #fff;
}

.catalog-card .subcategories-list .category-description {
	font-weight: 400;
	font-size: .85rem;	
	padding: 0 0 0 1.25rem;
	border-left: 2px solid #999;
}

@media (min-width: 576px) { 
	.catalog-card .subcategories-list {
		position: absolute;
		top: 0;
		left: 0;
		padding: 6rem 1rem 1rem 1rem;	
		width: 100%;
		z-index: 2;
	}	
	.catalog-card:hover .subcategories-list {
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	}	
}

.catalog-card .subcategories-name {
	position: relative;
	font-weight: 400;
	line-height: 1.2;
	padding: 0 0 0 1.25rem;
	font-size: 1rem;
	color: #333;
	text-decoration: none;
	margin-bottom: .25rem;
}

.catalog-card .subcategories-name:hover {
	color: #337AB7; 	 
}

.catalog-card .subcategories-name::before {
	position: absolute;
	top: .15rem;
	left: 0;
	display: block;
	height: 1rem;
	width: 1rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23999999' d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	content: "";
}

.alphabet-list {
	overflow: initial;
	padding: 1rem;
	background: rgba(255,255,255,.75);
	position: relative;
	height: auto;
}

@media (min-width: 576px) {
	.alphabet-list {
		overflow: hidden;
		padding: 1rem 1rem 10rem 1rem;
		height: 100%;
	}	
	.alphabet-list::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5.8rem;
		background: linear-gradient(180deg,rgba(255,255,255,0),#fff);
		z-index: 4;
	}

	.alphabet-list:hover {
		overflow: initial;
		z-index: 999;
	}

	.alphabet-list:hover::after {
		display: none;
	}	
}

.alphabet-list[data-letter]::before {
	position: absolute;
	content: attr(data-letter);
	z-index: 10;
	left: .5rem;
	top: 0;
	font-weight: 800;
	font-size: 3rem;
	color: rgba(0,141,210, .25);
	line-height: 1;
}

.alphabet-list .subcategories-list {
	display: flex;
	flex-direction: column;
	padding: 3rem 0 0 0;	
	background-color: #fff;
}

@media (min-width: 576px) {
	.alphabet-list .subcategories-list {
		position: absolute;
		top: 0;
		left: 0;
		padding: 4rem 1rem 1rem 1rem;	
		width: 100%;
		z-index: 2;
	}	
	.alphabet-list:hover .subcategories-list {
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	}
}	

.alphabet-list .subcategories-name {
	position: relative;
	font-weight: 400;
	line-height: 1.2;
	padding: 0 0 0 1.25rem;
	font-size: 1rem;
	color: #333;
	text-decoration: none;
	margin-bottom: .25rem;
}

.alphabet-list .subcategories-name:hover {
	color: #337AB7; 	 
}

.alphabet-list .subcategories-name::before {
	position: absolute;
	top: .15rem;
	left: 0;
	display: block;
	height: 1rem;
	width: 1rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23999999' d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	content: "";
}

.alphabet-list .subcategories-name[data-root="1"] {
	font-weight: 600;
}