@charset "utf-8";
a{
	text-decoration: none ; 
}
div, img{
   /*transition: 0.5s */
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
 
}
@media screen and (max-width: 992px) {
  .column{
    width: 100%;
	align-content: center;
   }
	.dateh{
	 
    }
	.log{
	 text-align: center;
	 
	}
	 
}




@font-face {
  font-family: 'RS';
  src: url('font/2.eot');
  src: url('font/2.eot?#iefix') format('embedded-opentype'),
       url('font/2.svg#Aljazeera') format('svg'),
       url('font/2.ttf') format('truetype'),
       url('font/2.woff') format('woff'),
       url('font/2.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}



 
@font-face {
  font-family: 'R1';
  src: url('font/1.eot');
  src: url('font/1.eot?#iefix') format('embedded-opentype'),
       url('font/1.svg#Aljazeera') format('svg'),
       url('font/1.ttf') format('truetype'),
       url('font/1.woff') format('woff'),
       url('font/1.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'R2';
  src: url('font/R2.eot');
  src: url('font/R2.eot?#iefix') format('embedded-opentype'),
       url('font/R2.svg#Aljazeera') format('svg'),
       url('font/R2.ttf') format('truetype'),
       url('font/R2.woff') format('woff'),
       url('font/R2.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.search-container{
	font-family: 'R1';
	margin-top: 10px;
    background: #fff;
    min-width: 250px;
    border-radius:20px;
    padding: 5px;
    display: flex;
    justify-content: right;
    align-items: center;
    cursor: pointer;
    transition: 0.8s;
    border: 1px solid #96999a;
}

.search-container:hover > .search-input{
    width: 100%;
}

.search-container .search-input{
    background: transparent;
    border: none;
    outline:none;
    width: 0px;
    font-weight: 500;
    font-size: 18px;
    transition: 0.8s; 

}
.dateh{
	font-family: 'R2';
	font-size: 18px;
	color: #FFFFFF;
}
   

.logods{ width: 251px; height: 67px;  background-image: url("../image/INDEX_03.png");background-repeat: no-repeat; background-position:  center ; }
.ticker{display: flex;flex-wrap: wrap;width: 100%;height: 40px;margin-top: 10px ; color: #fff ; font-family: 'R1' }
.news{width: 100%;background: #006097;padding: 0 1px;color: #fff }
.titleas{width: 105px;text-align: center;background: #006097;position: absolute; padding: 8px ; z-index: 99; min-width: 100px}
.title3{width: 87px;text-align: center;position:relative;  z-index: 999; height: 40px;  float: left ; margin-top: -40px; left: 0px;   background-image: url("../image/121.png");}
.news marquee{ font-size: 16px; margin-top: 8px ; direction: rtl ; animation-direction: reverse ; }
.news-content a{margin-left: 41px;display: inline ; color: #fbc66f}.news-content a:hover{margin-left: 41px;display: inline ; color: #f9e5c4}
.img_quran{ width: 100%; height: 75px;  background-image: url("../image/8985.png");background-repeat: no-repeat; background-position:  center ; }
.img_qtitle{ width: 100%; height: 25px;  background-image: url("../image/INDEX_34.png");background-repeat: no-repeat; background-position:  center bottom; }
.lop_text{background: #f6f6f6 ; color:#7f8284 ; font-family: 'R1' ; font-size: 18px ; margin:3px 0px 3px 0px; padding: 8px; }
.lop_text:hover {background: #e3f2fa ; color:#006097 ; font-family: 'R1' ; font-size: 18px ; margin:3px 0px 3px 0px; padding: 8px;  transform: scale(1.02, 1.02);}
.ikon_gray{ width: 20px; height: 20px;  background-image: url("../image/968.png");background-repeat: no-repeat; background-position:  center; }
.ikon_col{ width: 30px; height: 30px;  background-image: url("../image/567.png");background-repeat: no-repeat; background-position: bottom; }
.sret_main{  color: #7f8284; font-size: 23px; font-family: 'R2'; padding: 10px 10px 0px 10px;; border:1px solid #eeeeee; text-align: right; margin: 0px 0px 10px 0px ; transform: scale(1.01, 1.01)}
.sret_main:hover{  color: #006097; font-size: 23px; font-family: 'R2'; padding: 10px 10px 0px 10px; border:1px solid #006097; text-align: right; margin: 0px 0px 10px 0px ;transform: scale(1.01, 1.01)}

.sret_main5{  color: #7f8284; font-size: 23px; font-family: 'R2'; padding: 10px 10px 0px 10px; text-align: right; margin: 0px 0px 10px 0px ; transform: scale(1.01, 1.01)}
.sret_main5:hover{  color: #006097; font-size: 23px; font-family: 'R2'; padding: 10px 10px 0px 10px; text-align: right; margin: 0px 0px 10px 0px ;transform: scale(1.01, 1.01)}


.img_nhj_ali2{ width: 100%; height: 75px;  background-image: url("../image/986.png");background-repeat: no-repeat; background-position:  center; }
.act3{	padding: 3%;}
.smaee1{background: #e3f2fb; color: #7f8284; text-align: justify ; font-family: 'R2'; font-size: 20px; padding: 10px; margin: 8px 0px 8px 0px;   overflow: hidden; height: 100px }
.smaee1:hover{	background: #cceafc; color: #016097; text-align: justify ; font-family: 'R2'; font-size: 20px; padding: 10px; margin: 8px 0px 8px 0px; transform: scale(1.005, 1.005);   overflow: hidden; height: 100px }
.smaee2{background: #f6f6f6; color: #7f8284; text-align: justify ; font-family: 'R2'; font-size: 20px; padding: 10px; margin: 8px 0px 8px 0px;  overflow: hidden; height: 100px  }
.smaee2:hover{background: #e7e7e7; color: #016097; text-align: justify ; font-family: 'R2'; font-size: 20px; padding: 10px; margin: 8px 0px 8px 0px; transform: scale(1.005, 1.005);  overflow: hidden; height: 100px }
 .img_addea2{ width: 100%; height: 75px;  background-image: url("../image/685.png");background-repeat: no-repeat; background-position:  center;  }	
.img_ahadeth2{ width: 100%; height: 75px;  background-image: url("../image/9996.png");background-repeat: no-repeat; background-position:  right; }
.img_nks{ height: 28px;  background-image: url("../image/INDEX_34.png");background-repeat: no-repeat; background-position: center; }
 .img_nks2{ height: 28px;  background-image: url("../image/kt_34.png");background-repeat:repeat-x; background-position: right;  } 
.img_sajadea{ width: 100%; height: 75px;  background-image: url("../image/15.png");background-repeat: no-repeat; background-position:  right; }
.title_t{ color:#7f8284; font-family:'R1'; font-size:24px; text-align:center}
.im_sef{ background-image: url("../image/INDEX_29.png");;background-repeat: no-repeat ;background-position:  center;width:100%; height: 25px  }
.ders_L{width:  100%; color:#7f8284; padding: 10px; font-family: 'R2'; font-size: 20px; text-align: justify; border: 1px solid #f7f6f6; margin: 10px}
.ders_L:hover{width:100%; color:#006097; padding: 10px; font-family: 'R2'; font-size: 20px; text-align: justify; border: 1px solid #006097; margin: 10px}
.img_do{margin:2px;}.img_do:hover{margin:2px;transform: scale(1.4, 1.4)}
.zer_L{width:  100%;background: #006097; color:#fff; font-family: 'R1'; font-size: 20px; padding: 10px; text-align: center ;margin: 10px}
.zer_L:hover{width:  100%;background: #02507c; color:#fcc267; font-family: 'R1'; font-size: 20px; padding: 10px; text-align: center ;margin: 10px}
.hak1{width:  48%;background: #006097; color:#fff; font-family: 'R1'; font-size: 20px; padding: 10px; text-align: center ;margin: 1% ; display: inline-block}
.hak1:hover{width:  48%;background: #02507c; color:#fcc267; font-family: 'R1'; font-size: 20px; padding: 10px; text-align: center ;margin: 1%; display: inline-block}
.hak2{width:  48%;background: #7f8284; color:#fff; font-family: 'R1'; font-size: 20px; padding: 10px; text-align: center ;margin: 1%; display: inline-block}
.hak2:hover{width:  48%;background: #68696a; color:#fcc267; font-family: 'R1'; font-size: 20px; padding: 10px; text-align: center ;margin: 1%; display: inline-block}
.mores{align-items: left; font-size: 18px; font-family: 'R1'; color: #006097} 
.mores:hover{align-items: left; font-size: 18px; font-family: 'R1'; color: #F8B40B;} 
.pagination{
	text-align: center;
}
.pagination ul li {
	display: inline-block;	width: auto;
	min-width: 20px;
	min-height: 20px;
	background-color: #006097;
	color: #fdc666;
	font-size: 16px;
	font-family: 'R1';
	position: relative;
	padding: 2px 10px;
	margin: 0px;
	border-radius: 4px

}
.pagination ul li:hover{
	background-color: #fdc666;
	color: #006097;
}
.pagination #active{
	background-color: #fdc666;
	color: #006097;
}
.pagination ul li span {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%,-50%)
}
#paginationRight{
	background-color: rgba(255,255,255,0.1);
	position: relative;
}
#paginationLeft{
	background-color: rgba(255,255,255,0.1);
	position: relative;
}