body {
    font-family: "Raleway", serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #333333;
    background-color: #ffffff;
    /* background-color: #333333; */
    /* width: 100%;
    overflow: hidden; */
}

strong {
    font-weight: 600;
}

p {
    /*margin: 10px 0;*/
    font-size: 14px;
    line-height: 20px;
}

footer {
    margin-top: 30px;
    padding: 30px 0 100px 0;
    background-color: #333333;
}

section {
    margin-bottom: 60px;
}


h1 {
    font-size: 36px;
}

h2 {
    font-size: 24px;
}

h3, h4, h5, h6 {
    font-size: 18px;
}

article h2, article h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
}

ul li {
    list-style-type: none;
}

img {
    max-width: 100%;
    height: auto;
}

.img_2 {
    width: 50% !important;
    padding: 0 10px;
    box-sizing: border-box;
}

.img_3 {
    width: 33.33% !important;
    padding: 0 10px;
    box-sizing: border-box;
}

.img_4 {
    width: 25% !important;
    padding: 0 10px;
    box-sizing: border-box;
}

a {
    font-weight: 700;
    text-decoration: none;
    color: #00C9C9;
    outline: none;
    -webkit-font-smoothing: antialiased;
}

a:focus, a:active {
    text-decoration: none;
}

/* EFFECTS */

a {
    opacity: 1;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
}

a:not(.inactive):hover {
    opacity: .7;
}

a.inactive {
    cursor: default;
}

button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
    background-color: transparent;
    cursor: pointer;
}


/* -------- */


.stop-selection, a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
    padding: 0 60px;
    box-sizing: border-box;
}

.main-section {
    /*margin-top: 50px;*/
    margin-top: 10px;
}

.main-section .wrap {
    overflow: hidden;
}

.thumb img {
    width: 100%;
}

.header-top {
    position: relative;
    width: 100%;
    /*margin-bottom: 20px;*/
    /*height: 70px;*/
    border-bottom: 1px solid #D9D9D9;
    box-sizing: border-box;
    background-color: #ffffff;
}

.header-top .wrap {
    position: relative;
    height: 70px;
}

.header-top.sticky {
    position: fixed;
    margin-bottom: 0;
    top: 0;
    /*height: 50px;*/
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-color: #ffffff;
    z-index: 1000;
}

.header-top.sticky .wrap {
    height: 50px;
}

/*.header-top.sticky::after {*/
/*    position: absolute;*/
/*    bottom: -51px;*/
/*    left: 0;*/
/*    content:"";*/
/*    width: 100%;*/
/*    height: 50px;*/
/*    !*background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);*!*/
/*}*/

.header-top.sticky .header-logo {
    width: 180px;
}

.block {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}

.row {
    margin: 0 -15px;
    /*overflow: hidden;*/
}

.col {
    /*float:left;*/
    display: inline-block;
    vertical-align: top;
    margin-right: -5px;
    padding: 0 15px;
    box-sizing: border-box;
}

.col3 {
    width: 33.33%;
}

.col4 {
    width: 25%;
}

.col5 {
    width: 20%;
}

.sliderNavBtn {
    position: absolute;
    color: #00C9C9;
    font-size: 16px;
    z-index: 3;
}

/* .header-top .wrap > * {
    position: absolute;
} */

.menu-btn {
    position: absolute;
    /*padding: 10px;*/
    /*font-size: 18px;*/
    width: 40px;
    height: 40px;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    /*background-color: #ffffff;*/
    /*border: 1px solid #ffffff;*/
    transition: border-color .3s;
    -webkit-transition: border-color .3s;
}

.menu-btn:hover {
    border-color: #00C9C9;
    /*background-color: rgba(0,201,201,.2);*/
    /*background-color: #eeeeee;*/
}

.menu-btn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "smartradio", sans-serif;
    font-size: 18px;
    content: "\6c";
    transform: translate(-50%, -50%);
    transition: color .3s;
    -webkit-transition: color .3s;
}

.menu-btn:hover:after {
    color: #00C9C9;
}

.menu-btn i {
    top: 0;
}

.header-logo {
    position: absolute;
    display: block;
    padding: 8px 7px 4px 0;
    width: 245px;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
}

.header-logo svg {
    width: 100%;
}

.menu-search-container {
    position: absolute;
    padding: 10px;
    top: 50%;
    /*left: auto;*/
    right: 60px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: 8px;
    transition: width .2s;
    -webkit-transition: width .2s;
    box-sizing: border-box;
}

.header-top.sticky .menu-search-container {
    /*left: auto;*/
    /*right: 60px;*/
    padding: 3px 10px;
}

.menu-search-container .search-elements {
    display: none;
    width: calc(100% - 37px);
}

.menu-search-container.opened {
    width: calc(33.33% - 60px);
    /*width: calc(100% - 60px - 650px);*/
    background-color: #333333;
}


.menu-search-container input:-webkit-autofill,
.menu-search-container input:-webkit-autofill:hover,
.menu-search-container input:-webkit-autofill:focus,
.menu-search-container textarea:-webkit-autofill,
.menu-search-container textarea:-webkit-autofill:hover,
.menu-search-container textarea:-webkit-autofill:focus,
.menu-search-container select:-webkit-autofill,
.menu-search-container select:-webkit-autofill:hover,
.menu-search-container select:-webkit-autofill:focus {
    /*border: 1px solid green;*/
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0 1000px #333333 inset;
    transition: background-color 5000s ease-in-out 0s;
    font-size: 16px;

}

.menu-search-container input:-internal-autofill-selected {
    /*background-color: rgba(51,51,51,1);*/
    background-color: red;
    /*color: #ffffff;*/
    color: -internal-light-dark(white, black) !important;
}

.header-top.sticky .menu-search-container.opened {
    /*width: calc(100% + 20px - 650px);*/
}

.menu-search-container input {
    display: inline-block;
    vertical-align: middle;
    font-family: "Raleway", serif;
    /*appearance: none;*/
    /*-webkit-appearance: none;*/
    outline: none;
    border: 0;
    font-size: 16px;
    background-color: transparent;
    width: calc(100% - 40px);
    color: #ffffff;
}

.menu-search-close {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    font-size: 16px;
}

.menu-search-container.opened i {
    color: #ffffff;
}

.menu-search-container.opened .search-elements {
    display: inline-block;
}

.menu-search {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    font-size: 23px;
    cursor: pointer!important;
}

.menu-container {
    display: none;
    padding: 0 45px;
    /*padding: 0 60px;    */
    /*position: fixed;*/
    position: absolute;
    top: 0;
    left: 0;
    /*width: 77.14%;*/
    height: 100vh;
    background: linear-gradient(314.92deg, rgba(255, 248, 13, 0.98) 0%, rgba(0, 201, 201, 0.98) 100%);
    backdrop-filter: blur(20px);
    box-sizing: border-box;
    z-index: 1001;
}

.menu-container .nav-col ul {
    max-height: calc(100vh - 300px);
    /*max-height: 50vh;*/
    overflow: hidden;
    padding-right: 20px;
}

.menu-item-has-children > a {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.menu-item-has-children > a:after {
    position: absolute;
    top: 1px;
    right: 0;
    content: "\63";
    font-family: "smartradio", sans-serif;
    font-size: 14px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: transform .3s;
    -webkit-transition: transform .3s;
}

.menu-item-has-children.opened > a:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.menu-container .nav-col .sub-menu {
    max-height: 100%;
    height: 100%;
    padding: 0 0 20px 20px;
}

.nav-col.primary {
    width: 400px;
}

.nav-col .sub-menu li a {
    font-size: 18px;
}

.nav-col .sub-menu li a::before {
    content: "\f0da";
    font-family: "FontAwesome", sans-serif;
    margin-right: 5px;
}

.sub-menu {
    display: none;
}

.menu-container.active {
    display: block;
}

.menu-container-top {
    padding: 15px 0;
    /*    padding: 25px 0;*/
}

.menu-container-top > * {
    display: inline-block;
    vertical-align: middle;
}

.menu-close-btn {
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #ffffff;
    border-radius: 50%;
    background-color: #333333;
    cursor: pointer;
}

.menu-close-btn > i {
    position: absolute;
    top: calc(50% + 2px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.menu-social {
    float: right;
}

.menu-social a {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
    font-size: 30px;
    color: #ffffff;
}

.nav-col {
    display: inline-block;
    vertical-align: top;
    /*height: 100%;*/
    margin-right: 150px;
    margin-bottom: 40px;
}

.nav-col li a,
.nav-col a {
    font-family: "Raleway", serif;
    font-size: 22px;
    line-height: 31px;
    color: #FFFFFF;
    font-weight: 500;
}

.user-menu-item {
    display: inline-block;
    /*margin-top: 10px;*/
    /*padding-top: 10px;*/
    /*border-top: 1px solid #ffffff;*/
}

.menu-column-header {
    display: block;
    /*margin-bottom: 35px;*/
    padding: 20px 30px 15px 0;
    /*padding: 30px 30px 15px 0;*/
    font-family: "FuturaMedium", sans-serif !important;
    font-size: 26px;
    letter-spacing: 1px;
    color: #FFFFFF !important;
    font-weight: 400;
}

.menu-column-header span {
    font-family: "FuturaLight", sans-serif;
}

/*.menu-column-header.users {*/
/*    display: block;*/
/*    padding-top: 50px;*/
/*}*/

.menu-column-second-header {
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
}

.big-col {
    margin-bottom: 30px;
    padding: 0 15px;
    width: 66.66%;
    float: left;
    box-sizing: border-box;
}

.small-col {
    float: right;
    padding: 0 15px;
    width: 33.33%;
    box-sizing: border-box;
}

.thumb169 {
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
}

.thumb169 > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
}

.thumb169 > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}


.featured {
    /* border-radius: 8px; */
    overflow: hidden;
}

.featured .thumb169 {
    margin-bottom: 0;
}

.featured .sliderNavBtn {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #00C9C9;
}

.featured .sliderNavBtn::before {
    position: absolute;
    content: "";
    width: 88px;
    height: 80px;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.featured .custom-prev {
    left: 0;
    z-index: 1;
}

.featured .custom-next {
    right: 0;
    z-index: 1;
}

.featured .custom-prev::before {
    left: -50px;
}

.featured .custom-next::before {
    right: -50px;
}

.live {
    position: relative;
    background-color: #333333;
}

.over-live {
    position: absolute;
    left: 20px;
    /*bottom: 80px;*/
    top: 20px;
}

.featured .over-live {
    bottom: 20px;
}

.status-show {
    display: block;
    margin-bottom: 15px;
    font-family: "FuturaBook", sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}

.status-show span {
    display: inline-block;
    margin-right: 5px;
    padding: 10px;
    font-family: "FuturaMedium", sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 0.2em;
    background-color: #00C9C9;
    border-radius: 4px;
}

.over-live .show-title {
    color: #ffffff;
}

.flexslider-container {
    position: relative;
}

.player-container {
    position: relative;
    border-radius: 8px;
    color: #ffffff;
    background-color: #333333;
}

.player-header {
    position: relative;
    margin-bottom: 20px;
    padding: 20px 20px 15px 20px;
    border-bottom: 1px solid #262626;
}

.player-header p {
    font-family: "FuturaMedium", sans-serif;
    font-size: 20px;
    /*text-transform: uppercase;*/
    color: #00C9C9;
    letter-spacing: 1px;
}

.player-header p span {
    display: block;
    font-size: 14px;
    color: white;
}

.player-slider-container {
    position: relative;
}

.player-content-container::after {
    display: none;
    position: absolute;
    content: "";
    width: 100%;
    height: 20%;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, #333333 31.93%, rgba(51, 51, 51, 0) 68.07%);
    border-radius: 0 0 8px 8px;
}

.radio-stations-slider {
    position: relative;
    /*padding-bottom: 40px;*/
    border-bottom: 1px solid #262626;
}

.radio-stations-slider li.active-station,
#radio-slider li.active-station {
    padding-bottom: 40px;
}

.radio-stations-slider li.active-station .trigger-play-content::after,
#radio-slider li.active-station .trigger-play-content::after {
    position: absolute;
    content: "\69";
    font-family: "smartradio", sans-serif;;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 35px;
    color: #00C9C9;
}

.player-slider-container .sliderNavBtn {
    position: absolute;
    top: -2px;
    /* z-index: 3; */
}

.player-slider-container .custom-prev {
    left: 5px;
}

.player-slider-container .custom-next {
    right: 5px;
}

.station-last-songs {
    display: none;
}

.station-last-songs ul {
    position: relative;
    width: 100%;
}

.song-info {
    overflow: hidden;
    float: left;
    width: calc(100% - 95px - 15px - 30px);
}

.song-social-menu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: -15px;
    width: 30px;
    height: 100%;
}

.song-social-trigger {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(90deg) translate(-50%,-50%);
    -webkit-transform: rotate(90deg) translate(-50%,-50%);
    height: 30px;
    width: 100px;
    transform-origin: 0 0;
    font-size: 16px;
    color: #ffffff;
    transition: .3s color, .3s font-size, .3s left;
    text-align: center;
    cursor: pointer;
}

.song-social-trigger:hover {
    color: #00C9C9;
}

.song-social-container {
    display: none;
    position: absolute;
    top: 0;
    left: -20px;
    padding: 10px;
    box-sizing: border-box;
    width: calc(100% + 40px);
    height: calc(100% - 3px);
    background-color: rgba(0,0,0,.9);
    color: #ffffff;
    text-align: center;
}

.song-social-container.showed {
    display: block;
}

.song-social-container a {
    display: inline-block;
    padding: 0 5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    font-size: 55px;
}

.favorite {
    position: relative;
    float: left;
    width: 30px;
    height: 80px;
    color: #ffffff;
    /*color: #fd0202;*/
    cursor: pointer;
    /*text-align: center;*/
    line-height: 80px;
    font-size: 20px;
    z-index: 1;
}

.favorite:before {
    font-family: "FontAwesome";
    /*content: "\f006";*/
    content: "\f08a";
}

.favorite.off:before {
    /*content: "\f005";*/
    content: "\f004";
}

.list-of-songs .favorite {
    position: absolute;
    float: none;
    width: 30px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
}
.trigger-play .favorite {
    display: none;
}

.trigger-play.active-station .favorite {
    display: block;
    float: none;
    width: 60px;
    height: 60px;
    line-height: 1;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: rgba(0,0,0,.8);
}

.trigger-play.active-station .favorite:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-46%);
    -webkit-transform: translate(-50%,-46%);
}

.trigger-play.active-station .thumb-station {
    cursor: default;
}




@keyframes heartgo {
    from {transform: scale(1);}
    to {transform: scale(0);}
}

.heart {
    animation-name: heartgo;
    animation-duration: .5s;
    animation-timing-function: ease-out;
}

/*.favorite.inactive {*/
/*    display: none;*/
/*    color: #333333;*/
/*    cursor: default;*/
/*}*/

.song-social-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    width: calc(100% - 50px);
}

.song-social-hide {
    position: absolute;
    padding: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    font-size: 16px;
    cursor: pointer;
}

.player-station {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: calc(100% - 100px);
    margin: 0 auto 30px auto;
    font-family: "FuturaMedium", sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 1px;
    text-align: center;
}

#radio-slider .player-station {
    position: relative;
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    /*top: auto;*/
    /*left: 0;*/
    /*transform: none;*/
    /*-webkit-transform: none;*/
    width: 100%;
    color: #333333;
    text-align: left;
}


.player-station span {
    font-family: "FuturaLight", sans-serif;
    color: #00C9C9;
}

.thumb-station {
    position: relative;
    display: block;
    margin: 50px auto 25px auto;
    width: 200px;
    height: 200px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    background-color: #333333;
}

#radio-slider .thumb-station {
    margin: 0 0 15px 0;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.thumb-station-shadow {
    position: absolute;
    top: 157px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: block;
    width: 180px;
    height: 100px;
    background: rgba(0, 0, 0, 0.4);
    filter: blur(16px);
    border-radius: 16px;
}

.thumb-station::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color .3s;
    -webkit-transition: background-color .3s;

    content: "\70";
    font-family: "smartradio", sans-serif;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

/*.radio-stations-slider li.active-station .thumb-station::after {*/
li.active-station .thumb-station::after {
    display: none;
}


.thumb-station.inactive::after {
    /*cursor: default;*/
    display: none;
}

.thumb-station.inactive, .thumb-station.inactive + div {
    filter: grayscale(100%);
    opacity: 20%;
    cursor: default;
}


.thumb-station img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.station-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color .3s;
    -webkit-transition: background-color .3s;
}

.station-play-btn:hover {
    background-color: rgba(0, 0, 0, 0.75);
}

.station-play-btn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\70";
    font-family: "smartradio", sans-serif;
    font-size: 24px;
    color: #fff;
}

.station-program {
    padding: 0 20px 10px 20px;
    /* border-bottom: 1px solid #262626; */
}

#radio-slider .station-program {
    padding: 0;
}

.station-program-name {
    font-family: "Raleway", serif;
    /* font-weight: 300; */
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
}

#radio-slider .station-program-name {
    color: #333333;
}

.station-program-time {
    font-family: "Raleway", serif;
    /* font-weight: 300; */
    font-size: 14px;
    color: #999999;
}

.station-last-songs {
    padding: 10px 20px;
    /*padding: 0 20px;*/
}

.station-last-songs-container > p {
    display: none;
    /*margin-bottom: 10px;  */
    padding: 20px;
    font-family: "FuturaBook", sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #999999;
    letter-spacing: 1px;
}

.station-last-songs li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    font-family: "Raleway", sans-serif;
    border-bottom: 1px solid #262626;
    box-sizing: border-box;
}

.station-last-songs .thumb {
    position: relative;
    float: left;
    margin-right: 15px;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
}

.song-name {
    margin-bottom: 12px;
    padding-top: 5px;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
}

.song-singer {
    /*margin-bottom: 18px;    */
    /* font-weight: 300; */
    font-size: 13px;
    color: #FFFFFF;
}

.song-time {
    /* font-weight: 300; */
    font-size: 12px;
    color: #999999;
}

.player-container .section-see-more {
    display: none;
    top: calc(100% - 40px);
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.show-stations-btn,
.close-stations-btn {
    position: absolute;
    padding: 5px;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.change-station-container {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 3;
}

.change-station-list {
    position: fixed;
    top: 90px;
    left: 60px;
    width: calc(100% - 120px);
    height: calc(100vh - 180px);
    background: #333333;
    border-radius: 8px;
    box-sizing: border-box;
    /* overflow: hidden; */
}

.change-station-content {
    padding: 0 15px;
    height: calc(100% - 80px);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.stations-list li {
    margin-bottom: 30px;
}

.station-thumb {
    display: block;
    position: relative;
    margin-bottom: 20px;
    padding-top: 100%;
    width: 100%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    /*-webkit-filter: grayscale(100%); !* Safari 6.0 - 9.0 *!*/
    /*filter: grayscale(100%);*/
}

.station-thumb-logo {
    position: absolute;
    top: 70px;
    width: 115px;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.station-thumb-title {
    display: block;
    position: absolute;
    top: 100px;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-family: "FuturaMedium", sans-serif;
    font-size: 25px;
    color: rgba(255, 255, 255, .6);
    white-space: nowrap;
    text-transform: uppercase;
}

.darken {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    mix-blend-mode: multiply;
    border-radius: 8px;
}

.gradient {
    position: absolute;
    width: 100%;
    height: 75%;
    bottom: 0;
    left: 0;
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: linear-gradient(90deg, rgba(255, 214, 100, 1) 0%, rgba(0, 176, 155, 1) 50%, rgba(43, 26, 15, 1) 100%);
    mix-blend-mode: color;
}

.station-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.station-title {
    display: block;
    margin-bottom: 15px;
    font-family: "FuturaMedium", sans-serif;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    color: #FFFFFF;
    letter-spacing: 1px;
}

.station-title span {
    font-family: "FuturaLight", sans-serif;
}

.station-description {
    font-family: "Raleway", serif;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
}

.news-component {
    /*margin-bottom: 30px;*/
    margin-bottom: 30px;
}

.news-component h2,
.news-component h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.news-component .thumb169 {
    margin-bottom: 15px;
}

.news-title {
    display: inline-block;
    margin-bottom: 5px;
    font-family: "Raleway", serif;
    font-weight: 600;
    /*font-weight: 700;*/
    font-size: 16px;
    /*font-size: 14px;*/
    /*line-height: 18px;*/
    line-height: 22px;
    /*line-height: 16px;*/
    color: #333333;
}

.cat-link {
    display:inline-block;
    padding: 2px 0;
    font-size: 14px;
}

.cat-link span {
    font-weight: 400;
    color: #333333;
}

.section-title {
    margin-bottom: 20px;
    font-family: "FuturaMedium", sans-serif;
    font-size: 30px;
    color: #00C9C9;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.section-container {
    position: relative;
    overflow: hidden;
}

.section-see-more {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 0;
    font-family: "Raleway", serif;
    font-size: 14px;
    line-height: 1;
    background-color: #00C9C9;
    letter-spacing: 0.5px;
    color: white !important;
    padding: 10px;
    border-radius: 4px;
}

.main-section .section-see-more {
    position: relative;
    margin: 5px 0;
}

.slider-section .flexslider::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: calc((100% - 90px) / 7);
    height: 100%;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

/*.slider-section {*/
/*    padding-left: 60px;    */
/*}*/

.slider-section .section-see-more {
    margin-right: 20px;
    /*padding-right: 20px;*/
    right: 100px;
    top: 35px;
    font-size: 14px;
    line-height: 1;
    color: #00C9C9;
    letter-spacing: 0.5px;
    /*border-right: 1px solid #D9D9D9;*/
}

.pagina-live .section-see-more {
    top: 0;
}


/* LAST VIDEOS */

.slider-section .sliderNavBtn {
    position: absolute;
    top: -55px;
    padding: 5px;
}

.slider-section .custom-prev {
    right: 80px;
}

.slider-section .custom-next {
    right: 50px;
}

.last-videos-item {
    font-size: 18px;
    line-height: 22px;
}

.last-videos-item .video-embed,
.last-videos-item [id^='video-local-'] {
    margin-bottom: 20px;
}

.last-video-title {
    margin-bottom: 5px;
    font-family: "Raleway", serif;
    font-weight: 600;
    color: #333333;
    display: block;
}

.last-video-description {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    display: block;
    color: #333333;
}

.last-videos-item .thumb169::after {
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-family: "smartradio", sans-serif;
    font-size: 20px;
    content: "\70";
    width: 56px;
    /* width: 16%; */
    height: 36px;
    /* height: 18%; */
    color: #ffffff;
    background-color: #00C9C9;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
}


/* ACTIVE CONTESTS */

.contest-item {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}


/* EVENTS */

.events .section-title span {
    font-family: "Raleway", serif;
}

.event-item {
    font-size: 18px;
}

.event-date {
    display: block;
    margin-bottom: 7px;
    font-family: "FuturaBook", sans-serif;
    font-size: 42px;
    line-height: 60px;
    /*text-transform: uppercase;*/
    color: #00C9C9;
    letter-spacing: -2px;
}

.event-title {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #333333;
}

.event-title a {
    color: #333333;
}

.event-time {
    margin-bottom: 5px;
}

.event-location {
    margin-bottom: 10px;
}

.event-description, .event-link, .event-link a {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 17px;
}

.event-link a {
    color: #00C9C9;
}


/* EMISIUNI */

.show-item .thumb, .radio-item .thumb {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    height: 0;
    padding-top: 100%;
    /*height: 100%;*/
    overflow: hidden;
    border-radius: 8px;
}

.show-title {
    font-family: "FuturaBook", sans-serif;
    font-size: 22px;
    line-height: 29px;
    text-transform: uppercase;
    color: #333333;
    letter-spacing: 0.5px;
}


/* FOOTER */

.footer-first-line {
    margin-bottom: 15px;
}

.footer-logo {
    margin-left: -8px;
}

.footer-menu {
    float: left;
    margin-bottom: 20px;
    width: calc(100% - 300px);
}

.footer-menu li {
    display: block;
    margin-right: 20px;
    float: left;
}

.footer-menu li a {
    display: inline-block;
    padding: 7px 0;
    font-family: "Raleway", serif;
    font-size: 18px;
    color: #FFFFFF;
}

.footer-last-line > * {
    font-family: "Raleway", serif;
    /* font-weight: 300; */
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #ffffff;
}

.footer-last-line > a {
    float: left;
}

.footer-last-line > a:hover {
    opacity: .7;
}

.footer-last-line > strong {
    float: left;
    margin: 0 5px;
}

.footer-last-line > span {
    float: right;
}

.netopia-logo {
    display: block;
    width: 300px;
    float: right;
    padding: 15px 0;
    text-align: right;
    box-sizing: border-box;
}

.no-slider {

}

.no-slider .slides {
    width: 100% !important;
}

.no-slider .slides li {
    margin-right: 0 !important;
    padding: 0 15px;
    width: 33.3% !important;
    box-sizing: border-box;
}


/* -------------------------------------------------------- */
/* pagina de radiouri - lista */
/* -------------------------------------------------------- */


.items-list {
    margin-top: 50px;
}

.items-list .station-title,
.items-list .station-description {
    color: #333333;
}

.items-list .station-thumb,
.items-list .station-title {
    margin-bottom: 10px;
}


.r-stations-list li {
    display: inline-block;
    margin-bottom: 50px;
    margin-right: -4px;
    padding: 0 15px;
    width: 20%;
    color: #333333;
    box-sizing: border-box;
    vertical-align: top;
}


/* -------------------------------------------------------- */
/* pagina de emisiuni - lista */
/* -------------------------------------------------------- */

.shows-list li {
    display: inline-block;
    margin-bottom: 50px;
    margin-right: -4px;
    padding: 0 15px;
    width: 25%;
    color: #333333;
    box-sizing: border-box;
    vertical-align: top;
}

.show-thumb {
    display: block;
    margin-bottom: 15px;
    padding-top: 100%;
    width: 100%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
}

.show-title {
    display: block;
    margin-bottom: 10px;
    font-family: "FuturaMedium", sans-serif;
    font-size: 22px;
    line-height: 29px;
    text-transform: uppercase;
    color: #333333;
}

.show-days {
    margin-bottom: 10px;
    /* font-family: Raleway; */
    /* font-weight: 500; */
    font-size: 14px;
    line-height: 16px;
    /* background: #333333; */
}

.show-time {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #666666;
}


/* -------------------------------------------------------- */
/* pagina de videouri - lista */
/* -------------------------------------------------------- */


.videos-list {
}

.videos-list li {
    display: inline-block;
    margin-bottom: 50px;
    margin-right: -4px;
    padding: 0 15px;
    width: 25%;
    color: #333333;
    box-sizing: border-box;
    vertical-align: top;
}

.videos-title, .videos-description {
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

.videos-title {
    font-weight: 600;
}

.videos-list .thumb169::after {
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-family: "smartradio", sans-serif;
    font-size: 20px;
    content: "\70";
    width: 56px;
    height: 36px;
    color: #ffffff;
    background-color: #00C9C9;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
}


/* -------------------------------------------------------- */
/* pagina de concursuri - lista */
/* -------------------------------------------------------- */

.contests-list {

}

.contests-list li {
    display: inline-block;
    margin-bottom: 50px;
    margin-right: -4px;
    padding: 0 15px;
    width: 33.33%;
    color: #333333;
    box-sizing: border-box;
    vertical-align: top;
}

.contest-title {
    display: block;
    margin-bottom: 10px;
    padding-right: 10px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #333333;
}

.contest-interval {
    margin-bottom: 10px;
    font-weight: 500;
    /*font-size: 16px;*/
    font-size: 14px;
    line-height: 16px;
    /*line-height: 18px;*/
    color: #333333;
}

.contest-description {
    position: relative;
    padding-right: 10px;
    margin-bottom: 20px;
    height: 50px;
    overflow: hidden;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

.contest-description::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.contest-see-more,
.contest-regulations {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #00C9C9;
}


/* -------------------------------------------------------- */
/* pagina de stiri - lista */
/* -------------------------------------------------------- */

.main-news {
    /*margin-bottom: 50px;*/
    position: relative;
}

.eticheta {
    padding: 5px;
    background-color: #00C9C9;
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.items-list .news-list {
    text-align: right;
}

.items-list .news-list li {
    text-align: left;
}

.news-list li {
    display: inline-block;
    margin-bottom: 30px;
    margin-right: -4px;
    padding: 0 7px;
    width: 20%;
    color: #333333;
    box-sizing: border-box;
    vertical-align: top;
}

.news-list:not(.category-list) li:first-child {
    margin: 0;
    width: 40%;
    float: left;
}

/*.news-title {*/
/*    display: inline-block;*/
/*    font-weight: 700;*/
/*    font-size: 14px;*/
/*    line-height: 16px;*/
/*    color: #333333;*/
/*}*/

.news-list:not(.category-list) li:first-child .news-title {
    font-size: 16px;
    line-height: 21px;
}

.specific-news {
    position: relative;
    margin-bottom: 30px;
}

/*.specific-news li:first-child {*/
    /*width: 20%;*/
    /*float: none;*/
/*}*/

.specific-news li {
    width: 20%!important;
    /*float: left;*/
}

.specific-news .news-list li:first-child .news-title {
    /*font-size: 14px;*/
    /*line-height: 16px;*/
}

.news-section-name {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 20px;
    font-family: "FuturaMedium", sans-serif;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #B3B3B3;
    background-color: #ffffff;
}

.specific-news::before {
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
    width: calc(100% - 140px);
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    z-index: 0;
}

.main-news::before {
    position: absolute;
    content: "";
    top: 16px;
    left: 0;
    width: calc(100% - 140px);
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    z-index: 0;
}

.specific-see-more {
    display: inline-block;
    position: absolute;
    /*padding-left: 20px;*/
    top: -5px;
    /*top: 5px;*/
    right: 0;
    font-size: 14px;
    line-height: 16px;
    /*color: #00C9C9;*/
    /*background-color: #ffffff;*/
    padding: 10px;
    /*margin-left: 20px;*/
    color: white;
    background-color: #00C9C9;
    border-radius: 4px;
    letter-spacing: -.2px;
    font-weight: 700;
}

.main-news .specific-see-more {
    top: -1px;
}

.main-news .section-title {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    background-color: #ffffff;
}

.container-text-news {
    display: inline-block;
    /*width: calc(50% - 4px);*/
    vertical-align: middle;
}

/* -------------------------------------------------------- */
/* pagina de radio - detaliu */
/* -------------------------------------------------------- */


.radio-page header {
    position: relative;
    padding: 27px 0 25px 0;
}

.radio-page header.radio {
    background: linear-gradient(270deg, #FFF80D 0%, #00C9C9 100%);
}

.radio-page header.fusions {
    background: linear-gradient(270deg, #F03A65 0%, #0FFFF7 100%);
}

.smart-logo {
    padding-right: 7px;
}

.station-name {
    padding-top: 3px;
    font-family: "FuturaLight", sans-serif;
    font-size: 35px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 3px;
    text-transform: uppercase;
}

.breadcrumb {
    margin-bottom: 10px;
    color: #ffffff;
}

.controls {
}

#play-pause-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: #FFFFFF;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    z-index: 1;
}

#play-pause-btn::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\70";
    font-family: "smartradio", sans-serif;
    font-size: 30px;
    color: #00C9C9;
}

#play-pause-btn.playing::after {
    left: 50%;
    content: "\6e";
}

.volume-container {
    display: inline-block;
    position: absolute;
    /* padding: 0 30px; */
    top: 50%;
    right: 60px;
    width: 255px;
    height: 70px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.2);
    border-radius: 49px;
    box-sizing: border-box;
    /*display: none;*/
}

.volume-content {
    position: absolute;
    width: calc(100% - 60px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.vol-btn-icon {
    display: inline-block;
    vertical-align: middle;
}

.vol-btn-icon::after {
    content: "\72";
    font-family: "smartradio", sans-serif;
    font-size: 22px;
    color: #ffffff;
}

/*.jp-volume-controls .vol-btn-icon::after {*/
/*    color: #000000;*/
/*}*/

.vol-btn-icon.muted::after {
    content: "\73";
}

.vol-track {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: calc(100% - 60px);
    height: 4px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    transition: height .3s;
    cursor: pointer;
}

/*.volume-container:hover .vol-track { */
/*    height: 8px;*/
/*}*/

/*.volume-container:hover .vol-handler {*/
/*    height: 8px;*/
/*}*/

.area-sensitivity:hover .vol-track {
    height: 8px;
}

.area-sensitivity:hover .vol-handler {
    height: 8px;
}


.vol-fill {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #FFFFFF;
    border-radius: 4px;
}

.vol-handler {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 4px;
    border-radius: 2px;
    background-color: transparent;
    cursor: ew-resize;
    transition: height .3s;
    -webkit-transition: height .3s, top .3s;
}

.vol-value {
    color: #ffffff;
}

.radio-change {
    position: relative;
    padding-right: 25px;
    display: inline-block;
    cursor: pointer;
    max-width: calc(50vw - 160px);
}

.radio-change span {
    display: inline-block;
    vertical-align: middle;
}

.radio-change::before {
    position: absolute;
    content: "\68";
    font-family: "smartradio", sans-serif;
    font-size: 16px;
    color: #ffffff;
    top: 10px;
    right: 0;
}

.radio-change.expanded::before {
    content: "\69";
}

.radio-change::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: -25px;
    background-color: #333333;
    transition: height .3s;
    -webkit-transition: height .3s;
}

.radio-change.expanded::after {
    height: 5px;
}

.stations-slider-container {
    display: none;
    background-color: #333333;
}

.stations-slider-container {
    padding: 25px 0 25px 60px;
}

.stations-slider-container .thumb-station {
    margin: 0 0 20px 0;
    /*padding: 0;*/
    width: 100%;
    padding-top: 100%;
    height: 0;
    overflow: hidden;
    /*height: auto;*/
}

.stations-slider-container .thumb-station::before {
    width: 0;
    height: 0;
    background: none;
}

.stations-slider-container .thumb-station::after {
    content: "";
    background: none;
}

.stations-slider-container .station-program {
    padding: 0 10px 0 0;
}

.stations-slider-container > p {
    margin-bottom: 25px;
    width: calc(100% - 120px);
    font-family: "FuturaMedium", sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    letter-spacing: 3px;
    border-right: 1px solid #ffffff;
}

.stations-slider-container .sliderNavBtn {
    top: -45px;
}

.stations-slider-container .custom-prev {
    right: 80px;
}

.stations-slider-container .custom-next {
    right: 50px;
}

.radio-page-content {
    margin-top: 50px;
}

.sidebar {
    float: right;
    /* width: 300px; */
    width: 28%;
    min-width: 330px;
    padding-left: 30px;
    /* overflow: hidden; */
    box-sizing: border-box;
}

.sidebar .thumb {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
}

.show-live-now {
    position: relative;
}

.now-link-video {
    position: absolute;
    top: -9px;
    right: 0;
    display: inline-block;
    padding: 17px 15px 17px 55px;
    color: #ffffff;
    background-color: #333333;
    border-radius: 8px;
}

.now-link-video::before {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    content: "\70";
    width: 30px;
    height: 20px;
    background-color: #00C9C9;
    border-radius: 4px;
    font-family: "smartradio", sans-serif;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
}

.show-live-now .show-title {
    font-family: "FuturaMedium", sans-serif;
    font-size: 24px;
    line-height: 31px;
    text-transform: uppercase;
    color: #333333;
}

.show-live-now .show-time {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #666666;
}

.show-live-now p a {
    color: #00C9C9;
}

.now-show {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
}

.next-shows {
    margin-bottom: 40px;
}

.next-shows .section-title {
    font-size: 24px;
    line-height: 31px;
    text-transform: uppercase;
    /* background: #00C9C9; */
}

.next-shows .show-title {
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    color: #333333;
}

.next-shows .show-time {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    color: #666666;
}

.sidebar-news .news-title {
    margin-bottom: 10px;
    font-family: "FuturaMedium", sans-serif;
    font-size: 32px;
    line-height: 36px;
    color: #333333;
}

.sidebar-news p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}

.main-content {
    /* width: calc(100% - 330px); */
    float: left;
    width: 72%;
    max-width: calc(100% - 330px);
    overflow: hidden;
}

.radio-page .main-content {
    float: none;
    width: 100%;
    max-width: 100%;
}

.list-of-songs {
    position: relative;
}

.song-info-in-radio-page {
    overflow: hidden;
}

.table-header {
    padding: 10px;
    height: 35px;
    border-top: 1px solid #D9D9D9;
    box-sizing: border-box;
}

.list-of-songs .song-title,
.list-of-songs .song-artist {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    /*text-transform: uppercase;*/
    color: #666666;
}

.list-of-songs li {
    display: block;
    position: relative;
    padding: 10px;
    height: 80px;
    box-sizing: border-box;
    border-bottom: 1px solid #D9D9D9;
}

.list-of-songs li:first-child {
    background-color: #333333;
    border-radius: 8px;
    border-bottom: 0;
}

.list-of-songs li > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.list-of-songs .thumb {
    /* float: left; */
    /* margin-right: 30px; */
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
}

.list-of-songs .song-last-time {
    float: right;
    width: 16%;
    /*padding-right: 20px;*/
    padding: 5px 20px 5px 0;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
}

.list-of-songs li:first-child .song-last-time {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-family: "FuturaMedium", sans-serif;
    /* font-size: 24px;         */
    letter-spacing: 0.2px;
    color: #00C9C9;
}

.list-of-songs .song-title {
    float: left;
    width: 50.75%;
    /*padding-right: 20px;*/
    /*padding-left: 90px;*/
    padding: 5px 20px 5px 120px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
}

.list-of-songs .song-artist {
    float: left;
    /*width: 33.25%;*/
    width: calc(33.25% - 30px);
    /*padding-right: 20px;*/
    padding: 5px 20px 5px 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
}

.list-of-songs li:first-child .song-title,
.list-of-songs li:first-child .song-artist {
    color: #ffffff;
}

.list-of-songs li:not(:first-child) .favorite {
    color: #000000;
}

.list-of-songs::after {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 230px;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}


/* -------------------------------------------------------- */
/* pagina de emisiune - detaliu */
/* -------------------------------------------------------- */


.show-page, .radio-page {
    /*margin-top: -20px;*/
}

.show-header {
    position: relative;
    margin-bottom: 50px;
}

.show-header-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 28.57%;
    overflow: hidden;
}

.show-header-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.over-show-header {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ffffff;
}

.over-show-header .show-title {
    margin-bottom: 20px;
    font-size: 52px;
    line-height: 1;
    text-transform: uppercase;
    color: #FFFFFF;
    letter-spacing: 1px;

}

.over-show-header .show-guest {
    margin-bottom: 90px;
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
}

.show-header .show-interval {
    display: inline-block;
    padding-bottom: 20px;
    font-size: 24px;
    color: #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
}


.list-of-podcasts {
    margin-bottom: 50px;
}

.list-of-podcasts li {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #D9D9D9;
    box-sizing: border-box;
}

.list-of-podcasts li > * {
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
}

.list-of-podcasts .thumb-container {
    /* padding-right: 30px; */
    padding-right: 2%;
    /* float: left; */
    /* display: inline-block; */
    /* width: 180px; */
    width: calc((100% - 142px) / 4);
    height: auto;
    box-sizing: border-box;
}

.list-of-podcasts .thumb169 {
    margin-bottom: 0;
}

.list-of-podcasts .show-podcast-title {
    margin-bottom: 0;
    /* float: left; */
    /* display: inline-block; */
    /* padding-right: 30px; */
    /* width: calc((100% - 322px) * 2/3); */
    padding-right: 3%;
    width: calc((100% - 142px) * 2 / 4);
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    box-sizing: border-box;
}

.list-of-podcasts .show-podcast-title > span {
    display: block;
}

.list-of-podcasts .show-date {
    /* float: left; */
    /* display: inline-block; */
    padding-right: 10px;
    /* width: calc((100% - 322px) / 3); */
    width: calc((100% - 142px) / 4);
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    box-sizing: border-box;
}

.list-of-podcasts .show-date > span {
    display: block;
}

.list-of-podcasts .show-video {
    /* display: block; */
    /* float: left;     */
    /* display: inline-block; */
    /*padding: 6px 30px 6px 0;    */
    margin-right: calc(30px - 4px);
    padding: 6px 0;
    position: relative;
    /*width: 86px;*/
    width: 56px;
    height: 36px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}

.list-of-podcasts .show-audio {
    /* display: block; */
    /* float: left;             */
    position: relative;
    padding: 4px 0;
    width: 56px;
    height: 36px;
    font-size: 25px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}

.list-of-podcasts .show-audio i {
    /* top: 0; */
}

.list-of-podcasts .show-video::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 36px;
    content: "";
    background-color: #00C9C9;
    border-radius: 4px;
}

.list-of-podcasts .show-audio::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 36px;
    content: "";
    background-color: #00C9C9;
    border-radius: 4px;
}

.list-of-podcasts .inactive::before {
    background-color: #CCCCCC;
}

.list-of-podcasts .table-header i {
    top: 3px;
}

.list-of-podcasts .table-header {
    padding: 5px 10px;
    height: auto;
}

.list-of-podcasts .table-header > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
}

.list-of-podcasts .table-header .show-podcast-title {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
}

.list-of-podcasts .table-header .thumb-container {
    height: 1px;
}

.list-of-podcasts .table-header .thumb169 {
    padding-top: 0;
}

.list-of-podcasts .table-header .show-video {
    margin-right: calc(30px - 4px);
    padding: 0;
    /*padding: 0 30px 0 0;*/
    /* width: auto; */
    height: auto;
}

.list-of-podcasts .table-header .show-audio {
    padding: 0;
    height: auto;
}

.list-of-podcasts .table-header .show-video,
.list-of-podcasts .table-header .show-audio {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #666666;
    text-align: center;
}

.list-of-podcasts .table-header .show-video::before,
.list-of-podcasts .table-header .show-audio::before {
    display: none;
}

.list-of-podcasts .table-header {
    border-bottom: 1px solid #D9D9D9;
}

.show-page-see-more, .about-opener-show {
    margin-top: 30px;
    display: block;
    padding: 17px 0;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #00C9C9;
    border: 1px solid #D9D9D9;
    /* box-sizing: border-box; */
    border-radius: 8px;

}

.about-opener-show {
    display: none;
}

.show-about p {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}


/* -------------------------------------------------------- */
/* pagina de arhiva podcasturi - lista */
/* -------------------------------------------------------- */


.podcasts-page {
    /*margin-top: -20px;*/
}

.podcasts-page header p {
    font-family: "FuturaMedium", sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    color: #FFFFFF;
    letter-spacing: 1px;
}

.podcasts-page header {
    position: relative;
    margin-bottom: 30px;
    padding: 35px 0 28px 0;
}

.podcasts-page header.radio {
    background: linear-gradient(270deg, #FFF80D 0%, #00C9C9 100%);
}

.podcasts-page header.fusions {
    background: linear-gradient(270deg, #F03A65 0%, #0FFFF7 100%);
}

.podcasts-page .table-header {
    border-top: 0;
}


.podcasts-page .list-of-podcasts .thumb-container {
    width: 180px;
}

.podcasts-page .list-of-podcasts .show-podcast-title {
    width: calc((100% - 142px - 180px) * 2 / 3);
}

.podcasts-page .list-of-podcasts .show-date {
    width: calc((100% - 142px - 180px) / 3);
}


/* -------------------------------------------------------- */
/* pagina de video - detaliu */
/* -------------------------------------------------------- */


.video-page {
    /*margin-top: -20px;*/
}


.video-page .thumb169 {
    margin-bottom: 0;
}

.video-header {
    margin-bottom: 40px;
}

.video-details-container {
    position: relative;
    padding: 30px 0;
    background-color: #333333;
}

.video-title {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 34px;
    color: #FFFFFF;
}

.video-title span {
    font-weight: 600;
}

.video-pub-date {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF;
}

.video-description {
    font-size: 18px;
    line-height: 1.4;
    color: #CCCCCC;
}

.sidebar .last-videos-item {
    margin-bottom: 20px;
}

.sidebar .thumb169 {
    margin-bottom: 20px;
}

.fb-share {
    position: absolute;
    top: 30px;
    right: 60px;
    font-size: 16px;
    line-height: 17px;
    /*color: #FFFFFF;*/
    color: #00C9C9;
}

.fb-share::before {
    position: absolute;
    content: "\78";
    top: 0;
    left: -30px;
    font-family: "smartradio", sans-serif;
    font-size: 25px;
    /*color: #ffffff;*/
    color: #00C9C9;
}


/* -------------------------------------------------------- */
/* pagina de concurs - detaliu */
/* -------------------------------------------------------- */

.contests .sliderNavBtn {
    display: none;
}

.no-top-main {
    margin-top: 50px;
}

.no-top-main .thumb169 {
    margin-bottom: 15px;
}

.no-top-main .item-title {
    display: block;
    margin-bottom: 10px;
    padding-right: 10px;
    font-weight: 700;
    /*font-size: 24px;*/
    /*line-height: 28px;*/
    color: #333333;
    font-size: 16px;
    line-height: 20px;
}

.item-date {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
}

.item-container {
    margin-bottom: 25px;
}

.main-title {
    margin-bottom: 25px;
    font-weight: 800;
    /*font-size: 36px;*/
    font-size: 48px;
    line-height: 60px;
    /*line-height: 42px;*/
    color: #333333;
}

/*.share-on-facebook {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    margin-bottom: 20px;*/
/*    padding: 10px 10px 10px 35px;*/
/*    font-size: 16px;*/
/*    color: #FFFFFF;*/
/*    background-color: #2D649A;*/
/*    border-radius: 8px;*/
/*}*/

/*.share-on-facebook::after {*/
/*    position: absolute;*/
/*    left: 12px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    -webkit-transform: translateY(-50%);*/
/*    content:"\f09a";*/
/*    ;font-family: "FontAwesome", sans-serif;*/
/*    font-size: 25px;*/
/*    color: #ffffff;*/
/*}*/

/*.share-on-twitter {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    margin-bottom: 20px;*/
/*    padding: 10px 10px 10px 40px;*/
/*    font-size: 16px;*/
/*    color: #FFFFFF;*/
/*    background-color: #55ACEE;*/
/*    border-radius: 8px;*/
/*}*/

/*.share-on-twitter::after {*/
/*    position: absolute;*/
/*    left: 10px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    -webkit-transform: translateY(-50%);*/
/*    content:"\f099";*/
/*    ;font-family: "FontAwesome", sans-serif;*/
/*    font-size: 25px;*/
/*    color: #ffffff;*/
/*}*/

/*.share-on-linkedin {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    margin-bottom: 20px;*/
/*    padding: 10px 10px 10px 40px;*/
/*    font-size: 16px;*/
/*    color: #FFFFFF;*/
/*    background-color: #0076B4;*/
/*    border-radius: 8px;*/
/*}*/

/*.share-on-linkedin::after {*/
/*    position: absolute;*/
/*    left: 13px;*/
/*    top: calc(50% - 3px);*/
/*    transform: translateY(-50%);*/
/*    -webkit-transform: translateY(-50%);*/
/*    content:"\f0e1";*/
/*    ;font-family: "FontAwesome", sans-serif;*/
/*    font-size: 23px;*/
/*    color: #ffffff;*/
/*}*/

.container-text {
    margin-top: 20px;
}

.container-text p {
    margin: 20px 0;
    font-size: 18px;
    /*font-size: 16px;*/
    line-height: 26px;
    color: #333333;
    font-weight: 500;
}

.container-text > ul {
    padding-left: 20px;
    list-style: disc;
}

.container-text > ul li {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
}

.contest-read-more {
    display: inline-block;
    margin-bottom: 60px;
    padding: 17px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #FFFFFF;
    background-color: #00C9C9;
    border-radius: 8px;
}

.no-top-main .main-content {
    float: left;
    width: 72%;
    max-width: calc(100% - 330px);
}

.no-top-main .comments-container {
    width: 72%;
    max-width: calc(100% - 330px);
}


/* -------------------------------------------------------- */
/* pagina de stire - detaliu */
/* -------------------------------------------------------- */

.entry-meta {
    margin-bottom: 20px;
}

.article-meta {
    display: inline-block;
    vertical-align: middle;
}

.autor {
    font-weight: 700;
    /*font-style: italic;*/
    color: #00C9C9;
}

.autor a span {
    font-weight: 400;
    color: #333333;
}

.post-category {
    display: inline-block;
    /*padding-top: 3px;*/
}

.post-category span {
    font-weight: 400;
    color: #333333;
}

.news-pub-date {
    /*margin-bottom: 20px;*/
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #333333;
}

.news-pub-date * {
    vertical-align: middle;
}

.social-top {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 50px;
}

.social-top a {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    padding: 3px;
}

.social-top a img {
    display: block;
    width: 100%;
}

.social {
    padding: 20px 0;
}

/* -------------------------------------------------------- */
/* paginatie */
/* -------------------------------------------------------- */

.pagination {
    padding: 20px 0;
}

.pagination-results {
    /*display: inline-block;*/
    /*padding: 3px 0;*/
    display: block;
    padding: 20px 0;
    text-align: center;
}

.pages-container {
    /*float: right;*/
    display: block;
    text-align: center;
}

.page-numbers {
    display: inline-block;
}

.page-numbers li {
    display: inline-block;
    padding: 5px 0;
}

.page-numbers li .current {
    color: #ffffff;
    background-color: #00C9C9;
    border-color: #00C9C9;
}

.page-numbers li > * {
    display: inline-block;
    margin-left: 2px;
    width: 36px;
    height: 36px;
    /* color: #333333; */
    font-family: "OpenSansLight", sans-serif;
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 36px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
}

.about-opener-video {
    display: none;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #00C9C9;
}


/* -------------------------------------------------------- */
/* player radio de baza */
/* -------------------------------------------------------- */


.menu-player-container {
    position: absolute;
    /*right: 110px;*/
    top: 50%;
    /*left: 930px;*/
    width: calc(33.3% - 185px);
    left: calc(66.6% + 5px);
    transform: translateY(-50%);
    padding-left: 70px;
    /*padding-left: 100px;*/
    /*width: 400px;*/
    /*box-sizing: border-box;*/
    /*overflow: hidden;*/
}

.header-top.sticky .menu-player-container {
    /*left: 470px;*/
}

.menu-player-container > * {
    display: inline-block;
    vertical-align: middle;
}

.menu-player-text {
    margin-left: 7px;
    width: calc(100% - 53px);
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    transition: opacity .3s;
    -webkit-transition: opacity .5s;
    overflow: hidden;
}

.header-top.sticky + div {
    padding-top: 70px;
}

.menu-player-text.show {
    opacity: 1;
}

.menu-player-text > span {
    position: relative;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    text-align: left;
    white-space: nowrap;
}

.header-top.sticky .menu-player-text > span {
    /*display: inline-block;*/
}

.menu-player-station {
    font-size: 11px;
    line-height: 13px;
    color: #00C9C9;
    text-transform: uppercase;
}

.header-top.sticky .menu-player-text .menu-player-station {
    display: block;
}

.menu-player-song {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    white-space: nowrap;
    /*animation-name: song-name-moving;*/
    animation-duration: 10s;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes song-name-moving {
    0%   { transform: translateX(0);  }
    50%   { transform: translateX(-100%);  }
    100%   { transform: translateX(0);  }
}

.menu-player-artist {
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
}

.menu-album-picture {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    /*background: #C4C4C4;*/
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    border: 1px solid #eeeeee;
}

.menu-album-picture.show {
    opacity: 1;
}

.menu-player-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    /*right: -50px;*/
    left: 0;
    top: 50%;
    transform-origin: 50% 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #00C9C9;
    cursor: pointer;
    /*animation-name: pulsatil-buton-color;*/
    animation-name: pulsatil-buton-size;
    animation-duration: 1s;
    animation-delay: 3s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

.menu-player-btn:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.menu-player-btn::after {
    position: absolute;
    top: 50%;
    left: calc(50% + 2px);
    transform: translate(-50%, -50%);
    font-family: "smartradio", sans-serif;
    /*font-size: 12px;*/
    font-size: 18px;
    content: "\6f";
    /*color: #00C9C9;*/
    color: #ffffff;
    /*animation-name: pulsatil-icon-color;*/
    /*animation-duration: 1s;*/
    /*animation-delay: 0s;*/
    /*animation-timing-function: ease-out;*/
    /*animation-iteration-count: infinite;*/
}

.jp-state-playing .menu-player-btn::after {
    top: calc(50% + 1px);
    left: 50%;
    font-size: 15px;
}

.jp-state-playing .menu-player-btn::after {
    content: "\6d";
}

/*.menu-player-btn:hover::after {*/
/*    -webkit-animation-play-state: paused;*/
/*    -moz-animation-play-state: paused;*/
/*    -o-animation-play-state: paused;*/
/*    animation-play-state: paused;*/
/*}*/


@keyframes pulsatil-icon-color {
    0%   { color: rgba(255,255,255,1); }
    50%  { color: rgba(255,255,255,.1); }
    100% { color: rgba(255,255,255,1); }
}

@keyframes pulsatil-buton-size {
    /*0%   { width: 50px; height: 50px }*/
    /*50%   { width: 55px; height: 55px }*/
    /*100%   { width: 50px; height: 50px }*/
    0%   { transform: scale(1) translateY(-50%); }
    50%   { transform: scale(1.2) translateY( calc(-50% + 3px) ); }
    100%   { transform: scale(1) translateY(-50%) ; }
}

@keyframes pulsatil-buton-color {
    0%      { background-color: #f00; }
    25%     { background-color: #00C9C9; }
    50%     { background-color: #00C9C9; }
    75%     { background-color: #00C9C9; }
    100%    { background-color: #f00; }
}

.jp-type-single {
    width: 100%;
    overflow: hidden;
}

.jp-state-playing .menu-player-btn {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

/*.header-top.sticky .menu-player-btn {*/
/*    width: 36px;*/
/*    height: 36px;*/
/*}*/

/*.header-top.sticky .menu-player-btn::after {*/
/*    font-size: 20px;*/
/*}*/

/*.header-top.sticky .jp-state-playing .menu-player-btn::after {*/
/*    font-size: 19px;*/
/*}*/


.menu-player-container .jp-volume-controls {
    display: none;
}

.menu-player-container .jp-stop {
    display: none;
}

.menu-player-container .jp-progress {
    display: none;
}

.menu-player-container .jp-current-time {
    display: none;
}

.menu-player-container .jp-duration {
    display: none;
}

.menu-player-container .jp-toggles {
    display: none;
}

.menu-player-container .jp-no-solution {
    display: none;
}


/* -------------------------------------------------------- */
/* pagina grila programe - lista */
/* -------------------------------------------------------- */


.grila {
}

.grila-page-content .section-title {
    margin-bottom: 30px;
}


.grila .tabs-header {
    margin-bottom: 30px;
    border-bottom: 1px solid #D9D9D9;
}

.grila .tabs-header li {
    display: inline-block;
    /* margin-right: 16px; */
    margin-right: calc(1% - 4px);
    width: calc((100% - 6%) / 7);
}

.grila .tabs-header li:last-child {
    margin-right: -4px;
}

.grila .tabs-header li a {
    position: relative;
    display: inline-block;
    padding: 10px 0;
    width: 100%;
    font-family: "FuturaMedium", sans-serif;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333333;
}

.grila .tabs-header li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: transparent;
    transition: height .3s, background-color .3s;
}

.grila .tabs-header li.active a:after {
    height: 5px;
    background-color: #00C9C9;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.tab-content li {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
}

.grila .show-interval {
    display: inline-block;
    margin-right: 6px;
    width: 145px;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #00C9C9;
    vertical-align: top;
}

.grila .show-thumb {
    display: inline-block;
    margin-right: 36px;
    width: 120px;
    height: 120px;
    border-radius: 4px;
    overflow: hidden;
    vertical-align: top;
    padding: 0;
}

.grila .show-thumb img {
    width: 100%;
}

.grila .show-text-container {
    display: inline-block;
    margin-right: -4px;
    width: calc(100% - 155px - 160px);
    vertical-align: top;
}

.grila .show-text-container > span {
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

.grila .show-text-container > span a {
    color: #00C9C9;
}

.grila .show-description {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}

.grila .show-title {
    margin-bottom: 20px;
}

.grila .show-title a {
    font-family: "FuturaMedium", sans-serif;
    font-size: 24px;
    line-height: 31px;
    text-transform: uppercase;
    color: #333333;
}

.grila .see-more {
    display: inline-block;
    padding: 5px 0;
    font-weight: 500;
    font-size: 14px;
    color: #00C9C9;
}

.grila .tab-selected {
    display: none;
    position: relative;
    padding: 15px 10px 12px 10px;
    font-family: "FuturaMedium", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFFFFF;
    background-color: #00C9C9;
    cursor: pointer;
}

.grila .tab-selected::after {
    position: absolute;
    right: 13px;
    top: 50%;
    color: #fff;
    font-family: "smartradio", sans-serif;
    font-size: 16px;
    text-transform: lowercase;
    content: "\48";
    -webkit-transform: translateY(-50%) scaleY(1);
    -moz-transform: translateY(-50%) scaleY(1);
    -o-transform: translateY(-50%) scaleY(1);
    transform: translateY(-50%) scaleY(1);
    transition: transform .1s;
    -webkit-transition: transform .1s;
}

.grila .tab-selected.opened::after {
    -webkit-transform: translateY(-50%) scaleY(-1);
    -moz-transform: translateY(-50%) scaleY(-1);
    -o-transform: translateY(-50%) scaleY(-1);
    transform: translateY(-50%) scaleY(-1);
}


/* -------------------------------------------------------- */
/* pagina echipei de realizatori de emisiuni - lista */
/* -------------------------------------------------------- */


.team .show-thumb {
    /*border-radius: 50%;*/
    border-radius: 8px;
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
}

.team .show-title {
    text-align: center;
}

.team .fb-link {
    margin-bottom: 20px;
    text-align: center;
}

.team .fb-link a {
    font-size: 30px;
    color: #00C9C9;
}

.team .about {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.team .read-more {
    display: inline-block;
    margin-bottom: 20px;
    padding: 5px 0;
    font-weight: 500;
    color: #00C9C9;
}

.team .role {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.team .role a {
    /*display: block;*/
    color: #00C9C9;
}


/* -------------------------------------------------------- */
/* pagina de podcast audio - detaliu */
/* -------------------------------------------------------- */


.audio-page {
    /*margin-top: -20px;*/
}

.audio-header {
    margin-bottom: 40px;
}

.audio-container {
    position: relative;
    padding-top: 30px;
    background-color: #333333;
}

.last-podcast-item {
    padding: 10px 0 20px 0;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}


.last-podcast-title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
}

.last-podcast-date {
    margin-bottom: 20px;
}

.podcast-link {
    display: inline-block;
    width: calc(50% - 5px);
    height: 36px;
    color: #ffffff;
    background-color: #00C9C9;
    border-radius: 4px;
    box-sizing: border-box;
    vertical-align: top;
}

.podcast-link.inactive {

    background-color: #CCCCCC;
}

.podcast-video {
    margin-right: 5px;
    padding-left: calc(25% - 35px);
    font-size: 20px;
    line-height: 40px;
}

.podcast-video::after {
    position: absolute;
    content: "Video";
    margin-left: 7px;
    font-size: 12px;
    line-height: 38px;
}

.podcast-audio {
    padding-left: calc(25% - 35px);
    font-size: 25px;
    line-height: 41px;
}

.podcast-audio::after {
    position: absolute;
    content: "Audio";
    margin-left: 7px;
    font-size: 12px;
    line-height: 38px;
}


.video-details-container .video-title {
    width: calc(100% - 100px);
}

.inactive::before {
    background-color: #B3B3B3;
}

.audioPagePlayer {
    width: 100%;
    height: 100px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
}

.page-player-container .jp-controls-holder {
    width: calc(100% - 200px);
    border-right: 1px solid #D9D9D9;
}

.page-player-container .jp-controls-holder > * {
    display: inline-block;
    vertical-align: middle;
}

.page-player-container .jp-controls-holder,
.page-player-container .jp-volume-controls {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.page-player-container .jp-controls {
    padding: 20px 30px;
    border-right: 1px solid #D9D9D9;
}

.page-player-container .jp-play, .page-player-container .jp-pause {
    position: relative;
    width: 60px;
    height: 60px;
    background-color: #00C9C9;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.page-player-container .jp-play::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\70";
    font-family: "smartradio", sans-serif;
    font-size: 24px;
    color: #ffffff;
}

/* .jp-pause::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    content: "\6e";
    font-family: "smartradio", sans-serif;
    font-size: 24px;
    color: #ffffff;
} */

.page-player-container.jp-state-playing .jp-play::after {
    content: "\6e";
}

.page-player-container .jp-current-time, .page-player-container .jp-duration {
    padding: 0 10px;
    font-size: 20px;
    color: #333333;
    width: 125px;
    text-align: center;
    box-sizing: border-box;
}

.page-player-container .jp-progress {
    width: calc(100% - 130px - 255px);
}

.page-player-container .jp-seek-bar {
    width: 100% !important;
    height: 7px;
    background-color: #CCCCCC;
    border-radius: 5px;
    cursor: pointer;
}

.page-player-container .jp-play-bar {
    height: 7px;
    background-color: #00C9C9;
    border-radius: 5px;
}


.page-player-container .jp-volume-controls {
    width: 195px;
    padding: 0 20px;
    box-sizing: border-box;
}

.page-player-container .jp-mute {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 15px;
}

.page-player-container .jp-mute::after {
    position: relative;
    content: "\72";
    font-family: "smartradio", sans-serif;
    font-size: 22px;
}

.page-player-container .jp-state-muted .jp-mute::after {
    content: "\73";
}

.page-player-container .jp-volume-bar {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 50px);
    height: 4px;
    background-color: #CCCCCC;
    cursor: pointer;
}

.page-player-container .jp-volume-bar-value {
    height: 4px;
    background-color: #00C9C9;
}


/* -------------------------------------------------------- */
/* pagina de search - lista */
/* -------------------------------------------------------- */

.search-section {
    margin-top: 30px;
}

.search-section .section-title {
    /* margin-bottom: 40px;  */
    font-size: 24px;
    line-height: 31px;
    color: #333333;
}

.search-section .section-title span {
    color: #00C9C9;
}

.search-list li {
    display: block;
    padding: 25px 0;
}

.search-list .container-thumb {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    width: 300px;
    height: 160px;
    overflow: hidden;
    border-radius: 8px;
}

.search-list .thumb {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    width: 300px;
    height: 160px;
    overflow: hidden;
    border-radius: 8px;
}

.search-text-container {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 300px - 30px - 4px);
}

.search-title {
    display: inline-block;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #333333;
}

.search-type {
    display: block;
    padding: 10px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #00C9C9;
}

.search-description {
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}


/* -------------------------------------------------------- */
/* pagina de evenimente - lista */
/* -------------------------------------------------------- */

.events-list-page {
    position: relative;
}

.events-list-page .tabs-header-container {
    position: absolute;
    top: 0;
    right: 60px;
    /* padding: 10px; */
    width: 200px;
    background-color: #ffffff;
    z-index: 1;
}

.events-list-page .tab-selected {
    position: relative;
    /* padding: 15px 0 12px 0; */
    font-family: "FuturaLight", sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* color: #FFFFFF; */
    color: #00C9C9;
    cursor: pointer;
}

.events-list-page .tab-selected::after {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scaleY(1);
    -moz-transform: translateY(-50%) scaleY(1);
    -o-transform: translateY(-50%) scaleY(1);
    transform: translateY(-50%) scaleY(1);
    transition: transform .1s;
    -webkit-transition: transform .1s;
    font-family: "smartradio", sans-serif;
    font-size: 16px;
    text-transform: lowercase;
    color: #00C9C9;
    content: "\48";
}

.events-list-page .tab-selected.opened::after {
    -webkit-transform: translateY(-50%) scaleY(-1);
    -moz-transform: translateY(-50%) scaleY(-1);
    -o-transform: translateY(-50%) scaleY(-1);
    transform: translateY(-50%) scaleY(-1);

}

.events-list-page .tabs-header {
    /* padding: 0 10px 10px; */
    padding: 0;
    /* background-color: #00C9C9; */
    background-color: #ffffff;
    /* border-bottom: 1px solid #00C9C9;
    border-left: 1px solid #00C9C9;
    border-right: 1px solid #00C9C9; */
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    /*box-shadow: 0px 12px 12px #dddddd;*/
    box-shadow: 0 10px 7px #cccccc;
    z-index: 1000;
    /* display: none; */
    height: 0;
    max-height: 0;
    transition: max-height 0.5s ease-out;
    -webkit-transition: max-height 0.5s ease-out;
    overflow: hidden;
}

.events-list-page .tabs-header.opened {
    /* display: block;  */
    padding: 0 10px 10px;
    margin-top: 10px;
    height: auto;
    max-height: 1000px;
    border-bottom: 1px solid #00C9C9;
    border-left: 1px solid #00C9C9;
    border-right: 1px solid #00C9C9;
}

.events-list-page .tabs-header li a {
    position: relative;
    display: inline-block;
    padding: 10px;
    width: 100%;
    font-family: "FuturaMedium", sans-serif;
    font-size: 16px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333333;
}

.events-list-page .tabs-header li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: transparent;
    transition: height .3s, background-color .3s;
}


.events-list-page .tab-content li {
    border: none;
}

.events-list .event-item {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    padding: 15px;
    width: 25%;
    box-sizing: border-box;
}


/* -------------------------------------------------------- */
/* pagina de evenimente - detaliu */
/* -------------------------------------------------------- */

.events-list h2 {
    margin-top: 0;
}

.event-page .event-pub-date {
    margin-bottom: 15px;
    font-family: "FuturaLight", sans-serif;
    font-size: 30px;
    line-height: 46px;
    color: #00C9C9;
}


.event-hour, .event-location {
    /* font-weight: 500; */
    font-size: 18px;
    line-height: 24px;
    color: #333333;
}


.event-page .events-list .event-item {
    width: 100%;
    padding: 15px 0;
}


.pagetitle {
    padding: 20px 0;
    font-weight: 600;
}


h2.p1, h3.p1 {
    margin: 10px 0;
    padding-top: 10px;
}

.error-404 {
    margin-top: 30px;
}

.widget {
    margin-bottom: 15px;
}

/*.widget li {*/
/*    padding: 5px 0;*/
/*}*/

.widgettitle, .widget-title {
    margin-bottom: 10px;
}

.single .container-text p img {
    height: auto !important;
}

.article-tags {
    padding: 20px 0;
}

.article-tags a {
    display: inline-block;
    margin-right: 20px;
    /* font-family: Source Sans Pro; */
    /* font-style: normal; */
    /* font-weight: normal; */
    font-size: 16px;
    line-height: 20px;
    color: #888888;
}

.article-tags a::before {
    content: "#";
    color: #FD0202;
}

.comments {
    padding: 40px 0;
}

/*Fb Comments Width Fix*/
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
    max-width: 100% !important;
    width: 100% !important;
}

.related {
    padding: 30px 0;
    border-top: 1px solid #e9ebee;
    border-bottom: 1px solid #e9ebee;
}

.related > p {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 20px;
}

.relatedItems {
    margin: 0 -10px;
    overflow: hidden;
}

.relatedItems li {
    padding: 10px;
    width: calc(100% / 3);
    float: left;
    box-sizing: border-box;
}

.relatedTitle {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 700;
}

.video:after, .audio:after {
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-family: "smartradio", sans-serif;
    font-size: 20px;
    width: 56px;
    /* width: 16%; */
    height: 36px;
    /* height: 18%; */
    color: #ffffff;
    background-color: #00C9C9;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
}

.video:after {
    content: "\70" !important;
}

.audio:after {
    content: "\72" !important;
}


/*pagina live-*/
.live-content {
    margin-bottom: 40px;
}

.pagina-live-header .banda {
    height: 90px;
    overflow: hidden;
}

.pagina-live-header .banda img {
    width: auto;
}

.pagina-live-header {
    margin-bottom: 26px;
    height: 90px;
}

.pagina-live-main-content {
    width: 67%;
    float: left;
}

.pagina-live-sidebar {
    float: right;
    width: 33%;
    padding-left: 30px;
    box-sizing: border-box;
}

.pagina-live-sidebar img {
    width: 100%;
}

.pagina-live-title {
    padding: 20px 0 10px 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #333333;
}

.page-smart-live-antigona .pagina-live-title {
    color: #ffffff;
}


.pagina-live-meta {
    display: none;
}

/*.logo-desktop {*/
/*    padding-top: 24px;*/
/*}*/

.logo-mobile {
    display: none;
}

.pagina-live-header.live-fever,
.pagina-live-header.live-fever-concert {
    background: linear-gradient(90deg, #FFF80D 0%, #FF6600 57.14%);
}

.pagina-live-header.night-fever {
    background: linear-gradient(90deg, #0b0f10 0%, #092526 57.14%);
}

.pagina-live-header.brunch-fever {
    background: linear-gradient(90deg, #27aae1 0%, #1b75bc 57.14%);
}

.pagina-live-header.live-antigona {
    background: linear-gradient(90deg, #00c9c9 0%, #000c28 57.14%);
}


.live-fever .logo-desktop img,
.live-fever .logo-mobile img,
.brunch-fever .logo-desktop img,
.brunch-fever .logo-mobile img,
.live-fever-concert .logo-desktop img,
.live-fever-concert .logo-mobile img,
.live-antigona .logo-desktop img,
.live-antigona .logo-mobile img {
    height: 100%;
    width: auto;
    display: block;
}

.live-fever .logo-desktop {
    padding: 0 0 0 20px;
    height: 100%;
}

.live-fever .logo-mobile {
    padding: 0;
    height: 100%;
}

.live-fever-concert .logo-desktop {
    padding: 0 0 0 20px;
    height: 100%;
}

.live-fever-concert .logo-mobile {
    padding: 0;
    height: 100%;
}

.brunch-fever .logo-desktop {
    height: 100%;
    padding: 0 0 0 60px;
}

.brunch-fever .logo-mobile {
    padding: 0 0 0 20px;
    height: 100%;
}

.live-antigona .logo-desktop {
    padding: 0 0 0 20px;
    height: 100%;
}

.live-antigona .logo-mobile {
    padding: 0;
    height: 100%;
}


div[id^="div-gpt-ad"],
div[id^="div-gpt-ad"] * {
    margin: 20px auto;
    text-align: center;
}


.main-video {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
    background-color: black;
}

.floating {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 100%;
    max-width: 300px;
    /*max-width: 20vw;*/
    z-index: 100;
}

.floating span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px;
    width: 24px;
    height: 24px;
    background-color: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, 0);
    /*content: "";*/
    text-align: center;
    line-height: 24px;
    /*font-size: 16px;*/
    cursor: pointer;
    transition: fill .5s, background-color .5s;
    -webkit-transition: fill .5s, background-color .5s;
}

.floating:hover > span {
    background-color: rgba(0, 0, 0, .5);
    /*color: rgba(255,255,255,.8);*/
}

.floating:hover > span svg {
    fill: rgba(255, 255, 255, .8);
}

.floating > span:hover svg {
    /*color: rgba(255,255,255,1);*/
    fill: rgba(255, 255, 255, 1);
}

.main-position {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.main-position > span {
    display: none;
}

.jw-flag-floating .jw-wrapper {
    max-width: 450px !important;
}

#srajaxpreloadericon {
    display: none !important;
}

#live-video-articol {
    position: relative;
    margin-bottom: 25px;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
    background-color: black;
}

/*custom css pentru crossuri*/
.wp_rss_retriever_image {
    display: block;
    position: relative;
    width: 100% !important;
    height: 0 !important;
    padding-top: 56.25%;
    overflow: hidden;
    float: none;
    margin: 0 0 15px 0;
    border-radius: 8px;

}

.wp_rss_retriever_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto !important;
}

.wp_rss_retriever_image img.portrait {
    min-width: unset;
    min-height: unset;
    transform: none;
    -webkit-transform: none;
}

.wp_rss_retriever_item {
    margin-bottom: 0 !important;
    width: 100% !important;
}

.wp_rss_retriever_title {
    margin-bottom: 5px!important;
    font-family: "Raleway", serif;
    /*font-weight: 700;*/
    /*font-size: 14px;*/
    /*line-height: 18px;*/
    /*font-weight: 700;*/

    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}

.related .wp_rss_retriever_list li {
    padding: 0;
    margin: 0;
}

.related .wp_rss_retriever_title {
    font-family: "Raleway", serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}

.frequency {
    padding: 4px 7px 5px 7px;
    position: absolute;
    top: calc(50% + 3px);
    /*top: 50%;*/
    left: 390px;
    /*left: 450px;*/
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: 400;
    color: #00C9C9;
    /*background-color: red;*/
    /*border-radius: 10px;*/
}

.header-top.sticky .frequency {
    left: 315px;
    font-size: 15px;
}


ol li {
    font-size: 14px;
    line-height: 20px;
}


/*formulare*/
.page-smart-live-antigona {
    background-color: #010103;
}

/*!*.page-customer-register footer,*!*/
/*.page-customer-login footer,*/
/*.page-customer-activation footer,*/
/*.page-customer-recover footer,*/
/*.page-status-plata footer,*/
/*.page-card-redirect footer*/
/*!*.page-smart-live-antigona footer*!*/
/*!*, .page-formular-plata footer *!*/
/*{*/
/*    position: fixed;*/
/*    bottom: 0;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    width: 100vw;*/
/*}*/


.form {
    margin: 0 auto;
    padding: 50px 0;
    width: 400px;
    /*text-align: center;*/
    /*width: 300px;*/
    min-height: calc(100vh - 480px);
}

.page-smart-live-antigona .form {
    min-height: inherit;
}

input, textarea, select {
    font-family: "Raleway", serif;
}

.form form {
    /*text-align: center;*/
}

.form-title {
    margin-bottom: 20px;
    padding-left: 125px;
    /*color: rgba(0,201,201,1);*/
    color: #000000;
}

.form-row {
    /*text-align: center;*/
    padding: 5px 0;
}

.form-row label {
    display: inline-block;
    width: 120px;
    font-size: 16px;
    vertical-align: middle;
}

.form-row input,
.form-row textarea,
.form-row select {
    display: inline-block;
    /*appearance: none;*/
    /*-webkit-appearance: none;*/
    padding: 10px;
    width: 270px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    /*color: #ffffff;*/
    vertical-align: middle;
}

.form-row input[type=submit] {
    padding: 10px 50px;
    width: auto;
    /*background-color: rgba(0,201,201);*/
    background-color: #dddddd;
    cursor: pointer;
}

.err-container {
    padding: 10px 0 10px 125px;
    font-size: 16px;
    /*text-align: center;*/
    color: rgba(255, 0, 0, 1);
}

.form input:focus.error,
.form textarea:focus.error {
    border-color: rgba(255, 0, 0, 1);
    background-color: rgba(255, 0, 0, .2);
}

.form-row.company {
    display: none;
}

.form-row input:-webkit-autofill,
.form-row input:-webkit-autofill:hover,
.form-row input:-webkit-autofill:focus,
.form-row textarea:-webkit-autofill,
.form-row textarea:-webkit-autofill:hover,
.form-row textarea:-webkit-autofill:focus,
.form-row select:-webkit-autofill,
.form-row select:-webkit-autofill:hover,
.form-row select:-webkit-autofill:focus {
    border: 1px solid #ddd;
    -webkit-text-fill-color: #000;
    /*-webkit-box-shadow: 0 0 0px 1000px rgba(0,201,201,.4) inset;*/
    -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 1) inset;
    transition: background-color 5000s ease-in-out 0s;
}

.form-row.accord input {
    width: auto !important;
    margin: 0 5px 0 125px;
    vertical-align: middle;
}

.form-row.accord label {
    padding: 10px 0;
    width: auto !important;
    font-size: 13px;
    vertical-align: middle;
}

.other-user-links {
    padding: 20px 10px 10px 115px;
    color: #cccccc;
}

.other-user-links a {
    display: inline-block;
    padding: 10px;
}


/*pg de spectacol*/

.spectacol-container {
    padding: 0;
    position: relative;
    /*margin-top: -26px;*/
    margin-bottom: -30px;
    text-align: left;
}

.spectacol-bkg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
}

.spectacol-container-content {
    /*position: absolute;*/
    /*padding: 0;*/
    /*bottom: 5%;*/
    position: relative;
    padding: 80px 0;
    left: 30px;
    width: 40%;
    text-align: center;
}

.spectacol-content {
    display: inline-block;
    text-align: left;
}

.cont-link {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 8px;
    font-size: 14px;
    font-weight: 700;
    background-color: #00C9C9;
    color: #ffffff;
    border-radius: 4px;
}

.cont-container {
    display: inline-block;
    margin-top: 50px;
    /*padding: 10px;*/
    text-align: left;
    /*border: 1px solid #00C9C9;*/
    /*border-radius: 4px;*/
}

.cont-btn-container {
    display: inline-block;
    /*padding: 0 15px;*/
    margin-right: 30px;
}

.cont-btn-label {
    padding: 10px 0;
    font-size: 16px;
    color: #ffffff;
    text-align: left;
}

.sponsors {
    padding: 10px 0;
}

.sponsors a {
    display: inline-block;
    margin-right: 10px;
    height: 30px;

}

.sponsors a img {
    height: 100% !important;
    width: auto !important;
    max-width: initial;
}

.spectacol-specific-container {
    margin-bottom: 20px;
}

.spectacol-specific-container p {
    padding: 5px 0;
    font-weight: 300;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
}

.spectacol-specific-container .spectacol-date {
    font-weight: 700;
    color: #00C9C9;
}

.spectacol-specific-container .spectacol-title {
    font-size: 30px;
    font-weight: 700;
    color: #00C9C9;
}

.plata-neefectuata {
    display: inline-block;
    padding: 10px;
    background-color: red;
    color: white;
    font-weight: 700;
    border-radius: 4px;
}


.mCustomScrollBox {
    height: auto;

}

.faulh-wrapper th, .faulh-wrapper td {
    padding: 5px 10px;
    text-align: left;
}

#faulh_update_user_timezone {
    padding: 20px 0;
    text-align: left !important;
}

#faulh-search-form div {
    text-align: left !important;
}

#faulh-search-form select, #faulh-search-form input,
#faulh_update_user_timezone select, #faulh_update_user_timezone input {
    border: 1px solid #cccccc;
    padding: 12px;
    cursor: pointer;
}

.date-inputss.hasDatepicker {
    /*width: 200px!important;*/
    border: 1px solid #cccccc;
}

#faulh_update_user_timezone p {
    padding: 10px 0;
}

/*articole relationate in text */
.related-posts-container {
    margin: 30px 70px 30px 20px;
    /*margin: 30px auto;*/
    /*padding: 20px 0;*/
    width: 30%;
    float: left;
    padding: 20px;
    border: 1px dotted #dddddd;
    box-sizing: border-box;
    /*border-top: 3px solid #00C9C9;*/
    /*border-bottom: 1px solid #00C9C9;*/
}

.related-posts-container p {
    position: relative;
    margin: 0;
    padding-bottom: 0;
    /*border-bottom: 1px solid #00C9C9;*/
    line-height: 1;
}

.related-posts-container span {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 800;
    color: #00C9C9;
    text-transform: uppercase;
}

.related-posts-container a {
    display: inline-block;
    padding: 10px 0;
    font-size: 15px;
    line-height: 20px;
    color: grey;
    /*color: #00C9C9;*/
    /*font-weight: 700;*/
    font-weight: 600;
    /*border-bottom: 1px dotted #00C9C9;*/
    border-bottom: 1px dotted #dddddd;
    /*border-bottom: 1px dotted grey;*/
}

.related-posts-container p:last-child a {
    padding-bottom: 0;
    border-bottom: 0;
}

#ot-sdk-btn {
    position: fixed;
    color: #00C9C9;
    border: 2px solid #00C9C9;
    background: #fff;
    border-radius: 6px;
    height: auto;
    white-space: normal;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.2;
    cursor: pointer;
    bottom: 10px;
    right: auto;
    left: 10px;
    z-index: 999999;
    opacity: 0.5;
}

#ot-sdk-btn:hover {
    opacity: 1;
}

.eq {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}

.eq img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.active-station .eq {
    display: block;
}

.g-recaptcha {
    margin-bottom: 20px;
}



/*demo players*/

.demo-player-container {
    height: 100%;
}

.demo-player-container .jp-type-single {
    height: 100%;
}

.demo-player-container .jp-gui {
    height: 100%;
}

.demo-player-container .jp-controls-holder {
    width: 100%;
    height: 100%;
    border: none;
}

.demo-player-container .jp-controls {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: right;
    background-color: rgba(0,0,0,0.5);
    transition: background-color .2s;
    -webkit-transition: background-color .2s;
}

.demo-player-container .jp-controls:hover,
.demo-player-container.jp-state-playing .jp-controls {
    background-color: rgba(0,0,0,.8);
}

.demo-player-container .jp-play {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.demo-player-container .jp-play::after {
    position: relative;
    padding: 10px;
    font-family: "smartradio", sans-serif;
    font-size: 18px;
    /*font-size: 2vw;*/
    content: "\6f";
    color: #ffffff;
    border-radius: 50%;
    /*background-color: rgba(0,0,0,.7);*/
    transition: color .3s;
    -webkit-transition: color .3s;
}

.demo-player-container .jp-controls:hover .jp-play::after {
    color: #00C9C9;
}

.demo-player-container.jp-state-playing .jp-play::after {
    font-size: 15px;
    content: "\6e";
}

.ios .jp-controls-holder {
    width: 100%;
}

.ios .jp-controls {
    text-align: center;
}

.demo-player-container .jp-progress {
    position: absolute;
    width: 60%;
    left: 20%;
    height: 4%;
    /*opacity: 0;*/
    bottom: -4%;
    cursor: pointer;
    transition: bottom 0.2s;
    /*transition: opacity 0.2s;*/
    -webkit-transition: bottom 0.2s;
    /*-webkit-transition: opacity 0.2s;*/
}

.demo-player-container.jp-state-playing .jp-progress {
    /*opacity: 1;*/
    bottom: 20%;
}

.demo-player-container .jp-seek-bar {
    height: 100%;
    background-color: #ffffff;
    /*border-radius: 5px;*/
}

.demo-player-container .jp-play-bar {
    height: 100%;
    background-color: #00C9C9;
}













/* -------------------------------------------- MEDIA QUERY */

@media screen and (min-width: 1401px) {
    /* .wrap {width: 1400px;} */
    .news .slides > li,
    .videos-slider .slides > li,
    .events .slides > li,
    .shows .slides > li {
        margin-right: 30px;
    }
}

@media screen and (max-width: 1400px) {
    .news .slides > li,
    .videos-slider .slides > li,
    .events .slides > li,
    .shows .slides > li {
        margin-right: 30px;
    }

    .nav-col {
        margin-right: 100px;
    }
}

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

    /*.spectacol-bkg-image {position: relative}*/
    /*.spectacol-container-content {position: relative; width: 100%; left: 0;}*/
    /*.spectacol-content {padding: 40px 20px; text-align: center}*/
    /*.spectacol-specific-container, .spectacol-specific-container p {text-align: center}*/
    /*.cont-container {text-align: center;margin-top: 0;}*/
    /*.cont-btn-container {margin: 0; padding: 10px; text-align: center}*/
    /*.cont-btn-container p {text-align: center;}*/
    /*.sponsors a {margin: 0; padding: 10px;}*/
}

@media screen and (min-width: 993px) and (max-width: 1100px) {
    .grila .tabs-header li a {
        font-size: 14px;
    }

    .list-of-podcasts .thumb-container {
        display: none
    }

    .list-of-podcasts .show-podcast-title {
        width: calc((100% - 142px) * 3 / 4)
    }

    .spectacol-container-content {
        width: 50%;
    }
}

/* ------------------------ start of large tablet styles ------------------ */

@media screen and (max-width: 992px) {
    /*.header-top {margin-bottom: 0;}*/
    .menu-btn {
        left: 10px;
    }

    .menu-player-btn {
        left: 0;
        /*right: -50px;*/
    }

    .frequency {
        left: 340px;
    }

    .header-top.sticky .frequency {
        left: 265px;
    }

    .menu-player-container {
        /*left: 500px;*/
        left: calc(50% + 160px);
    }

    .header-top.sticky .menu-player-container {
        left: calc(50% + 90px);
    }

    .menu-player-text {
        display: none;
    }

    .menu-album-picture {
        display: none;
    }

    .menu-search-container, .header-top.sticky .menu-search-container {
        left: auto;
        right: 10px;
    }

    .menu-search-container.opened {
        width: calc(100% - 500px);
        background-color: #333333;
    }

    .header-top.sticky .menu-search-container.opened {
        width: calc(100% - 400px);
    }

    .menu-player-text {
        max-width: 190px;
    }

    .header-logo {
        left: 50px;
    }

    .volume-container {
        right: 10px;
    }

    .wrap {
        width: 100%;
        padding: 0 10px;
    }

    .main-section .wrap {
        padding: 0;
    }

    .main-section .section-container {
        padding-left: 15px;
    }

    .news .section-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .featured {
        background-color: #333333
    }

    .featured .thumb169 {
        margin-bottom: 0;
        border-radius: 0;
    }

    .featured .flex-viewport {
        border-radius: 0
    }

    .over-live {
        position: relative;
        padding: 20px 10px 15px 10px;
        left: auto;
        bottom: auto
    }

    .over-live .show-title {
        font-size: 18px;
    }

    .slider-section {
        padding-left: 10px;
    }

    .big-col {
        margin-bottom: 0;
        width: 100%;
        float: none;
        padding: 0;
    }

    .small-col {
        width: 100%;
        float: none;
        padding: 0;
    }

    .player-container {
        margin-bottom: 25px;
        padding-left: 10px;
        border-radius: 0;
        border-top: 1px solid #262626;
    }

    .player-container .section-see-more {
        top: -38px;
        padding-right: 20px;
        margin-right: 20px;
        border-right: 1px solid #D9D9D9
    }

    .player-container .sliderNavBtn {
        top: -35px;
    }

    .player-container .custom-prev {
        left: calc(50% + 75px)
    }

    .player-container .custom-next {
        right: calc(50% - 135px)
    }

    .player-content-container::after {
        background: none
    }

    .player-content-container::after {
        background: none
    }

    .player-header {
        margin-bottom: 0;
        padding: 15px 30px 15px 10px;
        border-bottom: 0;
    }

    .player-header p span {
        display: inline-block;
        font-size: inherit;
        text-transform: uppercase
    }

    .player-header p span:before {
        margin-right: 7px;
        content: "•";
    }

    .player-station {
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
        padding: 0 5px;
        left: 0;
        width: auto;
        transform: none;
        text-align: left;
        -webkit-transform: none;
        box-sizing: border-box
    }

    .station-program {
        padding: 0 5px;
    }

    .thumb-station {
        margin-top: 0;
        margin-bottom: 15px;
        width: 100%;
        height: 0;
        padding-top: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .station-last-songs-container {
        padding-top: 30px;
    }

    .show-stations-btn {
        top: 10px;
        right: 15px;
    }

    .stations-list .col5 {
        width: 33.3%;
    }

    .r-stations-list li {
        padding: 0 5px;
        width: 33.3%;
    }

    .show-list .col4 {
        width: 33.3%;
    }

    .station-last-songs {
        width: 100%;
        padding: 0 0 20px 0;
        box-sizing: border-box;
        overflow-x: auto;
    }

    .station-last-songs-container > p {
        padding: 0 10px
    }

    .station-play-btn {
        display: none
    }

    .station-last-songs ul {
        padding: 0 0 25px 0;
        width: fit-content;
        width: -moz-fit-content;
        white-space: nowrap;
        overflow: hidden;
    }

    .station-last-songs ul > * {
        white-space: normal
    }

    .station-last-songs li {
        position: static;
        /*margin-right: -4px;*/
        padding: 0 5px 30px 5px;
        /*width: calc((100vw - 20px) * 2 / 7);*/
        width: calc((100vw - 40px) * 2 / 9);
        vertical-align: top;
        border: 0;
    }

    .station-last-songs li:last-child {
        margin-right: 5px;
    }

    .station-last-songs .thumb {
        display: block;
        margin-bottom: 5px;
        width: 100%;
        height: 0;
        padding-top: 100%;
        overflow: hidden;
        float: none;
    }

    .song-info {
        position: relative;
        padding-top: 20px;
        width: 100%;

    }

    .song-name {
        margin-bottom: 5px;
    }

    .song-social-menu {
        position: absolute;
        width: calc((100vw - 40px) * 2 / 9 - 10px);
        /*width: 100%;*/
        height: 30px;
        transform: none;
        -webkit-transform: none;
        top: auto;
        bottom: 0;
        right: initial;
    }

    /*.song-social-menu {*/
    /*    position: absolute;*/
    /*    width: calc((100vw - 20px) * 2 / 5 - 10px);*/
    /*    height: 100%;*/
    /*    transform: none;*/
    /*    -webkit-transform: none;*/
    /*}*/

    .song-social-trigger {
        /*display: none;*/
        position: absolute;
        width: fit-content;
        padding: 0 20px;
        /*width: 100%;*/
        height: 30px;
        transform: none;
        -webkit-transform: none;
        top: initial;
        left: initial;
        bottom: 0;
        background-color: #000000;
        border-radius: 15px;
    }

    .song-social-container {
        position: absolute;
        padding: 0;
        width: calc((100vw - 40px) * 2 / 9 - 10px);
        top: -25px;
        height: calc(100% + 25px);
        left: initial;
    }

    .song-social-content {
        /*top: initial;*/
        /*bottom: 60px;*/
        left: 50%;
        top: calc(50% - 40px);
        width: calc(100% - 20px);
        /*max-height: calc(100% - 60px);*/
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }

    .song-social-hide {
        top: initial;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .song-social-container a {
        padding: 3px;
    }

    .song-time {
        position: absolute;
        top: 0;
        font-size: 10px;
        /*width: 100%;*/
    }

    /*.radio-stations-slider li.active-station::after {position: absolute; content:"\69"; font-family: "smartradio", sans-serif; bottom: -20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-size: 35px; color: #00C9C9; }*/
    .thumb-station::before {
        background: none
    }

    .menu-container {
        padding: 0;
        width: 100%;
    }

    .menu-container-top {
        padding: 10px
    }

    .menu-close-btn {
        width: 30px;
        height: 30px;
    }

    .menu-social {
        float: right;
        margin-bottom: 0;
    }

    .menu-social a {
        margin: 0 0 0 15px
    }

    .menu-social a svg {
        width: 20px;
    }

    .nav-col {
        position: relative;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        border-top: 1px solid rgba(255, 255, 255, 0.4);
    }

    .nav-col ul {
        padding: 0 20px 20px 20px;
        max-height: calc(100vh - 200px);
        overflow: auto;
        display: none
    }

    .nav-col.primary {
        width: 100%;
    }

    .menu-column-header {
        margin-bottom: 0;
        padding: 20px 20px 15px 20px;
        font-size: 24px;
        cursor: pointer
    }

    /* .menu-column-header:not(.users):after {position: absolute; content:"\64"; right: 20px; top: 22px; font-family: "smartradio", sans-serif; font-size: 16px; color: #fff;}*/
    /* .menu-column-header.users {padding-top: 20px;}*/
    .menu-column-header:after {
        position: absolute;
        content: "\63";
        right: 20px;
        top: 22px;
        font-family: "smartradio", sans-serif;
        font-size: 16px;
        color: #fff;
        transition: transform .3s;
        -webkit-transition: transform .3s;
    }

    .nav-col.active > .menu-column-header::after {
        /*content: "\63";*/
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }

    .nav-col.active > ul {
        display: block;
    }

    .news .section-see-more {
        margin-right: 20px;
        padding-right: 20px;
        right: 100px;
        top: 3px;
        font-size: 14px;
        line-height: 1;
        color: #00C9C9;
        letter-spacing: 0.5px;
        border-right: 1px solid #D9D9D9;
    }

    .contests .section-see-more {
        margin-right: 20px;
        padding-right: 20px;
        right: 100px;
        top: 3px;
        font-size: 14px;
        line-height: 1;
        color: #00C9C9;
        letter-spacing: 0.5px;
        border-right: 1px solid #D9D9D9;
    }

    .news .sliderNavBtn, .contests .sliderNavBtn {
        position: absolute;
        top: -50px;
    }

    .news .custom-prev, .contests .custom-prev {
        right: 80px;
    }

    .news .custom-next, .contests .custom-next {
        right: 50px;
    }

    .items-list .wrap {
        padding: 0 10px;
    }

    .row {
        margin: 0 -5px;
    }

    .col {
        padding: 0 5px;
    }

    .r-stations-list li {
        width: 25%;
        padding: 0 5px;
    }

    .shows-list li {
        padding: 0 5px;
    }

    .videos-list li {
        margin-bottom: 25px;
        padding: 0 5px;
    }

    .news-list li {
        padding: 0 5px;
    }

    .news-list li:first-child {
        margin-right: 0;
    }

    .news-title {
        padding-right: 10px;
    }

    .pagination {
        margin-top: 30px;
    }

    .radio-page-content .wrap {
        padding: 0;
    }

    .radio-page-content .section-title {
        padding: 0 10px;
    }

    .main-content {
        width: 100%;
        float: none;
        max-width: 100%
    }

    .sidebar {
        padding: 0 0 50px 0;
        width: 100%;
        float: none
    }

    .no-top-main .main-content {
        margin-bottom: 25px;
        width: 100%;
        float: none;
        max-width: 100%;
    }

    .contest-page .comments-container {
        width: 100%;
    }

    .sidebar .section-title {
        padding: 0;
    }

    .now-show .thumb {
        display: none
    }

    .stations-slider-container {
        padding-left: 10px;
    }

    .over-show-header .show-title {
        margin-bottom: 5px;
    }

    .radio-page-content .sidebar {
        padding: 0 10px 50px 10px;
    }

    .list-of-songs .table-header {
        display: none
    }

    .list-of-songs li {
        height: auto;
    }

    .list-of-songs li:first-child {
        border-radius: 0;
    }

    .list-of-songs li:first-child .song-last-time {
        position: relative;
        margin-bottom: 10px;
        top: auto;
        transform: none;
    }

    .list-of-songs li:first-child .song-last-time svg {
        width: 47px
    }

    .list-of-songs li > div {
        top: auto;
        transform: none;
    }

    .list-of-songs .thumb {
        position: relative;
        width: 100px;
        height: 100px;
        left: 0;
        margin-right: 20px;
        top: auto;
        transform: none;
        -webkit-transform: none;
        display: block;
        float: left;
    }

    .list-of-songs .song-last-time {
        display: block;
        position: relative;
        margin-bottom: 10px;
        padding: 5px 0;
        width: 100%;
        float: none
    }

    .list-of-songs .song-title {
        display: block;
        position: relative;
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .list-of-songs .song-artist {
        display: block;
        position: relative;
        width: 100%;
        float: none;
        padding-left: 0;
        font-size: 14px;
        line-height: 16px;
    }

    .list-of-songs .favorite {
        position: relative;
        float: left;
        margin-right: 10px;
        height: 100px;
        line-height: 100px;
        font-size: 20px;
    }

    .fb-share {
        bottom: 15px;
        top: auto
    }

    .video-details-container {
        padding-bottom: 50px;
    }

    .main-title { /*font-size: 28px; line-height: 34px;*/
        font-size: 36px;
        line-height: 42px;
    }

    .team .shows-list li {
        padding: 0 10px;
    }

    .events-list .event-item {
        width: 33.33%;
    }

    .events-list-page .tabs-header-container {
        right: 10px;
    }

    .events-list .event-item {
        padding: 15px 5px;
    }

    .contests .sliderNavBtn {
        display: block
    }

    .show-page, .radio-page {
        margin-top: 0
    }

    .main-section {
        margin-top: 0;
    }

    .featured .over-live {
        bottom: auto;
    }

    .flexslider-container {
        overflow: hidden
    }

    .flexslider-container ul {
        white-space: nowrap;
        width: auto !important;
    }

    #news-slider ul {
        white-space: normal;
        width: 100%;
    }

    .flexslider-container li {
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        white-space: normal;
    }

    #main-slider {
        margin-left: 10px;
        padding: 10px 0;
        width: calc(100vw - 10px);
        box-sizing: border-box;
        overflow-x: auto;
    }

    #main-slider ul {
        width: auto !important;
    }

    #main-slider li {
        width: calc((100vw - 20px) * 4 / 5);
        padding: 0 5px;
    }

    #contests-slider {
        width: 100vw;
        box-sizing: border-box;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .contests ul {
        width: auto !important;
    }

    .contests li {
        width: calc((100vw - 20px) * 2 / 5);
    }

    .radio-stations-slider,
    .station-last-songs,
    #news-slider,
    #events-slider,
    #shows-slider,
    #radio-slider, #videos-slider {
        overflow-x: auto;
        overflow-y: hidden
    }

    .radio-stations-slider li { /*position: relative;*/
        padding: 0 5px 40px 5px;
        width: calc((100vw - 40px) * 2 / 9);
        box-sizing: border-box;
        overflow: hidden;
    }

    .trigger-play-content {
        position: absolute;
        height: 100%;
        width: calc((100vw - 40px) * 2 / 9 - 10px);
        box-sizing: border-box;
    }

    .radio-stations-slider li:last-child {
        margin-right: 7px;
    }

    .radio-stations-slider {
        padding-bottom: 0;
    }

    .radio-stations-slider li.active-station::after {
        bottom: -20px;
    }

    .news li {
        /*width: calc((100vw - 20px) * 2 / 5);*/
        width: calc(100% / 3);
    }

    .news li:last-child {
        /*margin-right: 15px;*/
    }

    .events li {
        width: calc((100vw - 20px) * 2 / 5);
    }

    .events li:last-child {
        margin-right: 10px;
    }

    .videos-slider li {
        width: calc((100vw - 20px) * 2 / 5);
    }

    .videos-slider li:last-child {
        margin-right: 10px;
    }

    .contests li {
        width: calc((100vw - 20px) * 2 / 5);
    }

    .contests li:last-child {
        margin-right: 10px;
    }

    .shows li {
        width: calc((100vw - 20px) * 2 / 7);
    }

    .shows li:last-child {
        margin-right: 10px;
    }

    .stations li {
        width: calc((100vw - 20px) * 2 / 7);
    }

    .stations li:last-child {
        margin-right: 10px;
    }

    .stations-slider-container > p {
        border: 0
    }

    .section-see-more {
        position: relative !important;
        border-right: 0 !important;
        right: auto !important;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
    }

    .radio-stations-slider-radio-page {
        overflow-x: auto
    }

    .radio-stations-slider-radio-page li {
        margin-right: 10px;
        width: calc((100vw - 40px) * 2 / 9);
    }

    .radio-change {
        display: block;
        text-align: center;
        padding-right: 0;
        padding-bottom: 20px;
        max-width: 100vw;
    }

    .radio-change span {
        display: block;
        margin-bottom: 5px
    }

    .radio-change::before {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        top: auto;
        bottom: -10px;
    }

    .radio-change::after {
        height: 0;
        background-color: transparent;
    }

    #play-pause-btn {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        -webkit-transform: none;
        vertical-align: middle
    }

    .volume-container {
        position: relative;
        top: 0;
        right: 0;
    }

    .breadcrumb {
        margin-bottom: 0;
    }

    .controls {
        margin-bottom: 20px;
        padding: 20px 0;
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .controls > * {
        margin: 0 10px
    }

    .vol-track, .vol-value {
        display: none;
    }

    .volume-container {
        width: 70px;
        transform: none;
        top: auto;
        right: auto;
        vertical-align: middle
    }

    .volume-content {
        width: auto;
    }

    .vol-btn-icon {
        padding: 10px;
    }

    .thumb-station-shadow {
        display: none;
    }

    .widget_sr_stationsslider {
        display: none
    }

    .last-video-description {
        display: none;
    }

    .pagina-live-header {
        height: 70px;
    }

    .pagina-live-main-content {
        width: 100%;
        float: none;
        max-width: 100%;
    }

    .pagina-live-sidebar {
        width: 100%; /*max-width: 400px;*/
        padding: 0 0 50px 0;
        float: none;
        margin: 0 auto;
    }

    .pagina-live-sidebar img {
        width: 100%;
    }

    .logo-desktop {
        display: none;
    }

    .logo-mobile {
        display: block;
    }

    .spectacol-bkg-image {
        left: -45%;
        width: 150%;
        padding: 0;
        max-width: inherit;
    }

    .spectacol-bkg-image {
        position: relative
    }

    .spectacol-container-content {
        position: relative;
        width: 100%;
        left: 0;
        padding: 0
    }

    .spectacol-content {
        padding: 40px 20px;
        text-align: center
    }

    .spectacol-specific-container, .spectacol-specific-container p {
        text-align: center
    }

    .cont-container {
        text-align: center;
        margin-top: 0;
    }

    .cont-btn-container {
        margin: 0;
        padding: 10px;
        text-align: center
    }

    .cont-btn-container p {
        text-align: center;
    }

    .sponsors a {
        margin: 0;
        padding: 10px;
    }


    .pagina-live .last-videos-item .thumb169::after {
        display: none;
    }

    .pagina-live .comments {
        padding-top: 0;
    }

    .netopia-logo {
        padding-right: 0;
    }


    .demo-player-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .demo-player-container .jp-play::after {
        position: relative;
        padding: 10px;
        font-family: "smartradio", sans-serif;
        font-size: 36px;
        /*font-size: 2vw;*/
        content: "\6f";
        color: #ffffff;
        border-radius: 50%;
        /*background-color: rgba(0,0,0,.7);*/
    }

    .demo-player-container.jp-state-playing .jp-play::after {
        font-size: 30px;
        content: "\6e";
    }

    .list-of-songs .demo-player-container .jp-play::after {
        font-size: 30px;
    }

    .list-of-songs .demo-player-container.jp-state-playing .jp-play::after {
        font-size: 22px;
    }

    .favorite {
        width: 100%;
        height: auto;
        line-height: 50px;
        text-align: center;
        font-size: 20px;
    }
}


/* ------------------------------- start of medium tablet styles ------------- */

@media screen and (max-width: 768px) {
    .player-header p span {
        display: block;
        font-size: 14px;
        text-transform: lowercase;
    }

    .player-header p span:before {
        content: none;
        margin: 0;
    }

    /*.header-top {height: 50px;}*/
    .header-top .wrap {
        height: 50px;
    }

    .header-top.sticky + div {
        padding-top: 50px;
    }

    .wrap {
        width: 100%;
        padding: 0 10px;
    }

    .menu-btn {
        left: 10px;
    }

    .header-logo {
        left: 48px;
    }

    .menu-player-container, .header-top.sticky .menu-player-container{
        /*left: 400px;*/
        left: calc(50% + 125px);
    }

    /*.menu-player-btn {*/
    /*    width: 36px;*/
    /*    height: 36px;*/
    /*    left: 0;*/
    /*}*/

    /*.menu-player-btn::after {*/
    /*    font-size: 20px;*/
    /*}*/

    /*.jp-state-playing .menu-player-btn::after {*/
    /*    top: 50%;*/
    /*    font-size: 19px;*/
    /*}*/

    /*.header-top.sticky .jp-state-playing .menu-player-btn::after {*/
    /*    font-size: 19px;*/
    /*}*/

    .frequency {
        font-size: 15px;
        left: 260px;
    }

    .header-top.sticky .frequency {
        left: 260px;
    }

    .menu-search-container {
        left: auto;
        right: 0;
    }

    .header-top.sticky .menu-search-container {
        left: auto;
        /*right: 30px*/
        right: 0;
    }

    .menu-search-container {
        padding: 5px 10px;
    }

    .menu-search-container.opened,
    .header-top.sticky .menu-search-container.opened {
        padding: 3px 10px;
        width: calc(100% - 60px);
        /*background-color: #333333;*/
        right: 10px;
    }

    .menu-player-text {
        display: none;
    }

    .menu-album-picture {
        display: none;
    }

    .player-station {
        font-size: 16px;
    }

    .player-container .section-see-more {
        display: none;
    }

    .player-container .sliderNavBtn {
        display: none !important;
    }

    .station-program-name {
        font-size: 14px;
    }

    .news {
        box-sizing: border-box
    }

    .section-see-more {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }

    .slider-section .section-see-more {
        /*padding: initial;*/
        padding: 10px;
        border: none
    }

    .main-section {
        padding-left: 0;
    }

    .header-logo {
        width: 180px;
    }

    /*.contests {padding-left: 10px;}*/
    .news .section-see-more,
    .contests .section-see-more {
        padding-right: 10px;
        border-right: 0
    }

    .news .slides > li,
    .videos .slides > li,
    .contests .slides > li,
    .events .slides > li,
    .shows .slides > li {
        margin-right: 6px !important;
        white-space: normal;
    }

    .section-see-more {
        display: inline-block;
        margin-top: 10px;
    }

    .news-component {
        margin-bottom: 0;
    }

    /*.news-list {margin-bottom: 30px;}*/
    .news-list li {
        margin-bottom: 20px;
        padding: 0 5px;
        width: 100%;
    }

    .news-list li:first-child {
        /*margin-bottom: 20px;*/
        width: 100%;
        float: none;
    }

    .news-list:not(.category-list) li:first-child {
        margin-bottom: 20px;
        padding: 0 5px;
        width: 100%!important;
    }

    .news-list .container-thumb {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        box-sizing: border-box;
        padding-right: 20px;
    }

    .news-list .thumb169 {
        margin-bottom: 0
    }

    .news-list .news-title {
        padding-right: 0;
        width: calc(50% - 4px);
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
    }

    .news-list:not(.category-list) li:first-child .news-title {
        padding-right: 0;
        width: calc(50% - 4px); /*float: left;*/
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
    }

    .news-list li:first-child .news-title {
        /*font-size: 14px;*/
        /*line-height: 16px;*/
    }

    .specific-news {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #cccccc;
    }

    .specific-news li {
        width: 100%;
    }

    .specific-news::before {
        border: none;
    }

    .container-text-news {
        width: calc(50% - 4px);
    }

    .specific-news .news-list {
        margin-bottom: 0
    }

    .specific-news .news-list li {
        width: 100% !important;
    }

    .specific-see-more {
        position: relative; /*padding: 0;*/
        top: 0;
    }

    .main-news {
        margin-bottom: 30px;
    }

    .main-news::before {
        border: none;
    }

    .main-news .specific-see-more {
        position: relative; /*padding: 0; */
        top: 0;
    }

    .sliderNavBtn {
        display: none !important
    }

    section {
        margin-bottom: 30px;
    }

    .last-videos-item,
    .contest-item,
    .show-title {
        font-size: 14px;
        line-height: 16px
    }

    .change-station-list {
        width: calc(100vw - 4px);
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        height: 100vh;
    }

    .station-last-songs li {
        width: calc((100vw - 30px) * 2 / 7);
    }

    .song-name {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .song-social-menu {
        width: calc((100vw - 30px) * 2 / 7 - 10px);
    }

    .song-social-container {
        width: calc((100vw - 30px) * 2 / 7 - 10px);
    }

    .song-social-container a {
        padding: 2px;
    }

    .shows-list li {
        margin-bottom: 20px;
        width: 33.33%;
    }

    .show-days {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .show-time {
        font-size: 14px;
    }

    .r-stations-list li {
        width: 33.33%;
    }

    .videos-list li {
        width: 33.33%;
    }

    .contests-list li {
        width: 50%;
        padding: 0 5px;
    }

    .contest-title {
        font-size: 18px;
        line-height: 21px;
    }

    /*.no-top-main .item-title {font-size: 18px; line-height: 23px;}*/
    .radio .wrap {
        width: 100%;
        padding: 0 20px;
    }

    .stations-slider-container {
        padding: 25px 0 25px 10px;
    }

    .stations-slider-container > p {
        border-right: 0;
    }

    .over-show-header .show-title {
        font-size: 27px;
        text-transform: uppercase;
    }

    .over-show-header .show-guest {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .show-header .show-interval {
        font-size: 14px;
        position: relative;
    }

    .show-page .section-title {
        font-size: 24px;
    }

    .grila .tab-selected {
        display: block;
    }

    .grila .tabs-header {
        display: none;
    }

    .grila .tabs-header.opened {
        display: block;
    }

    .grila .tabs-header li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #D9D9D9;
    }

    .grila .tabs-header li a {
        padding: 15px 10px 12px 10px;
        text-align: left;
    }

    .grila .tabs-header li.active a:after {
        width: 0;
        height: 0;
    }

    .grila .show-thumb {
        display: none;
    }

    .grila .show-interval {
        margin-bottom: 20px;
        width: 100%;
    }

    .grila .show-text-container {
        padding-left: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .grila .tab-content {
        margin-top: 30px;
    }

    .grila .tab-content .show-title a {
        font-size: 18px;
        line-height: 23px;
    }

    .grila .show-description {
        display: none;
    }

    .grila .show-text-container > span {
        margin-bottom: 0;
    }

    .grila .see-more {
        display: none;
        width: 100%;
    }

    .audioPagePlayer {
        position: relative;
        height: 190px;
    }

    .page-player-container .jp-controls-holder {
        width: 50%;
        border: none;
    }

    .page-player-container .jp-controls {
        padding: 20px 10px;
        width: 100%;
        box-sizing: border-box;
        text-align: right;
        border: none
    }

    .page-player-container .jp-play {
        width: 70px;
        height: 70px;
    }

    .page-player-container .jp-volume-controls {
        position: absolute;
        padding: 20px 10px;
        width: 50%;
        height: auto;
        top: 0;
        right: 0;
    }

    .page-player-container .jp-volume-bar {
        opacity: 0;
        cursor: default;
    }

    .page-player-container .jp-mute {
        margin: 0;
        width: 70px;
        height: 70px;
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: 50%;
    }

    .ios .jp-volume-controls {
        display: none;
    }

    .ios .jp-controls-holder {
        width: 100%;
    }

    .ios .jp-controls {
        text-align: center;
    }

    .page-player-container .jp-current-time {
        position: absolute;
        width: auto;
        left: 0;
        bottom: 20px;
        text-align: left;
    }

    .page-player-container .jp-duration {
        position: absolute;
        width: auto;
        right: 0;
        bottom: 20px;
        text-align: right;
    }

    .page-player-container .jp-progress {
        position: absolute;
        width: calc(100% - 20px);
        left: 10px;
        bottom: 50px
    }

    .search-list .thumb {
        /*display: none;*/
        width: 100%;
    }

    .search-text-container {
        width: 100%;
    }

    .search-list li {
        margin-bottom: 30px;
        padding: 5px 0 15px 0;
        border-bottom: 1px dotted #dddddd;

    }

    .search-list .container-thumb {
        width: 100%;
        height: auto;
    }

    .search-list .thumb169 {
        margin-bottom: 0;
    }

    .search-type {
        padding: 5px 0;
    }

    .events-list .event-item {
        width: 50%;
    }

    .list-of-podcasts li {
        padding: 10px 0
    }

    .list-of-podcasts .table-header {
        display: none
    }

    .list-of-podcasts .thumb-container {
        display: none
    }

    .list-of-podcasts .show-podcast-title {
        margin-bottom: 10px;
        width: 100% !important;
        padding: 0;
    }

    .list-of-podcasts .show-date {
        margin-bottom: 10px;
        padding: 0;
        width: 100% !important;
    }

    .list-of-podcasts .show-date > span {
        margin-bottom: 20px;
        margin-left: 5px;
        padding-left: 5px;
        display: inline-block
    }

    .list-of-podcasts .show-video, .list-of-podcasts .show-video {
        margin-right: 7px;
        padding: 6px 60px 6px 30px
    }

    .list-of-podcasts .show-video, .list-of-podcasts .show-audio {
        width: calc(50% - 5px);
        padding: 6px 60px 6px 20px
    }

    .list-of-podcasts .show-video::before {
        padding-left: 25px;
        width: 100%;
        content: "Video";
        font-size: 12px;
        line-height: 36px;
        box-sizing: border-box;
    }

    .list-of-podcasts .show-audio::before {
        padding-left: 30px;
        width: 100%;
        content: "Audio";
        font-size: 12px;
        line-height: 36px;
        box-sizing: border-box;
    }

    .list-of-podcasts .section-title {
        margin-bottom: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #D9D9D9;
    }

    footer .menu-social {
        float: none;
        margin-bottom: 15px;
    }

    footer .menu-social a {
        margin: 0 15px 0 0
    }

    footer .wrap {
        padding: 0 20px;
    }

    .footer-menu {
        width: 100%;
        float: none
    }

    .footer-menu li {
        width: 100%;
        margin-right: 0;
        float: none
    }

    .footer-last-line > span {
        margin-top: 10px;
        display: block;
        width: 100%;
        float: none
    }

    .footer-last-line > a,
    .footer-last-line > strong {
        float: none
    }

    /*.radio-stations-slider {overflow: auto;}*/
    .radio-stations-slider li {
        width: calc((100vw - 30px) * 2 / 7);
    }

    .trigger-play-content {
        position: absolute;
        height: 100%;
        width: calc((100vw - 30px) * 2 / 7 - 10px);
        box-sizing: border-box;
    }

    .radio-stations-slider li:last-child {
        padding-right: 5px;
    }

    .news {
        overflow: auto;
    }

    .news li {
        /*width: calc((100vw - 20px) * 2 / 5);*/
        width: calc(100% / 2);
    }

    .videos-slider li {
        width: calc((100vw - 20px) * 2 / 5);
    }

    .contests li {
        width: calc((100vw - 20px) * 2 / 5);
    }

    .events li {
        width: calc((100vw - 20px) * 2 / 5);
    }

    .col {
        padding: 0 5px;
    }

    .radio-stations-slider-radio-page li {
        margin-right: 5px;
        width: calc((100vw - 30px) * 2 / 7);
    }

    .netopia-logo {
        float: none;
        padding-left: 0;
        text-align: left;
    }

}


/* -----------------------  start of phone styles ------------------- */

@media screen and (max-width: 480px) {
    .section-title, .sidebar .section-title {
        font-size: 24px;
    }

    .header-logo {
        /*width: 170px;*/
        left: 45px;
        width: 150px;
    }

    .header-top.sticky .header-logo {
        /*width: 170px;*/
        width: 150px;
    }

    .frequency, .header-top.sticky .frequency {
        top: 50%;
        font-size: 17px;
        /*left: 290px;*/
        left: calc(50% + 96px);
        padding: 4px 0 5px 0;
    }

    .menu-player-container, .header-top.sticky .menu-player-container {
        left: 197px;
    }

    .menu-search-container input {
        width: calc(100% - 50px);
    }

    /*.jp-state-playing .menu-player-btn::after {*/
    /*    font-size: 19px;*/
    /*}*/

    .station-last-songs li {
        width: calc((100vw - 20px) * 2 / 5);
    }

    .song-social-menu {
        width: calc((100vw - 20px) * 2 / 5 - 10px);
    }

    .song-social-container {
        width: calc((100vw - 20px) * 2 / 5 - 10px);
    }

    .song-social-container a {
        padding: 2px;
    }

    .stations-list .col5 {
        width: 50%;
    }

    .video-list .col {
        margin-bottom: 20px;
    }

    .col3 {
        width: 100%
    }

    .shows-list li {
        width: 50%;
    }

    .show-title {
        font-size: 14px;
    }

    .show-days {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .show-time {
        font-size: 14px;
    }

    .shows-list li {
        margin-bottom: 20px;
        padding: 0 5px;
    }

    .r-stations-list li {
        width: 50%;
    }

    .videos-list li {
        width: 50%;
    }

    .contests-list li {
        width: 100%;
    }

    .main-news {
        margin-bottom: 30px;
    }

    .specific-news-container {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #cccccc;
    }

    .news-list:not(.category-list) li:first-child {
        margin-bottom: 30px;
        padding-bottom: 20px;
        /*width: 40%;*/
        /*float: left;*/
    }

    .news-list:not(.category-list) li:last-child {
        padding-bottom: 0;
    }

    .news-list li:first-child .news-title {
        /*font-size: 14px;*/
        /*line-height: 16px;*/
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
    }

    .news-list li {
        margin-bottom: 30px;
        padding-bottom: 20px;
        /*border-bottom: 1px dotted #00C9C9;*/
        border-bottom: 1px dotted #dddddd;
    }

    .news-list li:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .news-list .container-thumb {
        margin-bottom: 10px;
        /*vertical-align: top;*/
        padding-right: 0;
        width: 100%;
    }

    /*.news-list:not(.category-list) li:first-child {*/
    .news-list:not(.category-list) li {
        margin-bottom: 30px;
        padding-bottom: 20px;
        width: 100%!important;
    }

    .news-list:not(.category-list) li:first-child .news-title,
    .news-list:not(.category-list) li .news-title {
        width: 100%;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
    }

    .container-text-news {
        width: 100%;
    }

    /*.news-list .news-title {*/
    /*vertical-align: top;*/
    /*width: 100%;*/
    /*}*/

    .next-shows .show-title {
        font-size: 16px;
        line-height: 21px;
    }

    .show-live-now .show-title {
        font-size: 18px;
        line-height: 23px;
    }

    .show-live-now .show-time {
        font-size: 18px;
        line-height: 21px;
    }

    .now-link-video {
        top: -12px
    }

    .next-shows .section-title {
        font-size: 20px;
    }

    .pagination-results {
        display: block;
        padding: 20px 0;
        text-align: center;
    }

    .pages-container {
        display: block;
        text-align: center;
        float: none;
    }

    .show-header-container {
        padding-top: 53.33%
    }

    .show-header-container img {
        width: auto;
        max-width: initial;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }

    .over-show-header {
        position: relative;
        padding-top: 20px;
        background-color: #333333;
    }

    .over-show-header .show-title {
        font-size: 27px;
        text-transform: uppercase;
    }

    .over-show-header .show-guest {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 18px;
    }

    .show-header .show-interval {
        font-size: 14px;
        position: relative;
    }

    .about-opener-show {
        margin-top: 10px;
    }

    .show-about.show-all {
        height: auto;
    }

    .show-about.show-all::after {
        height: 0;
        background: transparent
    }

    .list-of-podcasts .show-audio i {
        top: 0;
    }

    .about-opener-show {
        display: block;
    }

    .podcasts-page header p {
        font-size: 24px;
        line-height: 32px;
    }

    .video-title {
        font-size: 22px;
        line-height: 30px;
    }

    .about-opener-video {
        position: absolute;
        bottom: 15px;
        left: 10px;
        display: none; /*display: inline-block*/
    }

    .video-description {
        height: 50px;
        overflow: hidden;
    }

    .video-description::after {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 50px;
        width: 100%;
        background: linear-gradient(0deg, #333333 0%, rgba(51, 51, 51, 0) 100%);
    }

    .video-description.show-all {
        height: auto;
    }

    .video-description.show-all::after {
        height: 0;
        background: transparent
    }

    .events-list .event-item {
        margin: 0;
        padding: 5px;
        width: 100%;
    }

    .events-list-page .tab-selected {
        font-size: 24px;
        padding: 10px;
        background-color: #00C9C9;
        color: #fff;
    }

    .events-list-page .tabs-header-container {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
    }

    .events-list-page .tab-selected::after {
        color: #ffffff;
        right: 10px;
    }

    .sidebar {
        min-width: 200px
    }

    .radio-stations-slider li {
        width: calc((100vw - 20px) * 2 / 5);
    }

    #radio-slider li {
        width: calc((100vw - 20px) * 2 / 5);
    }

    .trigger-play-content {
        position: absolute;
        height: 100%;
        width: calc((100vw - 20px) * 2 / 5 - 10px);
        box-sizing: border-box;
    }

    .news li:not(.wp_rss_retriever_item) {
        /*width: calc((100vw - 10px) * 4 / 5);*/
        width: 100%;
        margin-bottom: 35px;
        padding-bottom: 30px;
        /*border-bottom: 1px dotted #00C9C9;*/
        border-bottom: 1px dotted #dddddd;
    }

    .news li:last-child:not(.wp_rss_retriever_item) {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .wp_rss_retriever_item {
        padding-bottom: 5px;
    }

    .news-title, .wp_rss_retriever_title {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
    }

    .videos-slider li {
        width: calc((100vw - 10px) * 4 / 5);
    }

    .events li {
        width: calc((100vw - 10px) * 4 / 5);
    }

    .contests li {
        width: calc((100vw - 10px) * 4 / 5);
    }

    .shows li {
        width: calc((100vw - 20px) * 2 / 5);
    }

    .radio-stations-slider-radio-page li {
        margin-right: 5px;
        width: calc((100vw - 20px) * 2 / 5);
    }

    .relatedItems li {
        width: 100%;
        margin-bottom: 20px;
    }

    .pagina-live-header .banda {
        height: 70px;
    }

    .pagina-live-header .banda img {
        margin-left: -30px;
    }

    .pagina-live-header {
        margin-bottom: 0;
    }

    .pagina-live-title {
        background-color: #333333;
        color: #fff;
        padding: 20px;
        font-size: 14px;
        line-height: 20px;
    }

    .pagina-live-section {
        margin-bottom: 0;
    }

    .pagina-live-sidebar {
        padding: 0;
    }

    .pagina-live-title p {
        margin-top: 10px
    }

    .pagina-live-title .pagina-live-meta {
        display: block;
        margin-top: 0;
    }

    .floating { /*max-width: 50vw;*/
        max-width: 160px;
        right: 10px;
        bottom: 10px;
    }

    .floating span {
        padding: 5px;
        width: 20px;
        height: 20px;
    }

    .jw-breakpoint-1 .jw-text-live {
        display: none;
    }

    .jw-breakpoint-1, .jw-text-live, .jw-breakpoint--1 .jw-text-live {
        display: none;
    }

    .jw-breakpoint-1 .jw-display-icon-display, .jw-breakpoint--1 .jw-display-icon-display {
        display: block;
        margin: 0;
        padding: 0;
    }

    .jw-breakpoint-1 .jw-display-icon-next, .jw-breakpoint--1 .jw-display-icon-next {
        display: none;
    }

    .jw-breakpoint-1 .jw-display-icon-rewind, .jw-breakpoint--1 .jw-display-icon-rewind {
        display: none;
    }

    .jw-breakpoint-1 .jw-icon-fullscreen, .jw-breakpoint--1 .jw-icon-fullscreen {
        display: flex;
    }

    .jw-breakpoint--1 .jw-display .jw-icon,
    .jw-breakpoint-1 .jw-display .jw-icon,
    .jw-breakpoint--1 .jw-display .jw-svg-icon,
    .jw-breakpoint-1 .jw-display .jw-svg-icon,
    .jw-breakpoint-4 .jw-display .jw-icon,
    .jw-breakpoint-5 .jw-display .jw-icon,
    .jw-breakpoint-6 .jw-display .jw-icon,
    .jw-breakpoint-7 .jw-display .jw-icon,
    .jw-breakpoint-4 .jw-display .jw-svg-icon,
    .jw-breakpoint-5 .jw-display .jw-svg-icon,
    .jw-breakpoint-6 .jw-display .jw-svg-icon,
    .jw-breakpoint-7 .jw-display .jw-svg-icon {
        width: 32px !important;
    }

    .jw-breakpoint-1 .jw-button-container, .jw-breakpoint--1 .jw-button-container {
        padding: 0 !important;
    }

    .jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-icon-fullscreen {
        display: flex !important;
    }

    .jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-icon-volume {
        bottom: initial !important;
    }

    .jw-flag-floating .jw-wrapper {
        max-width: 50vw !important;
    }

    .jw-breakpoint--1 .jw-icon-cast {
        display: flex !important;
    }

    .form {
        width: 100%;
        padding: 20px 10px;
        box-sizing: border-box
    }

    /*.form-row {width: 100%; box-sizing: border-box; text-align: left }*/
    .form-title {
        padding-left: 0;
        text-align: center
    }

    .form-row label {
        width: 100%;
        text-align: left;
        padding: 5px 0
    }

    .form-row input, .form-row textarea {
        width: 100%;
        box-sizing: border-box
    }

    .err-container {
        padding-left: 0
    }

    .form-row input[type=submit] {
        width: 100%;
    }

    .form-row.accord input {
        width: auto !important;
        margin: 0 5px 0 0;
        vertical-align: middle;
    }

    .form-row.accord label {
        padding: 10px 0;
        width: auto !important;
        font-size: 13px;
        vertical-align: middle;
    }

    .related-posts-container {
        margin: 20px 0;
        padding: 20px;
        width: 100%;
        float: none;
        border: 1px dotted #dddddd;
    }

    .social-top {
        display: block;
        padding: 0;
        /*text-align: center;*/
    }

    .article-meta {
        display: block;
        margin-bottom: 20px;
    }

    .other-user-links {
        padding: 20px 0;
        text-align: center;
    }
}

@media screen and (max-width: 370px) {
    .frequency, .header-top.sticky .frequency {
        /*left: 275px;*/
        left: calc(50% + 105px);
        font-size: 14px;
    }
}

@media screen and (max-width: 350px) {
    .frequency, .header-top.sticky .frequency {
        display: none;
    }
}