/* Start:/local/templates/keramo/components/bitrix/news/cutting1/bitrix/news.list/.default/style.css?17710478875203*/

.all_brands {
    width: 1320px;
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 0 100px 0;
    padding: 0;
    justify-content: flex-end;
    flex-direction: row-reverse;
	-display: flex;
	-justify-content: space-between;
	text-align: center;
	
}
.all_brands .div_container {
	width: 200px;
    height: 300px;
    position: relative;
	margin: 15px 30px 30px;
	-float: left;
	display:inline-block;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	-width: 20%;
	vertical-align: top;
	text-align: center;
}



.all_brands .brand_container {
    width: 200px;
    height: 200px;
    position: relative;
	display: flex;
    justify-content: center;
    align-items: center;   
	border:5px solid #ffd362;
	border-radius:50%;
	overflow:hidden;
	transition: all 0.2s ease;
}
.all_brands .brand_container:hover {
	border:5px solid #fdbf22;
	-webkit-box-shadow: 0px 0px 6px 6px rgba(217, 119, 6, 0.2);
	-moz-box-shadow: 0px 0px 6px 6px rgba(217, 119, 6, 0.2);
	box-shadow: 0px 0px 6px 6px rgba(217, 119, 6, 0.2);
}
.all_brands .brand_container img{
    -margin-top: 80px;
	max-width:100%;
	transition: all 0.2s ease;
}
.all_brands .brand_container:hover img,
.all_brands .brand_container img:hover {
	max-width:120%  !important;
}

.all_brands .brand_container:nth-child(11n),
.all_brands .brand_container:nth-child(11n-1),
.all_brands .brand_container:nth-child(11n-2),
.all_brands .brand_container:nth-child(11n-3),
.all_brands .brand_container:nth-child(11n-4) {
    margin-left: 150px;
    margin-right: -70px;
}

.all_brands .brand_container:nth-child(11n) {
    margin-right: 150px;
}
.all_brands .brand_container::before {
    position: absolute;
    font-size: 250px;
    left: -55px;
    top: -00px;
    z-index: -1;
    color: var(--ds_gray_ulight);
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
}

.all_brands .brand_container:hover::before {
    color: var(--ds_yellow);
}

@media (max-width:1372px) {
    .all_brands {
        padding: 60px 0;
    }

    .all_brands {
        width: 900px;
        min-width: 900px;
    }

    .all_brands .brand_container {
        -width: 100px !important;
        -height: 100px !important;
        -margin: 25px 40px !important;
    }

    .all_brands .brand_container::before {
        font-size: 200px;
        left: -50px;
        top: -48px;
    }

    .all_brands .brand_container img {
        margin-top: 0;
    }
    .all_brands .brand_container:nth-child(9n),
    .all_brands .brand_container:nth-child(9n-1),
    .all_brands .brand_container:nth-child(9n-2),
    .all_brands .brand_container:nth-child(9n-3) {
        margin-left: 130px !important;
        margin-right: -50px !important;
    }
    .all_brands .brand_container:nth-child(9n) {
        margin-right: 65px !important;
    }
}

@media (max-width:900px) {
    .all_brands {
        padding: 10px;
    }
    .all_brands {
        width: 100%;
        min-width: 100%;
    }
	
	.all_brands .div_container {
		width: 100%;
		height:inherit;
		margin:10px;
		
	}
	.all_brands .brand_container {
		max-width:600px;
		max-height:600px;
		margin: 0 auto;
	}
    .all_brands .brand_container img {
        max-height: 100%;
    }
/*
    .all_brands .brand_container:nth-child(1n) {
        margin: 10px 1% !important;
        padding: 10px !important;
        width: 31.33333333% !important;
        height: 100px !important;
        border: 1px solid var(--ds_gray_ulight);
    }

    .all_brands .brand_container::before {
        display: none;
    }
*/
}
/*
@media (max-width:620px) {
    .all_brands .brand_container:nth-child(1n) {
        margin: 10px 2% !important;
        width: 46% !important;
    }
}
@media (max-width: 1150px) {
    #abc .abc_list li {
        width: 33.333333333%;
        padding-right: 30px;
    }
}
*/
@media (max-width: 867px) {
    #abc .abc_list li {
        width: 50%;
        padding-right: 20px;
    }
}
@media (max-width: 525px) {
    #abc .abc_list li {
        width: 100%;
        padding-right: 0;
    }
    .catalog_h1 {
        padding: 10px 0;
    }
    .catalog_h1 .search_brand,
    .catalog_h1 .cat_select,
    .catalog_h1 h1 {
        padding: 0 10px;
    }
    #abc .abc_area {
        border-left: none;
        border-right: none;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    .abc_label {
        display: none;
    }
    #abc {
        height: auto;
    }
    #abc.open .abc_area {
        position: relative;
    }
    #abc .abc_items {
        max-height: 180px;
        overflow: hidden;
        overflow-y: scroll;
        padding: 10px;
    }
}


/*
div.news-list{	word-wrap: break-word;}
div.news-list img.preview_picture{	float:left;	margin:0 4px 6px 0;}
.news-date-time {	color:#486DAA;}
*/
@media (max-width: 867px) {
	.all_brands .brand_container {
		margin-top:20px;
	}
}
/*
@media (min-width: 868px) {
	.all_brands .div_container a.name{
		height:80px;
		display:block;
	}
}
*/
/* End */
/* /local/templates/keramo/components/bitrix/news/cutting1/bitrix/news.list/.default/style.css?17710478875203 */