/* Start:/local/templates/kk2018_new/components/bitrix/highloadblock.list/brand_page/style.css?16923113231949*/
#letter_string {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#letter_string a {
	display: inline-block;
	font-family: ArialRoundedMTProCyr;
	vertical-align: middle;
    transition: none;
    text-align: center;
    width: 29px;    	
    white-space: nowrap;
    font-size: 18px;
    line-height: 25px;    
    margin-bottom: 0px;
}
.margin-let {
	margin-left: 20px;
}
#letter_string a.active {
	font-family: ArialRoundedMTProCyr-Bold;
	font-size: 24px;
}
.brand_list h2 {
	text-align: center;
	margin: 20px 0 0 0;
	font-family: Roboto-Bold;
    font-size: 30px;
}
.b_list {
	margin-top: 10px;	
}
.b_list li {	
	display: block;
	white-space: nowrap;
	line-height: normal;
	margin-bottom: 15px;	 
}

.b_list li a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Roboto-Light;
    font-size: 20px;
    color: #333;
}

.b_list i {
	margin: 0 10px 0 2px;
	transform: translate(0,-2px);
}
.b_list li:hover a {
	color: #000;
}
.b_list li:hover i {
	transform: translate(0,-2px) scale(1.3);
	background-position-x: 1px;
	margin:0 11px 0 1px;
	transition: transform 0.3s ease;
}

@media screen and (min-width: 600px) {
	.b_list {    
		list-style: none;
	    -webkit-column-count: 2;
	    column-count: 2;
	    -webkit-column-width: .5vw;
	    column-width: .5vw;
	}
}
@media screen and (min-width: 1200px) {
	#letter_string {
		width: 80%;
	}
	#letter_string a {
		font-size: 20px;
    	line-height: 30px;    
    	margin-bottom: 10px;
	}
	.b_list {    
		list-style: none;
	    -webkit-column-count: 3;
	    column-count: 3;
	    -webkit-column-width: .333vw;
	    column-width: .333vw;
	}
}
@media screen and (min-width: 1600px) {
	.b_list {    
		list-style: none;
	    -webkit-column-count: 4;
	    column-count: 4;
	    -webkit-column-width: .25vw;
	    column-width: .25vw;
	}
}
/* End */
/* /local/templates/kk2018_new/components/bitrix/highloadblock.list/brand_page/style.css?16923113231949 */