/* Start:/local/templates/.default/components/bitrix/system.pagenavigation/profi/style.css?17440146142*/



/* End */


/* Start:/local/templates/profi/components/bitrix/news/brands/bitrix/news.list/.default/style.css?17440146374636*/
.brand-container{
    isplay: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;

}

.back_brand, .front_brand {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;}

.brand_item {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 150px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    width: calc(20% - 30px);
    height: 150px;
    /*margin: 0 15px 30px;*/
    margin: 0 auto 20px;
}


@media (max-width: 1024px){
    .brand_item {
        width: calc(100%/3 - 20px);
    }
}
@media (max-width: 768px) {
    .brand_item {
        height: 140px;
    }
}

@media (max-width: 450px) {
    .brand_item {
        height: 140px;
    }
}
@media (max-width: 400px) {
    .brand_item {
        height: 140px;
    }
}

@media (max-width: 320px) {
    .brand_item {
        height: 140px;
    }
}


@media (max-width: 550px){
    .brand_item {
        width: calc(50% - 10px);
    }
}

.back_brand, .brand_item-description, .front_brand {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 150px;
    max-height: 150px;
    text-align: center;
}
.front_brand {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #ededed;
    background-color: #fff;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.back_brand {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #f7f7f7;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.back_brand {
    max-height: 150px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .7s cubic-bezier(.4,.2,.2,1);
    transition: transform .7s cubic-bezier(.4,.2,.2,1);
    transition: transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1);
    /*border: 1px solid #ededed;*/
}

.inner_brand {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 150px;
    max-height: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    -webkit-transform: translateZ(60px) scale(.94);
    transform: translateZ(60px) scale(.94);
}

.brand_item-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;}
.brand_item-description>span{font-weight: bold}

.brand-description-a {display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #000}
.brand-description-a:hover  {text-decoration: none !important; color: #d30c1d !important;}
.brand_item-description-anons {
    max-height: 105px;
    max-width: 100%;
    margin: 20px 0;
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
}
.brand_item-description-sait {
    font-size: 15px;
    line-height: 20px;
}
.brand_item-description-sait a {color: #d30c1d}
.brand-description-preview-a {color: #000 !important; text-decoration: none !important;}
.brand-description-preview-a:hover {color: #d30c1d !important;}
.brand_item-description-sait {color:grey}
.brand_item:hover .back_brand{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.brand_item:hover .back_brand,.brand_item:hover .front_brand,.front_brand{-webkit-transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1)}
.brand_item:hover .front_brand{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.front{width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #ededed}



/* End */
/* /local/templates/.default/components/bitrix/system.pagenavigation/profi/style.css?17440146142 */
/* /local/templates/profi/components/bitrix/news/brands/bitrix/news.list/.default/style.css?17440146374636 */