#unisound-video > a:hover, a {
    opacity: 1;
}



.block-loop-item .post-thumbnail {
    z-index: 9;
}

.layout-app .plyr-playlist {
background: #3c414b;
}

.plyr-playlist .plyr__controls .plyr__poster {
    width: 40px;
    height: 40px;
	border-radius: 5px;
}

.block-loop-hover .block-loop-item.active .post-thumbnail:after, .block-loop-hover .block-loop-item:focus .post-thumbnail:after, .block-loop-hover .block-loop-item:hover .post-thumbnail:after {
background: linear-gradient(180deg, #363a4300, #363a434a);	
}


.site-header {
color: #fff;	
}

.wp-block-columns {
display: flex;
gap: 2em;
}

.featured-image .entry-header-container {
	background-color: #484c59;
}

.featured-image .page .entry-header-container .entry-header {
z-index: 2;
}

form.customize-unpreviewable, form.customize-unpreviewable input, form.customize-unpreviewable select, form.customize-unpreviewable button  {
	background-color: #484c59;
}


.block-loop-hover .entry-header {
padding: 1rem 0.5rem 1rem 0.5rem!important;
}


.layout-app #site-navigation .nav li, h1, h2, h3, h4, h5, h6 {
font-family: 'PF BeauSans Pro Bold';
font-size: 1.3em;
}
h1 {
font-family: 'PF BeauSans Pro Bold';
font-size: 45px;
}

b, strong {
    font-family: 'PF BeauSans Pro Bold';
	color: #bebebe;
}


.site-logo a svg {
    width: 100%;
}

.click-zoomapps input[type=checkbox] {
  display: none
}
.page-header .nav a {
    font-weight: bold;
}
@media only screen and (min-width: 950px){
.click-zoomapps img {
  transition: 0.5s;
  cursor: zoom-in
}

.click-zoomapps input[type=checkbox]:checked~img {
		transform: scale(1.5);
    cursor: zoom-out;
    margin-left: 200px;
    z-index: 9999;
    position: absolute;
    margin-top: -200px;
}
	
}

.imageappsscr {
	padding: 5px
}

.heart:before {
  display: block;
  position: absolute;
}
.heart {
  position: relative;
  overflow: inherit;

  -webkit-animation: animateHeart 4s infinite;
  animation: animateHeart 4s infinite;
}
.heart:before,
.heart:after {
  position: absolute;
  -webkit-transform: rotate(-45deg) translateZ(0);
  transform: rotate(-45deg) translateZ(0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.heart:after {
  -webkit-transform: rotate(45deg) translateZ(0);
  transform: rotate(45deg) translateZ(0);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
@-webkit-keyframes animateHeart {
  0% {
    -webkit-transform: scale(0.8);
  }
  5% {
    -webkit-transform: scale(0.9);
  }
  10% {
    -webkit-transform: scale(0.8);
  }
  15% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(0.8);
  }
}
@keyframes animateHeart {
  0% {
    transform: scale(0.8);
  }
  5% {
    transform: scale(0.9);
  }
  10% {
    transform: scale(0.8);
  }
  15% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.8);
  }
}


.liketrackvk{
	opacity:0.99;
}
.liketrackvk:hover{
	opacity:1;
}
.block-loop-hover .block-loop-item:hover, .block-loop-hover .block-loop-item:focus, .block-loop-hover .block-loop-item.active {
	background-color: #373b44;
}
.mfp-bg {
    background: #373b44;
}

.activeair {
	opacity:0;
}
.activeimg {
	opacity:0.4;
}



.socialsbtntopright ul li socialsbtnvk  {
	  width: 50px;
    height: 50px;
}

.socialsbtnul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.socialsbtnli {
  list-style:none;
  margin: 10px;
    color: #363a43;
}

.socialsbtnvk {
position: relative;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #fefefe;
    border-radius: 50%;
    font-size: 30px;
    color: #363a43;
    transition: .5s;
}

.socialsbtnvk:before {
		content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fefefe82;
    transition: .3s;
    transform: scale(.9);
    z-index: -1;
}

.socialsbtnvk:hover:before {
transform: scale(1.2);
    box-shadow: 0 0 15px #4c75a3;
    filter: blur(3px);
}

.socialsbtnvk:hover {
color: #fefefe;
    box-shadow: 0 0 15px #4c75a3;
    text-shadow: 0 0 15px #4c75a3;
    opacity: 1;
    background: #4c75a3;
}
.socialsbtnivk {
	margin-top: 17px;
}

.socialsbtnfb {
position: relative;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #fefefe;
    border-radius: 50%;
    font-size: 30px;
    color: #363a43;
    transition: .5s;
}

.socialsbtnfb:before {
		content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fefefe82;
    transition: .3s;
    transform: scale(.9);
    z-index: -1;
}

.socialsbtnfb:hover:before {
transform: scale(1.2);
    box-shadow: 0 0 15px #3b5999;
    filter: blur(3px);
}

.socialsbtnfb:hover {
color: #fefefe;
    box-shadow: 0 0 15px #3b5999;
    text-shadow: 0 0 15px #3b5999;
    opacity: 1;
    background: #3b5999;
}
.socialsbtnifb {
	margin-top: 17px;
}


.socialsbtninst {
position: relative;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #fefefe;
    border-radius: 50%;
    font-size: 30px;
    color: #363a43;
    transition: .5s;
}

.socialsbtninst:before {
		content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fefefe82;
    transition: .3s;
    transform: scale(.9);
    z-index: -1;
}

.socialsbtninst:hover:before {
transform: scale(1.2);
    box-shadow: 0 0 15px #e4405f;
    filter: blur(3px);
}

.socialsbtninst:hover {
color: #fefefe;
    box-shadow: 0 0 15px #e4405f;
    text-shadow: 0 0 15px #e4405f;
    opacity: 1;
    background: #e4405f;
}
.socialsbtniinst {
	margin-top: 16px;
}


.socialsbtnokru {
position: relative;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #fefefe;
    border-radius: 50%;
    font-size: 30px;
    color: #363a43;
    transition: .5s;
}

.socialsbtnokru:before {
		content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fefefe82;
    transition: .3s;
    transform: scale(.9);
    z-index: -1;
}

.socialsbtnokru:hover:before {
transform: scale(1.2);
    box-shadow: 0 0 15px #ee8208;
    filter: blur(3px);
}

.socialsbtnokru:hover {
color: #fefefe;
    box-shadow: 0 0 15px #ee8208;
    text-shadow: 0 0 15px #ee8208;
    opacity: 1;
    background: #ee8208;
}
.socialsbtniokru {
	margin-top: 17px;
}

.socialsbtnrutube {
position: relative;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #fefefe;
    border-radius: 50%;
    font-size: 30px;
    color: #363a43;
    transition: .5s;
}

.socialsbtnrutube:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fefefe82;
    transition: .3s;
    transform: scale(.9);
    z-index: -1;
}

.socialsbtnrutube:hover:before {
transform: scale(1.2);
    box-shadow: 0 0 15px #9146ff;
    filter: blur(3px);
}

.socialsbtnrutube:hover {
color: #fefefe;
    box-shadow: 0 0 15px #363a43;
    text-shadow: 0 0 15px #363a43;
    opacity: 1;
    background: #363a43;
	  fill: #fff;
}

.socialsbtnrutube2:hover {
content: url('data:image/svg+xml,%3Csvg width="112" height="98" viewBox="0 0 112 98" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M59.0071 59.2582H17.5723V42.6574H59.0071C61.4274 42.6574 63.1103 43.0845 63.9548 43.8304C64.7994 44.5763 65.3226 45.9597 65.3226 47.9806V53.9414C65.3226 56.0707 64.7994 57.4541 63.9548 58.2C63.1103 58.9459 61.4274 59.2646 59.0071 59.2646V59.2582ZM61.8497 27.0064H0V98H17.5723V74.9028H49.9562L65.3226 98H85L68.058 74.7945C74.3041 73.8573 77.1089 71.9193 79.422 68.7253C81.7351 65.5314 82.8949 60.4249 82.8949 53.6099V48.2866C82.8949 44.2448 82.4726 41.0508 81.7351 38.6028C80.9977 36.1547 79.7371 34.0254 77.9471 32.1129C76.0563 30.3023 73.9511 29.0273 71.4237 28.173C68.8963 27.4271 65.7385 27 61.8497 27V27.0064Z" fill="%23ffffff"/%3E%3Cpath d="M98.5 27C105.956 27 112 20.9558 112 13.5C112 6.04416 105.956 0 98.5 0C91.0442 0 85 6.04416 85 13.5C85 20.9558 91.0442 27 98.5 27Z" fill="%23ED143B"/%3E%3C/svg%3E');
    display: inline-block;
}

.socialsbtnrutube2 {
		content: url('data:image/svg+xml,%3Csvg width="112" height="98" viewBox="0 0 112 98" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M59.0071 59.2582H17.5723V42.6574H59.0071C61.4274 42.6574 63.1103 43.0845 63.9548 43.8304C64.7994 44.5763 65.3226 45.9597 65.3226 47.9806V53.9414C65.3226 56.0707 64.7994 57.4541 63.9548 58.2C63.1103 58.9459 61.4274 59.2646 59.0071 59.2646V59.2582ZM61.8497 27.0064H0V98H17.5723V74.9028H49.9562L65.3226 98H85L68.058 74.7945C74.3041 73.8573 77.1089 71.9193 79.422 68.7253C81.7351 65.5314 82.8949 60.4249 82.8949 53.6099V48.2866C82.8949 44.2448 82.4726 41.0508 81.7351 38.6028C80.9977 36.1547 79.7371 34.0254 77.9471 32.1129C76.0563 30.3023 73.9511 29.0273 71.4237 28.173C68.8963 27.4271 65.7385 27 61.8497 27V27.0064Z" fill="%23100943"/%3E%3Cpath d="M98.5 27C105.956 27 112 20.9558 112 13.5C112 6.04416 105.956 0 98.5 0C91.0442 0 85 6.04416 85 13.5C85 20.9558 91.0442 27 98.5 27Z" fill="%23ED143B"/%3E%3C/svg%3E');
    display: inline-block;
    left: 0px;
    width: 100%;
    height: 100%;
    fill: #414141;
    padding: 10px 13px 13px 17px;
}





.click-zoom input[type=checkbox] {
  display: none
}

@media only screen and (min-width: 1440px){
.click-zoom img {
  transition: 0.5s;
  cursor: zoom-in
}

.click-zoom input[type=checkbox]:checked~img {
  transform: scale(1.5);
  cursor: zoom-out;
	margin-left: 200px;
}
	
}

.h1, h1 {
    letter-spacing: unset;
}
.entry-meta > span {
    margin-right: 10px;
}
.btn-moreplayer {
	display:none;
}
.single .entry-content {
    font-size: 19px;
}
.layout-app #site-navigation .nav>li>a {

    opacity: 1;
}
a:hover {
    opacity: 0.5;
}



#header-search-form {
	display:none;
}

.imagenewsyoutube {
		margin-top:-60px;
	margin-left:300px;
	height: auto;
	max-width: 30%;
    margin-right: 25px;
}
.imagenews {
	border-radius: 30px;
    margin-right: 41px;
}
.entry .entry-footer {
    margin-bottom: 0.5rem;
}
.comments-area, .navigation {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.entry-content p {
    margin-top: 0.01rem;
	    margin-bottom: 0.6rem;
}
.featured-image .entry-header-container .entry-header {
    padding-bottom: 0.6rem;
	    z-index: 2;
}


.plyr__control svg {
    display: block;
    fill: #d65e4e;
    height: 18px;
    pointer-events: none;
    width: 18px;
}
.btn-play,.button:hover, button:hover {
    background: #ffffff linear-gradient(135deg, #ffffff 10%, rgb(197 197 197) 90%);
    color: #d65e4e;
}
.block-loop-item .btn-play {
    width: 46px;
    height: 46px;
}
.btn-play.active:before {
    width: 14px;
    height: 18px;
    border-left-width: 5px;
    border-right-width: 5px;

}
.btn-play:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-5px,-50%);
    border: 10px solid transparent;
    border-left-color: currentColor;
    border-left-width: 15px;
    box-sizing: border-box;
}




.mute__control svg {
    fill: #fefefe;
}

.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
    box-sizing: inherit;
    font-family: 'PF BeauSans Pro Regular', sans-serif;
}


.header-search-form {
    flex: 1;
    display: flex;
    align-items: center;
		background-color: #373b44;
    padding: 0px;
    position: relative;
}


.custom-logo-link {
	display:unset;
}
.custom-logomobile-link {
	display:none;
}

.wp-block-image img{
	max-width: 170px;
}
.footerlogo {
width: 70%;
margin:auto;
display:flex;
}

.dark, .dark .page-header {
    color: #fff;
    background-color: #484c59;
}

.raneetext {
	    color: #fff;
    font-size: 20px;
}
.entry-titletime {
    text-align: center;
    margin: 0px;
    color: #d65e4e;
    font-size: 25px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.livelistenmain{    
    z-index: 15;
    padding: 0;
    margin: 0px 0px 0px -66px;
    background-color: #3c414b;
    position: absolute;
    bottom: 7px;
    min-width: 60px;
}


.btn-moreplayer{    
    z-index: 15;
    padding: 0px;
    margin: 0px 60px 0px 0px;
}

.livelistenmainlink{
    z-index: 15;
}
.livelistenicon {
		display: flex;
    height: 20px;
}
.livelisten {
	font-size:15px;
}

.badgemini2 {
		display: inline-block;
    position: absolute;
    color: #ffffff;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1em;
    padding: 5px 5px;
    text-align: center;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    font-weight: bold;
}
.badge2 {
    left: 25px;
    top: 25px;
}

.input, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: inherit;
    outline: none;    
    background-color: #484c59;
    background-clip: padding-box;
    border: 2px solid rgba(150,160,170,0.2);
    transition: all 0.3s ease-in-out;
}
.input:hover, input[type="text"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="number"]:hover, input[type="tel"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="time"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="color"]:hover, select, textarea {
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: inherit;
    outline: none;
    background-color: #484c59;
    background-clip: padding-box;
    border: 2px solid rgba(150,160,170,0.2);
    transition: all 0.3s ease-in-out;
}



.single .entry-content {
    padding-top: 0rem;
}

.text-primary, .nav .active, .nav .current_page_item, a:hover {
    color: #f7f7f7;
}

.gd-primary, .player [data-plyr="play"] {
    color: #fff !important;
    background: #ffffff linear-gradient(135deg, #ffffff 10%, rgb(197 197 197) 90%) !important
}

#icon-nav {
	    z-index: 2;
}

.featured-image .entry-header-container .post-thumbnail:before {
    background: linear-gradient(0deg,#484c59 5%,transparent 100%);
}
.featured-image .entry-header-container .post-thumbnail {
    background: linear-gradient(0deg,#484c59 5%,transparent 100%);
z-index: 1;
}

.site-content{
    padding-bottom: 50px;
		}
.playifnoair, .playifnoairyoutubebadge{
	display:none;
}
.playifnoairoff .button:hover, .playifnoairoff button:hover, .playifnoairoff input[type="button"]:hover {
    color: #d65e4e;
}

.entry-meta .byline {
	display:none;
}

.featured-image .site-header:before {
    height:100%;
    background: unset;
}
.scrolled .site-header:before {
    background: unset;
}
.rowonlineplaylist .col-xl-2 .block-loop-item .post-thumbnail img  {
	border-radius:7px;
}
.plyr-theme-2 .plyr__progress{
	z-index:-1;
}
.block-loop-item .entry-meta>span{
	display: unset;
}

.btn-download, button.btn-like, button.btn-more {
	display:unset;
}

.wp-block-button__link{
	border-radius:5px;
	width: max-content;
}
.entry-meta {
    color: #dcdcde;
}
.tophistory {
    color: #d65e4e;
}

.content {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 300px);
  margin-left: 60px;
  margin-right: 60px;
  min-height: 650px;
  overflow: hidden;
  position: relative; 
}
.rowonlineplaylist {
	margin: -120px 15px 15px 15px;
}
.rowonlineplaylist .row {
	justify-content: center;
  display: flex;
}

@media screen and (pointer: coarse), screen and (max-width: 1023px){
.background_online {
    height: 60%;
    min-height: 400px;
}
.rowonlineplaylist {
	margin: 15px 15px 15px 15px;
}
}

.show-info-card .btn-play {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.card-frame .btn-play {
  border-radius: 50%;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  background: #ffffff linear-gradient(135deg, #ffffff 10%, rgb(197 197 197) 90%) !important;
  cursor: pointer;
  display: inline-block;
  height: 70px;
  width: 70px;
	z-index:555;
}
.card-frame .active {
  display:none;
}
.card-frame .btn-play svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 60px;
    width: 60px; }
.circular-play-button {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute; }


@media screen and (min-width: 767px) {
.card-frame .btn-play {
 width: 100px;
 height: 100px; 
	} 
}
@media screen and (min-width: 1023px) {
.card-frame .btn-play {
width: 90px;
height: 90px; 
	} 
}
.card-frame .btn-play svg {
width: 60px;
height: 60px;
fill: #d65e4e  !important; }

@media screen and (min-width: 767px) {
.card-frame .btn-play svg {
width: 90px;
height: 90px; 
	} 
}
@media screen and (min-width: 1023px) {
.card-frame .btn-play svg {
width: 60px;
height: 60px; 
	} 
}




@media screen and (max-width: 1023px), screen and (pointer: coarse){
.content .metadata-container .show-info-card .badge {
    display: inline-block;
}
}
.card-with-gradient__gradient {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(63, 93, 116, 0) 50%, rgb(54 58 67) 100%);
  border-radius: 0px; }

.card-with-gradient img {
  width: 100%;
  height: auto; }

.card-frame {
    position: relative;
    width: 385px;
    height: 385px;
    border-radius: 5px;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.3);
    display: block;
    background-size: cover;
    overflow: hidden;
}
#videocover video{
width: 385px;
height: 385px;
}	
.youtube-badge {
    position: absolute;
    background-color: rgb(237, 26, 59);
    left: 25px;
    top: 25px;
    color: #fff;
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}
.youtube-badge:hover {
    color: #f0dddd;
}
    

.equaliser {
  display: inline-block;
  width: 30px;
  height: 12px;
  position: relative;
  vertical-align: top; 
}
.equaliser span {
    display: inline-block;
    border-radius: 1px;
    width: 2px;
    transition: 0.5s;
    animation: equalize 4s 0s infinite;
    animation-timing-function: linear;
    background: #ffffff;
    vertical-align: bottom;
    margin-right: 1px;
    bottom: 0; 
}
    .equaliser span:first-of-type {
      height: 70%;
      transition: 0.5s;
      animation-delay: -1.9s; }
    .equaliser span:nth-child(2) {
      height: 88%;
      animation-delay: -2.9s; }
    .equaliser span:nth-child(3) {
      height: 74%;
      animation-delay: -3.9s; }
    .equaliser span:nth-child(4) {
      height: 66%;
      animation-delay: -4.9s; }
  .equaliser--stopped span {
    animation: equalize-stop 0.5s 0s forwards; }
    .equaliser--stopped span:nth-child(0) {
      animation-delay: calc(0.051 * 0s); }
    .equaliser--stopped span:nth-child(1) {
      animation-delay: calc(0.051 * 1s); }
    .equaliser--stopped span:nth-child(2) {
      animation-delay: calc(0.051 * 2s); }
    .equaliser--stopped span:nth-child(3) {
      animation-delay: calc(0.051 * 3s); }
    .equaliser--stopped span:nth-child(4) {
      animation-delay: calc(0.051 * 4s); }

@keyframes equalize {
  0% {
    height: 88%; }
  4% {
    height: 82%; }
  8% {
    height: 80%; }
  12% {
    height: 60%; }
  16% {
    height: 50%; }
  20% {
    height: 60%; }
  24% {
    height: 70%; }
  28% {
    height: 40%; }
  32% {
    height: 70%; }
  36% {
    height: 88%; }
  40% {
    height: 40%; }
  44% {
    height: 70%; }
  48% {
    height: 88%; }
  52% {
    height: 60%; }
  56% {
    height: 30%; }
  60% {
    height: 50%; }
  64% {
    height: 81%; }
  68% {
    height: 70%; }
  72% {
    height: 88%; }
  76% {
    height: 40%; }
  80% {
    height: 88%; }
  84% {
    height: 75%; }
  88% {
    height: 82%; }
  92% {
    height: 40%; }
  96% {
    height: 87%; }
  100% {
    height: 80%; } }

@keyframes equalize-stop {
  0% {
    height: 82%; }
  20% {
    height: 50%; }
  40% {
    height: 30%; }
  56% {
    height: 50%; }
  65% {
    height: 35%; }
  76% {
    height: 15%; }
  88% {
    height: 10%; }
  100% {
    height: 0; } }



.show-info-badge {
    align-items: center;
    display: block;
    width: 100%;
}
.show-info-card .show-info-badge {
    position: absolute; 
    bottom: 0;
    z-index: 1;
    padding: 25px;
}

.show-info {
    align-items: center;
    display: flex;
}
.show-info-card .show-info-badge .show-info__text {
    width: 100%;
}
show-info-card .show-info-badge .show-info__text__title {
    font-size: 15px;
    letter-spacing: -0.2px;
    margin: 5px 0 0;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    width: 99%;
}
.show-info-card .show-info-badge .show-info__text__subtitle {
    font-size: 13px;
    margin: 0px;
}
.show-info__text__title {
    color: #4a4a4a;
    font-size: 23px;
    font-weight: 600;
    margin: 0px;
    line-height: 1.41em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}


.badgeactiveair {
    
    color: #ffffff;
    min-width: 50px;
    height: 20px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1em;
    padding: 5px 5px;
    text-align: center;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
	  margin-top: 13px;
}


.activeair {
	display:none;
}

.badge {
    display: inline-block;
    color: #ffffff;
    min-width: 50px;
    height: 20px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1em;
    padding: 5px 5px;
    text-align: center;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
	  margin-top: 13px;
}
.badgemini {
	  margin-top: 13px;
}

.show-info__text__subtitle {
    color: #4a4a4a;
    font-size: 13px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    margin: 10px 0 0;
}



  @media screen and (pointer: coarse), screen and (max-width: 1023px) {
    .content {
      min-height: unset;
      height: auto; } }
  @media screen and (max-width: 1023px), screen and (pointer: coarse) {
    .content {
      margin-left: 0;
      margin-right: 0;
      padding-top: 30px; 
} 
}
  .content .presenter-background {
    display: block;
    background-repeat: no-repeat;
    background-size: auto 70%;
    background-position: bottom center;
    height: 100%; }
    @media screen and (max-width: 1023px), screen and (pointer: coarse) {
      .content .presenter-background {
        display: none; 
} 
}
  .content .metadata-container {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: row;
    position: relative;
    height: 70%;
    width: 100%;
    top: 50%;
    transform: translateY(-50%); }

.content .metadata-container .column {
      display: inline-block;
      padding: 0 2.5vw;
      width: 50%; 

}
.content .metadata-container .column.track-container {
        min-width: 450px;
        padding: 0;
        text-align: center; }
    .content .metadata-container.presenter {
      display: block;
      width: 33%;
      height: auto; 

}
      .content .metadata-container.presenter > div {
        display: block;
        width: 100%; 

}
    @media screen and (max-width: 1023px), screen and (pointer: coarse) {
      .content .metadata-container {
        display: block;
        margin: 0;
        position: relative;
        transform: none;
        padding-bottom: 25px; }
        .content .metadata-container .column {
          display: block;
          width: 100%; }
          .content .metadata-container .column.track-container {
            min-width: auto;
            margin-top: 20px; }
        .content .metadata-container > div {
          width: 100%; }
        .content .metadata-container.presenter {
          margin-top: 0;
          position: relative;
          width: 100%;
          top: 0;
          transform: none; } }
    .content .metadata-container .show-info-badge-main {
      align-self: center;
      display: block; }
      @media screen and (max-width: 1023px), screen and (pointer: coarse) {
        .content .metadata-container .show-info-badge-main {
          display: none; } }
    .content .metadata-container .show-info-card {
      display: none;
      position: relative;
      top: 0; }
      .content .metadata-container .show-info-card.track {
        display: block; }

      .content .metadata-container .show-info-card .apple-music-badge {
        left: 25px;
        top: 25px; }
      @media screen and (max-width: 1023px), screen and (pointer: coarse) {
        .content .metadata-container .show-info-card {
          display: block; }
          .content .metadata-container .show-info-card.track {
            display: block; }
          .content .metadata-container .show-info-card .badge {
            display: inline-block; } }
      @media screen and (max-width: 767px), screen and (pointer: coarse) {
        .content .metadata-container .show-info-card {
          margin: 20px auto 0; }
          .content .metadata-container .show-info-card .apple-music-badge {
            left: 15px;
            top: 15px; } }
      .content .metadata-container .show-info-card .card-frame {
        width: 100%;
        height: 100%;
        max-width: 50vh;
        max-height: 50vh;
        text-align: left;
        margin: 0 auto; }
        @media screen and (min-width: 768px) {
          .content .metadata-container .show-info-card .card-frame {
            min-width: 50vh;
            min-height: 50vh; } }
        @media screen and (min-width: 768px), (min-width: 768px) and (orientation: landscape) {
          .content .metadata-container .show-info-card .card-frame {
            min-height: 320px;
            min-width: 320px; } }
        @media screen and (max-width: 767px) {
          .content .metadata-container .show-info-card .card-frame {
            width: 100%;
            height: 100%;
            min-height: 320px;
            min-width: 320px;
            max-width: 320px;
            max-height: 320px; }
            .content .metadata-container .show-info-card .card-frame img {
              min-height: 320px;
              min-width: 320px; } }
        @media screen and (max-width: 321px) {
          .content .metadata-container .show-info-card .card-frame {
            width: 100%;
            height: 100%;
            min-height: initial;
            min-width: initial;
            max-width: 280px;
            max-height: 280px; }
            .content .metadata-container .show-info-card .card-frame img {
              min-height: 280px;
              min-width: 280px; } }


  @media screen and (pointer: coarse), screen and (max-width: 1023px) {
    .content {
      min-height: unset;
      height: auto;
      margin-left: 0;
      margin-right: 0;
      padding-top: 10px; 
}
}
  .content .presenter-background {
    display: block;
    background-repeat: no-repeat;
    background-size: auto 70%;
    background-position: bottom center;
    height: 100%; }
    @media screen and (max-width: 1023px), screen and (pointer: coarse) {
     .content .presenter-background {
        display: none; } }

    .content .metadata-container .column {
      display: inline-block;
      padding: 0 1.5vw;
      width: 50%; }
      .content .metadata-container .column.track-container {
        min-width: 450px;
        padding: 0;
        text-align: center; }
    .content .metadata-container.presenter {
      display: block;
      width: 33%;
      height: auto; }
      .content .metadata-container.presenter > div {
        display: block;
        width: 100%; }
    @media screen and (max-width: 1023px), screen and (pointer: coarse) {
      .content .metadata-container {
        display: block;
        margin: 0;
        position: relative;
        transform: none;
        padding-bottom: 25px; }
        .content .metadata-container .column {
          display: block;
          width: 100%; }
         .content .metadata-container .column.track-container {
            min-width: auto;
            margin-top: 20px; }
        .content .metadata-container > div {
          width: 100%; }
        .content .metadata-container.presenter {
          margin-top: 0;
          position: relative;
          width: 100%;
          top: 0;
          transform: none; } }
    .content .metadata-container .show-info-badge-main {
      align-self: center;
      display: none; }
      @media screen and (max-width: 1023px), screen and (pointer: coarse) {
        .content .metadata-container .show-info-badge-main {
         display: none; 
					margin-left: 20px;
				}
}


.colmainonline {
    padding:10px;
}

.onlinemainpage .col-xl-2, .onlinemainpage .col-lg-2-4, .onlinemainpage .col-md-3, .onlinemainpage .col-sm-4, .onlinemainpage .col-6{
    flex: unset;
    max-width: unset;
}

@media (min-width: 1233px){
.onlinemainpage3 .col-xl-2{
	max-width:150px;
}}



@media (min-width: 576px){
.onlinemainpage2 .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}}
@media (max-width: 576px){
.onlinemainpage2 .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}}

@media (min-width: 768px){
.onlinemainpage2 .col-md-3 {
    flex: 0 0 25%;
    max-width: 24%;
}}

@media (min-width: 990px){
.onlinemainpage2{
    max-height: 350px;
    height: 350px;
}
#videocover video{
width: 350px;
height: 350px;
}	    
.onlinemainpage2 .rowonlineplaylist .row {
	justify-content: unset;
}
	
.onlinemainpage .content {
		height: 430px; 
		max-height:430px;
    min-height: unset;
	  margin: unset;
    overflow: unset;
	  padding: unset; 
}
	
.onlinemainpage .rowonlineplaylist .divpls-6 {
    display:none;
}	
.onlinemainpage .rowonlineplaylist .divpls-5 {
    display:none;
}	
.onlinemainpage .rowonlineplaylist .divpls-4 {
    display:none;
}	
	
.rowonlineplaylistmain .entry-header .entry-title, .rowonlineplaylistmain .author {
    display:block;
}
	
.onlinemainpage .content .metadata-container .column.track-container {
    min-width: 350px;
		width: 350px;
    min-height: 350px;
		height: 350px;
    left: 20px;
    top: 20px;
    position: absolute;
}
#videocover video{
width: 350px;
height: 350px;
}	
.onlinemainpage3 .card-with-gradient	{
		width: 450px;
		height: 450px;
	}
	
	
.onlinemainpage .content .metadata-container .column {
    left: 380px;
    top: 10px;
    position: absolute;
	
}	
.onlinemainpage .rowonlineplaylist {
    margin: unset;
    margin-left: 390px;
    margin-top: -395px;
}
.onlinemainpage .content .metadata-container .show-info-card .card-frame {
    min-height: 350px;
    min-width: 350px;
    width: 350px;
    height: 350px;
}

	
.onlinemainpage .show-info-card {
    width: 350px;
}
.onlinemainpage .content .metadata-container {
align-items: unset;
    display: unset;
    justify-content: unset;
    top: unset;
    transform: unset;
		padding: unset;
}

.onlinemainpage .content .metadata-container .show-info-badge-main {
    align-self: center;
    display: none;   
}
}

@media (max-width: 1060px){
	
.socialsbtntopright{
display: none;
}
}

@media (min-width: 1200px){
.onlinemainpage2 .col-xl-2 {
    flex: 0 0 19.5%;
    max-width: 19.5%;
	}
	
.col-xl-2 {
    max-width: 200px;
}	
	
	
	
.onlinemainpage .rowonlineplaylist .divpls-4 {
    display:unset;
}	
	.onlinemainpage .rowonlineplaylist .divpls-5 {
    display:none;
}
	.onlinemainpage .rowonlineplaylist .divpls-6 {
    display:none;
}	
	
.onlinemainpage .rowonlineplaylist {
    margin-left: 380px;
}
}
@media (min-width: 1570px){
.onlinemainpage2 .col-xl-2 {
    max-width:196px;
	}
.onlinemainpage .rowonlineplaylist .divpls-4 {
    display:unset;
}
.onlinemainpage .rowonlineplaylist {
    margin-left: 400px;
}
	
}
@media (min-width: 1767px){
.onlinemainpage2 .col-xl-2 {
    
    max-width:196px;
	}
.onlinemainpage .rowonlineplaylist .divpls-4 {
    display:unset;
}	
.onlinemainpage .rowonlineplaylist .divpls-5 {
    display:unset;
}	
	.onlinemainpage .rowonlineplaylist {
    margin-left: 410px;
}
}
@media (min-width: 2000px){
.onlinemainpage .rowonlineplaylist .divpls-6 {
    display:unset;
}	
}


    .content .metadata-container .show-info-card {
      display: none;
      position: relative;
      top: 0; }
      .content .metadata-container .show-info-card.track {
        display: block; }

      .content .metadata-container .show-info-card .apple-music-badge {
        left: 25px;
        top: 25px; }
      @media screen and (max-width: 1023px), screen and (pointer: coarse) {
        .content .metadata-container .show-info-card {
          display: block; }
          .content .metadata-container .show-info-card.track {
            display: block; }
          .content .metadata-container .show-info-card .badge {
            display: inline-block; } }
      @media screen and (max-width: 767px), screen and (pointer: coarse) {
        .content .metadata-container .show-info-card {
          margin: 20px auto 0; }
          .content .metadata-container .show-info-card .apple-music-badge {
            left: 15px;
            top: 15px; } }
      .content .metadata-container .show-info-card .card-frame {
        width: 100%;
        height: 100%;
        max-width: 50vh;
        max-height: 50vh;
        text-align: left;
        margin: 0 auto; }
        @media screen and (min-width: 768px) {
          .content .metadata-container .show-info-card .card-frame {
            min-width: 50vh;
            min-height: 50vh; } }
        @media screen and (min-width: 768px), (min-width: 768px) and (orientation: landscape) {
          .content .metadata-container .show-info-card .card-frame {
            min-height: 320px;
            min-width: 320px; } }
        @media screen and (max-width: 767px) {
          .content .metadata-container .show-info-card .card-frame {
            width: 100%;
            height: 100%;
            min-height: 320px;
            min-width: 320px;
            max-width: 320px;
            max-height: 320px; }
            .content .metadata-container .show-info-card .card-frame img {
              min-height: 320px;
              min-width: 320px; } }
        @media screen and (max-width: 321px) {
          .content .metadata-container .show-info-card .card-frame {
            width: 100%;
            height: 100%;
            min-height: initial;
            min-width: initial;
            max-width: 280px;
            max-height: 280px; }
            .content .metadata-container .show-info-card .card-frame img {
              min-height: 280px;
              min-width: 280px; } }






.site-title {
    display: none;
}
.featured-image .entry-header-container:after {
    background-color: #373b44;
}

.onlinenow{
		display: flex;
    flex-flow: column wrap;
	    background-color: #fff;
    z-index: 5;
}
.ahoverno{
	margin:10px;
}
.ahoverno:hover{
	color:#333;
}
.slick-alignfull {

    background-color: #d65e4e;
}
.playbutton {
  position:absolute;
  left: 14px;
  z-index: 999999;
}

.plyr-playlist .plyr__controls {
    margin-left: 55px;
}
.plyr__info {
    margin: 0 0.5rem;
}

.plyr__title {
    margin-bottom: 6px;
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
    font-family: 'PF BeauSans Pro Regular', sans-serif;
    font-size: 15px;
}
.layout-app .site-header {
    background-color: #3c414b;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}
#site-navigation .nav>li>a {
    font-weight: 700;
	  font-size: 15.5px;
}
.site-header:before {
    background: #373b44;
}
.site-navbar {
    height: 60px;
}

.site-footer {
    background-color: #484c59;
}


.site-header .nav>li.current-menu-item, .site-header .nav>li:hover {
    color: #ffffff;
		background-color: #d65e4e;
}

.slick-alignfull {
    background-color: #60c9dd;
}
.layout-app .site-brand {padding: 0px;}

.block-loop-item .post-thumbnail img {
    border-radius: 20px;
	  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.3);
}
.block-loop-item .post-thumbnail {
    border-radius: 20px;
	  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.3);
}
.block-loop-item .btn-follow {
    border-radius: 7px;
}
.block-loop-hover .block-loop-item:hover, .block-loop-hover .block-loop-item:focus, .block-loop-hover .block-loop-item.active {
    border-radius: 20px;
}
.block-loop-hover .block-loop-item.active .post-thumbnail:after,.block-loop-hover .block-loop-item:focus .post-thumbnail:after,.block-loop-hover .block-loop-item:hover .post-thumbnail:after{
	border-radius:7px}

.backdrop {
    background-color: #3c414b;
		display: flex;
    justify-content: center;
    align-items: center;
}
.backdroptext{
font-size:55px;
	color: white;
}

.block-loop-item .entry-action {
    border-radius: 5px;
}
.site-footer h3 {
    font-weight: 600;
    color: #f4eeee;
}
.slick-alignfull {
    background-color: #373b44;
}


@media only screen and (min-width: 991px){

.layout-app .site-brand {padding: 0px;}
.layout-app #site-navigation>div {
    margin-top: 0px;
}
	.layout-app .header-container {
    background-color: #3c414b;
}
}






.site-logo {
    height: 200px;		
		padding: 0px;
}


@media only screen and (max-width: 666px){

.imagenewsyoutube {
	margin-top:-60px;
	margin-left:300px;
	height: auto;
	max-width: 30%;
    margin-right: 180px;
		margin-bottom: 20px;
}
.imagenews {
	border-radius: 30px;
    margin-right: 180px;
}
}
@media only screen and (max-width: 480px){

.imagenewsyoutube {
    margin-top: -50px;
    margin-left: 0%;
    height: auto;
    max-width: 30%;
    margin-right: 350px;
    margin-bottom: 20px;
}
.imagenews {
	border-radius: 30px;
    margin-right: 180px;
}
}
@media only screen and (max-width: 992px){

.custom-logo-link {
	display:none;
}

.custom-logomobile-link {
	display: block;
}	
	
	.site-header a img {
    max-height: 60px;
		width:auto;
		
}
		.site-logo {
    height: 80px;		
		padding: 0px;
}
.layout-app .site-brand {
width: 100%;
    text-align: center;
    display: inline-block;
    top: 0px;
    z-index: 1;
    left: 0px;
    right: 0px;
	  margin-left: -20px;
    
}
	#icon-nav, #icon-search 3{

    z-index: 2;
}
	
	#site-navigation {
    background-color: #373b44;
}



}

.plyrposter{
		left: 62px;
		
	}
.plyr__info{
    left: 100px;
    position: static;
}
@media (min-width: 900px){
.plyr-playlist .plyr__controls {
    margin-left: 150px;
	}

	
.plyrposter {
    left: 0px;
    position: absolute;
    top: -45px;
}

	.entry-meta > span {
    display: unset;
}

.plyr-playlist .plyr__controls .plyr__poster {
    position: absolute;
    opacity: 1;
    width: 100px;
    height: 100px;
    border-radius: 15px;
    left: 70px;
		z-index: 5000;
}
.plyr__info {
    margin: 0 1rem;
}	
	
}
.slick-alignfull {
    background-color: unset;
}
@media (max-width: 1200px) and (min-width: 992px){
.site-logo {
    height: 5rem;
}
.layout-app .site-header .nav .svg-icon+span {
    margin: 0;
}	

	
}

body{
	font-family: 'PF BeauSans Pro Regular', sans-serif;
    background-size: auto;
    background-attachment: fixed;
}
.vivify{-webkit-animation-duration:.8s;-webkit-animation-fill-mode:both;animation-duration:.8s;animation-fill-mode:both}

.delay-500{-webkit-animation-delay:.5s;animation-delay:.5s}
.delay-600{-webkit-animation-delay:.6s;animation-delay:.6s}
.delay-700{-webkit-animation-delay:.7s;animation-delay:.7s}
.delay-800{-webkit-animation-delay:.8s;animation-delay:.8s}
.delay-900{-webkit-animation-delay:.9s;animation-delay:.9s}
.delay-1000 {-webkit-animation-delay: 1s;animation-delay: 1s;}
.delay-1100 {-webkit-animation-delay: 1.1s;animation-delay: 1.1s;}
.delay-1200 {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.delay-1300 {-webkit-animation-delay: 1.3s;animation-delay: 1.3s;}
.delay-1400 {-webkit-animation-delay: 1.4s;animation-delay: 1.4s;}
.delay-1500{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.delay-1700{-webkit-animation-delay:1.7s;animation-delay:1.7s}
.duration-1500 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
.duration-2000 {
    -webkit-animation-duration: 2.0s;
    animation-duration: 2.0s;
}


@media only screen and (max-width: 734px){.section-app .image-dashboard-phone{left:50%;margin-left:-368px}}
.section-app .image-dashboard-messages{position:relative;left:50%;margin-left:-1280px}
@media only screen and (max-width: 1068px){.section-app .image-dashboard-messages{left:50%;margin-left:-534px}}
@media only screen and (max-width: 734px){.section-app .image-dashboard-messages{left:50%;margin-left:-368px}}




@media only screen and (min-width: 1200px){
.layout-app .site-header .nav .svg-icon+span {
    margin: 0 0rem 0 1rem;
}
}

.content .metadata-container .show-info-card .card-frame {
	border-radius: 15px;
}

.card-with-gradient__gradient {
    border-radius: 15px;
}

@media only screen and (min-width: 1200px) {

.layout-app .site-header .nav .svg-icon+span {
	    margin: 0 0rem 0 0.5rem;
}
}


/* 18.11.2025 */

.plyr__title {
    margin-left: 10px;
}
.plyr__title:hover, .plyr__author:hover {
    opacity: 0.5!important;
}

.plyr__author {
    margin-left: 10px;
    opacity: 0.7!important;
}

.nowliveair {
    pointer-events: none;
    opacity: 0.6;
    outline: 3px solid #d55e4f;
    outline-offset: 2px;
    border-radius: 20px;
    -webkit-user-drag: none;
}

.nowliveairbtn {
    background-color: #d55e4f;	
    pointer-events: none;
    -webkit-user-drag: none;
}

.nowliveairbtn:hover {
    background-color: #d55e4f;	
    pointer-events: none;
    -webkit-user-drag: none;
		opacity: 1;
}
.btnmesserror a {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: static;
    margin: 0px 12px 0px 0px;
    min-width: 24px;
    z-index: 99999;
    position: relative;
}

    
#onlinetrackcontainer {    
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px;
}
.otrackcontheight {
    margin: 13px 6px 0px 7px!important;
    min-width: 350px;
    min-height: 350px;
    float: left;
}
.cardframemain {
    border-radius: 20px;
    width: 350px;
    height: 350px;

}
#videocover video{
width: 350px;
height: 350px;
}

.radio-container {
      margin: 3px 10px 10px 10px;
}
.radio-container1 {

} 
.radio-container2 {
    
}
.plyr button {
    margin: 0 .25rem!important;    
}
.changestream {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.btnchangestream {
    margin: 0 .25rem!important;
    font: inherit;
    line-height: inherit;
    width: auto;
    padding: 7px 9px 6px 9px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-weight: 600;
    border-radius: 5px;
}
.btnchangestream:hover {
    border-radius: 5px;
    color: white;
    z-index:35;
    opacity: 0.7;
    background: unset;
    background-color: #494949;
}
.plyr__info {
    position: fixed;
    left: 275px!important;
    flex: 1!important;
    max-width: calc(50% - 10rem)!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}
.plyrposter {
    position: fixed !important;
    top: unset !important;
    bottom: 107px !important;
    margin: 0 .25rem !important;
    left: 0px !important;
}   
.plyrposter:hover {
    opacity: 1!important; 
    position: fixed !important;
    top: unset !important;
    bottom: 107px !important;
    margin: 0 .25rem !important;
    left: 0px !important;
}    
.time-left {
    font-size: 26px;
    left: 180px;
    position: fixed;
    width: 120px;
}
.btn-moreplayer {
    display: block;
}
.dropdown-menu {
    position: fixed;
    z-index: 1000;
    display: none;
    float: right;
    right: 0;
    left: unset;
    min-height: 300px;
    padding: 10px;
    margin: 10px;
    color: #fff;
    list-style: none;
    background-color: #484c59;
    background-clip: unset;
    border: 3px solid rgb(229 231 238 / 25%);
    border-radius: 15px;
    text-shadow: none;
    bottom: 66px;
    top: unset;
    justify-content: flex-start;    
    /* white-space: nowrap; Запрещает перенос строк (сохраняет горизонтальное расположение) */  
    /* Ограничиваем максимальную ширину (опционально) */
    max-width: 80%;
    /* Чтобы блок не растягивался бесконечно */
    width: fit-content;    
}
.playlist_item {
    margin: 0px 10px;
    max-width: 115px;
}
.playlist_time {
    font-size: 25px;
    font-weight: 600;
    color: #d5776b;
    text-align: center;
}    
.playlist_cover, .playlist_cover img {
min-height: 115px;
width: 115px;
border-radius: 10px;
transition: transform 0.3s ease;
}
.playlist_cover a:hover, .playlist_cover:hover, .playlist_cover img:hover { /*  */
transform: scale(1.05);
opacity: 1;
}
.playlist_header {
  margin-bottom: 1px;
  padding-bottom: 1px;
}
.playlist_header h3 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
}
.playlist_content{
    display: flex;
    overflow-x: auto;      /* Включает горизонтальную прокрутку при переполнении */
    overflow-y: hidden;      /* Включает горизонтальную прокрутку при переполнении */
}
.playlist_content::-webkit-scrollbar {
  display: none;
}
.playlist_title {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 11px;
}
.playlist_artist {
    white-space: wrap;
}
.playlist_song {
    white-space: wrap;
}
.dropdown-item {
    color: #fff;
}
.btn-moreplayer {
    z-index: 15;
    padding: 0px;
    margin: -23px 0px -5px 0px;
}
.btn-more:hover {
    background: none;
}
.time-progress {
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    margin: 15px 0;
    position: relative;
}
.time-progress-bar {
    height: 100%;
    background: #d65e4e;
    width: 0%;
    transition: width 1s linear;
}    
.plyr-theme-2 .plyr__progress {
    top: -1px!important;
} 
.livelistenmainlink {
    
} 
.livelistenmain {
    min-width: unset;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: static;
    margin: 0px 5px -5px 5px;
    min-width: 60px;
}
.plyr-playlist .plyr__controls{
    margin-left: 0px;!important;
}
.onlinemainpage {margin: 0;}   
.wp-block-loop .entry {
margin-bottom: 0rem!important;
}    
.amg-radio-list {
overflow: hidden; /* Очищаем float */
min-height: 350px; /* Чтобы видеть обтекание */
}
.big-logo {
      float: left;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
}
.small-icon,.big-logo {    
    margin: 13px 6px 13px 7px!important;
}
.small-icon {
    
    justify-content: center;
    line-height: 1.2;
    float: left;
    width: 108px;
    top: unset;
}
.content .metadata-container {
    width: 350px;
    height: 350px;
}
#videocover video{
width: 350px;
height: 350px;
}	
.content .metadata-container .show-info-card {
 margin: 0!important;
}

  
 
/* 1200px */
@media (max-width: 1200px){
.plyr__info {
    max-width: calc(46% - 10rem)!important;
}
}
/* 1200px */


/* 990px */
@media (max-width: 990px){
.small-icon {
    width: 122px;
}
.radio-container {
margin:unset; 
}
.radio-container1 {
display: flex;
justify-content: center;
margin-bottom: 10px;  
}
.radio-container2 {
display: flex!important;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;    
}
.big-logo {
      float: unset;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
}
.plyrposter, .plyr__info {
    opacity:0!important;
}
.dropdown-menu {
    max-width: 95%;    
}
.time-left {
    font-size: 26px;
    left: 66px;
    position: fixed;
    width: 120px;
}
.otrackcontheight {
    margin: 20px 6px 0px 7px!important;
}

}
/* 990px */


/* 767px */
@media (max-width: 767px) {     
.content .metadata-container .show-info-card .card-frame {
margin-top: 15px;
}     
.small-icon {
    width: 122px;
}
.otrackcontheight {
    min-width: auto;
    min-height: auto;
    margin: 20px 6px 0px 7px!important;
}
}
/* 767px */


/* 430px */
@media (max-width: 430px){
.time-left {
        font-size: 20px;
        left: 50px;
        margin-top: 4px;
}



}
/* 430px */


/* 410px */
@media (max-width: 410px){
.radio-container {
margin:0px 0px 0px 0px; 
}
.radio-container1 {
margin-bottom: 0px;
} 
.radio-container2 {
display: flex!important;
}   
.small-icon {
width: 85px;
}    
 .cardframemain {
width: 281px;
height: 281px;
}
#videocover video{
width: 281px;
height: 281px;
}

}
/* 410px */
    
/* 1284×2778 pixels at 460ppi iPhone 14 Pro Max, iPhone 15 Plus and iPhone 15 Pro Max:
only screen and (width: 430px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) */
/* @media only screen and (width: 430px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
.small-icon {
    width: 122px;
}
}
*/