@font-face {
        font-family: FFShamelFamily;
        src: url("../fonts/FFShamel-Family-Sans-One-Book.ttf") format('truetype');
         
        }
    @font-face {
         
        font-family: FFShamelFamilyBold;
        src: url("../fonts/FFShamelFamily-SansOneBold.ttf") format('truetype'); 
        }
    .ajaxifyPage{
        font-family:FFShamelFamilyBold !important;
    }
 html{font-family:FFShamelFamily !important;}
body{font-family:FFShamelFamily !important;}
@keyframes fadeIn { 
     from { opacity: 0; } 
      }
        
.navbar-custom-menu {
          animation: fadeIn 1s infinite alternate;
 }

.video__icon {
  position: absolute;
  width: 35px;
  left: 0px;
  top: -10px; }
  .video__icon .circle--outer {
    border: 1px solid #e50040;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px;
    position: relative;
    opacity: .8;
    -webkit-animation: circle 2s ease-in-out infinite;
            animation: circle 2s ease-in-out infinite; }
  .video__icon .circle--inner {
    background: #e50040;
    left: 15px;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    opacity: .8; }
    .video__icon .circle--inner:after {
      content: '';
      display: block;
      border: 2px solid #e50040;
      border-radius: 50%;
      width: 13px;
      height: 13px;
      top: -4px;
      left: -4px;
      position: absolute;
      opacity: .8;
      -webkit-animation: circle 2s ease-in-out .2s infinite;
              animation: circle 2s ease-in-out .2s infinite; }
  .video__icon p {
    color: #000;
    text-align: center; }

@-webkit-keyframes circle {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  
  to {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; } }

@keyframes circle {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    }
  
  to {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    } }
@media screen and (max-width: 769px) {
   .m-h{
      font-size: 1.2rem !important;
      font-weight: bold;
   }
   .p-m{
       font-size: 12px !important;
   }
}
.active span{
    color:#7DCA47 !important;
    font-weight: bold;
}

    .albumImg   {
    max-width: 90% !important;
    border-radius: 15px;
}
.active span{
    color:#7DCA47 !important;
    font-weight: bold;
}
.playlist_new{
    direction: ltr;text-align:left;
}
#logo
{
   content: url('../img/alkitabW.svg') !important;;
     background-repeat: no-repeat;
   width:50%;
   margin-right: 40px;
   margin-top: 40px; 
}
.sidebar-expanded-on-hover  #logo {
   content: url('../img/alkitabW.svg') !important;;
     background-repeat: no-repeat;
   width:50%;
   margin-right: 40px;
   margin-top: 40px;
}

@media screen and (min-width: 769px) {
  .sidebar-collapse #logo {
    
   content: url('../img/alkitabicon.svg') !important;;
     background-repeat: no-repeat;
  
  margin-right: 25px;
    margin-top: 40px;
    width: 60%;
}

.has-preloader .loader-container {
        right: 50% !important;
}
}
@media screen and (max-width: 769px) {
.sidebar-collapse #logo {
    content: url('../img/alkitabW.svg') !important;;
     background-repeat: no-repeat;
   width:50%;
   margin-right: 40px;
   margin-top: 40px;
}
.has-preloader .loader-container {
        right: 40% !important;
}
}

.auto_m{
    margin-left: unset !important;
    margin-right: auto !important;

}
.icon_share{
    font-size: 14px;padding-left:5px;vertical-align: middle;
}


.homeul{
     direction: ltr;text-align:left;overflow: hidden;
    overflow-y: scroll;
    height: 275px;
    scrollbar-color: #e50040  #0c101b;
    scrollbar-width: thin;
}
.homrimg{
    padding: 10px;border-radius: 20px;
}
.homelive{
    padding-top: 25px;
}
.podcast{
     padding-top: 6px;
}
.link_downloads{
    color:#7DCA47 !important; 
}
.link_downloads:hover{
    color:#fff !important;
}

 
 .sidebar-collapse .social{
        width:0px;
    }
    .social{
        width:142px;
    }