/* Start:/local/templates/furniture/components/krayt/brend.section.list/.default/style.css?17048749074895*/
/*.brend_spisok_element_box  {*/
     /*width: 200px;*/
     /*display: inline-block;*/
     /*margin: 15px;*/
     /*text-align: center;*/
 /*}*/

.brend_spisok_element_box .img_box{
    width: 142px;
}

.brend_spisok_element_box .img_box img{
    width: 100%;
}
.brend_spisok_block .brend_spisok_alfavit .alfavit{
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
.brend_spisok_block .brend_spisok_alfavit .title {
    font-size: 14px;
}
.brend_spisok_alfavit{
  display: flex;
}
.brend_spisok_block .brend_spisok_alfavit .alfavit .alfavit__item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    text-align: center;
    font-size: 14px;
    //color: #3D4158;
	color: #fff;
    position: relative;
    overflow: hidden;
    transition: .3s;
    padding: 0 20px;
}
.brend_spisok_block .brend_spisok_alfavit .alfavit .alfavit__item:not(:last-child){
  border-right: 0.5px solid #BEC2D3;
}
/*.brend_spisok_block .brend_spisok_alfavit .alfavit .alfavit__item:nth-child(9n) {*/
    /*margin-right: 0;*/
/*}*/

.brend_spisok_block .brend_spisok_alfavit .alfavit .alfavit__item:hover:before {
    /*background-color: rgba(138, 183, 90, .2);*/
    bottom: 0px;
}

.brend_spisok_block .brend_spisok_alfavit .alfavit .alfavit__item:active:before {
  bottom: 0px;
}

.brend_spisok_block .brend_spisok_alfavit .alfavit .alfavit__item:before{
  width: 100%;
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  height: 4px;
    background-color: #dcdcdc ;
}
.brend_spisok_block .brend_spisok_alfavit .alfavit .active.alfavit__item:before{
    background-color: #EEE096;
    bottom: 0px;
}
.brend_spisok_block .brend_spisok_alfavit .alfavit .active,
.brend_spisok_block .brend_spisok_alfavit .alfavit .active:hover{
    cursor: default;
    bottom: 0px;
}

.brend_spisok_element_block {
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
}

.brend_spisok_element_block:after,
.brend_spisok_element_block:before {
    content: '';
    display: table;
    clear: both;
}

.brend_spisok_element_block .brend_spisok_element_box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
    padding: 10px;
    text-align: center;
    transition: .3s ease-out;
}

.brend_spisok_element_box .c-elem {
    margin-right: 0;
}

.brend_spisok_element_block .brend_spisok_element_box:hover {
    /*border-color: #6290c3;*/
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.brend_spisok_element_block .brend_spisok_element_box:hover .img_box .bg_img {
    transform: scale(1);
}

.brend_spisok_element_block .brend_spisok_element_box:active .img_box .bg_img {
    transform: scale(1);
}


.brend_spisok_element_block .brend_spisok_element_box:active .name .brand {
    color: #23476f;
}

.brend_spisok_element_block .brend_spisok_element_box .img_box {
    width: 100%;
    padding-top: 85px;
    margin: 0 auto;
}

.brend_spisok_element_block .brend_spisok_element_box .img_box .bg_img {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: .3s;
}

.brend_spisok_element_block .brend_spisok_element_box:nth-child(6n) {
    margin-right: 0;
}
.brend_spisok_element_block .brend_spisok_element_box .name {
    padding-top: 10px;
    font-size: 14px;
}

.brend_spisok_element_block .brend_spisok_element_box .name .brand {
  font-size: 14px;
  line-height: 17px;
  /*color: #3D4158;*/
	color: #fff;
  transition: .3s;
}

.brend_spisok_element_block .brend_spisok_element_box .name .country {
    color: #1e1e1e;
}
.brend_spisok_block .pagination-catalog{
  margin-bottom: 10px;
}
/*.brend_spisok_block .page-navigation{
  display: none;
}*/


@media (max-width: 1024px){
  .brend_spisok_block .brend_spisok_alfavit .alfavit{
    box-shadow: none;
  }
  .brend_spisok_block .brend_spisok_alfavit .alfavit .alfavit__item:not(:last-child){
    border: none;
    margin-bottom: 9px;
  }
  .brend_spisok_block .brend_spisok_alfavit .alfavit .alfavit__item{
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
  }
    .brend_spisok_element_block .brend_spisok_element_box {
        width: 25%;
    }
}

@media (max-width: 576px) {
    .brend_spisok_block .pagination-catalog {
        margin-bottom: 0;
    }
    .brend_spisok_block .brend_spisok_alfavit .alfavit {
        margin-top: 0;
    }
    .brend_spisok_box {
        padding-top: 0;
    }
}

/*---------------WHITE THEME---------------*/
body.white .brend_spisok_block .brend_spisok_alfavit .alfavit .alfavit__item {
	color: var(--main_font_color);
}

body.white .brend_spisok_element_block .brend_spisok_element_box .name .brand {
    color: var(--main_font_color);
}

body.white blockquote, body.white  q {
    color: var(--main_font_color);
}
/*---------------WHITE THEME end---------------*/
/* End */


/* Start:/local/templates/furniture/components/bitrix/system.pagenavigation/main-arrows/style.css?17498211412129*/
.pagination-catalog {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    flex-direction: column;
}

.pagination-catalog .begin, .pagination-catalog .end, .pagination-catalog .nextpage, .pagination-catalog .prevpage {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    font-size: 20px;
    margin: 0 3px;
    //color: #3D4158;
	color: #fff;
}

.pagination-catalog .begin:hover, .pagination-catalog .end:hover, .pagination-catalog .nextpage:hover, .pagination-catalog .prevpage:hover {
    opacity: 1
}

.pagination-catalog .begin:active, .pagination-catalog .end:active, .pagination-catalog .nextpage:active, .pagination-catalog .prevpage:active {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pagination-catalog .no_link {
    display: none
}

.pagination-catalog .activepage, .pagination-catalog .all, .pagination-catalog .morepage {
    padding: 3px 8px;
    //color: var(--main_font_color);
	color: #fff;
    font-size: 14px;
    line-height: 17px;
    margin-left: 5px;
    margin-right: 5px;
}

.pagination-catalog .activepage {
    background-color: #11aab8;
    color: #fff
}

.pagination-catalog .all, .pagination-catalog .morepage {
    -webkit-transition: ease-out .3s;
    transition: ease-out .3s
}

.pagination-catalog .all:hover, .pagination-catalog .morepage:hover {
    color: var(--main_color_hover);
}

.pagination-catalog .all:active, .pagination-catalog .morepage:active {
    color: var(--main_color_active);
}

.pagination-catalog i {
    font-style: normal;
    margin: 0 5px;
    display: none
}
.pagination-catalog{
  position: relative;
}
.pag_record{
  text-align: center;
  margin-top: 15px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.pagination-catalog_top{
  /*display: flex;*/
  justify-content: center;
  align-items: center;
    position: relative;
}

@media (max-width: 576px) {
    .pagination-catalog {
        margin-bottom: 0px;
        margin-top: 20px;
    }
}
/* End */
/* /local/templates/furniture/components/krayt/brend.section.list/.default/style.css?17048749074895 */
/* /local/templates/furniture/components/bitrix/system.pagenavigation/main-arrows/style.css?17498211412129 */