/* Start:/bitrix/templates/mh_bootstrap/components/bapps/brands/from_ozon/style.css?17139578854297*/
.brands-slider--item {
	display: block;
	font-size: 0;
	height: 197px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
}

.slick-slide.brands-slider--item {
	height: 137px;
}

.slick-slide {
	margin: 0 27px;
}

/* the parent */
.slick-list {
	margin: 0 -27px;
}

.brands-slider--arrow-left-wrap {
	width: 48px;
	height: 48px;
	position: absolute;
	top: calc(50% - 24px);
	left: -48px;
	background-color: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 50%;
	text-align: center;
	padding-top: 12px;
	cursor: pointer;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .3s ease-in-out;
	z-index: 999;
}

.brands-slider--arrow-right-wrap {
	width: 48px;
	height: 48px;
	position: absolute;
	top: calc(50% - 24px);
	right: -48px;
	background-color: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 50%;
	text-align: center;
	padding-top: 12px;
	cursor: pointer;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .3s ease-in-out;
	z-index: 999;
}

.brands-slider--arrow-left-wrap:hover,
.brands-slider--arrow-right-wrap:hover {
	background-color: #ba0000;
}

.brands-slider--arrow-left-wrap:hover svg path,
.brands-slider--arrow-right-wrap:hover svg path {
	fill: #fff;
}

.brands-slider--arrow-left-wrap:active,
.brands-slider--arrow-right-wrap:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

@media (max-width: 768px) {
	
	.brands-slider--arrow-left-wrap {
		left: -17px;
	}
	
	.brands-slider--arrow-right-wrap {
		right: -17px;
	}
	
}

.slick-slide.brands-slider--item-category {
	height: auto;
	text-align: center;
}

.brands-slider--wrap-brands {
	margin: 25px 0;
}

.brands-slider--wrap-category {
	margin: 25px 0;
}

.brands-slider--text-link {
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	margin: 10px 0 0 0;
	line-height: 1.3;
}

.brands-slider--wrap-category .brands-slider--arrow-left-wrap,
.brands-slider--wrap-category .brands-slider--arrow-right-wrap {
	top: calc(50% - 49px);
}

.brands_list_abc-wraper {
	margin-top: 21px;
	margin-bottom: 20px;
}

.styled-hr {
	margin: 27px 0;
	clear: both;
}

.brands_list_abc {
	margin-bottom: 10px;
}

h1.h1-font-size-30-px {
    font-size: 30px;
}

.brands_list_abc a,
.brands_list_abc span {
    font-size: 16px;
}

.h3-font-size-24-px {
    font-size: 24px;
	margin-bottom: 40px;
}

.brands-slider-items .brands-slider-item:not(:last-child) {
    margin-bottom: 50px;
}
/*new*/
#letters_block{
	display: none;
}
.letters_available{
	display: none;
}
.show_all_brands{
	/*display: none;*/
	color: #EDA50B;
}
.brands_list li.hide_element{
	display: none;
}
@media(max-width: 768px){
	.brands-slider-items{
		display: none;
	}
	.brands_list_abc{
		display: none;
	}
	.letters_available{
		display: block;
	}
	#letters_block{
		display: flex;
		justify-content: flex-end;
	}
	#letters_block div{
		padding: 6px 10px;
	}
	#letters_block div.active{
		/*background-color: #e5efff;*/



		border: 1px solid;
		-webkit-transition: background-color 0.25s ease;
		-o-transition: background-color 0.25s ease;
		transition: background-color 0.25s ease;
		text-decoration: none;
		-moz-border-image: -moz-linear-gradient(37.9deg, #e52321 40.4%, #f2e500 109.12%);
		-webkit-border-image: -webkit-linear-gradient(
				37.9deg
				, #e52321 40.4%, #f2e500 109.12%);
		border-image-slice: 1;
		color: #ba0000;

	}
	.letters_available{
		margin-top: 20px;
	}
	.letters_available .wrapper{
		display: none;
	}
	.letters_available .wrapper .content,.letters_available .wrapper .content{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
		font-size: 16px;
	}
	.show_all_brands{
		display: block;
	}
	.letters_available a{
		padding: 6px 10px;
		margin-right: 4px;
		margin-bottom: 4px;
	}
	.container h2{
		font-size: 21px;
	}
	.brands_list li.hide_element{
		display: none;
	}
	.brands_list li.show_all_brands{
		color: #000000;
	}
	.styled-hr{
		display: none;
	}
	.container .page-top{
		margin-bottom: 20px;
	}
}

/* End */
/* /bitrix/templates/mh_bootstrap/components/bapps/brands/from_ozon/style.css?17139578854297 */