/* Start:/bitrix/templates/bs_school_s1/components/bitrix/news.list/slider_feedback/style.css?17646217713835*/
/*Отзывы*/
.slider_feedback_container {background-color: #f4f4f4}
.feedback {padding-bottom: 30px; margin-left: -15px; overflow: hidden; height: 320px; overflow: visible; margin-top: -30px;}
.feedback:hover {overflow: visible; z-index: 2;}

.feedback .item {width: 570px;  height: 250px; margin: 30px 15px; position: relative;}
.feedback .item_content {box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); height: 100%; width: 100%; background-color: #FFF; padding: 10px 20px 20px 20px; border-radius: 8px; position: absolute; left: 0; top: 0;}
.feedback .item:hover .img {flex: 0 0 50px;}
 
.feedback .item .img {flex: 0 0 150px; transition: all 0.15s ease-out 0s;}
.feedback .item .img img {max-width: 150px; max-height: 150px; border-radius: 100px;}
.feedback .item .img img.lazy-hidden {background-size: 30px !important;}

.feedback .letter {flex: 0 0 36px; width: 36px; height: 36px; margin-right: 10px; color: #FFF; background-color: #8585cc;  border-radius: 50%; text-align: center; line-height: 36px; vertical-align: middle;}
.feedback .descr_container {padding: 0 20px; overflow: hidden; height: 200px;}
.feedback .date_star {margin-top: 10px;}
.feedback .date {color: #a8abb7; font-size: 0.8rem; padding-left: 10px;}
.feedback .star {margin-top: 7px;}
.feedback .star img {height: 14px!important; width: 14px!important;  margin-top: -8px; display: inline-block!important; vertical-align: middle; line-height: 12px;}
.feedback .text {font-size: 0.95rem; display: -webkit-box !important; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  height: 7.5rem; margin-bottom: 10px;}


.feedback .item:hover .text {-webkit-line-clamp: none;  height: auto;  height: 150px; overflow: scroll;}
.feedback .item:hover .source {display: none;}

.feedback .source {text-align: right; color: #a8abb7; font-size: 0.8rem;} 
.feedback .source img {display: inline-block!important; max-height: 20px; width: auto !important; opacity: 0.8; transition: all 0.15s ease-out 0s;}

.add_feedback.btn {padding: 8px 50px 10px 20px!important;}
.add_feedback.btn svg {position: absolute; right: 20px; top: 50%; margin-top: -12px; width: 24px; height: 24px;}
.add_feedback.btn svg path {stroke: #FFF!important;}

/*Темная тема*/
body.SITE_THEME_DARK .feedback .item_content {background-color: var(--THEME_DARK_BG_ITEM_COLOR); border: 1px solid  var(--THEME_DARK_LINE_COLOR);}

.feedback .owl-stage .owl-item:nth-child(2n) .letter {background-color: #b37db3;} 
.feedback .owl-stage .owl-item:nth-child(3n) .letter {background-color: #5798d9;} 
.feedback .owl-stage .owl-item:nth-child(4n) .letter {background-color: #50c0e6;} 


@media screen and (min-width: 1400px){
    .slider_feedback.owl-theme .owl-nav button.owl-prev {left: -60px;}
    .slider_feedback.owl-theme .owl-nav button.owl-next {right: -60px;}
}


/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
     
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    .feedback {margin: 0;}
    
    .feedback .item {margin: 0; width: 100%;}
    .feedback .item_content {border: 1px solid #CCC; box-shadow: none; padding: 5px 10px 10px 10px; height: calc(100% - 20px); width: 100%;}
    .feedback .descr_container {padding: 0 10px;}
    
    .slider_feedback.owl-theme .owl-nav {display: none;}
    .slider_feedback.owl-theme .owl-dots {bottom: 30px;}
    
    .feedback .name, .feedback .text {font-size: 0.85rem;}
    .feedback .text {height: 6.5rem;}
    
}
/*.col-*/
@media screen and (max-width: 575px)
{

    
}

/*.col-*/
@media screen and (max-width: 400px)
{
    .feedback .item .img {display: none;}
    .feedback .date {display: none !important;}
    
}
/* End */
/* /bitrix/templates/bs_school_s1/components/bitrix/news.list/slider_feedback/style.css?17646217713835 */