/* Start:/local/templates/ksil/components/pure/news.list/production/style.css?16529684604665*/
.production {}
.production .open-content:hover {cursor: pointer;}
.close-content {
    display: block;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 18px;
}
.close-content:hover {cursor: pointer;}
.close-content:hover:before, .close-content:hover:after {background-color: #282828;}
.close-content:before, .close-content:after {
    background-color: #a2a3a9;
    content: '';
    height: 100%;
    left: 9px;
    position: absolute;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -ms-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
    width: 1px;
}
.close-content:before {
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close-content:after {
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.production-list {display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; text-align: left;}
.production-list-item {flex: 0 0 50%; margin-bottom: 30px; padding: 0 15px; width: 50%;}
.production-list-item-inner {height: 400px; overflow: hidden; position: relative;}
.production-list-item-inner:hover .production-list-item-head_bg {opacity: 0.5;}
.production-list-item-inner.active .production-list-item-head {height: 5px; overflow: hidden;}
.production-list-item-inner.active .production-list-item-head_bg {opacity: 1;}
.production-list-item-inner.active .production-list-item-head .production-list-item-name, .production-list-item-inner.active .production-list-item-number {opacity: 0; visibility: hidden;}
.production-list-item-inner.active .open-content:hover {cursor: default;}
.production-list-item-inner.active .production-list-item-body {opacity: 1; visibility: visible;}
.production-list-item-head {
    height: 100%;
    position: relative;
    z-index: 2;
    -webkit-transition: height 0.15s ease-in-out, opacity 0.15s ease-in-out;
    -moz-transition: height 0.15s ease-in-out, opacity 0.15s ease-in-out;
    -ms-transition: height 0.15s ease-in-out, opacity 0.15s ease-in-out;
    transition: height 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
.production-list-item-body {
    height: 100%;
    opacity: 0;
    padding: 30px 30px 25px 30px;
    visibility: hidden;
    -webkit-transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
    -moz-transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
    -ms-transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
    transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
    position: relative;
}
.production-list-item-head_bg {
    bottom: 0;
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -ms-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}
.production-list-item-head .production-list-item-name {
    bottom: 0;
    color: #fff;
    font-family: 'LatoWeb', sans-serif;
    font-size: 29px;
    left: 0;
    line-height: 1;
    padding: 0 5px 25px 30px;
    position: absolute;
    text-align: left;
    word-break: break-word;
}
.production-list-item-body .production-list-item-name {
    color: #000;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px;
}
.production-list-item-number {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 32em;
    line-height: 0.83;
    opacity: 0.7;
    position: absolute;
    right: -100px;
    top: -35px;
    width: auto;
}
.production .production-list-item-head img {height: 100%; margin-bottom: 0; -o-object-fit: cover; object-fit: cover; width: 100%; z-index: -1;}
.production-list-item-text {font-size: 16px; line-height: 26px; max-height: 277px; overflow: hidden; overflow-y: auto;}

.production-list-item:first-child .production-list-item-number {
    right: -130px;
}

@media (max-width: 991px) {

    .production-list-item {flex: 1 1 260px;}
    .production-list-item-inner {height: 300px;}
    .production-list-item-head .production-list-item-name {font-size: 21px; padding: 0 5px 15px 15px;}
    .production-list-item-body {padding: 25px 15px 15px 15px;}
    .production-list-item-body .production-list-item-name {font-size: 20px; line-height: 21px;}
    .production-list-item-text {max-height: 180px;}
    .close-content {top: 5px;}

}
/* End */
/* /local/templates/ksil/components/pure/news.list/production/style.css?16529684604665 */