/* Start:/bitrix/templates/bs_school_s1/components/bitrix/news/services/bitrix/news.list/.default/style.css?17646217712429*/
.services {padding-bottom: 30px;}
.services .item_container {padding: 0 10px 10px 0;}

/*labels*/
.services .labels {
    font-size: 13px; font-weight: 600;
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 5px;
    opacity: 0.8;
}
.services .labels > div {border-radius: 16px; padding: 2px 6px 3px 6px; margin: 0 4px 4px 0; border: 1px solid var(--OPTION_BASE_COLOR); color: var(--OPTION_BASE_COLOR); background-color: #FFF;}
.services .labels > div:nth-child(4n+1) {background-color: var(--OPTION_BASE_COLOR); color: #FFF; border: 1px solid var(--OPTION_BASE_COLOR);}


.services .item_container {
    width: 342px;
    padding-right: 20px;
    margin-bottom: 20px;    
    position: relative;
}
.services .item {
    border: 1px solid #edeef0;
    position: relative;
    height: 370px;
    overflow: hidden;
    border-radius: 4px;
    

}
.services .item .img_container {
    height: 250px;
    overflow: hidden;
    position: relative;
}
.services .item .img {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transition: transform 0.5s; 
}
.services .item .text {padding: 15px 20px;}
.services .item .text .name a {
    font-size: 1.2rem;     
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3rem;
    text-decoration: none;
}
.services .item .text .descr {
    padding-top: 10px; font-size: 0.9rem;
    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.services .shadow {
    position: absolute;
    width: 100%;
    height: 80%;
    z-index: 1;
    background-color: rgba(0,0,0,0.7);
    bottom: 0;
}

.services .href {position: absolute; width: 100%; height: 100%; z-index: 4; left: 0; top: 0;}


.services .item_container:hover .img {transform:scale(1.1)}


.services .item.css_text_dark .text {color: var(--TEXT_COLOR);}


body.SITE_THEME_DARK .services .item {border: 1px solid var(--THEME_DARK_LINE_COLOR); background-color: var(--THEME_DARK_BG_ITEM_COLOR);}


/*1348px*/
@media screen and (min-width: 1348px)
{
    .services {margin-right: -20px;}     
    
    .services.owl-theme .owl-nav button.owl-prev {left: -60px;}
    .services.owl-theme .owl-nav button.owl-next {right: -60px;}
}



/* End */
/* /bitrix/templates/bs_school_s1/components/bitrix/news/services/bitrix/news.list/.default/style.css?17646217712429 */