@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
@import url('/font/sf.css');
*{box-sizing:border-box;outline:none }
body {
    background-color:#222222;
    margin: 0;
    padding: 0;
    font-family: 'kpfont', sans-serif;font-size:14px; line-height:30px ; color:#f1f1f1; 
}
a:focus{outline:none}
a{background:0 0; font-size:12px;transition: all 0.4s ease 0s;  font-family:'kpfont', sans-serif;font-weight:normal; color:#fff; text-decoration:none; line-height:25px   }
a:visited{color:#fff; text-decoration:none;  }
a:active,a:hover{ outline:0; color:#EEFF04; text-decoration:none ;transition: all 0.3s ease 0s; cursor:pointer } /*  transition: all 0.4s ease 0s;*/
img{border:0}
hr {
    clear: both;
    border-color: #e4e4ec;
    margin:10px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
}
table {
    border-collapse: collapse;
    border-spacing: 0; margin:0; padding:0
}
p{padding:0; margin:0}
.clear {clear:both}


.maincontent{width:100%; min-width:100%; margin:0 auto}

.mobilecontent{padding:15px}


.slieder{width:100%;padding:0}

.header{
    text-align:center; display:block; padding:1px 0
}
.header h4{color:#fff; font-weight:normal; font-size:14px; margin:40px 0}

.header h4 img{width:25px; margin-left:10px; vertical-align:-.6em}

.newsitem{
    width:80%; display:block; vertical-align:top; margin:15px auto
}
.newsitemimg{width:100%; height:190px; border-radius:5px}
.newsitemtitle{width:100%; padding:15px 0}
.newsitemtitle span{display:block; color:#eeff04; font-size:12px;}
.audiosection{border-top:solid 1px #333; }

.eposidesection{width:100%; background-image:url(images/sectioneposidebg.png); background-color:#0d0d0e; padding:30px 0}

.programitem{
    width:44%; margin:3%; border-radius:15px; background-color:#1e1e1e;  display:inline-block; vertical-align:top; padding:30px
}
.programitemimg{width:100%; aspect-ratio: 1 / 1; object-fit: cover; margin:0 auto;border-radius:50%}
.programitemimg img{width:100%}

.programitemtitle{text-align:center}
.programitemtitle h4{font-weight:normal; font-size:13px}
.programitemtitle span{font-size:11px; color:#999}










.infocontent,.infocontent p{font-size:12px; line-height:34px;  position:relative; font-weight:300; width:95%; margin:0 auto; color:#f1f1f1; padding-bottom:40px; text-align:justify}
.infocontent iframe {
        max-width: 100% !important;
        min-height: 300px !important;
        margin: 20px auto !important
    }
.infocontent img {
        max-width: 100% !important;
        display: block;
        margin: 30px auto;
        height:auto!important
    }

.infocontent ul {
    list-style-type: none; margin-top:30px;  padding-right:10px;
}

.infocontent ul li {
    list-style: none!important;
    position: relative;
    padding: 10px 35px 2px 0;
    color: #fff;
    font-size: 11px;
    font-weight:500
}

.infocontent ul li::before {
    content: url(/images/checkiconul.svg)!important;
    position: absolute;
    top: 16px;
    right: 0;
    width:20px
}
.infocontent h1{
    color:#fff; font-size:24px; position:relative; text-align:center; font-weight:700; margin:40px 0;
}

.infocontent h3{font-size:20px ;  text-align:center; color:#eeff04; padding-top:40px; line-height:60px }










    .repeaterpage a:hover {
        background-color: #eeff04;
        color: #222;
    }



    .detailwave{text-align:center; padding:20px 0 0 0}
    .detailwave img{margin:0 auto; width:50px}
    .detailtitle{text-align:center; color:#fff; font-size:16px;padding:0 20px}



.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}
.rottatt ol {
    background-color: transparent;
    display: block;
    text-align: center;
    margin: 0
}


    .rottatt ol li {
        display: inline-block;
        padding: 0;
        font-size: 12px;
    }

        .rottatt ol li i {
            font-size: 12px
        }

        .rottatt ol li a {
            font-size: 12px;
            font-family: DMr;
        }

.breadcrumb-item + .breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    color: #8898aa;
    content: "/";
}

.datedivdetail {
    text-align: center;
    color: #737373;
    font-style: italic;
    font-family: lato;
    direction: ltr;
    font-size: 12px
}

    .datedivdetail i {
        font-size: 10px
    }

.imagecaption {
    position: relative;
    font-size: 11px;
    color: #eee;
    border-bottom: solid 1px #333;
    line-height: 38px;
    width: 1000px;
    margin: 0 auto;
  width: 90%;
  margin: 0 auto
}

.detaildivimg {
    width: 90%;
    height: 300px;
    margin: 0 auto
}






.episodeview{width:90%; margin:10px auto;background-color:#0d0d0e; border-radius:15px; padding:15px 25px;background-position:bottom }

.episodeleft{float:left; width:100%; padding-right:0; padding-top:30px; text-align:center}
.episodeleft .detailtitle{
    text-align:center; font-size:17px; font-weight:normal
}

.episodeleft  .rottatt ol{text-align:center}
.episodeleft .detailtitle img{width:30px; vertical-align:-.65em; margin-left:0; display:block; margin:5px auto}
.episodeleft .datedivdetail{text-align:center}

.episodeleft  .breadcrumb {padding:0 0}
.episoderight{float:right; width:100%; height:300px;padding:30px 0}

.episoderight img{width:100%;}





.producerpart .programitem{
    width:80%;  border-radius:15px; background-color:#1e1e1e;  display:block; vertical-align:top; padding:30px;
    background-image:url(images/radiowavefooter.svg); background-repeat:repeat-x; background-position:1% 50%;  margin:0 auto
}
.producerpart .programitemimg{width:50%; aspect-ratio: 1 / 1; object-fit: cover; margin:0 auto;border-radius:50%}
.producerpart .programitemimg img{width:100%}



.swiperpart{padding:0 15px}

.swiperpart .swiper-slide{width: 85%;
  margin: 20px auto;
  display: block;
  vertical-align: top;}



.topad{margin:20px auto 0 auto; text-align:center}
.topad img{max-width:95%; margin:0 auto}


















.footer{
    width: 100%;
    background-color: #0d0d0e;
    padding: 80px 0;
    line-height: 40px;
    color: #fff;
    padding-bottom:50px;
  
    background-size: auto;
    background-repeat:no-repeat;
    object-fit:cover
}

.leftfooter{width:100%; display:block;vertical-align:top;float:none;}
.rightfooter {
    width: 100%;
    display: block;
    vertical-align: top;
    position: relative;
    float: none;
    margin-bottom:40px 
}

.footerlogo{width:90%; margin-bottom:60px; text-align:center; margin:0 auto; height:auto}
.footerlogo a img{width:170px; margin-bottom:20px}
.footerlogo img{width:100%}
.footerlogo  span{line-height:36px; display:inline-block; vertical-align:top; font-size:36px; font-weight:600; padding-left:0}


.leftcontactfoot{display:block;width:100%;vertical-align:top; font-size:13px; text-align:center}
.leftcontactfoot i{font-size:16px; margin-right:10px; vertical-align:-0.125em}
.leftcontactfoot h3{color:#eeff04}
.leftcontactfoot:nth-child(3){padding-right:0; }

.footer-links {
 text-align:center;

}
.footer-links a{color:#fff; font-size:14px; display:block; padding:20px; }
.footer-links ul{padding:0; margin:0; list-style-type:none; width:90%; margin:0 auto}
.footer-links ul li{ border:solid 1px rgba(238,255,4,.3); display:inline-block; vertical-align:top; width:50%; text-align:center}
.footer-links ul li:hover{background-color:rgba(238,255,4,.3)}
.copyright {
    margin-top: 40px;
    font-size: 11px;
    font-family: Poppins;
    text-align: left;
    color: rgba(238,255,4,.5);
    font-weight:300; letter-spacing:1px; text-transform:uppercase; text-align:center; line-height:24px
}
.copyright span{display:block}
.copyright span b{display:none}
.copyright a{color:#fff; font-size: 12px;font-weight:300;}

.image {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;  height:100%;
}
.image img {
  position : absolute;
 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 0px;
  right: 0px;
  object-fit: cover; width:100%; height:100%;
}


.image:hover img {
    /*opacity: 1;
    -webkit-animation: flash 1s;
    animation: flash 1s;*/
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
       -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;

}