/* Start:/local/templates/ksil/components/bitrix/catalog.section.list/projects/style.css?16529684602145*/
.projects-sections {display: flex; font-family: 'LatoWeb', sans-serif; margin: 0 -15px;}
.projects-section {flex: 0 0 33.333333%; padding: 0 15px; width: 33.333333%;}
.projects-section-inner {
    border: 1px solid #ddd;
    display: flex;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    height: 100%;
    -webkit-transition: border-color 0.15s ease-in-out;
    -moz-transition: border-color 0.15s ease-in-out;
    -ms-transition: order-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out;
    position: relative;
}
.projects-section-inner:hover {border-color: #0095da; cursor: pointer;}
.projects-section-img {
    display: flex;
    height: 215px;
    overflow: hidden;
}
.projects-sections .projects-section-img img {height: auto; margin-bottom: 0; width: 100%; -o-object-fit: cover; object-fit: cover;}
.projects-section-name {
    -webkit-align-items: center; align-items: center;
    background-color: #f1f1f1;
    display: flex;
    flex: 1 0 auto;
    font-size: 18px;
    -webkit-justify-content: center; justify-content: center;
    line-height: 20px;
    padding: 30px 10px;
    text-align: center;
    width: auto;
}
.projects-section .projects-section-name a {color: #282828;}
.projects-section-name a:before {
    bottom: -1px;
    content: '';
    display: block;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
}
.projects-section-name a:hover {color: #0095da;}
@media (max-width: 991px) {
    .projects-sections {margin: 0 -10px;}
    .projects-section {padding: 0 10px;}
    .projects-section-img {height: 120px;}
    .projects-section-name {font-size: 15px; line-height: 18px; padding: 20px 10px;}
}
@media (max-width: 767px) {
    .projects-sections {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .projects-section {flex: 0 0 50%; margin-bottom: 20px; width: 50%;}
    .projects-section-name {padding: 10px;}
}
@media (max-width: 590px) {
    .projects-section-img {height: 190px;}
}
@media (max-width: 478px) {
    .projects-section-img {height: 140px;}
}
/* End */
/* /local/templates/ksil/components/bitrix/catalog.section.list/projects/style.css?16529684602145 */