

/* Start:/bitrix/templates/bs_school_s1/components/bitrix/news/uslugi/bitrix/news.list/.default/style.css?17646217713024*/
.uslugi_container {overflow: hidden;}

.uslugi {margin-right: -10px; padding-bottom: 30px;}
.uslugi .item_container {padding: 0 10px 10px 0;}

/*labels*/
.uslugi .labels {
    font-size: 13px; font-weight: 600;
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 5px;
    opacity: 0.8;
}
.uslugi .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;}
.uslugi .labels > div:nth-child(4n+1) {background-color: var(--OPTION_BASE_COLOR); color: #FFF; border: 1px solid var(--OPTION_BASE_COLOR);}



.uslugi .item {
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    position: relative;
    height: 250px;
    overflow: hidden;
    border-radius: 4px;
}
.uslugi .item .img {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-size: cover;
    background-position: center center;
    transition: transform 0.5s;
}
.uslugi .item .img img {width: 100%; height: 100%; object-fit: cover;}
.uslugi .item .text {
    padding: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    color: #FFF;
}
.uslugi .item .text .name {font-size: 1.2rem;}
.uslugi .item .text .descr {padding-top: 10px; font-size: 0.9rem;}

.uslugi .shadow {
    position: absolute;
    width: 100%;
    height: 80%;
    z-index: 1;
    background-color: rgba(0,0,0,0.7);
    bottom: 0;
}

.uslugi .shadow_light .shadow {background-color: rgba(255,255,255,0.7);}
.uslugi .shadow.shadow_gradient {background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));}
.uslugi .href {position: absolute; width: 100%; height: 100%; z-index: 4;}


.uslugi .item_container:hover .img {transform:scale(1.1)}
.uslugi .item_container:hover .item {box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);}


.uslugi .item.css_text_dark .text {color: var(--TEXT_COLOR);}

.uslugi .shadow_light .shadow.shadow_gradient {background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));}

.uslugi .item .buttons {display: none; margin-top: 15px; position: absolute; bottom: 25px; left: 25px;}
.uslugi .item .buttons > div {margin-right: 10px;}
.uslugi .item_container:hover .text {bottom: 50px;}
.uslugi .item_container:hover .buttons {display: flex; z-index: 5;}
.uslugi .item_container:hover .labels {opacity: 1;}


/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
    
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    .uslugi .item_container {width: 350px; flex: 0 0 350px; max-width: 350px;}  

}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    .uslugi .item .buttons {display: flex;}   
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
    .uslugi_detail .price_container {margin: 0;}   
}
/*.col-*/
@media screen and (max-width: 575px)
{

    
    
}

/* End */
/* /bitrix/templates/bs_school_s1/components/bitrix/news/uslugi/bitrix/news.list/.default/style.css?17646217713024 */
