

/* Start:/local/templates/ksil/components/pure/news.list/projects/style.css?16529684603963*/
.project-items {}
.project-items .project-item img {margin-bottom: 0; width: 100%;}
.project-item {margin-bottom: 50px}
.project-item-control {display: flex; margin: 0 -10px 45px -10px;}
.project-item-control-inner {flex: 0 0 33.333333%; overflow: hidden; padding: 0 10px; width: 33.333333%;}
.project-item-control-bl {height: 265px; position: relative;}
.project-item-control-bl::before {
    background-color: #0095da;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    -ms-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    visibility: visible;
}
.project-item-control-inner.active .project-item-control-bl::before {opacity: 0;}
.project-item-control-bl:hover {cursor: pointer;}
.project-item-control-bl:hover::before {opacity: 0; visibility: hidden;}
.project-item-control-number {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 21em;
    line-height: 0.8;
    opacity: 0.6;
    position: absolute;
    right: -90px;
    top: -15px;
    -webkit-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    -ms-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    visibility: visible;
    width: auto;
}
.project-item-control-inner.active .project-item-control-number {opacity: 0; visibility: hidden;}
.project-item-control-inner.active .project-item-control-name {opacity: 0; visibility: hidden;}
.project-item-control-name {
    font-family: 'LatoWeb', sans-serif;
    bottom: 25px;
    color: #fff;
    left: 15px;
    opacity: 1;
    position: absolute;
    -webkit-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    -ms-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
    visibility: visible;
}
.project-items .project-item-control-bl img {
    -o-object-fit: cover; object-fit: cover;
    height: 100%;
    width: auto;
}
.project-item-info {padding-bottom: 50px;}
.project-item-info-inner {display: none;}
.project-item-info-inner.active {display: block;}
.project-item-info-bl {border: 1px solid #ddd;}
.project-item-info-title {font-size: 22px; line-height: 36px; margin-bottom: 15px;}
#project-visualization .project-item-info-title {padding-right: 110px;}
.project-item-info-slider {width: 100%;}
.project-item-info img {}
.project-item-constructor {}
.project-item-visualization {}
.project-item-finish-project {}
.project-items .slick-arrow {
    -webkit-align-items: center; align-items: center;
    background: none;
    border: none;
    display: flex;
    height: 40px;
    -webkit-justify-content: center; justify-content: center;
    top: -51px;
    width: 40px;
    z-index: 1;
}
.project-items .slick-arrow::before {display: none;}
.project-items .slick-prev {left: auto; right: 60px;}
.project-items .slick-next {right: 0;}
@media (max-width: 991px) {
    .project-item-control-bl {height: 160px;}
    .project-item-control-number {font-size: 13em; right: -55px; top: -18px;}
}
@media (max-width: 767px) {
    .project-item-control-bl {height: 100px;}
    .project-item-control-number {font-size: 8em; right: -35px; top: -10px;}
    .project-items .slick-arrow {top: -45px;}
}
@media (max-width: 590px) {
    .project-items .project-item-control-bl img {width: 100%;}
    .project-item-control-number {font-size: 9em;}
}
/* End */
/* /local/templates/ksil/components/pure/news.list/projects/style.css?16529684603963 */
