@font-face{
    font-family:'Montserrat';
    src: url('/design/images/assets/fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face{
    font-family:'Montserrat-Bold';
    src: url('/design/images/assets/fonts/Montserrat-Bold.ttf') format('truetype');
}

.podcasts .podcast-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.podcasts .podcast-main .index__tales-title_link {
    margin-left: 38px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #010002;
    margin-bottom: 32px;
    display: block;
}
.podcasts .podcast-main .index__tales-title_link:hover {
    color: #777;
    border: 2px solid #777;
    background: #fff;
}

.podcast__list_wrap{
    width: 100%;
    overflow-x: auto;
}
.podcasts .podcast__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
    padding-bottom: 38px;
    
}

.podcasts .podcast__item {
    max-width: 265px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 0px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    text-align: left;
    text-decoration: none;
    color: #000;
}



.podcasts .podcast__item .podcast__logo  {
    width: 200px;
    border-radius: 0px;
}

.podcasts .podcast__item .podcast__title {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px;
    margin-bottom: 4px;
    text-decoration: none;
}

.podcasts .podcast__item .podcast__title:hover,
.podcasts .podcast__item .podcast__title:active,
.podcasts .podcast__item .podcast__title:visited,
.podcasts .podcast__item .podcast__title:focus {
    color: #000;
    text-decoration: none;
}

.podcasts .podcast__item .podcast__count {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: rgba(60, 60, 67, 0.6);
    text-decoration: none;
}

.podcasts .podcast__item .podcast__count:hover,
.podcasts .podcast__item .podcast__count:active,
.podcasts .podcast__item .podcast__count:visited,
.podcasts .podcast__item .podcast__count:focus {
    color: rgba(60, 60, 67, 0.6);
    text-decoration: none;
}

.podcasts .podcast-main .podcast-main__link-to-all-tales {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    background: #777;
    border-radius: 30px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 62px;
    padding-right: 62px;
    margin: 61px auto 0;
}



.podcasts .podcast-list {
    background-color: #fff;
    padding-bottom: 162px;
}

.podcasts .podcast-list h2 {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #010002;
    margin-top: 36px;
    margin-left: 0px;
    margin-bottom: 36px;
}

.podcasts .podcast-list .podcast-list__tags-list {
    margin-left: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 26px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.podcasts .podcast-list .podcast-list__tags-list .tag,
.podcasts .podcast-list .podcast-list__tags-list .tagNew{
    background: #F4F4F4;
    border-radius: 30px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 11px 22px;
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    margin-left: 8px;
    margin-bottom: 10px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
    cursor: pointer;
}

.podcasts .podcast-list .podcast-list__tags-list .tag:hover,
.podcasts .podcast-list .podcast-list__tags-list .tag.active,
.podcasts .podcast-list .podcast-list__tags-list .tag.activeB,
.podcasts .podcast-list .podcast-list__tags-list .tagNew:hover,
.podcasts .podcast-list .podcast-list__tags-list .tagNew.active,
.podcasts .podcast-list .podcast-list__tags-list .tagNew.activeB{
    background: -o-linear-gradient(2.04deg, #E74848 1.71%, #FFE24C 98.27%);
    background: linear-gradient(87.96deg, #E74848 1.71%, #FFE24C 98.27%);
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.podcasts .podcast-list__container {
    display: -ms-grid;
    display: grid;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    row-gap: 50px;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin-left: 0px;
    margin-right: 0px;
    padding:0;
}

.podcasts .podcast-list__listen-more {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    background: #FFDD00;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 62px;
    padding-right: 62px;
    margin: 61px auto 0;
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.podcasts .podcast-list__listen-more:hover {
    color: #fff;
    background: #0C0D11;
    outline: none;
}




.podcasts .random-podcast {
    margin-top: 56px;
    margin-bottom: 84px;
    margin-right: 20px;
}

.podcasts .random-podcast .podcast__item {
    margin-right: 30px;
}

.podcasts .random-podcast .podcast__item:last-child {
    margin-right: 0;
}

.podcasts .random-podcast h2 {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #010002;
    margin-top: 0;
    margin-bottom: 36px;
    margin-left: 0px;
}

.podcasts .other-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-top: 18px;
}

.podcasts .tale-episodes__dop-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom:20px;
}




.podcasts  .icon_sort-list {
	 position: absolute;
	 top: 20px;
	 right: 2%;
	 font-size: 16px;
	 height: 22px;
}
.podcasts  .sort-list {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    background-color: #fff;
    height: 36px;
    border: 1px solid rgba(79, 128, 255, 0.3);
    border-radius: 20px;
    width: 182px;
    color: #777;
    margin-right: 40px;
}
.podcasts  .sort-list select {
    position: absolute;
    height: 0px;
    opacity: 0;
    z-index: -1;
}
 .podcasts .cont_list_sort-list {
	 position: relative;
	 float: left;
	 width: 100%;
}
 .podcasts .cont_select_int {
    position: absolute;
    left: 16px;
    top: 35px;
    z-index: 999;
    overflow: hidden;
    width: 100%;
    max-width: 153px;
    color: #000;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px -10px rgb(0 0 0 / 10%);
            box-shadow: 0px 5px 10px -10px rgb(0 0 0 / 10%);
    border-radius: 5px;
    margin: 0;
    height: 0;
}
 .podcasts .cont_select_int li {
    position: relative;
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 5px;
    margin: 0px;
    display: block;
    cursor: pointer;
    padding-left: 12px;
    padding-right: 29px;
    font-size: 12px;
}

 .podcasts .selecionado_opcion {
    padding: 6px 2%;
    width: 100%;
    display: block;
    margin: 0px;
    cursor: pointer;
    padding-left: 20px;
    padding-bottom: 8.5px;
}

.podcasts .icon_select_mate {
    position: absolute;
    right: 0px;
    top: 7px;
    left: 77%;
    color: rgb(79, 128, 255);
}

.podcasts .icon_select_mate svg {
    fill: #777;
}
.podcasts .show-more-hide {
    display: none;
}

.podcasts .mplayer-wraper {
    display: none;
}

.podcasts .podcast_player_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 12px 10px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    border-bottom:  1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    padding-left: 0;
    position: relative;
    transition: ease-in-out 0.2s;
}
.podcasts .podcasts__play-about_wrap {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition: ease-in-out 0.2s;
}

.podcasts .player_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.podcasts .podcasts__item-like_btn {
    background: url(/design/images/podcast/like-gray2.svg) center center no-repeat;
    background-size: contain;
    width: 26px;
    height: 26px;
    background-position: center;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    display: block;
}
.podcasts .podcasts__item-like_btn:hover,
.podcasts .podcasts__item-like_btn.active{
    background: url(/design/images/podcast/like-gray2--active.svg?v=2) center center no-repeat;
    background-size: contain;
    width: 26px;
    height: 26px;
    background-position: center;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    display: block;
}

.podcasts .podcast_player_wrap:hover,
.podcasts .podcast_player_wrap.active{
    border:solid 2px #777777;
    border-radius: 0px;
    padding-left: 12px;
    margin-right: 10px;
    margin-bottom: 0px;
    width: calc(97% + 26px);
    transition: ease-in-out 0.2s;
    background: #f1f1f1;
}

.podcasts .podcast_player_wrap:hover .player__title,
.podcasts .podcast_player_wrap.active .player__title{
    color: #777777;
}

.podcasts .podcast_player_wrap:hover .player__duration,
.podcasts .podcast_player_wrap.active .player__duration{
    color: #777777;
}

.podcasts .podcast_player_wrap:hover .podcasts__item-like_btn{
    background: url(/design/images/podcast/like-gray-hover.svg) center center no-repeat;
    background-size: contain;
    margin-top: 2px;
    width: 26px;
    height: 26px;
}


.podcasts .podcasts__item-like_count {
    width: auto;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 2px;
    color:#777;
}
.podcasts .podcast_player_wrap:hover .podcasts__item-like_count,
.podcasts .podcast_player_wrap.active .podcasts__item-like_count{
    color: #777777;
}


.podcasts .podcasts__item-like {
    margin-right: 21px;
    width: auto;
    height: auto;
    display: flex;
}

.podcasts .podcast__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 47px;        
}


.podcasts .podcasts__item-more {
    margin-right: 29px;
    width: 25px;
    height: 25px;
    background-image: url('/design/images/podcast/more.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
}

.podcasts .show-more-modal__link {
    width: 25px;
    height: 20px;
    display: block;
}

.podcasts .show-more-modal__link.active {
    position: relative;
}

.podcasts .show-more-modal__link.active + .show-more-hide {
    display: block;
    background: #fff;
    position: absolute;
    width: 189px;
    list-style: none;
    padding-top: 15px;
    padding-left: 17px;
    padding-right: 12px;
    padding-bottom: 16px;
    right: 57%;
    -webkit-box-shadow: 0px 5px 10px -10px rgb(0 0 0 / 10%);
            box-shadow: 0px 5px 10px -10px rgb(0 0 0 / 10%);
    border-radius: 5px;
    font-size: 10px;
    color: #000;
    top: 21px;
    
} 
.podcasts .show-more-hide li a {
    margin-bottom: 10px;
    display: block;
}
.podcasts .podcast__item_rec.last a {
    background: transparent;
    color: #777;
    border: 2px solid #777;
    padding: 13px 65px;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 20px;
    line-height: 23px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 233px;
    width: 100%;
}
.podcasts .podcast__item_rec.last a:hover {
    background: #777;
    color: #fff;
}



.podcasts .show-more-modal__link.active + .show-more-hide li a {
    color: #000;
}

.podcasts .show-more-modal__link.active + .show-more-hide li svg {
    width: 12px;
    height: 12px;
    margin-right: 10px;
}



.podcasts .podcasts__play-more {
    position: relative;
}

.podcasts .podcasts__share-wrap {
    display: none;
}
.podcasts .podcasts__share__item:hover{
    opacity: 0.6;
    transition: ease-in-out 0.2s;
}

.podcasts .modal-list-wait {
    position: absolute;
    width: 100%;
    max-width: 1230px;
    height: 0;
    background: #fff;
    top: 100%;
    overflow-y: scroll;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.podcasts .modal-list-wait.open {
    top: 0;
}

.podcasts .player__play{
    position: absolute;
    z-index: -1;
}

.podcasts .podcast_player_wrap:hover .player__logo .logo,
.podcasts .podcast_player_wrap.active .pause .player__logo .logo {
 -webkit-filter: brightness(70%);
  filter: brightness(70%);
}

.podcasts .podcast_player_wrap:hover .play-svg,
.podcasts .podcast_player_wrap.active .play-svg {
    display: block;
    position: absolute;
    top: calc(50% - 44px / 2);
    left: calc(50% - 44px / 2);
}

.podcasts .tale-episodes__list {
    position: relative;
}
.podcasts .mplayer-wraper.flex {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #fff;
    z-index: 999999999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #000;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    max-width: 1230px;
    left: 0%;
    right: 0%;
    margin: 0 auto;
}



.podcasts .podcasts__play-prevUid {
    background-image: url(/design/images/podcast/prev.png);
    width: 31px !important;
    height: 19px !important;
    opacity: 1;
    margin-top: 0 !important;
}

.podcasts .podcasts__play_prevnex-fade, .podcasts__play_prevnex-fade:hover {
    width: 31px !important;
    height: 19px !important;
    opacity: 1;
    margin-top: 0 !important;
}





.podcasts .podcasts__play-nextUid {
    background-image: url(/design/images/podcast/next.png);
    width: 31px !important;
    height: 19px !important;
    opacity: 1;
    margin-top: 0 !important;
}

.podcasts .modal-list-wait .podcast_player_wrap:hover .player__title, .modal-list-wait .podcast_player_wrap.active .player__title {
    color: #000;
}

.podcasts .modal-list-wait .podcast_player_wrap:hover .player__duration, .modal-list-wait .podcast_player_wrap.active .player__duration {
    color: #777;
}

.podcasts .player__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    width: 146px;
}

.podcasts .player__buttons .mplayer-block-volume {
    position: absolute;
    right: -200%;
}

.podcasts .podcast_player_wrap .mplayer-block-play .toggleplayer.stop {
    background: url(/design/images/podcast/pause.png) no-repeat !important;
    width: 44px;
    height: 44px;
}

.podcasts .podcast_player_wrap .mplayer-block-play .toggleplayer.play {
    background: url(/design/images/podcast/play.png) !important;
    width: 44px;
    height: 44px;
}


.podcasts .podcast_player_wrap .mplayer-block-play .toggleplayer.play:hover,
.podcasts .podcast_player_wrap .mplayer-block-play .toggleplayer.stop:hover {
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
    -webkit-clip-path: inherit;
            clip-path: inherit;
}


.podcast_player_wrap .mplayer-block-play .toggleplayer, .podcast_player_wrap .mplayer-block-play .toggleplayer.play, .podcast_player_wrap .mplayer-block-play .toggleplayer.stop {
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
    -webkit-clip-path: inherit;
            clip-path: inherit;
}


.podcasts .tale {
    position: relative;
    overflow: hidden;
}

.podcasts .modal-list-wait  h2 {
    margin-top: 36px !important; 
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    margin-left: 40px;
    margin-bottom: 65px;


color: #010002;
}

.podcasts .modal-list-wait__close-button {
    position: absolute;
    top: 33px;
    right: 40px;
    cursor: pointer;
    z-index: 999999;
}
.podcasts .modal-problem__close-button {
    position: absolute;
    top: 17px;
    right: 11px;
    cursor: pointer;
    z-index: 999999;
}

.podcasts .list-wait-add {
    position: absolute;
    right: 250px;
    top: 25px;
}

.podcasts .tale .mplayer-wraper {
        position: fixed;
    bottom: 0;
    width: 100%;
    height: 83px;
    max-width: 1230px;
    background: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
}

.podcasts .tale .mplayer-wraper .player__logo {
    width: 60px;
}



.podcasts .tale .podcasts__share-lable {
    display: none;
}

.podcasts .tale .podcasts__share-wrap {
    position: absolute;
    top: -38px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 14%);
            box-shadow: 0px 5px 10px rgb(0 0 0 / 14%);
    border-radius: 5px;
    height: 38px;
    width: 111px;
    left: 0;
    z-index: 9;
}

.podcasts .tale .podcasts__share{
    margin-left: 0;
}

.podcasts .tale .podcasts__share-wrap.active {
    display: block;
}

.podcasts  .modal-problem {
    max-width: 620px;
    width: 100%;
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    background: #FFFFFF;
    border-radius: 20px;
    margin: 0 auto;
    padding-top: 61px;
    padding-bottom: 55px;
    padding-left: 93px;
    padding-right: 92px;
    z-index: 99;
    background: #fff;
    top: 0%;
    -webkit-box-shadow: 0px 0px 5px #d8d8d8;
            box-shadow: 0px 0px 5px #d8d8d8;
    
}
.podcasts  .modal-problem h2 {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    text-align: center;
    color: #010002;
    margin-bottom: 19px;
    margin-top: 0;
    margin-left: 0;
}

.podcasts  .modal-problem form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.podcasts  .modal-problem form .form__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 435px;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    margin-bottom: 23px;
}
.podcasts  .modal-problem form .form__item label {
    margin-bottom: 8px;
}

.podcasts  .modal-problem form .form__item input {
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 30px;
    padding-left: 39px;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 17px;
    color: #000;
    padding-top: 12px;
    padding-bottom: 10px;
    outline: none;
    width: 100%;
}

.podcasts  .modal-problem form button {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    background: #777;
    border-radius: 30px;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    color: #FFFFFF;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 106px;
    padding-right: 106px;
    border: none;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    outline: none;
}

.podcasts .modal-problem form .form__item input:focus,
.podcasts .modal-problem form textarea:focus{
    border-color: #777;
}

.podcasts  .modal-problem form textarea {
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline: none;
    padding-top: 15px;
    padding-left: 15px;
}

.podcasts .modal-problem.active {
    display: block;
}




.podcasts .listen-first:hover {
    color: #fff;
}

.podcasts .listen-first {
    margin-top: 0;
    margin-right: 8px;
    border: none;
    text-align: center;
}



.podcasts input[name="name"] {
    background-image: url(/design/images/podcast/name.png);
    background-repeat: no-repeat;
    background-position: 15px;
}

.podcasts input[name="email"] {
    background-image: url(/design/images/podcast/letter.png);
    background-repeat: no-repeat;
    background-position: 15px;
}


.podcasts .sorting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    margin-right: 0px;
    cursor: pointer;
}

/* .podcasts .sorting:hover .sorting__list{
    display: block;
    background: #f1f1f1;
    margin: 5px 30px;
} */
.podcasts .sorting__checkbox {
    display: none;
}
.podcasts .sorting__label {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    padding-top: 1px;
    padding-bottom: 8.5px;
    padding-left: 10px;
    background: #FFFFFF;
    border-radius: 20px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #777;
    padding-right: 44px;
    min-width: 191px;
    color: #000;
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
}





.podcasts .js-sort-current:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('/design/images/podcast/ico-sort.svg');
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 4px;
}




.podcasts .sorting__list {
    background: #ccc;
    position: absolute;
    top: 18px;
    width: 100%;
    list-style-type: none;
    margin-bottom: 0;
    padding: 8px 10px;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1px;
    background-color: #fff;
    color: #000;
    display: none;
    max-width: 153px;
    -webkit-box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 1;
    min-width: 158px;
    background: #f1f1f1;
    margin: 5px 30px;
    
}
.podcasts .sorting__item {
    margin-bottom: 10px;
    cursor: pointer;
}
.podcasts .sorting__item:hover {
    color: #000;
}
.podcasts .sorting_title{
    color:#777777;
    font-size: 16px;
    line-height: 20px;
}

.podcasts .sorting__checkbox:checked ~ .sorting__list {
    display: block;
}

.podcasts .podcast__play {
    display: none;
    position: absolute;
    top: 48% !important;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    font-size: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    background: transparent;
    outline: none !important;
}

.podcasts .podcast_player_wrap:hover .player__logo.logo, 
.podcasts .podcast_player_wrap.active  .player__logo.logo {
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
}  


.podcasts .podcast:hover .podcast__play,
.podcasts .podcasts__podcast.active .podcast__play {
    display: block;
}
.podcasts .podcast__play.play::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    background-image: url("/design/images/podcast/play-list.svg?v=2");
    background-repeat: no-repeat;
    background-size: 44px 44px;
}
.podcasts .podcast__play.pause::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    background-image: url("/design/images/podcast/pause-one-podcast1.svg?v=2");
    background-size: 44px 44px;
    background-repeat: no-repeat;
}

.podcasts .player {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 100%;
    margin-bottom: 10px;
    padding: 8px 40px;
    background: #000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-bottom: 0;
}

.controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.podcasts .controls__cover {
    margin-right: 10px;
    opacity: 1;
    display: block;
    width: 66px;
    height: 66px;
    border: none;
}

.podcasts .controls__titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    letter-spacing: 0.1px;
    width: 100%;
}

.podcasts .controls__titles a:hover {
    text-decoration: none;
}
.podcasts .controls__titles--author,
.podcasts .controls__titles--track { 
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.controls__titles--author {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 6px;
}
.podcasts .controls__titles--author a {
    color: #fff;
}
.podcasts .controls__titles--track a {
    color: #777777;
}
.podcasts .controls__titles--track.hidden {
    display: none;
}
.podcasts .controls__titles--track.hidden:before {
    display: none;
}

.podcasts .controls__titles--track {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(255, 255, 255, 0.6);
}

.podcasts .controls__playlist {
    background-image: url('/design/images/podcast/wait.svg');
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    margin-right: 30px;
    background-color: transparent;
    border: none;
    outline: none;
}


.podcasts .volume {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px;
    position: absolute;
    right: -220%;
}

@media only screen and (max-width: 1024px){
    .podcasts .volume {
        right: -120%;
    }
    .podcasts .controls__titles{
        width: 76%;
    }
}

.podcasts .volume__wrapper {
    position: relative;
    width: 70px;
    height: 7px;
    background: #D9D9D9;
    cursor: pointer;
    border-radius:20px;
}
.podcasts .volume__line {
    width: 100%;
    height: 7px;
    background: #FFDD00;
    border-radius: 40px;
}
.podcasts .volume__handler {
    margin-left: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    background: #fff !important;
    border: none;
    border-radius: 50%;
    -webkit-transform: translate(-4px, -4px);
        -ms-transform: translate(-4px, -4px);
            transform: translate(-4px, -4px);
    cursor: pointer;
    outline: none;
    -webkit-box-shadow: 0px 0px 1px #fff;
            box-shadow: 0px 0px 1px #fff;
}


.podcasts .volume__button {
    margin-right: 5px;
    width: 26px;
    height: 26px;
    background-image: url('/design/images/podcast/speaker.svg?v=4');
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    background-position: center;
    background-size: contain;
}
.podcasts .volume__button.muted {
    background-image: url('/design/images/podcast/mute.svg?v=4');
}

.podcasts .timeline {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    width: 100%;
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 11px;
    color: #999;
    transition: ease-in-out 0.2s;
}
.podcasts .timeline:hover{
    height: 20px;
    transition: ease-in-out 0.2s;
}
.podcasts .timeline__wrapper {
    width: 100%;
    height: inherit;
    background: #B2B2B2;
    cursor: pointer;
}
.podcasts .timeline__progress {
    background: #ffdd00;
    width: 0;
    height: inherit;
}
.podcasts .timeline__current {
   position: absolute;
   top: -20px;
   left: 5px;
   font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    color: rgba(60, 60, 67, 0.65);
}
.podcasts .timeline__duration {
    position: absolute;
    top: -20px;
    right: 5px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    color: rgba(60, 60, 67, 0.65);
}

.podcasts .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.podcasts .buttons button {
    border: none;
    outline: none;
    background-color: #000;
    cursor: pointer;
    background-repeat: no-repeat;
}

.podcasts .buttons__prev {
    background-image: url('/design/images/podcast/ico-prev.svg');
    width: 31px;
    height: 19px;
    margin-right: 20px;
}
.podcasts .buttons__next {
    background-image: url('/design/images/podcast/ico-next.svg');
    width: 34px;
    height: 19px;
    margin-left: 20px;
}
.podcasts .buttons__prev:disabled,
.podcasts .buttons__next:disabled {
    opacity: 0.25;
    cursor: not-allowed;
}

.podcasts .buttons__play {
    background-image: url('/design/images/podcast/play.svg?v=3');
    width: 47px;
    height: 47px;
    background-color: none;
    margin-top:5px;
}
.podcasts .buttons__play.pause {
    background-image: url('/design/images/podcast/pause.svg?v=2');
    background-color: none;
    width: 47px;
    height: 47px;
}

.podcasts .podcast_player_wrap:hover .podcast__play {
    display: block;
}






.podcasts .modal-list-wait .player__logo {
    width: 60px;
}

.podcasts .modal-list-wait .podcast__playlist {
    background-image: url('/design/images/podcast/basket.svg?v=2');
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-color: transparent;
    border: none;
    outline: none;
}
.podcasts .modal-list-wait .podcast__playlist:hover {
    background-image: url('/design/images/podcast/basket_black.svg?v=2');
    
}

.podcasts .show-more-hide {
    position: absolute;
    right: 2px;
    width: 203px;
    padding-left: 12px;
    padding-top: 15px;
    padding-right: 7px;
    margin: 0;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding-bottom: 10px;
    display: none;
    top: 20px;
}


.podcasts .show-more-hide.active {
    display: block;
}
.podcasts .show-more-hide svg {
    margin-right: 10px;
}

.podcasts .podcasts__item-more ul li {
    list-style-type: none;
    line-height: 1px;
    margin-bottom: 10px;
}

.podcasts .podcasts__item-more ul li a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    text-decoration: none;
    
}

.podcasts .podcasts__item-more {
    color: #fff;
    margin-right: 29px;
}
.podcasts .podcasts__item-more {
   position: relative;
}
.podcasts .podcasts__item-more ul li {
    list-style-type: none;
    line-height: 1px;
    margin-bottom: 10px;
}

.podcasts podcasts__item-more ul li a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    text-decoration: none;
    
}


.podcasts .show-more-hide .podcast-list-wait button{
    border: none;
    color: #000;
    outline: none;
    background-color: #fff;
}

.podcasts .show-more-modal__link {
    margin-right: 0;
}

.podcasts .modal-list-wait .podcasts {
    padding-left: 8px;
    padding-right: 8px;
}

.podcasts .modal-list-wait .player__logo {
    position: relative;
    top:5px;
}

.podcasts .modal-list-wait .podcast_player_wrap.active .player__title,
.podcasts .modal-list-wait .podcast_player_wrap:hover .player__title {
    color: #777777;
}

.podcasts .modal-list-wait .podcast__playlist {
    position: absolute;
    right: 37px;
    top: calc(50% - 26px / 2);
}

.podcasts .modal-list-wait .podcast_player_wrap {
    position: relative;
}

.podcasts .modal-list-wait .podcasts__item-like {
        margin-right: -8px;
}


.podcasts .modal-share.active + .podcasts__share-wrap {
    display: block;
}

.playlist{
    width: 92%;
}

.podcasts .tale button {
    outline: none;
}
    @media (max-width: 768px) {
        .podcasts .tale button {
            white-space: nowrap;
        }
    }


.podcasts .mobile {
    display: none;
}




.podcasts .podcast__playlist:disabled {
    color: rgb(130 130 130 / 60%) !important;
    background-color: transparent;
}


.podcasts .link-back:before {
    content: '';
    width: 25px;
    height: 25px;
    background-image:#000 url('/design/images/podcast/back.svg');
    background-repeat: no-repeat;
}

.podcasts .podcast-list__listen-more {
    border: 2px solid transparent;
}
.podcasts  .js-item.hidden {
     display: none;
 }
 
.podcasts  .podcast-list__listen-more.hidden {
     display: none;
 }
 
 
.podcasts .other-btn .modal-share {
    width: 44px;
    height: 44px;
    background: url('/design/images/podcast/share-link.png') center center no-repeat;
    border-radius: 44px;
    cursor:pointer;
    opacity: 0.6;
    top: 20px !important;
    position: absolute;
    left: 210px;
    z-index: 2;
    transition: ease-in-out 0.2s;
}
.podcasts .other-btn .modal-share:hover,
.podcasts .other-btn .modal-share.active{
    opacity: 1.0;
    transition: ease-in-out 0.2s;
}

.podcasts .podcast__right .modal-share:before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(/design/images/podcast/modal-share.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    vertical-align: bottom;
    margin-right: 10px;
}


.podcasts .podcast__right .podcast__playlist{
    background-image: url('/design/images/podcast/add-list-ic.svg');
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    font-size: 0;
    border: none;
    background-color: transparent;
    margin-right: 29px;
}
.podcasts .podcast__right .podcast__playlist:hover{
    /*background-image: url('/design/images/podcast/add-list-ic-b.svg') !important;*/
}

.podcasts .podcast__right .podcast__playlist:disabled:before {
    content: 'Добавлено';
    display: inline-block;
}


.podcasts .podcast__right .form-problem:before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(/design/images/podcast/form-button.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    vertical-align: bottom;
    margin-right: 10px;
}


.podcasts .modal-problem__close-button,
.podcasts .modal-list-wait__close-button {
    background-image: url('/design/images/podcast/close-form.svg?v=3');
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
    display: block;
}


.podcasts .right-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.podcasts .footerPlayer__share {
    width: 26px;
    height: 28px;
    position: relative;
    background-image: url('/design/images/podcast/share-footer.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 30px;
}

.podcasts .footerPlayer__share.js-toggle.active .podcasts__share-wrap {
    display: block;
}
.podcasts .footerPlayer__like .podcasts__item-like_btn{
    background: url(/design/images/podcast/like-gray2.svg) center center no-repeat;
    width: 26px;
    height: 30px;
    margin-top: 0px;
}
.podcasts .footerPlayer__like .podcasts__item-like_btn:hover{
    background: url(/design/images/podcast/like-gray-hover.svg) center center no-repeat;
    width: 26px;
    height: 30px;
    margin-top: 0px;
}

.podcasts .footerPlayer__right-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: absolute;
    right: 0;
}

@media (max-width: 900px) {
    .podcasts .podcast-list__container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 810px) {
    .podcasts .player__title {
      height: 80px !important;
      overflow: hidden;
    }
}

@media (max-width: 768px) {
    
    .podcasts .tale .podcasts__share {
        padding-left: 0;
    }
    
    .tale .other-btn .podcasts__share-wrap {
        width: 101px;
    }
    
    
    .footerPlayer__like{
        display:none;
    }
    .podcasts .mobile {
        display: block;
    }
    
    .podcasts .tale-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    
    .podcasts .tale-info__img {
        margin-right: 0 !important;
        max-width: 148px !important;
        margin-bottom: 4px !important;
    }
    .podcasts .tale-info__head {
        font-size: 20px !important;
        line-height: 25px !important;
        margin-bottom: 12px !important;
        margin-top: 4px !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important; 
        text-align: center !important;
        font-weight: bold !important;
    }
    
    .podcasts .tale-info__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
    }
    
    .podcasts .tale-info__description {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }
    
    .podcasts .tale .tags-list .tag,
    .podcasts .tale .tags-list .tagNew{
        font-size: 13px;
        min-width: max-content;
        margin-bottom: 12px;
    }
    
    .podcasts .tale-info .tags-list {
        display: flex;
        overflow-y: scroll;
        max-width: 320px;
        align-self: center;
        flex-wrap: nowrap;
    }
    
    .podcasts .listen-first {
        margin-top: 0px;
    }
    
    .podcasts .other-btn {
        margin-bottom: 20px;
        margin-top: 0;
    }
    
    .podcasts .tags-list .tag
    .podcasts .tags-list .tagNew{
        margin-bottom: 12px;
    }
    
    .podcasts .tale-info__description h2 {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 22px;
        color: #000000;
        margin-top: 0;
        margin-bottom: 4px;
    }
    
    .podcasts .tale-episodes h2 {
        margin-top: 20px !important;
        line-height: 22px !important;
        margin-left: 0px !important;
        margin-bottom: 21px !important;
        font-size: 20px !important;
    }
    
    .podcasts .sorting {
        margin-right: -34px;
    }
    .podcasts .tale-episodes__list {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .podcasts .player__title {
        font-size: 13px !important;
        margin-bottom: 0 !important;
        margin-top: 5px !important;
        line-height:21px;
    }
    .podcasts .other-btn {
          display: flex;
          position: inherit !important;
          top: inherit !important;
          width: 83%;
        }
    .podcasts .player__duration {
        font-size: 10px !important;
    }
    
    .podcasts .tale-episodes__list .player__logo .logo {
        max-width: 44px !important;
    }
    
    .podcasts .podcast_player_wrap:last-child {
      border-bottom: none;
    }
    
    .podcasts .podcasts__item-more {
        background-image: url('/design/images/podcast/more-black.svg');
        margin-right: 0;
    }
    
    .podcasts .podcast__right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    .podcasts .podcasts__item-like_count {
        margin-right: 0;
        font-size: 15px;
       margin-left: 5px;
    }
    
    .podcasts .podcasts__item-like_btn {
        margin-right: 0;
        margin-top: 0;
    }
    
    .podcasts .podcasts__item-like {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        margin-right: 9px;
        flex-wrap: nowrap;
    }
    
    .podcasts .podcast_player_wrap:hover .podcasts__item-more,
    .podcasts  .podcast_player_wrap.active .podcasts__item-more {
        
    }
    
    .podcasts .podcast__play.pause::before {
        width: 32px;
        height: 32px;
        background-size: contain;
    }
    
    .podcasts .podcast__play.play::before {
        width: 32px;
        height: 32px;
        background-size: contain;
    }
    
    .podcasts .player {
        padding: 8px 6px;
        padding-bottom: 10px;
    }
    
    .podcasts .controls__titles--author {
        font-size: 13px;
        margin-bottom: 0;
    }
    
    .podcasts .controls__titles--track {
        font-size: 11px;
        line-height: 18px;
    }
    
    .podcasts .right-controls {
        display: none;
    }
    
    .podcasts .buttons__prev,
    .podcasts .buttons__next {
        display: none;
    }
    
   .podcasts  .controls__volume {
        display: none !important;
    }
    
    .podcasts .buttons {
        position: absolute;
        top: 40%;
        left: calc(84% - 15px);
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        margin-left: auto;
        margin-right: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        z-index: 12;
    }
    
    .podcasts .footerPlayer__right-controls {
        background-image: none;
        background-repeat: no-repeat;
        width: auto;
        height: auto;
        position: static;
    }
    
    .podcasts .footerPlayer__right-controls .right-controls {
        display: block;
        position: static;
        right: 10px;
        width: auto;
        background: #fff;
    }
    
    .podcasts .footerPlayer__right-controls .right-controls .footerPlayer__share {
        display: none;
    }
    
    .podcasts .footerPlayer__right-controls .right-controls .footerPlayer__like {
        display: none;
    }
    
    .podcasts .controls__playlist {
        background-image: url(/design/images/podcast/hide-wait-list.svg);
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        margin-left: 10px;
        margin-top: 9px;
    }
    
    .podcasts .main__bottom-section.js-player.active .footerPlayer__right-controls {
        position: absolute;
        top: 20px;
    }
    
    
    
    .podcasts .main__bottom-section.js-player.active .controls__playlist {
        margin: 0;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
        top: 0;
        top: 2px;
        left: 16px;
    }
    
    .podcasts .main__bottom-section.js-player.active .footerPlayer__right-controls .right-controls .footerPlayer__like {
        display: block;
    }
    
    
    .podcasts .right-controls .controls__playlist,
    .podcasts .right-controls .footerPlayer__share {
        margin-right: 0;
    }
    
    .podcasts .main__bottom-section.active .player {
        top: 0;
        bottom: inherit;
        position: absolute;
        padding-bottom: 0;
        margin-left: -16px;
    } 
    
   .podcasts  .main__bottom-section.active .controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .podcasts .main__bottom-section.active {
        height: 100%;
        position: fixed;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 999;
    }

    
    .podcasts .main__bottom-section.active .controls__cover {
        max-width: 150px;
        width: 100%;
        margin-top: 75px;
        height: auto;
        opacity: 1;
        margin-right: 0;
        width: 150px;
        margin-bottom: 62px;
    }
    
    .podcasts .main__bottom-section.active .modal-list-wait.active {
        top: calc(0% + 430px);
    }
    
    .podcasts .main__bottom-section.active .controls__titles--author {
        position: absolute;
        top: 25px;
        font-size: 14px;
        width: 100%;
        left: 0;
        text-align: center;
        z-index: 9;
        max-width: 259px;
        margin: 0 auto;
        right: 0;
    }
    
    .podcasts .main__bottom-section.active .timeline {
        position: relative;
        max-width: 340px;
        margin: 0 auto;
        top: 15px;
        width: 332px;
        position: absolute;
        top: 60px;
        margin: 0 0 0 30px;
        display: block;
    }
    .podcasts .main__bottom-section.active .timeline__current,
    .podcasts .main__bottom-section.active .timeline__duration {
        bottom: inherit;
        top: 7px;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: normal;
        line-height: 22px;
        color:#777;
    }
    
    .podcasts .footerPlayer .controls__cover {
        opacity: inherit;
    }
    
    
    .podcasts .main__bottom-section.active .buttons {
        position: absolute;
        top: calc(100% + -9px);
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        margin-left: auto;
        margin-right: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #000;
        border-radius: 40px;
        padding: 5px 10px;
        z-index: 1;
    }
    
    .podcasts .main__bottom-section.active .buttons button {
        display: block;
    }
    
    .podcasts .main__bottom-section.active .marque-block {
        position: absolute;
        left: 0;
        right: 0;
        top: 240px;
        margin: 0 auto;
        animation: marque 14s linear infinite;
        z-index: 50;
    }
    
    .podcasts .main__bottom-section.active .controls__titles--track {
        font-size: 16px;
        line-height: 18px;
        color: #fff;
        position: static;
        right: inherit;
        font-weight: bold;
        max-width: 316px;
        padding-top: 0px;
        padding-bottom: 8px;
        width: 100%;
        min-height: 62px;
    }
    
    .podcasts .modal-list-wait h2 {
        font-size: 17px;
        margin-top: 10px !important;
        margin-left: 16px;
        margin-bottom: 14px;
    }
    
    .podcasts .modal-list-wait .podcasts {
        padding-left: 17px;
        padding-right: 17px;
    }
    
    .podcasts .main__bottom-section.active  .right-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        background: #000;
    } 
        
    .podcasts .main__bottom-section.active .footerPlayer__right-controls.active .right-controls {
        top: 0;
        width: 100%;
    }  
    
    .podcasts .main__bottom-section.active .right-controls .footerPlayer__share {
        display: none;
    }
    
    .podcasts .main__bottom-section.active .footerPlayer__right-controls {
        width: 100%;
        background-image: none;
        right: 0;
        top: 20px;
        padding-left: 17px;
        padding-right: 10px;
    }
    .podcasts .main__bottom-section.active .right-controls .controls__playlist {
        background-image: url('/design/images/podcast/hide-wait-list.svg');
    }
    
    .podcasts .main__bottom-section.active .right-controls .podcasts__item-like_btn {
        background-image: url('/design/images/podcast/like-black.svg');
    }
    
    .podcasts .main__bottom-section.active .podcasts__item-like_count {
        display: none;
    }
    
    .podcasts .main__bottom-section.active .footerPlayer__right-controls.active .right-controls {
        width: 100%;
        -webkit-box-shadow: none;
                box-shadow: none;
        border: none;
        background: transparent;
        position: static;
        padding: 0;
    }
    
    
    
    .podcasts .main__bottom-section.active .podcast_player_wrap .js-playlist-track-group {
        display: none;
    }
    
    .podcasts .main__bottom-section.active .podcasts__play-about_wrap {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    
    .podcasts .main__bottom-section.active  .modal-list-wait .podcast__playlist {
        margin-left: 14px;
    }
    
    .podcasts .main__bottom-section.active .modal-list-wait .player__logo {
        width: 44px;
    }
    
    .podcasts .main__bottom-section.active .modal-list-wait .podcast_player_wrap {
        padding: 5px 10px;
    }
    .podcasts .main__bottom-section.active .modal-list-wait .podcast__playlist {
        position: static;
    }
    
    .podcasts .main__bottom-section.active .podcast_player_wrap:hover, 
    .podcasts .main__bottom-section.active .podcast_player_wrap.active {
        margin-left: -10px;
        padding-right: 22px;
    }
    
    .podcasts .player__title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal !important;
        height: 44px;
    }
    
    
    .podcasts .random-podcast h2 {
        font-size: 24px;
        line-height: 41px;
        margin-bottom: 21px;
        margin-left: 0px;
    }
    
    .podcasts .random-podcast .podcast__list {
        margin-left: 15px;
        overflow-y: scroll;
    }
    
    .podcasts .random-podcast .podcast__item .podcast__logo {
        width: 148px;
    }
    
    .podcasts .random-podcast .podcast__item {
        margin-right: 16px;
    }
    
    
    .podcasts .random-podcast .podcast__item .podcast__title {
        font-size: 12px;
        line-height: 18px;
        margin-top: 6px !important;
        margin-bottom: 2px !important;
    }
    
    .podcasts .random-podcast .podcast__item .podcast__count {
        font-size: 11px;
        line-height: 13px;
    }
    
    
    
     ::-webkit-scrollbar {
        width: 12px !important;
     }
    
     /* Трек */
    ::-webkit-scrollbar-track {
       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
       -webkit-border-radius: 10px !important;
       border-radius: 10px !important;
     }
    
     /* при наведение */
     ::-webkit-scrollbar-thumb {
       -webkit-border-radius: 10px !important;
       border-radius: 10px !important;
       background: #41617D !important; 
       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
    
     }
     ::-webkit-scrollbar-thumb:window-inactive {
       background: #41617D !important; 
     }
    
    
    .podcasts .tale-episodes__list .player__logo {
        max-width: 44px;
        width: 100%;
        top:9px;
    }
    
    .podcasts  .modal-problem h2 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 18px;
    }
    
    .podcasts  .modal-problem {
        padding-left: 16px;
        padding-right: 16px;
        position: fixed;
        top: 10%;
    }
    
    .podcasts .podcast-list .podcast-list__tags-list .tag,
    .podcasts .podcast-list .podcast-list__tags-list .tagNew{
        font-size: 12px;
        line-height: 11px;
        white-space: nowrap;
    }
    
    .podcasts .podcast-list h2 {
        font-size: 30px;
        line-height: 35px;
        margin-top: 13px;
        margin-left: 0px;
        margin-bottom: 13px;
    }
    
    .podcasts .podcast-list .podcast-list__tags-list {
        margin-left: 16px;
        overflow-y: scroll;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    
    .podcasts .podcast-list__container {
        -ms-grid-columns: 1fr 15px 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px;
        row-gap: 18px;
        margin-left: 16px;
        margin-right: 16px;
        justify-items: center;
        padding:0;
    }
    
    .podcasts .podcast__item {
        margin-right: 0px;
    }
    
    .podcasts .podcast__item .podcast__title {
        margin-top: 6px !important;
        margin-bottom: 2px !important;
        font-size: 12px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    
    .podcasts .podcast__item .podcast__count {
        font-size: 12px;
    }
    
    .podcasts .tale .link-back {
        margin-left: 17px !important;
    }
    
    .podcasts .tale {
        padding-top: 17px;
    }
    .podcasts .podcast__list.main-title {
        margin-left: 16px;
        overflow-y: scroll;
    }
    .podcasts .podcast__list.main-title .podcast__logo{
        width: 148px;
    }
    
    .podcasts .podcast__list.main-title .podcast__item {
        margin-right: 16px;
    }
    
    .podcasts .tales-podcast .index__tales_title_link-icon{
        display: none;
    }
   .podcasts .modal-list-wait__head{
        font-size:27px;
    }
    .podcasts .modal-list-wait__close-button {
      top: 33px;
      right: 83px;
    }
    .podcasts .player__title{
        height: 38px !important;
    }
}

.podcasts .js-playlist-track-group {
    display: block;
    margin-left: 10px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.6);
}
.podcasts .random-podcast  .podcast__item .podcast__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.podcasts .podcast_player_wrap:hover .js-playlist-track-group,
.podcasts .podcast_player_wrap.active  .js-playlist-track-group {
    color: #777;
}

.podcasts .podcast_player_wrap:hover .js-playlist-track-duration,
.podcasts .podcast_player_wrap.active  .js-playlist-track-duration {
    color: #777;
}

.podcasts .podcasts__item-like_btn.voted, 
.podcasts .podcasts__item-like_btn.voted:hover {
    background-position: center;
    width: 26px;
    height: 26px;
    transform: rotate(-10deg);
}

.podcasts .podcasts__show-more_button,
.podcasts .podcasts__show-more_button:focus {
    outline: none;
}

.podcasts .index__tales-title {
    margin-left: 36px;
}

.podcasts .podcast__list.main-title .podcast__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.podcasts .podcasts__item-like_btn {
    margin-right: 8px;
}

.podcasts .tale .footerPlayer__share .podcasts__share {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}


.podcasts .tale .footerPlayer__share  .podcasts__share_bg-VK {
    background-position: -1px -92px;
    width: 30px;
    height: 30px;
    background-size: 60px;
}

.podcasts .tale .footerPlayer__share  .podcasts__share_bg-OK {
    background-position: -34px -2px;
    width: 30px;
    height: 30px;
    background-size: 60px;
}


.podcasts .tale .footerPlayer__share  .podcasts__share_bg-Facebook {
    background-position: -3px -2px;
    width: 30px;
    height: 30px;
    background-size: 60px;
}

.podcasts {
    position: relative;
}




.podcasts .modal-list-wait.active {
    z-index: 1;
    height: 80%;
    top: -390px;
}

.podcasts .show-more-modal__link:hover .show-more-hide {
    display: block;
}

.podcasts .controls__playlist:focus,
.podcasts .controls__playlist:active {
    outline: none;
}

.podcasts .footerPlayer__share:hover .podcasts__share-wrap {
    display: block;
}

.podcasts .footerPlayer__share .podcasts__share {
    -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 14%);
            box-shadow: 0px 5px 10px rgb(0 0 0 / 14%);
    border-radius: 5px;
    height: 55px;
    width: 120px;
    position: absolute;
    right: -20px;
    bottom: 0;
    z-index: 9999999999;
    padding: 5px;
    margin-left: 0;
    margin-bottom: 0;
    background: #fff;
}


@media (max-width: 768px) {
    .podcasts .podcasts__item-like_btn {
        margin-right: 0;
    }
    .podcasts .random-podcast h2 {
        font-size: 17px;
        line-height: 21px;
    }
}

.racy_300-400 {
  width: 300px;
  min-height: 400px;
  margin-bottom: 1.5rem;
  position: sticky;
  top: 130px;
  z-index: 1;
}
.totop {
  z-index: 10;
}


.podcasts .podcast__item.hide {
    display: none;
}

.podcasts .podcast-list__listen-more.hide {
    display: none;
}

.podcasts .js-player.active  .wrap {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1230px;
    margin: 0 auto;
    top: 390px;
}

@media (max-width: 768px) {
    .podcasts .js-player.active  .wrap {
        position: static;
        width: inherit;
        height: inherit;
        display: block;
        max-width: inherit;
        margin: inherit;
        top: 0;
    }
    
    .podcasts .main__bottom-section.active .modal-list-wait.active {
        max-height: 480px;
        height: 100%;
        width: 100%;
        margin-left: 0px;
        margin-top: -114px;
    }
    
    .podcasts .right-controls .podcasts__play-more.podcasts__item-more {
        position: absolute;
        top: 396px;
        right: 17px;
    } 
    
    .podcasts .footerPlayer__right-controls.js-toggle .mobile {
        display: none;
    }

    
    .podcasts .main__bottom-section.js-player.active .player__controls .mobile {
        display: none
    }
    
    .podcasts .main__bottom-section.active .controls__titles--author {
        max-width: 300px;
    }
    
    .podcasts .controls__playlist {
        position: absolute;
        right: 16px;
        top: 20px;
    }
    
   .podcasts .main__bottom-section.js-player.active .form-problem + .modal-problem.active {
       display: block;
       width: 360px;
       left: 0;
       z-index: 99;
       position: fixed;
       right: 0;
       top: 49%;
       
       
   }
   
   .podcasts .main__bottom-section.js-player .mobile .podcasts__play-more {
       display: none;
   }
   
    .podcasts .main__bottom-section.js-player.active .mobile .podcasts__play-more {
       display: block;
    }
    
   .podcasts  .modal-problem__close-button-player {
        background-image: url(/design/images/podcast/close-form.svg);
        background-repeat: no-repeat;
        width: 44px;
        height: 44px;
        display: block;
        position: absolute;
        top: 17px;
        right: 11px;
        cursor: pointer;
        z-index: 999999;
    }
    
     .podcasts .main__bottom-section.js-player.active .controls__titles--track {
        -o-text-overflow: initial;
           text-overflow: initial;
        height: 30px;
        min-height: auto;
        white-space: nowrap;
        overflow: initial;
        max-width: 1400px;
        width: 100%;
        
    }
    
    .podcasts .main__bottom-section.js-player.active .controls__titles--track.marque {
        -webkit-animation: marque 14s linear infinite;
                animation: marque 14s linear infinite;
        overflow: initial;
        width: auto;
    }
    
    .podcasts .main__bottom-section.js-player.active .controls__titles--track.marque1 {
        -webkit-animation: marque 40s linear infinite;
                animation: marque 40s linear infinite;
        overflow: initial;
        width: auto;
    }
    
    .podcasts .main__bottom-section.js-player:not(.active) .controls__titles--author, .main__bottom-section.js-player:not(.active) .controls__titles--track {
            max-width: 173px;
            color:#fff;
    }
    
    .podcasts .main__bottom-section.js-player .js-playlist-button {
        width: 100vw;
        background-position-x: 0px;
        background-position-y: center;
    }
    
    .podcasts .main__bottom-section.js-player.active .js-playlist-button {
        width: 30px;
    }
    .podcasts .main__bottom-section.js-player.active .footerPlayer__like .podcasts__item-like_btn.voted {
        background-image: url(/design/images/podcast/like-gray2.svg);
        display: none;
    }

    
}

.podcasts .podcast_player_wrap:hover .podcast__right  .podcast__playlist, 
.podcasts .podcast_player_wrap.active .podcast__right  .podcast__playlist {
    background-image: url('/design/images/podcast/add-list-ic.svg')
}
.podcasts .podcast__right .podcast__playlist:disabled {
    background-image: none;
}
.podcasts .podcast_player_wrap:hover .podcast__right  .podcast__playlist:disabled, 
.podcasts .podcast_player_wrap.active .podcast__right .podcast__playlist:disabled {
   background-image: none;
}




.podcasts .tale-info__description p.overflow {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.podcasts .show-hide {
    display: none;
}

.podcasts .show-hide.active {
    display: block;
}

@-webkit-keyframes marque {
    from {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    
    50% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    
    to {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}
@keyframes marque {
    from {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    
    50% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    
    to {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}
@media (max-width: 1024px) {
    .podcasts .controls__titles--track {
        max-width: 236px !important;
        white-space: normal;
        font-size: 13px;
    }
}


        

@media (min-width: 769px) {
    .podcasts .controls__titles--track {
        max-width: 376px;
        white-space: pre-wrap;
    }
}

@media (max-width: 768px) {
    .podcasts .controls__titles--track {
        width: 212px;
    }
}

.podcasts .js-toggle-problem {
    width: 44px;
    height: 44px;
    background-image: url(/design/images/podcast/problem-icon.svg);
    background-repeat: no-repeat;
    border-radius: 44px;
    -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 14%);
            box-shadow: 0px 5px 10px rgb(0 0 0 / 14%);
    margin-left: 8px;
    font-size: 0;
}


.podcasts .checkbox_line {
    fill: none;
    stroke: #666;
    stroke-width: 10;
    stroke-miterlimit: 10;
    stroke-dasharray:0, 154;
}
.podcasts .checkbox_svg .checkbox_line {
    -webkit-animation: checked 1s ease 1 forwards;
            animation: checked 1s ease 1 forwards;
}

.podcasts .checkbox_svg {
    width: 26px;
    display: none;
    color:#777;
}



.podcasts .podcast_player_wrap:hover .checkbox_line, 
.podcasts .podcast_player_wrap.active .checkbox_line {
    stroke: #7f7f7f;
}

.podcasts .podcast__right .podcast__playlist:disabled > .checkbox_svg {
    display: block;
    border-radius: 44px;
    cursor: not-allowed;
}


/* Убираем рекламу снизу и сверxу */
.mtt-adhesion-container,
.M_Top,
.D_Top,
.mtt-fullscreen{
    /*display:none;*/
}



@-webkit-keyframes checked {
    from {
        stroke-dasharray: 0, 154;
    }
    to {
        stroke-dasharray: 140, 154;
    }
}

@keyframes checked {
    from {
        stroke-dasharray: 0, 154;
    }
    to {
        stroke-dasharray: 140, 154;
    }
}




@media(max-width: 768px) {
    .podcasts .podcast__right .podcast__playlist {
        margin-right: 10px;
    }
    .podcasts .index__tales-title {
        margin-left: 0;
    }
    .podcasts .podcast_player_wrap {
        cursor: pointer !important;
    }
    
    .podcasts .podcast__play {
        cursor: pointer !important;
    }
    .podcasts .podcast_player_wrap .podcast__play.play {
        width: 420px;
        height: 70px;
        display: block !important;
        opacity: 1;
        cursor: pointer !important;
        top:31px !important;
    }
    .podcasts .podcast_player_wrap .podcast__play.pause {
        opacity: 1;
        width: 420px;
        height: 70px;
        cursor: pointer !important;
    }


    .podcasts .podcast_player_wrap.active .podcast__play.play,
    .podcasts .podcast_player_wrap:hover .podcast__play.play{
        opacity: 1;
        width: 420px;
        height: 70px;
        cursor: pointer !important;
        top:31px !important;
    }
    
    .podcasts .podcast_player_wrap .plblock.podcast__play.play,
    .podcasts .podcast_player_wrap .plblock.podcast__play.pause,
    .podcasts .podcast_player_wrap.active .plblock.podcast__play.pause{
        cursor: pointer !important;
        top:28px !important;
    }
    
    .podcasts .modal-problem {
        z-index: 999999;
        height: 100%;
        top: 0;
        border-radius: 0;
    }
    body.lock {
        overflow: hidden !important;
    }
    .podcasts .podcast_player_wrap.active .podcast__play.pause {
      display: block !important;
      top: 28px !important;
    }
}

@media (min-width: 769px) {
    .podcasts .footerPlayer__right-controls .controls__playlist {
        background-image: url(/design/images/podcast/ico-playlist.svg);
    }

    .podcasts .footerPlayer__right-controls .right-controls {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}

.podcasts .error-message {
    font-family: 'Montserrat', sans-serif;
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
    margin-bottom: 0;
}

.podcasts input.invalid, textarea.invalid {
    border-color: #E7414C !important;
}

.podcasts input.valid, textarea.valid {
    border-color: #69CD63 !important;
}

.podcasts .input-name, 
.podcasts .input-email {
    position: relative;
}

.podcasts .input-name:before, 
.podcasts .input-email:before {
    content: '';
    width: 24px;
    height: 24px;
    top: 9px;
    left: 9px;
    position: absolute;
    background-repeat: no-repeat;
}

.podcasts .input-name:before {
    background-image: url(/design/images/podcast/profile.svg);
}

.podcasts .input-email:before {
    background-image: url(/design/images/podcast/mail.svg);
}

.podcasts .podcast__list.main-title .podcast__item {
    margin-right: 30px;
}

.podcasts .tale-episodes__list .podcast__right .podcast-list-wait {
    display: flex;
    margin: 0 auto;
}


.podcasts .random-podcast  .simplebar-track.simplebar-horizontal {
    height: 10px;
    
}



.podcasts .random-podcast .simplebar-track {
  background: #f1f1f1 !important;
  border-radius: 0px !important;
}
.podcasts .random-podcast .simplebar-scrollbar::before{
    background: #000 !important;
    border-radius:none !important;
}



.podcasts .random-podcast .simplebar-scrollbar:before {
    background: #000 !important;
    border-radius: 0px !important;
    opacity: 1 !important;
    height: 10px !important;
    top: -2px !important;
}

.podcasts .podcast__list.main-title .simplebar-track {
    background: #777;
    border-radius: 10px;
}
 
 
.podcasts .podcast__list.main-title .simplebar-scrollbar:before {
    background: linear-gradient(87.96deg, #E74848 1.71%, #FFE24C 98.27%);
    border-radius: 50px !important;
    opacity: 1 !important;
    height: 11px !important;
    top: -2.5px !important;
}

.podcasts .podcast__list.main-title {
    margin-right: 20px;
    margin-left: 16px !important;
}


.podcasts .podcast__item_rec.last {
    display: flex;
    align-items: center;
    justify-content: center;
    
}




@media (max-width: 768px) {
    .podcasts .podcast__item .podcast__logo {
        max-width: 265px;
        width: 100%;
    }
    
    .podcasts .podcast__list.main-title .podcast__item {
        margin-right: 16px;
    }
}


.podcasts .index__tales-title.tales-podcast {
    padding-left: 18px !important;
    margin-bottom: 0;
}



.podcasts #links-block .modal-share.js-toggle {
    display: none;
}


@media (max-width: 1200px) and (min-width: 769px) {
    .podcasts .podcast__item .podcast__logo {
        max-width: 265px;
        width: 100%;
        width: 160px;
    }
}


.podcasts .podcasts__clear {
    display: none;
}
.podcasts .podcasts__clear.active {
    display: inline-block;
}
.podcasts .podcasts__add-notice {
    display: none;
    margin-left: 40px;
    margin-bottom: 20px;
}
.podcasts .podcasts__add-notice.active {
    display: block;
}

@media (max-width: 768px) {
    .podcasts .podcasts__add-notice {
        margin-left: 20px;
    }
}

.podcasts .banner {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
}

.podcasts .banner img {
    width: 100%;

}

@media (max-width: 768px) {
    .podcasts .banner {
        padding-left: 0;
        padding-right: 0px;
    }
}

.podcasts .podcast__info {
    width: 26px;
    height: 26px;
    background: transparent;
    background-image: url('/design/images/podcast/info-gray.svg');
    background-repeat: no-repeat;
    border-radius: 26px;
    border: none;
    font-size: 0;
    margin-right: 30px;
}

.podcasts .podcast_player_wrap:hover .podcast__info,
.podcasts .podcast_player_wrap.active .podcast__info {
    background-image: url('/design/images/podcast/info-white.svg');
}

.podcasts .information[aria-hidden='true'] {
  display: none;
}

.podcasts .information {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    z-index: 9;
}

.podcasts .information__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.podcasts .information__ml {
    position: relative;
}

.podcasts .information main {
    width: 505px;
    padding-left: 32px;
    padding-right: 41px;
    padding-top: 47px;
    padding-bottom: 39px;
    background: #FFFFFF;
    box-shadow: 0px 5px 26px rgba(79, 128, 255, 0.3);
    border-radius: 20px;
}

.podcasts .information__close {
    background: none;
    border: none;
    border-radius: 30px;
    background-image: url('/design/images/podcast/info-close.svg');
    right: 11px;
    top: 13px;
    position: absolute;
    width: 30px;
    height: 30px;
}

.podcasts .information__title {
    margin-top: 0;
    margin-bottom: 22px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #4E80FF;
}

.podcasts .information__img {
    text-align: center;
    display: block;
    margin: 0 auto;
    max-width: 230px;
    width: 100%;
    height: 230px;
    margin-bottom: 23px;
}

.podcasts .information__subtitle {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #010002;
    margin-bottom: 12px;
}

.podcasts .information__description {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
}

.podcasts .information.active {
    display: block !important;
}

@media (max-width: 768px) {
    .podcasts .information main {
        padding-left: 24px;
        padding-right: 28px;
        padding-bottom: 31px;
        padding-top: 34px;
        box-shadow: 0px 3px 16px rgba(79, 128, 255, 0.3);
        border-radius: 12px;
        right: 0;
        left: 0;
        width: 340px;
        margin: 0 auto;
    }
    
    .podcasts .information__close {
        top: 8px;
        right: 9px;
        width: 26px;
        height: 26px;
        background-size: cover;
    }
    
    .podcasts .information__title {
        margin: 0 auto;
        margin-bottom: 20px;    
        font-size: 16px;
        line-height: 19px;
        max-width: 250px;
    }
    
    .podcasts .information__img {
        width: 156px;
        height: 156px;
        margin-bottom: 20px;
    }
    .podcasts .information__subtitle {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 16px;
    }
    
    .podcasts .information__description {
        font-size: 14px;
        line-height: 16px;
    }
    
    .podcasts .podcast__right {
        position: static;
        width: auto;
    }
    
    .podcasts .podcast_player_wrap {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    
    .podcasts .strips {
    font-size: 14px;
        line-height: 16px;
        font-family: 'Montserrat', sans-serif;
    }
    .podcasts .podcast__info {
        margin-right: 5px;
    }
    .podcasts .buttons__play.pause,
    .podcasts .buttons__play.pause{
        margin-top: 5px;
    }
    
}

body {
    background-image: none;
}







@font-face{
    font-family:'Moncerrat';
    src: url('/design/images/assets/fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face{
    font-family:'Moncerrat-Bold';
    src: url('/design/images/assets/fonts/Montserrat-Bold.ttf') format('truetype');
}

.podcasts header__info {
  height: 49px;
}
.podcasts .tale {
    padding-top: 36px;
}

.podcasts .tale .link-back {
    font-family: 'Moncerrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #010002;
    margin-bottom: 22px;
    text-decoration: none;
    display: block;
    margin-left: 40px;
    display: flex;
    align-items: center;
}

.podcasts .tale-info {
    display: flex ;
    padding-left: 0px;
    padding-right: 40px;
}

.podcasts .tale-info__img {
    max-width: 312px !important;
    width: max-content;
    border-radius: 0px;
    display: block;
    margin-right: 34px;
    max-height: 312px;
}

.podcasts .tale-info__head {
    font-family: 'Moncerrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #010002;
    margin-top: 0;
    margin-bottom: 18px;
}
.podcasts .tale-info__description {
    margin-bottom: 18px;
}
.podcasts .tale-info__description p {
    font-family: 'Moncerrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    margin: 0;
} 
.podcasts .tale-info__description p a {
    color: #236fa1;
    font-weight: 800;
    text-decoration: underline;
}
.podcasts .tale-info__description p a:hover {
    text-decoration: none;
}


.podcasts .show-more {
    font-family: 'Moncerrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #ffd100;
    text-decoration: none;
}

.podcasts .show-more span {
    color: #000;
    font-weight: normal;
}

.podcasts .tale .tags-list {
    display: flex;
    flex-wrap: wrap;
}

.podcasts .tale .tags-list .tag,
.podcasts .tale .tags-list .tagNew{
    margin-bottom: 5px;
}



.podcasts .tale .tags-list .tag,
.podcasts .tale .tags-list .tagNew{
    max-width: max-content;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: 'Moncerrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.5px;
    color: #777;
    background: #fff;
    border: 1px solid #777;
    border-radius: 30px;
    margin-right: 8px;
    cursor: pointer;
}

.podcasts .tale-episodes h2 {
    font-family: 'Moncerrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #010002;
    margin-bottom: 40px;
    margin-top: 58px;
    margin-left: 0px;
}

.podcasts .tale-episodes__list {
    padding: 0;
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    box-sizing: border-box;
}





.podcasts .tale-episodes__list .player__logo {
    position: relative;
}

.podcasts .tale-episodes__list .player__logo .logo {
    max-width: 66px;
    width: max-content;
}

.podcasts .tale-episodes__list .player.pause {
    background: -webkit-gradient(linear, 100% 0, 0 0, from(#777), to(#000));
    background: -webkit-linear-gradient(180deg, #777 0%, #000 100%);
    background: -moz-linear-gradient(180deg, #777 0%, #000 100%);
    background: -o-linear-gradient(180deg, #777 0%, #000 100%) ;
    background: linear-gradient(180deg, #777 0%, #000 100%);
    border-radius: 10px;
    color: #fff;
    padding-left: 13px;
    padding-right: 13px;
    margin-right: 27px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: -6px;
}

.podcasts .tale-episodes__list .player {
    border: none;
    background: #fff;
    padding-bottom: 12px;
    border-bottom: 1px solid  rgba(0, 0, 0, 0.15);
    margin-bottom: 12px;
    cursor: pointer;
}

.podcasts .tale-episodes__list .player:hover {
    background: -webkit-gradient(linear, 100% 0, 0 0, from(#777), to(#000));
    background: -webkit-linear-gradient(180deg, #777 0%, #000 100%);
    background: -moz-linear-gradient(180deg, #777 0%, #000 100%);
    background: -o-linear-gradient(180deg, #777 0%, #000 100%) ;
    background: linear-gradient(180deg, #777 0%, #000 100%);
    border-radius: 10px;
    color: #fff;
    padding-left: 13px;
    padding-right: 13px;
    margin-left: -6px;
    margin-right: 27px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.podcasts .tale-episodes__list .player:hover .player__logo .logo,
.podcasts .tale-episodes__list .player.pause .player__logo .logo {
 -webkit-filter: brightness(70%);
  filter: brightness(70%);
}
.podcasts .tale-episodes__list  .player__logo svg {
    display: none;
}
.podcasts .tale-episodes__list .player:hover .player__logo  svg,
.podcasts .tale-episodes__list .player.pause .player__logo  svg {
    display: block;
    position: absolute;
    top: calc(50% - 44px / 2);
    left: calc(50% - 44px / 2);
}



.podcasts .tale-episodes__list .player:hover .player__duration {
    color: #fff;
}

.podcasts .tale-episodes__list .player.pause .player__duration {
    color: #fff;
}

.podcasts .tale-episodes__list .player.pause {
    color: #fff;
}

.podcasts .player__title {
    font-family: 'Moncerrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
    margin-left: 10px;
    margin-bottom: -13px;
    margin-top: 0px;
    white-space: normal;
    height: 60px;
    margin-top: -20px;
    cursor: pointer;
}
.podcasts .player__title:hover {
    text-decoration: underline;
}

.podcasts .player__duration {
    color: #777777;
    margin-left: 10px;
    display: block;
    text-align: left;
    line-height: 18px;
    font-size: 14px;
}

.podcasts .listen-first {
    max-width: max-content;
    padding-top: 12.5px;
    padding-bottom: 12.5px;
    padding-right: 23px;
    padding-left: 23px;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    background: #FFDD00;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Moncerrat', sans-serif;
    position: relative;
    display: block;
    margin-top: 18px;
    border: 1px solid transparent !important;
}
.podcasts .listen-first:hover{
    background: #0C0D11;
    color: #fff;
}
.podcasts .listen-first.active {
    background: #0C0D11;
    color: #fff;
}

.podcasts .listen-first.active:hover {
    color: #fff;
}


.podcasts .tale-episodes__list .player.play .player__logo .pause-svg {
    display: none !important;
}

.podcasts  .tale-episodes__list .player.pause .player__logo  .play-svg {
     display: block !important;
 }
 
.podcasts .other-btn {
    display: flex;
    position: relative;
    top: 0px;
}

.podcasts .podcasts__share-wrap {
    display: none;
}


.podcasts .podcast_player_wrap:hover .podcasts__item-like_btn.voted, 
.podcasts .podcast_player_wrap.active .podcasts__item-like_btn.voted {
    background-image: url(/design/images/podcast/like-gray2--active.svg?v=2);
}

.podcasts .podcasts__item-like_btn.voted, 
.podcasts .podcasts__item-like_btn.voted:hover {
    background-image: url(/design/images/podcast/like-gray2--active.svg?v=2);
}
.podcasts .podcasts__clear {
    margin-left: 80px;
    margin-bottom: 20px;
    color: #777;
    font-size: 18px;
    border: none;
    background-color: transparent;
    outline: none;
}
.podcasts .podcasts__clear:hover {
    color: #000;   
}
.podcasts .podcasts__clear:focus {
    outline: none;
}
@media (max-width: 768px) {     
    .podcasts .podcasts__clear {
        margin-left: 16px;
        } 
    .podcasts .controls__titles--author.desktop {
        display: none;
    }
    .podcasts .controls__titles--author.mobile {
        display: block !important;
    }
    .podcasts .controls__titles--author.mobile:hover {
        color:#ebebeb;
    }
}


@media (min-width: 769px) {
    .podcasts .tale-episodes__list .player__logo .logo {
        width: 66px;
    }
    
    .podcasts .tale-episodes__list .player__logo {
        height: 66px;
    }
}

.podcasts .podcasts__share__item {
    width: 26px;
    height: 26px;
    margin-right: 0.4rem;
}

.header__wrapper .player {
    display: flex !important;
}











.podcasts__share{
    list-style-type:none;
    display: flex;
    flex-wrap:  nowrap;
}

.tale .other-btn .podcasts__share-wrap{
    position:absolute;
        bottom:-44px;
        background:#FFFFFF;
        box-shadow:0px 5px 10px rgba(0,0,0,0.4);
        border-radius:5px;
        height:39px;
        padding:6px;
        left: 210px;
        top: 22px;
        z-index: 1;
        width:150px;
}

.podcasts .other-btn .modal-share:nth-child(1) {
    display: none;
}

@media (max-width: 768px){
    .tale .other-btn .podcasts__share-wrap {
          position: absolute;
          bottom: -44px;
          background: #FFFFFF;
          box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
          border-radius: 5px;
          height: 39px;
          padding: 6px;
          left:73%;
          top: 20px;
          z-index: 1;
          width:124px;
    }
}
.tale .other-btn .podcasts__share-wrap.active{display:block}
.podcasts__share__item{width:32px;height:32px;background-repeat:no-repeat; font-size: 0}
.podcasts__share--VK{background:url("/design/images/podcast/share-icon/vk.svg");background-size: cover;}
.podcasts__share--OK{background:url("/design/images/podcast/share-icon/ok.svg");background-size: cover;}
.podcasts__share--COPY{background:url("/design/images/podcast/share-icon/link.svg");background-size: cover;}
.podcasts__share--WH{background:url("/design/images/podcast/share-icon/share-m.svg");background-size: cover;}


.podcasts__share_link{
    width: 26px !important;
    height: 26px;
    display: block;
    cursor:pointer;
}

@media (min-width: 768px){
    .podcasts__share--WH{display:none;}
}



.podcasts__share--copy{background:url("/design/images/podcast/share-icon/link.svg");}

.podcasts__share{
    justify-content:space-between;
}
#message-copy{
    display:none;
    background:#fff;
    padding:1px;
    text-align:center;
    border:1px solid #bfbfbf;
    border-radius:9px;
    position:relative;
    top:-77px;
    right:-47px;
    width:150px;
    font-size:13px;}

@media (max-width: 768px){
    #message-copy{top:-64px;right:-100px}
    
}

.footer{
    z-index:0;
}


@media (max-width: 480px){
   .podcasts .tale-episodes h2 {
       font-size: 13px !important;
   }
   .podcasts .sorting_title {
      color: #777777;
      font-size: 13px;
      line-height: 20px;
    }
    .podcasts .sorting__label {
        font-size: 14px;
        line-height: 18px;
    }

    .podcasts .tale-info__description {
      -webkit-box-ordinal-group: inherit;
        -moz-box-ordinal-group: inherit;
      -ms-flex-order: inherit;
      order: inherit;
    }
    .podcasts .player__title {
        font-size: 16px;
        line-height: 16px;
        margin-left: 10px;
    }
    .podcasts .main__bottom-section.active {
          top: 110px;
    }    
    .podcasts .modal-list-wait__close-button {
        top: 11px;
        right: 50px;
    }
    .podcasts .player__duration .js-playlist-track-duration{
        margin-top: 10px;
    }

}

@media (max-width: 375px){
    .tale .other-btn .podcasts__share-wrap {
        position: absolute;
        bottom: -44px;
        background: #FFFFFF;
        box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
        border-radius: 5px;
        height: 39px;
        padding: 6px;
        left: 61%;
        top: 60px;
        z-index: 1;
        width: 140px;
    }
     
    .podcasts .player__title {
        font-size: 11px;
        line-height: 14px;
        height: auto;
    }
    .podcasts .podcast_player_wrap:hover, .podcasts .podcast_player_wrap.active {
          width: calc(96% + 12px);
          transition: ease-in-out 0.2s;
    }
    
    .podcasts .podcast_player_wrap.active .podcast__play.pause {
      display: block !important;
      top: 31px !important;
    }
    .podcasts .main__bottom-section.active .timeline {
        width: 324px;
    }
}

@media (max-width: 340px){
    .podcasts .main__bottom-section.active .timeline {
          width: 283px;
    }
    .podcasts .modal-list-wait__close-button {
      top: 11px;
      right: 20px;
    }
}
@media (max-width: 320px){
    .podcasts .main__bottom-section.active .timeline {
      width: 263px;
    }
}