@font-face {
  font-family: 'Avenir Heavy';
  src: url("assets/fonts/alfont_com_AlFont_com_Avenir-Heavy.otf"); /* File to be stored at your site */
  }


.grid-title h2, .block-title h3, .home_section h2
 {
    font-family: 'Avenir Heavy';
    line-height: 37px;
    font-size: 22pt !important;
 }


b, body, div, em, i, li,span, stron, sub, sup, td, th
{
    font-family: 'Avenir Heavy';
}

p
{
 font-family: 'DroidArabicNaskhRegular','Arial';
}



/**
b, body, div, em, i, li, p, span, stron, sub, sup, td, th
 {
   /** font-family: 'DroidArabicNaskhRegular','Arial';**/
   /** font-family: 'Avenir Heavy';
}

**/


.vid_top{
background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);

}

#change_lang__tab a{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.mahmoud_borders{

    background-image: url("img/bg.jpg");
    background-color: #f9f5f2 !important;
    border: 1px solid black;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;

    /**float: none;**/
    margin-left: auto;
    margin-right: auto;
}


.mahmoud_headb
{
border: 1px solid black;
width: 90%;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
text-align: center;
background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);
color: white;
font-size: 20px;
font-weight: bold;
}

.mahmoud_headb2
{
border: 1px solid black;
width: 90%;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);
color: white;
font-size: 20px;
font-weight: bold;
}
.mahmoud_buttonz{
background-color: #AE950A;
border: none;
color: #131419;
padding: 2px 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin-left: 5px;
margin-bottom: 5px;
}

.mmargi{
margin-top:10px;
}

.cmah{

}

.cmah:hover{
color: #165a67;

}

#selected_cats .w3-col:nth-child(2n) div {
  /**  background-color: #57bfff;**/
    background-color: #7a9193;
}

#selected_cats .w3-col:nth-child(2n+1) div {
   /** background-color: #57bfff;**/

    background-color: #4f5c5e;
}

#selected_cats .w3-col:nth-child(2n+1) div a {
    color: #000;
}

#selected_cats .w3-col:nth-child(2n) div a {
    color: #000;
}


.w3-theme-d2 {
    color: #000 !important;
   /** background-color: #165a67 !important;**/
background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);
}

.w3-theme-d1 {
    color: #FFF !important;
   /** background-color: #165a67 !important;**/
background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);
}

.slideLink{
background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);
}

.slideLink span.other_site_logo {
border: 3px solid #050755;
}



#list-latest_topics-pagination a {
    background-color: #165a67;
    color: #FFF;
    margin: 0 2px;
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #165a67;
    width: 21px;
    height: 21px;
    display: inline-block;
    font-size: 10px;
    line-height: 15px;
    font-weight: bold;
}

.w3-gradient-3:hover {
/*background: linear-gradient(to bottom, #f0799a 0%,#165a67 100%);*/
background: linear-gradient(to bottom, #1f2736 0%,#165a67 100%);
}


.grid-topic-left:nth-child(2n) {
/*background-color: rgb(87, 191, 255);*/
background-color: rgb(161, 161, 166);
}



#change_lang__tab a.active__lang {
    font-weight: bold;
    background: linear-gradient(to bottom, #221908 0%,#01010f 100%);
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
}

#change_lang__tab a {
    border-radius: 5px;
    background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);
    padding: 5px;
    display: inline-block;
    min-width: 90px;
    text-align: center;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #86796e;
    text-shadow: 0 1px 0 #fff;
    float: right;
    margin-right: -8px;
    position: relative;
    top: 1px;
    opacity: .9;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}


#nav1, .main-navbar, .tiles {
background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);
    color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.w3-theme-dark {
    color: #fff !important;
    background-color: #165a67 !important;
}

.w3-hover-theme:hover {
    color: #FFF !important;
    background-color: #165a67 !important;
}

/* Style the tab */
.tab {
  /**overflow: hidden;**/
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tabz a {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 9px 16px;
  transition: 0.3s;
  font-size: 16px;
}

/* Change background color of buttons on hover */
.tabz a:hover {
background: linear-gradient(to bottom, #f0799a 0%,#165a67 100%);
border-radius: 15px;
}

/* Create an active/current tablink class */
.tabz a.active {
  background-color: #165a67;
border-radius: 15px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-top: none;
}

.grid-mini-slider {
    grid-template-columns: 42px auto 42px !important;
    background-image: url("img/bg.jpg");
}

.bbottom {

    border-bottom: 1px dotted #165a67;
    float: right;
    /**background-image: url("img/bg.jpg");**/
}

.bbottom:hover{
color: #FFF !important;
 /**background-image: url("img/bg.jpg");**/
background-color: #165a67 !important;

}


div.bbottom:nth-child(1) {
  background-color: #fff;
}
div.bbottom:nth-child(4) {
  background-color: #fff;
}
div.bbottom:nth-child(5) {
  background-color: #fff;
}
div.bbottom:nth-child(8) {
  background-color: #fff;
}

div.bbottom:nth-child(9) {
  background-color: #fff;
}
/**
div.bbottom:nth-child(1) {
  background-color: #fff;
}
div.bbottom:nth-child(2) {
  background-color: #fff;
}
div.bbottom:nth-child(5) {
  background-color: #fff;
}
div.bbottom:nth-child(6) {
  background-color: #fff;
}
div.bbottom:nth-child(9) {
  background-color: #fff;
}
div.bbottom:nth-child(10) {
  background-color: #fff;
}
**/

#selected_catszz img:hover{
  opacity: 0.5;

}



.grid-header.grid-header-no-logo {
    grid-template-columns: auto 315px;
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 16px;
    margin-bottom: 6px;
    background-image: url("img/header_bg.jpg");
   
   -webkit-box-shadow: 0px 0px 5px 2px #282a2d;

/**background: linear-gradient(to bottom, #7a7ca6 0%,#FFF 100%);**/
}

.ask_fatwa{
/*background: linear-gradient(to bottom, #f0799a 0%,#165a67 100%);*/
background: linear-gradient(to bottom, #1f2736 0%,#165a67 100%);
color:#FFF;
}

.form_back {
background: rgb(161, 161, 166) none repeat scroll 0% 0%;
}

.quick-btn.rss {
    background-image: url('img/download.jpg');
}


.cat-item-sound .w3-color-dark:hover {
    color: #FFF;
   /**font-size:20px;
   padding-right: 15px;**/
}

.cat-item-sound {

/**background-color: #57bfff;**/
/**background-color:#bdc6c5;**/
border: 1px solid #165a67;
}

.cat-item-sound:nth-child(2n+1) {
  background-color: #fff;
    /*background-color: #adbac1;*/
   /** background-color: rgb(161, 161, 166);**/
}

.cat-item-sound:hover {
    color:#FFF; !important;
    background-color: #165a67 !important;
}


.cat-item-sound:nth-child(2n+1):hover {

    /**background-color: #eeabf0 !important;**/
    color:#FFF; !important;
    background-color: #165a67 !important;

}


.w3-border-themez {
    border: 2px solid #165a67 !important;
}



.small-fontz {
    line-height: 35px;
    font-size: 12pt;
}

#loadMoreTopics a {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 16px;
}

.w3-gradient-1m{
background:linear-gradient(to bottom, #757066 0%,#020109 100%);
color:#FFF;
}


.mradus{
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

.mformborde{

border: 1px solid #165a67;
font-weight: bold;
font-size: 20px;
padding: 20px;
}

.w3-theme-d3 {
    color: #fff !important;
    background-color: #AE950A !important;
}


.w3-theme-l1 {
    color: #000 !important;
    background-image: url("img/bg.jpg");
    background-color: #f9f5f2 !important;
border:2px solid black;

}

.w3-padding .new_topics_title >a:hover{
background-color:#165a67;
color:#fff;
}


.new_topics_title:hover{
background-color:#165a67;
color:#fff;
}

..mahmoud_borders2{
    background-image: url("img/bg.jpg");
    background-color: #f9f5f2 !important;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    /**float: none;**/
    margin-left: auto;
    margin-right: auto;
}

.stared-item {
    border-bottom: 1px dotted #E4CFAB;
    padding: 16px;
    line-height: 30px;
    font-size: 13pt;
}


.stared-item:nth-child(2n) {
    opacity: 1;
    background-color: rgb(255, 255, 255);
}

.stared-item:nth-child(2n+1):hover {
 /*   background-color: #eeabf0 !important;*/
    background-color: #165a67 !important;
color:#fff;
}
.stared-item:hover {
 /*   background-color: #eeabf0 !important;*/
    background-color: #165a67 !important;
color:#fff;
}


a.has_sub:hover{
/*background: linear-gradient(to bottom, #f0799a 0%,#165a67 100%);*/
background: linear-gradient(to bottom, #1f2736 0%,#165a67 100%);
}


.footer2 {
    line-height: 40px;
    margin: 10px;
}


.w3-border-theme {
    border: 1px solid #dfcfbe !important;
    background-color: white;
}


.tab_content {
    display: block;
}

.grid-thre-blocks {
    grid-template-columns: 843px auto;
    grid-template-areas: 'statics_index social_index' 'book_liberary social_index';
    grid-gap: 16px;
    position: relative;

    padding: 0 !important;
    overflow: hidden;
}








.grid-title div a {
    display: inline-block;
    padding: 1%;
    width: 48%;
    color: #fff !important;
    font-size: 18pt;
    height: 100%;
    border-top-left-radius: 15px;
}


.main_article, .sub_left {
    margin-top: 10px;
}

.grid-topic-index {

    background-color: #fff9ed;

   border-left: 0px solid #407179;
    border-right: 0px solid #407179;
    border-bottom: 0px solid #407179;
    /** border: 2px solid #2c6670;**/
}

.tabs{
border: 2px solid #2c6670;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}


#change_lang__tab a:hover{
background: linear-gradient(to bottom, #1f2736 0%,#165a67 100%);
}



.quick-btn.home {
   /** background-image: url(assets/new/home.jpg);
    background-color: red;**/
    /**background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);**/
    background: #195b68 ;
}

.quick-btn.home:hover {
   /** background-image: url(assets/new/home.jpg);
    background-color: red;**/
    /**background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);**/
    background: #000 ;

}

.quick-btn.about {
    /** background-image: url(assets/new/home.jpg);
    background-color: red;**/
    /**background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);**/
    background: #195b68 ;
}

.quick-btn.about:hover {
   /** background-image: url(assets/new/home.jpg);
    background-color: red;**/
    /**background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);**/
    background: #000 ;
}

.quick-btn.apps {
  /** background-image: url(assets/new/home.jpg);
    background-color: red;**/
    /**background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);**/
    background: #195b68 ;
}

.quick-btn.apps:hover {
   /** background-image: url(assets/new/home.jpg);
    background-color: red;**/
    /**background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);**/
    background: #000 ;
}

.quick-btn.contacts {
  /** background-image: url(assets/new/home.jpg);
    background-color: red;**/
    /**background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);**/
    background: #195b68 ;
}

.quick-btn.contacts:hover {
   /** background-image: url(assets/new/home.jpg);
    background-color: red;**/
    /**background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);**/
    background: #000 ;
}

.quick-btn.rss {
  /** background-image: url(assets/new/home.jpg);
    background-color: red;**/
    /**background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);**/
    background: #195b68 ;}

.quick-btn.rss:hover {
   /** background-image: url(assets/new/home.jpg);
    background-color: red;**/
    /**background: linear-gradient(to bottom, #b3b0ad 0%,#165a67 100%);**/
    background: #000 ;
}



.mahmoudblocks marquee {
    height: 390px;
    overflow: hidden;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

.mtags {
border: 1px solid #165a67;
line-height: 35px;
font-size: 14pt;
}

div.mtags:nth-child(1) {
  background-color: #fff;
}

div.mtags:nth-child(4) {
  background-color: #fff;
}
div.mtags:nth-child(5) {
  background-color: #fff;
}
div.mtags:nth-child(8) {
  background-color: #fff;
}
div.mtags:nth-child(9) {
  background-color: #fff;
}
div.mtags:nth-child(12) {
  background-color: #fff;
}
div.mtags:nth-child(13) {
  background-color: #fff;
}
div.mtags:nth-child(16) {
  background-color: #fff;
}
div.mtags:nth-child(17) {
  background-color: #fff;
}
div.mtags:nth-child(20) {
  background-color: #fff;
}
div.mtags:nth-child(21) {
  background-color: #fff;
}
div.mtags:nth-child(24) {
  background-color: #fff;
}
div.mtags:nth-child(25) {
  background-color: #fff;
}
div.mtags:nth-child(28) {
  background-color: #fff;
}
div.mtags:nth-child(29) {
  background-color: #fff;
}
div.mtags:nth-child(32) {
  background-color: #fff;
}
div.mtags:nth-child(33) {
  background-color: #fff;
}
div.mtags:nth-child(36) {
  background-color: #fff;
}
div.mtags:nth-child(37) {
  background-color: #fff;
}
div.mtags:nth-child(40) {
  background-color: #fff;
}
div.mtags:nth-child(43) {
  background-color: #fff;
}
div.mtags:nth-child(44) {
  background-color: #fff;
}
div.mtags:nth-child(47) {
  background-color: #fff;
}
div.mtags:nth-child(48) {
  background-color: #fff;
}
div.mtags:nth-child(51) {
  background-color: #fff;
}
div.mtags:nth-child(52) {
  background-color: #fff;
}

.mtags2 {
border: 1px solid #165a67;
line-height: 35px;
font-size: 14pt;
height: 80px;
}

div.mtags2:nth-child(1) {
  background-color: #fff;
}

div.mtags2:nth-child(4) {
  background-color: #fff;
}
div.mtags2:nth-child(5) {
  background-color: #fff;
}
div.mtags2:nth-child(8) {
  background-color: #fff;
}
div.mtags2:nth-child(9) {
  background-color: #fff;
}
div.mtags2:nth-child(12) {
  background-color: #fff;
}
div.mtags2:nth-child(13) {
  background-color: #fff;
}
div.mtags2:nth-child(16) {
  background-color: #fff;
}
div.mtags2:nth-child(17) {
  background-color: #fff;
}
div.mtags2:nth-child(20) {
  background-color: #fff;
}
div.mtags2:nth-child(21) {
  background-color: #fff;
}
div.mtags2:nth-child(24) {
  background-color: #fff;
}
div.mtags2:nth-child(25) {
  background-color: #fff;
}
div.mtags2:nth-child(28) {
  background-color: #fff;
}
div.mtags2:nth-child(29) {
  background-color: #fff;
}
div.mtags2:nth-child(32) {
  background-color: #fff;
}
div.mtags2:nth-child(33) {
  background-color: #fff;
}
div.mtags2:nth-child(36) {
  background-color: #fff;
}
div.mtags2:nth-child(37) {
  background-color: #fff;
}
div.mtags2:nth-child(40) {
  background-color: #fff;
}
div.mtags2:nth-child(43) {
  background-color: #fff;
}
div.mtags2:nth-child(44) {
  background-color: #fff;
}
div.mtags2:nth-child(47) {
  background-color: #fff;
}
div.mtags2:nth-child(48) {
  background-color: #fff;
}
div.mtags2:nth-child(51) {
  background-color: #fff;
}
div.mtags2:nth-child(52) {
  background-color: #fff;
}


.alertm{
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;

}

.fix-margin-left {
    margin-left: 0px;
}

.w3-gradient-4{
background-color:#FFF;
}

.fatwa_cont{text-align:center;}

.block-title {
    line-height: 37px;
}

.w3-paddingg {
   /** padding: 8px 16px !important;**/
        padding-top: 8px;
        padding-right: 0px;
        padding-bottom: 8px;
        padding-left: 0px;
}

div.w3-paddingg:hover {
    background-color: #165a67 !important;
    color: #fff;
}

.w3-color-dark:hover{
/**color:#FFF;**/
color:#165a67;
}


.w3-input {
    padding: 8px;
    display: block;
    border: 1px solid #1b5c69;
        /**border-top-color: rgb(27, 92, 105);
        border-right-color: rgb(27, 92, 105);
        border-bottom-color: rgb(27, 92, 105);
        border-left-color: rgb(27, 92, 105);**/

}


.w3-leftbar {
    border-left: 6px solid #ccc !important;
    border-right: 6px solid #ccc !important;
}


.fa-tiktok {
filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
border: 1px solid black;
background-color: black;
}


.mahmoudlmore {
   /** margin: 20px; **/
    display: none;
}


.btnlmorez1 {
    padding: .7rem 2rem;
    background: royalblue;
    border: none;
    color: #FFF;
    margin: 20px auto;
    display: block;
    font-size: 1.3rem;
    cursor: pointer;
    outline: none;
    transition: .3s;
}

.mahmoudlmore:hover {
    opacity: .8;
}


.w3-theme-l3 {
    color: #000 !important;
    background-color: #fff !important;
}

.w3-left > a {
    color: red;
}

.w3-green {
    color: #fff !important;
    background-color: #143912 !important;
}

#topic_date_views {
    color: #333;
    font-size: 14px;
}

.cat-item-sound:nth-child(even) {
    background-color: #ffffff;
}
.cat-item-sound:nth-child(odd) {
    background-color: #ffffff;
}



.w3-col.l4.s6.bokhadeja {
    padding: 5px;
/*border: 2px solid black;*/
}