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

      }

 /* The following rules are deprecated. */

@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 */

}

.nav-pills>li>a{
    letter-spacing: normal !important;
}

#header li.search.fullscreen>.search-box{
    background-color: #fff !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;
    }
}