@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
@import url('/font/sf.css');

*{box-sizing:border-box;outline:none }
html {
  scroll-behavior: smooth;
}
body{
    background-color:#222222;
    margin: 0;
    padding: 0;
    font-family:'kpfont', sans-serif;font-size:14px; line-height:38px ; color:#f1f1f1; font-weight:400
}
a:focus{outline:none}
a{background:0 0; font-size:14px;transition: all 0.4s ease 0s;  font-family:'kpfont', sans-serif; color:#fff; text-decoration:none; line-height:25px; font-weight:normal  ;transition: all 0.3s ease 0s }
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 } /*  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:1320px; min-width:1320px; margin:0 auto; position:relative; direction:rtl}

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

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

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

.newsitem{
    width:300px; margin:15px; display:inline-block; vertical-align:top
}
.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}
.eposidesection .maincontent{overflow:hidden; max-width:100%!important}
.programitem{
    width:290px; margin:20px; border-radius:15px; background-color:#1e1e1e;  display:inline-block; vertical-align:top; padding:30px
}
.programitemimg{width:80%; 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:16px}
.programitemtitle span{font-size:12px; color:#999}




.infocontent,.infocontent p{font-size:14px; line-height:38px;  position:relative; font-weight:300; width:80%; margin:0 auto; color:#f1f1f1; padding-bottom:40px}
.infocontent iframe {
    width:80%;
        max-width: 100% !important;
        min-height: 600px !important;
        margin: 20px auto!important;
        display:block
    }
.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: 13px;
    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:34px; position:relative; text-align:center; font-weight:700; margin:40px 0;
}

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




.pagerdiv {
    width: 100%;
   
    padding-bottom: 20px;
    padding-top: 30px
}
.repeaterpage span {
    width: 35px;
    height: 35px;
    margin-left: 8px;
    background-color: #eeff04;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    font-family: Lato;
    color: #222;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
   
}

.repeaterpage a {
    width: 35px;
    height: 35px;
    margin-left: 8px;
    
    
    display: inline-block;
    text-align: center;
    line-height: 35px;
    font-family: lato;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
   
}

    .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:24px}



.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;
    padding:5px 0
}

    .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
}

.detaildivimg {
    width: 80%;
    height: 540px;
    margin: 0 auto
}







.episodeview{width:80%; margin:30px auto;background-color:#0d0d0e; border-radius:15px; padding:15px 40px; background-image:url(images/radiowavefooter.svg); background-repeat:no-repeat; background-position:1% 50%}

.episodeleft{float:left; width:676px; padding-right:30px; padding-top:30px}
.episodeleft .detailtitle{
    text-align:right; font-size:17px; font-weight:normal
}
.episodeleft  .rottatt ol{text-align:right}
.episodeleft .detailtitle img{width:30px; vertical-align:-.65em; margin-left:10px}
.episodeleft .datedivdetail{text-align:right}

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

.episoderight img{width:100%;}






.producerpart .programitem{
    width:100%;  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:20%; aspect-ratio: 1 / 1; object-fit: cover; margin:0 auto;border-radius:50%}
.producerpart .programitemimg img{width:100%}




.swiperpart .swiper-slide{width: 300px;
  margin: 15px;
  display: inline-block;
  vertical-align: top;}

.topad{margin:30px auto 0 auto; text-align:center}
.topad img{max-width:1200px; margin:0 auto}













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

.leftfooter{width:900px; display:block;vertical-align:top;; float:right}
.rightfooter{width:400px; display:block;vertical-align:top; position:relative; float:left}

.footerlogo{width:100%; height:150px }
.footerlogo a img{width:200px}
.footerlogo img{width:calc(100% - 200px); }
.footerlogo  span{line-height:150px; display:inline-block; vertical-align:top; font-size:30px; font-weight:600; padding-left:15px}

.leftcontactfoot{display:inline-block;width:50%;vertical-align:top; font-size:13px; font-weight:500}
.leftcontactfoot i{font-size:16px; margin-left:10px; vertical-align:-0.125em}
.leftcontactfoot:nth-child(3){padding-right:50px; }
.leftcontactfoot h3{color:#eeff04; font-weight:500}


.leftcontactfoot #Phonelbl{direction:ltr; display:inline-block; }
.footer-links {
 text-align:right;

}
.footer-links a{color:#fff; font-size:30px; display:block; padding:30px}
.footer-links ul{padding:0; margin:0; list-style-type:none;}
.footer-links ul li{ border-bottom:solid 1px rgba(238,255,4,.3);}
.footer-links ul li:hover{background-color:rgba(238,255,4,.3);}
.copyright {
    margin-top: 40px;
    font-size: 12px;
    font-family: Poppins;
    text-align: right;
    color: rgba(238,255,4,.5);
    font-weight:300; letter-spacing:1px; text-transform:uppercase; direction:ltr
}
.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%;
    border-radius:5px
}
.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%;
}
.imageprogram{
 border-radius:50%
}

.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;

}