/* Start:/local/templates/main/components/bitrix/catalog.section/catalog-tabs/style.css?17303692046770*/
section.product-block {
    text-align: center;
}
section.product-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
section.product-block ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
}
section.product-block ul li a {
    display: inline-block;
    font-size : 18px;
    color : #333333;
    background: linear-gradient(to bottom, #ffffff, #efefef);
    border: 1px solid #e7e7e7;
    padding: 20px 60px;
    transition: all 0.5s ease;
}
section.product-block ul li a:hover,
section.product-block ul li a.active {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    background: #C90000;
}
section.product-block .product-list {
    background: #E3E3E3;
    padding: 20px 75px 60px;
}
section.product-block .product-list .product-cards {
    opacity: 0;
    height: 0;
    transition: all 0.5s ease;
    visibility:hidden;
}
section.product-block .product-list .product-cards.active {
    height: auto;
    opacity: 1;
    visibility:visible;
}
section.product-block .product-list .product-cards {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
section.product-block .product-list .product-cards .item {
    max-width: 20%;
    width: 20%;
    margin: 0;
    padding: 5px;
}
section.product-block .product-list .product-cards .item .product-card {
    background: #FFFFFF;
    padding: 15px;
    height: 100%;
    transition: all 0.3s ease;
}
section.product-block .product-list .product-cards .item .product-card:hover {
    transform: scale(1.1);
    box-shadow: 3px 3px 3px #cbc8c8, -3px 3px 3px #cbc8c8, 0px 6px 6px #cbc8c8;

}
section.product-block .product-card .top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 62px;
}
section.product-block .product-card .top .features .new {
    font-size : 16px;
    color: #ffffff;
    background: #808080;
    padding: 10px;
    margin: 0;
}
section.product-block .product-card .top .features .hit {
    font-size : 16px;
    color: #ffffff;
    padding: 10px;
    background: #C90000;
    margin: 0;
}
section.product-block .product-card .top .star .fa {
    width: 18px;
    height: 18px;
    padding: 2px;
    display: inline-block;
}
section.product-block .product-card .top .star .fa-star {
    background-image: url("/style/images/icon-star-2.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
section.product-block .product-card .top .star .fa-star.checked {
    background-image: url("/style/images/icon-star-cheked-2.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
section.product-block .product-card .image img {
    max-width: 100%;
}
section.product-block .product-card .text .name a {
    font-size : 24px;
    line-height: 24px;
    color: #333333;
    padding-bottom: 10px;
    padding-top: 20px;
    display: inline-block;
    text-align: left;
}
section.product-block .product-card .text .name {
    min-height: 75px;
    margin: 0;
}
section.product-block .product-card .text .name a:hover {
    text-decoration: none;
}
section.product-block .product-card .text .price {
    font-size : 33px;
    color: #333333;
    text-align: left;

}
section.product-block .product-card .text .price p {
    font-size: 27px;
    line-height: 33px;
    margin: 0;
}
section.product-block .product-card .text .detail {
    font-size : 13px;
    text-align: left;
    color: #333333;
}
.prop-goods{
    font-size: 12px;
}
.prop-goods span{
    display: inline-block;
    vertical-align: middle;
}
.prop-goods .prop_icons:before{
    content:'';
    display: inline-block;
    width: 36px;
    height: 36px;
}
.prop-goods .god:before{
    background: url('/style/images/ico_5.png') no-repeat center center;
}
.prop-goods .tiptopliva:before{
    background: url('/style/images/ico_1.png') no-repeat center center;
}
.prop-goods .probeg:before{
    background: url('/style/images/ico_2.png') no-repeat center center;

}
.prop-goods .obem:before{
    background: url('/style/images/ico_3.png') no-repeat center center;
}
.prop-goods .privod:before{
    background: url('/style/images/ico_4.png') no-repeat center center;
}

@media only screen and (max-width: 1700px) {
    section. .product-card .top .features .hit,
    section.product-block.product-card .top .features .new {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1500px) {
    section.product-block .product-list .product-cards .item{
        max-width: 25%;
        width: 25%;
    }
}
@media only screen and (max-width: 1650px) {
    section.product-block ul li a{
        padding: 20px 40px;
    }
}
@media only screen and (max-width: 1500px) {
    section.product-block .product-list .product-cards {
        justify-content: center;
    }
    section.product-block .product-list .product-cards .item {
        max-width: 25%;
    }
}
@media only screen and (max-width: 1170px) {
    section.product-block .product-list .product-cards .item .product-card:hover{
        transform:none;
    }
}
@media only screen and (max-width: 1200px) {
    section.product-block ul li a {
        padding: 15px 20px;
    }
    section.product-block .product-list {
        padding: 20px 25px 60px;
    }
    section.product-block .product-list .product-cards .item {
        width: 50%;
        max-width: 50%;
    }
}
@media only screen and (max-width: 700px) {
    section.product-block .product-list .product-cards .item {
        width: 100%;
        max-width: 100%;
    }
}
@media only screen and (max-width: 500px) {
    section.product-block .product-list,
    section.product-block .product-list .product-cards .item {
        padding-right: 0;
        padding-left: 0;
    }
    section.product-block .product-card .text .name a {
        font-size: 18px;
    }
    section.product-block .product-card .top .features .hit,
    section.product-block .product-card .top .features .new {
        font-size: 10px;
        padding: 5px
    }
    section.product-block ul li {
        width: 100%;
    }
    section.product-block ul li a {
        padding: 5px;
        width: 100%;
    }
}
/* End */
/* /local/templates/main/components/bitrix/catalog.section/catalog-tabs/style.css?17303692046770 */