/* Start:/local/templates/main/components/bitrix/catalog.section.list/main/style.css?17338914982204*/
.main-section-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 15px;
    margin-bottom: 15px;
}

.main-section-item {
    width: 100%;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 2px 1px #dfdfdf;
    -moz-box-shadow: 0 1px 2px 1px #dfdfdf;
    box-shadow: 0 1px 2px 1px #dfdfdf;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    background: #f8e3c1;
}

.main-section-item:hover {

}

.main-section-item a:hover {
    text-decoration: none;
}

.main-section-title {
    padding: 15px;
    font-size: 20px;
    color: #f8e3c1;
    background: #a07d6b;
}

.main-section-title h4 {
    color: white;
}

a:hover .main-section-title h4 {
    color: #694834;
}

.main-section-img-container {
    height: 30vh;
    width: 100%;
    overflow: hidden;
}

.main-section-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    -webkit-transition: transform .5s, opacity .5s, filter .5s;
    -moz-transition: transform .5s, opacity .5s, filter .5s;
    -ms-transition: transform .5s, opacity .5s, filter .5s;
    -o-transition: transform .5s, opacity .5s, filter .5s;
    transition: transform .5s, opacity .5s, filter .5s;
    /*-webkit-filter: grayscale(1);*/
    /*-ms-filter: grayscale(1);*/
    /*filter: grayscale(1);*/
}

a:hover .main-section-img {
    -webkit-transform: rotate(-5deg) scale(1.35);
    -moz-transform: rotate(-5deg) scale(1.35);
    -ms-transform: rotate(-5deg) scale(1.35);
    -o-transform: rotate(-5deg) scale(1.35);
    transform: rotate(-5deg) scale(1.35);
    opacity: .85;
    /*-webkit-filter: grayscale(0);*/
    /*-ms-filter: grayscale(0);*/
    /*filter: grayscale(0);*/
}

.main-section-description {
    padding: 15px;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
    .main-section-item {
        width: 48%;
    }
}

@media (min-width: 992px) {
    .main-section-item {
        width: 31%;
    }
}

@media (min-width: 1200px) {
}
/* End */
/* /local/templates/main/components/bitrix/catalog.section.list/main/style.css?17338914982204 */