@font-face {
    font-family: 'Hafs';
    src: url('Hafs.otf');
  }
  @font-face {
      font-family: 'DroidArabicKufiBold';
          src: url('DroidArabicKufiBold.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
  
        }
  
  @font-face {
      font-family: 'DroidArabicKufiRegular';
          src: url('DroidArabicKufiRegular.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      
  
        }
  
  
  @font-face {
      font-family: 'Droid Arabic Kufi';
          src: url('DroidArabicKufiBold.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
        }
  
  
  
  @font-face {
      font-family: 'Droid Arabic Kufi';
          src: url('DroidArabicKufiRegular.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
        }
  
  
  @font-face {
  
      font-family: "Naskh";
  
      src: url("UthmanTN1.otf"); /* IE 9 */
  
      src: url("UthmanTN1.otf?") format("eot"), /* IE 6-8 */
  
      url("UthmanTN1.otf") format("opentype"), /* Other browsers */
  
      url("UthmanTN1.otf") format("truetype"); /* Safari, Android, iOS */
  
  }
  
  @font-face {
      font-family: 'Kitab';
          src: url('Kitab-Regular.woff2');
      font-weight: bold;
      font-style: normal;
  }
  
  body,h1,h2,h3,h4,h5,h6,div{
      font-family: DroidArabicKufiRegular, sans-serif !important;
  }
  #topMain.nav-pills>li>a{
      font-size: 16px;
  }
  p{
      font-family: Naskh;
      font-size:16px;
      /*font-weight: bold;*/
  }
  .nass p{
      line-height:200%;
      font-size:22px;
  }
  
  .nass .btn_tag {
      float: left;
  }
  span.special{
      font-family: Kitab;
  }
  
  .nav-pills>li>a{
      letter-spacing: normal !important;
  }
  #header.translucent{
      background-color: rgba(58, 27, 10, 0.58);
  }
  #toTop{
      bottom:46px !important;
  }
  @media only screen and (max-width: 992px) {
      #header.translucent #topMain.nav-pills>li>a,#header.translucent #topMain.nav-pills>li.active>a {
          color:#523626;
      }
      #header.translucent.fixed #topMain.nav-pills>li>a {
          color:#000;
      }
      #header.translucent .btn-mobile{
          color:#fff;
      }
      #header.translucent.fixed .btn-mobile{
          color:#000;
      }
      #header.translucent .logo{
          padding:5px;
      }
  
  }
  #header.fixed #topNav a.logo {
      height: 60px;
      line-height: 60px !important;
  }
  
  #header.fixed.translucent ul.nav-second-main li a, #header.fixed.translucent ul.nav-second-main li a>i, #header.fixed.translucent #topMain.nav-pills>li>a {
      color: #151515 !important;
  }
  
  div.s-nav .s-nav-head {
      position:relative;
  }
  div.s-nav .s-nav-head h4 {
      font-size:16px;
  }
  
  div.s-nav .s-nav-head button {
      display:none;
      font-size:21px;
  
      background-color:rgba(0,0,0,0.2);
      height:44px;
      width:44px;
  }
  #bu_goto_top{
      display: none;
  }
  #fld_goto_top, #fld_goto_bottom{
      width:3em;
  }
  #fld_part_top, #fld_part_bottom{
      width:3em;
  }
  .anchor{
    display: block;
    height: 60px; 
    margin-top: -60px; 
    visibility: hidden;
  }
  @media only screen and (min-width: 993px) {
      div.s-nav>ul {
          display:block !important;
          max-height: 600px;
          overflow: auto;
      }
  }
  @media only screen and (max-width: 992px) {
      div.s-nav>ul {
          display:none;
          max-height:350px;
          overflow:auto;
          margin-bottom:20px;
      }
      div.s-nav ul>li {
          border-bottom:rgba(0,0,0,0.03) 1px solid !important;
      }
      div.s-nav .s-nav-head {
          height:44px;
          background-color:rgba(0,0,0,0.1);
          margin-bottom:30px;
          
      }
      div.s-nav .s-nav-head>h4 {
          line-height:44px;
          padding-left:15px;
          padding-right: 50px;
          margin:0;
      }
      div.s-nav .s-nav-head button {
          display:block;
          position:absolute;
          right:0;
      }
      #header #topNav a.logo {
          height: 60px !important;
          line-height: 60px !important;
      }
      
  }
  
  
  div.s-nav ul {
      overflow:auto;
  }
  .s-nav ul, .betaka-index ul{
      list-style: none !important;
      margin-right:10px;
      padding-right:5px;
      border-right:1px dashed #ccc !important;
  }
  .s-nav ul li, .betaka-index ul li{
  
      padding-top:5px;
      padding-bottom:5px;
      font-size:14px;
  }
  .s-nav ul li a.active, .betaka-index ul li a.active{
      color:#245580;
      font-weight: bold;
  }
  .s-nav a, .betaka-index a, .book_item a{
      color:#555;
  }
  .book_item a{
      font-weight:bold;
  }
  .hamesh{
      color:#555;
  }
  #srch_res em{
      color:#666;
      font-style: normal;
      
  }
  #toast-container>div{
      opacity:1 !important;
  }
  
  .paypal-button-tagline {
      display: none !important;
  }