st{color: #c00;}

.stream-page{font-family: 'Inter';}
.stream-plank{background: #FFFFFF; border: 1px solid #E0E0E0; padding: 20px;}

.stream-page .ci-leftbtn{cursor: pointer;}

.stream-mb10{margin-bottom: 10px;}
.stream-mb10:last-child{margin-bottom: 0px;}
.stream-mb20{margin-bottom: 20px;}
.stream-mb20:last-child{margin-bottom: 0px;}
.stream-mb40{margin-bottom: 40px;}
.stream-mb40:last-child{margin-bottom: 0px;}

.stream-block{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; position: relative;}
.stream-block:hover{border: 1px solid #ababab; position: relative; z-index: 1;}
.stream-block:last-child{margin-bottom: 0px;}
.stream-block__line{margin-right: 20px;}
.stream-block__line:nth-child(1){min-width: 140px; max-width: 140px; text-align: center;}
.stream-block__line:last-child{margin-right: 0px;}
.stream-block__two{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%;}
.stream-block__two__line{margin-right: 20px;}
.stream-block__two__line:nth-child(1){width: 100%;}
.stream-block__two__line:nth-child(2){min-width: 175px; max-width: 175px; text-align: center;}
.stream-block__two__line:last-child{margin-right: 0px;}
.stream-block__img{background: #FCFEFF; border: 1px solid #E0E0E0; border-radius: 100%; width: 40px; height: 40px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; margin-bottom: 5px;}
.stream-block__calendar{display: block; width: 24px; height: 24px;}
.stream-block__title{font-weight: 600; font-size: 16px; line-height: 18px;}
.stream-block__date{font-weight: 400; font-size: 14px; line-height: 16px; margin-bottom: 3px;}
.stream-block__time{font-weight: 400; font-size: 12px; line-height: 14px;}
.stream-block__head{font-weight: 600; font-size: 16px; line-height: 18px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-height: 18px;}
.stream-block__head.stream-more__all{max-height: inherit; overflow: hidden; text-overflow: inherit; display: inherit; -webkit-box-orient: inherit;}
.stream-block__text{font-weight: 400; font-size: 12px; line-height: 14px; margin-bottom: 10px; color: #474747; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 14px; max-height: 42px;}
.stream-block__text.stream-more__all{max-height: inherit; overflow: hidden; text-overflow: inherit; display: inherit; -webkit-box-orient: inherit;}
.stream-block__info{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -7px;}
.stream-block__info__one{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 7px;}
.stream-block__info__img{margin-right: 7px;}
.stream-block__info__text{color: #474747; font-weight: 400; font-size: 13px; line-height: 12px; white-space: nowrap;}
.stream-block__descbtn{font-weight: 500; font-size: 10px; line-height: 12px; color: #868686; margin-bottom: 10px;}
.stream-block__descbtn.error{color: #DB3E2B;}
.stream-block__descbtn:last-child{margin-bottom: 0px;}
.stream-block__btn{line-height: 15px; display: -webkit-box; display: -moz-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; min-width: 175px; min-height: 36px;}
.stream-block__info__ico{display: block; width: 26px; height: 26px;}

.stream-more{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px; cursor: pointer; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear;}
.stream-more:hover{border-color: #db3e2b;}
.stream-more_partner:hover{border-color: #402b46;}
.stream-more__one{margin-right: 10px; font-weight: 500; font-size: 12px; line-height: 14px;}
.stream-more__one:last-child{margin-right: 0px;}
.stream-more__one svg{stroke: #000; width: 11px; height: 8px; display: block; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear;}
.stream-more:hover svg{stroke: #db3e2b;}
.stream-more_partner:hover svg{stroke: #402b46;}

.stream-list{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px;}
.stream-list__one{margin: 5px; width: calc(100%/2 - 10px); position: relative; padding-bottom: 85px !important;}
.stream-list__head{font-weight: 700; font-size: 28px; line-height: 28px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-height: 28px;}
.stream-list__text{font-weight: 500; font-size: 14px; line-height: 16px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; max-height: 96px;}
.stream-list__info{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -7px;}
.stream-list__info__one{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 7px;}
.stream-list__info__img{margin-right: 7px;}
.stream-list__info__ico{display: block; width: 26px; height: 26px;}
.stream-list__info__text{color: #474747; font-weight: 400; font-size: 13px; line-height: 12px; white-space: nowrap;}
.stream-list__btn{line-height: 15px; display: -webkit-box; display: -moz-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; margin-top: 20px; text-align: center; width: 100%; position: absolute; left: 0px; bottom: 20px;}
.stream-list__btn .stream-list__info__ico{stroke: #fff; width: 11px; height: 8px; display: block; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
.stream-block__btn svg{position: relative; left: 0px; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear;}
.stream-block__btn:hover svg{position: relative; left: 5px;}

.stream-review{}
.stream-review__head{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify;  justify-content: space-between;}
.stream-review__head__text{font-weight: 700; font-size: 21px; line-height: 21px;}
.stream-review__head__one{margin-right: 20px;}
.stream-review__head__one:last-child{margin-right: 0px;}
.stream-review__stars__block{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.stream-review__title{display: block; margin-bottom: 10px; font-weight: 500; font-size: 16px; line-height: 18px;}
.stream-review__stars__block .stream-review__title{margin: 0px; margin-right: 10px;}
.stream-review__stars{display: -webkit-box; display: -moz-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 -5px; position: relative;}
.stream-review__stars input{position: absolute; width: 100%; z-index: -999;}
.stream-review__stars__one{padding: 0 5px; cursor: pointer;}
.stream-review__stars svg{width: 22px; height: 22px; fill: #EDEDEE; stroke: #EDEDEE; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; display: block;}
.stream-review__stars:hover svg{fill: #FFBE3F !important; stroke: #FFBE3F !important;}
.stream-review__stars.active svg{fill: #FFBE3F; stroke: #FFBE3F;}
.stream-review__stars__one:hover ~ .stream-review__stars__one svg{fill: #EDEDEE !important; stroke: #EDEDEE !important;}
.stream-review__stars__one.active ~ .stream-review__stars__one svg{fill: #EDEDEE; stroke: #EDEDEE;}
.stream-review__stars__one:hover svg{fill: #db3e2b !important; stroke: #db3e2b !important;}
.stream-review__line{margin-bottom: 20px;}
.stream-review__line.alert{padding: 8px; text-align: center; border-radius: 3px;}
.stream-review__line.error{color: #DB3E2B; background: #fcf2f2;}
.stream-review__line.success{color: #008000; background: #e5f2e5;}
.stream-review__line:last-child{margin-bottom: 0px;}
.stream-review textarea{border: 1px solid #e7e7e7; resize: none; width: 100%; padding: 10px; min-height: 138px;}
.stream-center{text-align: center;}

.stream-link__online{text-align: center;}
.stream-link__online__one{margin-bottom: 10px;}
.stream-link__online__one:last-child{margin-bottom: 0px;}
.stream-link__online__link{position: relative; background: #F9F9FB; border-radius: 3px; padding: 10px 10px 10px 36px;  color: #9898B7; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 175px; margin: 0 auto; min-height: 37px; user-select: none;}
.stream-link__online__link:after{content: ''; position: absolute; background: url(/client/i_new/image/reffer.svg) no-repeat; width: 16px; height: 16px; left: 10px; top: 50%; margin-top: -8px;}
.stream-link__online__link:before{content: attr(data-stream_clipboard_text); position: absolute; left: 0px; top: 0px; text-align: center; line-height: 37px; width: 100%; background: rgba(0,0,0,.8); color: #fff; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; display: none;}
.stream-link__online__link.copy:before{display: block; z-index: 1;}
.stream-link__instruments__link{display: none;}

.stream-plank__info{position: absolute; top: -9px; left: -7px; background: #5e9b55; color: #fff; padding: 2px 10px; font-size: 12px; line-height: 13px; border-radius: 0 3px 3px 0;}
.stream-plank__info:after{content: ''; width: 0; height: 0; border-top: 7px solid #8bb685; border-left: 7px solid transparent; position: absolute; left: 0px; bottom: -7px;}

.stream-block__rating{background: #f7f7f7; border-radius: 3px; padding: 5px; position: relative; max-width: 175px; margin-left: auto; margin-right: auto;}
.stream-block__rating svg{fill: #FFBE3F; stroke: #FFBE3F; width: 40px; height: 40px; display: block; margin: 0 auto;}
.stream-block__rating__count{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; line-height: 12px; padding-top: 5px;}

.stream-edit{}
.stream-edit__content{}
.stream-edit__title{margin-bottom: 2px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.stream-edit__input{position: relative;}
.stream-edit input, .stream-edit textarea{width: 100%; padding: 6px 10px; border: 1px solid #9c9c9c; border-radius: 3px; resize: none;}
.stream-edit textarea{min-height: 100px;}
.stream-edit__btns{display: -webkit-box; display: -moz-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%;}
.stream-edit__btns .ci-leftbtn{margin: 0px; margin-right: 10px;}
.stream-edit__btns .ci-leftbtn:last-child{margin-right: 0px;}
.stream-edit .bootstrap-select{width: 100% !important; font-family: 'Inter' !important;}
.stream-edit .bootstrap-select .btn-default{padding: 5px 10px; border: 1px solid #9c9c9c; border-radius: 3px;}
.stream-duration__select{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: -5px;}
.stream-duration__one{background: #F4F4F4; border: 1px solid #D7D7D7; border-radius: 5px; text-align: center; padding: 6px; color: #000; width: 100%; margin: 5px; cursor: pointer; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear;}
.stream-duration__one:hover{background: #e1e1e1;}
.stream-duration__one.active{background: #373739; border: 1px solid #373739; border-radius: 5px; color: #ffffff;}
.stream-question__title{fill: #c00; width: 15px; height: 15px; margin-left: 5px; cursor: pointer;}
.stream-question__title:hover{fill: #000;}

[data-show_events_stream]{cursor: pointer;}
.stream-block__show__events{border: 1px solid #e0e0e0; padding: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; max-width: 175px; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; border-radius: 3px;}
.stream-block__show__events:hover, .stream-instruments__one.events:hover{border: 1px solid #000000;}
.stream-block.active .stream-block__show__events{border: 1px solid #000000;}
.stream-block.active .stream-instruments__one.events{border: 1px solid #373739; background: #373739;}
.stream-block__show__events svg, .stream-instruments__one.events svg{stroke: #000; width: 20px; height: 15px; display: block; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear;}
.stream-block.active .stream-block__show__events svg{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.stream-block.active .stream-instruments__one.events svg{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); stroke: #fff;}

.stream-instruments{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: auto; margin-right: auto; max-width: 175px; position: relative;}
.stream-instruments__one{border: 1px solid #e0e0e0; padding: 8px; margin-right: 10px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; border-radius: 3px; position: relative; min-height: 33px;}
.stream-instruments__one:hover, .stream-instruments__one.active{border: 1px solid #000000;}
.stream-instruments__one.delete:hover, .stream-instruments__one.delete.active{border: 1px solid #c00;}
.stream-instruments__one:last-child{margin-right: 0px;}
.stream-instruments__one svg{width: 19px; height: 19px; display: block; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; stroke: #000;}
.stream-instruments__one.list svg{height: 13px;}
.stream-instruments__one.delete:hover svg, .stream-instruments__one.delete.active svg{fill: #c00;}
.stream-instruments__one.active{border: 1px solid #373739; background: #373739;}
.stream-instruments__one.active svg{fill: #fff;}
.stream-instruments__one.play svg{stroke: none; fill: #000;}
.stream-instruments__one.stop svg{stroke: none; fill: #000;}
.stream-instruments__one.check{border-color: #008000; background-color: #e3efe3; cursor: auto;}
.stream-instruments__one.check svg{stroke: none; fill: #008000; width: 14px; height: 14px;}

.stream-block__list{margin-top: -11px;}
.stream-block__list .stream-block{margin: 0px; margin-bottom: -1px; background: #F9F9F9;}

.stream-instruments__list{position: absolute; top: calc(100% + 10px); right: 0px; border: 1px solid #e0e0e0; background: #fff; padding: 0px; border-radius: 3px; z-index: 2; overflow: hidden; min-width: 218px;}
.stream-instruments__list__one{font-weight: 400; font-size: 12px; line-height: 14px; text-decoration: none; padding: 10px; display: block; background: #fff; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; cursor: pointer; text-align: center; position: relative;}
.stream-instruments__list__one:hover, .stream-instruments__list__one:focus{background: #e0e0e0; text-decoration: none;}
.stream-instruments__list__one.delete:hover, .stream-instruments__list__one.delete:focus{background: #c00; color: #fff;}
.stream-instruments__list__one:before{content: attr(data-stream_clipboard_text); position: absolute; left: 0px; top: 0px; text-align: center; line-height: 37px; width: 100%; background: rgba(0,0,0,.8); color: #fff; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; display: none;}
.stream-instruments__list__one.copy:before{display: block; z-index: 1;}

/* модальное окно */
.stream-modal{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 99999;}
.stream-modal__one{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%;}
.stream-modal__content{max-width: 1200px; width: calc(100% - 20px); background: #fff; padding: 40px 20px; text-align: center;}
.stream-modal__desc{font-size: 1.4em;}
.stream-modal__btns{margin-top: 10px;}

@media (max-width: 1199px){
    .stream-block__two{display: block;}
    .stream-block__two__line{margin: 0px; margin-bottom: 10px;}
    .stream-block__two__line:last-child{margin-bottom: 0px;}
    .stream-block__two__line:nth-child(2){min-width: 100%; max-width: 100%; text-align: center;}
    .stream-block{display: block;}
    .stream-block__line:nth-child(1){min-width: 100%; max-width: 100%; margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; background: #f3f3f3; padding: 5px; border-radius: 3px;}
    .stream-block__img{margin: 0px; margin-right: 5px; width: 26px; height: 26px;}
    .stream-block__calendar{width: 16px; height: 16px;}
    .stream-block__date{margin: 0px; margin-right: 5px; font-size: 12px; line-height: 14px;}
    .stream-block__info{-webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
    
    .stream-plank__info{top: 48px; left: inherit; right: 25px; padding: 2px 10px; font-size: 9px; line-height: 9px; border-radius: 3px;}
    .stream-plank__info:after{display: none;}
    
    .stream-block__head{max-height: inherit; overflow: hidden; text-overflow: inherit; display: inherit; -webkit-box-orient: inherit;}
    .stream-block__text{max-height: inherit; overflow: hidden; text-overflow: inherit; display: inherit; -webkit-box-orient: inherit;}
}

@media (max-width: 800px){
    
}

@media (max-width: 600px){
    .stream-plank{padding: 10px;}
    .stream-block__info{margin: -5px;}
    .stream-block__info__one{margin: 5px;}
    .stream-block__head{text-align: center;}
    .stream-block__text{text-align: center;}
    .stream-block__line:nth-child(1){-webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
    
    .stream-list__one{width: calc(100% - 10px);}
    .stream-list__info{-webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;  justify-content: center;}
    .stream-list__one{padding-bottom: 65px !important;}
    .stream-list__btn{bottom: 10px; margin-top: 10px;}
    .stream-list__head{font-weight: 600; font-size: 16px; line-height: 18px; text-align: center;}
    .stream-list__text{font-weight: 400; font-size: 12px; line-height: 14px; margin-bottom: 10px;}
    .stream-list__info{margin: -5px;}
    .stream-list__info__one{margin: 5px;}
    
    .stream-review__head{display: block;}
    .stream-review__head__one{margin: 0px; margin-bottom: 20px;}
    .stream-review__head__one:last-child{margin-bottom: 0px;}
    .stream-review__head__text{text-align: center;}
    
    .stream-plank__info{top: 39px; right: 15px;}
    
    .stream-edit__btns{display: block;}
    .stream-edit__btns .ci-leftbtn{margin: 0px auto 10px auto; width: 100%; display: block;}
    .stream-edit__btns .ci-leftbtn:last-child{margin: 0px auto;}
}

@media (max-width: 450px){
    .stream-review__stars__block{display: block;}
    .stream-review__stars__block .stream-review__title{margin: 0px; margin-bottom: 10px;}
    .stream-review__line{text-align: center;}
}