@import url('font-awesome.min.css');
@import url('animate.min.css');
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/NotoNaskhArabic-Regular.eot);
  src: url(fonts/NotoNaskhArabic-Regular.eot?#iefix) format('embedded-opentype'),
       url(fonts/NotoNaskhArabic-Regular.woff2) format('woff2'),
       url(fonts/NotoNaskhArabic-Regular.woff) format('woff'),
       url(fonts/NotoNaskhArabic-Regular.ttf) format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NotoNaskhArabic-Bold.eot);
  src: url(fonts/NotoNaskhArabic-Bold.eot?#iefix) format('embedded-opentype'),
       url(fonts/NotoNaskhArabic-Bold.woff2) format('woff2'),
       url(fonts/NotoNaskhArabic-Bold.woff) format('woff'),
       url(fonts/NotoNaskhArabic-Bold.ttf) format('truetype');
  font-display: swap;
}


/* edit */


.eshr-alsughraa {background: url(../images/bg2.png) top right no-repeat, linear-gradient(#eeebe8 0%, #ffffff 40%);border: 1px solid #fff;box-shadow: 0 0 12px rgba(72, 39, 6, .1);padding: 0;margin: 0 auto 22px;border-radius: 8px;}
.eshr-alsughraa h2 {color: #4e2f0e;font-size: 1.2em;margin: 0 0 10px 0;padding: 20px 10px 0;}
.eshr-alsughraa h2 img {width: 32px;    float: right;    margin: 0 0 0 6px;}
.eshr-alsughraa li:last-child a {border: none;    border-radius: 0 0 8px 8px;}
.eshr-alsughraa a {color: #e17426;background: url(../images/icon.png) 95% 50% no-repeat;display: block;padding: 6px 50px 6px 20px;margin: 0;border-bottom: 1px solid #f0dac9;font-size: .85em;font-weight: 600;transition: all ease-in-out .5s;}
.eshr-alsughraa a:hover, .eshr-alsughraa li.activeli a {background-color: #cc6012; color: #fff;}

.scrollup { background: #151515; color: #fff; width: 48px; height: 48px; line-height: 48px; text-align: center; position: fixed; bottom:-80px; right: 10px; transition: all ease-in-out .5s; cursor: pointer; }

.header.willfix.makefixed
.scrollup { bottom: 10px; right: 10px; }

.notifybar {
    background: #983820;
    color: #fff;
    width: 100%;
    height: 33px;
    overflow: hidden;
    display: none;
    top: 0px;
    margin-top: 0px;
    padding-top: 10px;
    text-align: center;
    position: fixed;
    z-index: 5000;
    font-weight: bold;
    border-bottom: 1px solid #F0C36D;
}
.btblack
{
	color:#fff;
	float: left;
	border: 1px solid rgba(0,0,0,.2);
	background-color: #2e2822;
	cursor: hand;
	padding:0px 3px 0px 3px;
}
.btblackwhite
{
	color:#fff;
	float: left;
	border: 1px solid rgba(0,0,0,.2);
	background-color: #2e2822;
	cursor: hand;
	padding:0px 5px 0px 5px;
	font-weight: normal;
    font-size: .5em;
}
.borderothamania { 
    border: 33px solid transparent;
    padding: 2px;
    -webkit-border-image: url(../../images/border_othmania.png) 30 round; /* Safari 3.1-5 */
    -o-border-image: url(../../images/border_othmania.png) 30 round; /* Opera 11-12.1 */
    border-image: url(../../images/border_othmania.png) 30 round;
}

.borderhead
{
	border-bottom: 2px solid rgba(0,0,0,.2);
}

.cor2, a:hover, .top-social a:hover, .latest a i, .footer nav>a:hover, .header li.active a, .pagination li:hover, .pagination li.active, .selectquran h3, .quran-page h3, .search-tab h3, .pagination li:hover a, .pagination li.active a, .selectquran h2 strong {
    color: #e17426;
}
.qlist {
    float: right;
    width: 44%;
    text-align: right;
    border-bottom: 1px solid #E5CDB5;
    /* border-right: 1px solid rgba(255,255,255,1); */
    /* border-left: 1px solid rgba(235, 215, 193,1); */
    background: rgba(255,255,255,.5);
    transition: all ease-in-out .5s;
    /* min-height: 35px; */
    padding: 12px;
    margin: 3px;
}



/* end /*/						
a, div, p, h1, h2, h3, h4, h5, h6, ul, ol, samp, input, select, textarea, button {outline: 0 none !important; padding:0; margin:0; list-style:none; font-family:inherit; }
a, a:link, a:visited, a:active, a:hover {text-decoration:none; transition:color linear .5s;}


.clear, .wrapper:after, .container>section:after, .inside-page:after {content:""; height: 0px; display:block; float:none; clear:both; }

body {
	font-size:18px; line-height:25px; font-family: 'Noto Naskh Arabic',arial,sans-serif,helvetica;
	position:relative; margin: 0 auto; padding:0;
	direction:rtl;
}

.container {width:100%; overflow:hidden;}
section {width:1000px; margin:0 auto;}



.modal-loading {
display:    none;
position:   fixed;
z-index:    1000;
top:        0;
left:       0;
height:     100%;
width:      100%;
background: rgba( 255, 255, 255, .8 ) 
url('/images/loading6.gif') 
50% 50% 
no-repeat;
}
body.loading {
    overflow: hidden;   
}
body.loading .modal-loading {
    display: block;
}


.cor1, a {color:#411d03;}
.cor2, a:hover, .footer nav>a:hover, .qraat select,.main-slider .owl-item span a:hover,.lastmedia nav .latest a i, .lastmedia li a {color:#e17426;}
.cor3, body, li.ui-tabs-active>a {color:#4e4e4e;}
.cor4,.top-social a:hover, .wrapper>ul>li a, .wrapper ul>li.submenu:hover>a,.header li.active a,.main-search:before, .newsletter .bnt-submit,
#makhtota-qraa-wrapper .owl-prev, #makhtota-qraa-wrapper .owl-next,
.main-slider .owl-item span h1, .main-slider .owl-item span p,
.main-slider .owl-next , .main-slider .owl-prev,#ihtdyt-wrapper .owl-next , #ihtdyt-wrapper .owl-prev  {color:#fff;}
.cor5, .top-social a {color:#dfa263}
.footer, .footer a {color:#c99054;}


.BackC2, .top-social {background-color: #361c01;}
.BackC3 {background-color:#e17426;}
.BackC5, .header li ul>li:hover,.header li.active,#makhtota-qraa-wrapper .owl-prev, #makhtota-qraa-wrapper .owl-next, .newsletter .bnt-submit,
.main-slider .owl-next , .main-slider .owl-prev, #ihtdyt-wrapper .owl-next , #ihtdyt-wrapper .owl-prev  {background-color:#e17426;}
.main-search, .newsletter {background-color:#ffffff;}

/* edit */

/*
	.main-search samp,.qraat .qraat-player, .lastmedia nav .latest,.header li ul>li,.header li.active {background-color:#e17426;}
 .qraat h2,.qraat p
 {
	color:#fff;
 }
*/

.wrapper>ul, .footer, .main-search:before {background-color: #4e2800;
    background-image: -webkit-linear-gradient(top, #4e2800 40%,#402101 100%);
    background-image: -moz-linear-gradient(top, #4e2800 40%,#402101 100%);
    background-image: -o-linear-gradient(top, #4e2800 40%,#402101 100%);
    background-image: linear-gradient(top, #4e2800 40%,#402101 100%);}
.qraat select, .main-news .owl-next , .main-news .owl-prev {background-color: #eaeaea;
    background-image: -webkit-linear-gradient(top, #eaeaea 0%,#f8f8f8 100%);
    background-image: -moz-linear-gradient(top, #eaeaea 0%,#f8f8f8 100%);
    background-image: -o-linear-gradient(top, #eaeaea 0%,#f8f8f8 100%);
    background-image: linear-gradient(top, #eaeaea 0%,#f8f8f8 100%);}

.fa-rss {background:#f59f23; color:#fff;}
.fa-youtube {background:#eb524f; color:#fff;}
.fa-facebook {background:#496da7; color:#fff;}
.fa-twitter {background:#32def4; color:#fff;}


.header {}

.top-social {text-align: right; padding:5px 0 1px;font-size: .8em;border-bottom: 1px solid rgba(255,255,255,.7);box-shadow: 0 1px 0 rgba(0,0,0,.7);margin-bottom: 1px;}
.top-social>section>a {display:inline-block;margin: 0 5px;text-align: center;border-radius: 6px; transition:all linear .5s;}
.top-social>section>a i {display:block;padding: 4px 0; width: 22px;}
.top-social>section>a:hover {}
.top-social>section>a:hover i {}
.top-social ul {display:inline-block; margin-right:150px; font-size: .85em;}
.top-social li {display:inline-block;}
.top-social li a {}
.top-social li a:after { content: "|"; display: inline-block; margin-right: 5px; }
.top-social li:last-child a:after { content: "";}

.wrapper {position:relative; z-index: 99;}
.wrapper section {background-image: url(../images/header.png); background-position:left top; background-repeat:no-repeat; position: relative;}



.wrapper h1 {display:inline-block;}
.wrapper>ul {text-align: center; border-top:2px solid #844400;}
.wrapper>ul>li {display: inline-block;margin: 0 4px;}
.wrapper>ul>li a {display: block; padding: 12px 8px; white-space:nowrap; position:relative; transition:background linear .5s;color: #fff;}

.wrapper>ul>li a:before {content:""; position:absolute; height:0px; top:0px; left:0; right:0; background:rgba(204,96,18,1); transition:height linear .2s,top linear .2s;}
.wrapper>ul>li.active a:before { height:5px;top:-5px}
.wrapper>ul>li:hover>a {background:#5d2f00;}
.wrapper>ul>li:hover>a:before { height:5px;top:-5px}
.header > .wrapper a.amobile {display:none;}
.header li ul:after, .header li ul:before { height: 0; width: 0; position: absolute; pointer-events: none; }
.header li ul:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: rgba(255, 255, 255,1); border-width: 6px; margin-left: -6px; }
.header li ul:before { border-color: rgba(238, 238, 238, 0);	 border-bottom-color: rgba(0,0,0,.7);	 border-width: 6px;	 margin-left: -6px;}

.header li.submenu:hover {transition:all .5s; box-shadow:0 20px 20px rgba(0,0,0,.5);}
.header li ul {display:none; position:absolute; font-size:.8em; line-height: 1.2em;border-top: 2px solid rgba(255,255,255,0);}
.header li ul>li {border-bottom: 1px solid rgba(255,255,255,.6);  min-width: 200px;background: rgba(50,26,0,0.9);}
.header li ul>li:first-child {}
.header li ul>li:last-child { border: none;}

.header ul>li:hover>a + ul {display:block;}
.header.makefixed > .wrapper {position: fixed; top: 0; left: 0 !important;right: 0 !important; background-image:none; border-bottom: 1px solid rgba(255,255,255,.5); box-shadow: 0 0px 15px rgba(0,0,0,.3); padding:0;}
.header.willfix.makefixed .wrapper>ul {margin:0}
.header.willfix.makefixed .wrapper section {display:none;}

.main-search, .newsletter {display: inline-block; width:40%; margin: 0px 40% 15px 0;position: relative; border:1px solid #d1d1d1; border-radius:6px;}
.main-search .bnt-submit {    width: 45px;    height: 40px;    border: none;    cursor: pointer;    text-indent: -999px;    overflow: hidden;    background: rgba(0,0,0,0);    display: block;      float: right;    position: relative;    z-index: 55;}
.main-search:before {right: 0; font: normal normal normal 1.2em/1 FontAwesome; /* display:inline-block; */ content: "\f002"; position: absolute; z-index: 22; width: 45px; line-height: 40px; text-align: center;    border-radius: 0 6px 6px 0;}
.main-search .txt-input, .newsletter .txt-input {    background: rgba(0,0,0,0);    border: none;    width: 100%;    display: block;    float: right;    font-size: 1em;    line-height:40px;    margin-right: -45px;    text-indent: 50px;}

.main-date {font-size: .75em;background: #e7e5e5;padding: 5px 0 4px;overflow: hidden;}
.main-date span {float: left;}

.container>section {margin:32px auto 20px;}
.container>section>.mcontent {width:660px; float:left;}
.container>section>nav {width:290px; float:right; padding-left:20px; margin-left:20px; border-left:1px solid #ececec;}

.socialcunt {width:96%; display:block;  border:1px solid #ececec; padding:3% 2% 0%; font-size: .55em;}
.socialcunt li {display:inline-block; width:47%;/* overflow: hidden; */}
.socialcunt li a {    font-size: 2em;    display: block;    float: left;}
.socialcunt li a i {    width: 32px;    text-align: center;    line-height: 32px;    border-radius: 6px;}
.socialcunt li strong {    display: block;    line-height: 1.3em;    font-size: 1.5em;    text-align: center;    padding-top: 3px;}
.socialcunt li span {    display: block;    font-size: .9em;    line-height: 1em;    text-align: center;}


.most-qraa {padding: 20px 0; border-bottom: 2px solid #ececec;}
.most-qraa h2 {padding: 5px 0; font-size: 1em; letter-spacing: -.5px;}
.most-qraa h2 a {    float: left;    font-weight: normal;    font-size: .7em; display: block; background: #4e2f0e; color: #fff; padding: 0 6px; border-radius: 3px;}
.qraa-wrapper {}
.qraa-wrapper>div {overflow:hidden;padding-bottom: 8px;border-bottom: 1px solid #ececec;margin-top: 8px;}
.qraa-wrapper>div:last-child {border:none;}
.qraa-wrapper samp {display: block; float:right; border: 5px solid #f2f2f0; margin-left: 10px;font-size: .1em;width: 62px;height: 62px;}
.qraa-wrapper samp img {width: 60px; height: 60px;border: 1px solid #fff;}
.qraa-wrapper h1 {font-size: 1em; padding: 10px 0 3px;}
.qraa-wrapper h1 a{font-size: .9em;}
.qraa-wrapper span {display: inline-block;width: 33%;font-size: .7em;text-align: right;margin-right: 5px;}
.qraa-wrapper span>i {position:relative;width: 15px;}
.qraa-wrapper span>i.fa-level-down:after {content:""; display:block; position:absolute;top: 5px;right: -4px;width: 11px;height: 8px;border: 2px solid #e17426;border-top: none;}



.qraat {padding:20px 0; border-bottom: 2px solid #ececec;}
.qraat h2 {padding: 5px 0; font-size: 1.1em;}
.qraat>div {overflow:hidden;}
/* edit */
.qraat .qraat-player {margin: auto; 
	   border-radius: 8px;
	    border: 1px solid rgba(0,0,0,.1);
	    background-color: #ffffff;
	        background-color: #eaeaea;
    background-image: -webkit-linear-gradient(top, #eaeaea 0%,#f8f8f8 100%);
    background-image: -moz-linear-gradient(top, #eaeaea 0%,#f8f8f8 100%);
    background-image: -o-linear-gradient(top, #eaeaea 0%,#f8f8f8 100%);
    background-image: linear-gradient(top, #eaeaea 0%,#f8f8f8 100%);
    padding: 3px 5px 0px 3px;
     }
.qraat p {font-size: .85em;line-height: 1.5em;}

/*
	edit
	.qraat select {display:block; width: 100%;margin: 5px 0 15px;padding: 5px; border-radius: 3px; border: 1px solid rgba(0,0,0,.1);cursor: pointer;}*/
.qraat .homepage {display:block; width: 100%;margin: 5px 0 15px;padding: 5px; border-radius: 3px; border: 1px solid rgba(0,0,0,.1);cursor: pointer;}
.qraat .quransel {width:40%; display:block; float:right;margin: 5px 0;padding: 5px;border-radius: 3px;border: 1px solid rgba(0,0,0,.3);cursor: pointer;}

#makhtota-qraa-wrapper>div {border:none;}
#makhtota-qraa-wrapper samp {    width: 260px;    height: 180px;}
/* #makhtota-qraa-wrapper samp img {    height: 123px;    width: 178px;} */
 #makhtota-qraa-wrapper samp img {    height: 180px;    width: 260px;} 
#makhtota-qraa-wrapper h1 {    clear: both;}
#makhtota-qraa-wrapper h1 a {}
#makhtota-qraa-wrapper span {    display: block;    float: right;    width: 70px;    text-align: center;    border-right: 2px solid #ececec;    margin: 0;    padding-right: 6px;}
#makhtota-qraa-wrapper span i {    display: block;    width: auto;    padding: 0 0 6px;    margin-bottom: 6px;    border-bottom: 1px solid #ececec;}
#makhtota-qraa-wrapper span i:last-child {padding:0; margin-bottom:0; border-bottom:none;}
#makhtota-qraa-wrapper span i:before{    display: block;    font-size: 1.35em;    padding: 3px;    color: #e4e4e3;}
#makhtota-qraa-wrapper span i:after{    right: 50%;    margin: 4px -8px 0 0;    width: 13px;    height: 11px;    border-color: #e4e4e3;}
#makhtota-qraa-wrapper .owl-controls {margin: -11px 0 0;    padding: 0;    border: none;    float: left;position: relative;z-index: 999;}
#makhtota-qraa-wrapper .owl-nav {}
#makhtota-qraa-wrapper .owl-prev, #makhtota-qraa-wrapper .owl-next {display:inline-block; padding: 0 8px; line-height: .9em;font-size:1.2em; border:1px solid #c5c5c5; border-radius:4px;} 

.navtit {padding: 20px 0;}
.navtit h2, .title1  {padding: 5px 0; font-size: 1.1em;}

.newsletter {
    width: 100%;
    margin: 3px;
    box-shadow: 0 0 0 3px #f2f2f0;
}
.newsletter .bnt-submit {width: 75px; height: 40px; text-align: center; border: none; cursor: pointer; overflow: hidden; display: block; float: right; position: relative; z-index: 55; font-weight: bold; border-radius: 0 6px 6px 0;}
.newsletter:before {}
.newsletter .txt-input {font-size: .65em; margin-right: -75px; text-indent: 78px;}


.main-slider { border: 5px solid #f2f2f0; border-radius: 2px; height: 315px; margin-bottom: 65px;     box-sizing: border-box;}
.main-slider .owl-item {height: 315px;}
.main-slider .owl-item span {display:block; background:rgba(68,35,1,.9); position:absolute; right:0; left:0; bottom:0; height:70px;padding: 15px;}
.main-slider .owl-item span h1 {font-size: 1em;}
.main-slider .owl-item span p {font-size: .75em;}
.main-slider .owl-item span a {color:inherit;}
.main-slider .owl-item img {display: block;  height: 100%;  position: absolute;top: 0;bottom: 0;right: 0;}
.main-slider .owl-nav {/* position:absolute; top:0; bottom:0; right:0; left:0; */}
.main-slider .owl-next , .main-slider .owl-prev {position: absolute; display: inline-block; top: 50%; font-size: 2em; padding: 0px 12px; border-radius: 3px; border: 1px solid #fff; margin: -19px 5px 0;}
.main-slider .owl-next {left:0;}
.main-slider .owl-prev {right:0;}
.main-slider .owl-dots {text-align: center; margin: 12px auto; padding-bottom: 10px; border-bottom: 3px solid #ececec;}
.main-slider .owl-dot {display:inline-block; width:11px; height:11px; margin:0 6px; border-radius:100%; background:#9b9b9b; border:2px solid #f2f2f0; box-shadow:inset 1px 1px 3px rgba(0,0,0,.3);}
.main-slider .owl-dot.active {background:#f88431;}

.main-news {}
.main-news .owl-item {border:2px solid #f2f2f0; padding:15px;box-sizing: border-box; font-size:.7em}
.main-news .owl-item samp {    display: block;    border: 5px solid #f2f2f0;}
.main-news .owl-item samp img{    border: 1px solid #fff;}
.main-news .owl-item h1 {    line-height: 1em;      margin: 15px auto;}
.main-news .owl-item h1 a{}
.main-news .owl-item p {    line-height: 1.5em;}
.main-news .owl-item span {    display: block;    border-top: 2px solid #f2f2f0;    padding: 6px 0 0;    margin: 6px auto -12px; text-align:center;}
.main-news .owl-item span i {display: inline-block;    margin: 0 0 0 15px;font-family: inherit;}
.main-news .owl-item span i:last-child {margin:0;}
.main-news .owl-item span i.date {color:#f88431;}
.main-news .owl-item span i:before {color:#e4e4e3;padding: 5px;font: normal normal normal 14px/1 FontAwesome;}
.main-news .owl-nav {text-align: center; margin: 15px auto; padding-bottom: 15px; border-bottom: 2px solid #ececec;}
.main-news .owl-next , .main-news .owl-prev {display: inline-block; font-size: .8em; padding: 4px 12px 1px; border-radius: 3px; border: 1px solid #c5c5c5; margin: 0 5px 0; }


#ihtdyt-wrapper {
    position: relative;
}
#ihtdyt-wrapper .owl-item {}
#ihtdyt-wrapper .owl-item samp{    float: none;    width: 100%;    position: relative;      padding-bottom: 56.25%;      padding-top: 25px;      height: 0;}
#ihtdyt-wrapper .owl-item samp img{    position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;}
#ihtdyt-wrapper .owl-item h1{    font-size: .85em;}
#ihtdyt-wrapper .owl-item h1 a {}
#ihtdyt-wrapper .owl-item h1 span {    float: left;    width: auto;    font-weight: normal;}
#ihtdyt-wrapper .owl-item h1 span i{    color: #CACACA;}
#ihtdyt-wrapper .owl-controls {position:absolute;     overflow: inherit;left: 0;}
#ihtdyt-wrapper .owl-nav {   }
#ihtdyt-wrapper .owl-next , #ihtdyt-wrapper .owl-prev {position: absolute;display: inline-block; font-size:1em; line-height: 1em;padding: 0px 7px; border-radius: 3px; border: 1px solid #c5c5c5; margin: 0 5px 0; top: -223px;}
#ihtdyt-wrapper .owl-next {    left: 0;}
#ihtdyt-wrapper .owl-prev {    left: 30px;}
#ihtdyt-wrapper .owl-stage-outer {border:none;}

.lastmedia {padding:40px 0 60px; overflow:hidden;}
.lastmedia li {display:inline-block;}
.lastmedia li a {display:block; border:2px solid #dadada;padding: 2px 8px;line-height: 1.6em;margin: 2px 0 2px 2px;}
li.ui-tabs-active a {border-color: #f2f2f0;border-bottom-color: #fff; box-shadow: 0 3px 0 0 #fff;padding-bottom: 8px; margin-bottom: -2px;}
.lastmedia nav .latest {padding:10px; overflow:hidden;display:block; margin: 0; border:2px solid #f2f2f0;}
.lastmedia nav .latest>div {display:block; width:50%; float:right;}
.lastmedia nav .latest a {display:block; padding:4px; margin:10px 0;}
.lastmedia nav .latest a i {}
.amore {display:block; width:98%; float:none; clear: both; /* padding:4px 0; margin:10px 0; */background-color: #e17426; color: #fff; text-align: center;    border: 1px solid #c5c5c5;
    border-radius: 4px; transition: all ease-in-out .5s;}
 a.amore:hover {    background-color: #eaeaea;    background-image: -webkit-linear-gradient(top, #eaeaea 0%,#f8f8f8 100%); color: #757575;}


.footer {padding:20px 0; overflow:hidden; border-top:#fff 1px solid; box-shadow:0 -3px 0 #402101;}
.footer nav {display:block; width:16%; margin:3px; float:right; font-size:1em;}
.footer nav h1 {font-weight:normal; font-size:1em;}
.footer nav samp {font-size: .6em; line-height: 1.5em; display: block;} 
.footer nav h2 {font-size:1em;}
.footer nav h3 {font-weight:normal; font-size:1em;}
.footer nav>a { font-size:.7em; display:inline-block;}

.footer nav>a h2 { font-size:1.3em;}
.footer .fa {border-radius: 1px; font-size: 1.3em; display: block; width: 29px; text-align: center; line-height: 30px;}

.copyright {padding:6px 0 2px; overflow:hidden; font-size:.8em; margin: 0 auto !important;}
.copyright p {float:left;}
.copyright a {display:inline-block; padding:2px;}
.copyright a:after {content:"|"; display:inline-block; margin-right: 5px;}
.copyright a:last-child:after  {content:"";}




.breadcrumb {padding: 0;font-size: 1em;display: inline-block;}
.breadcrumb li{display:inline-block;}
.breadcrumb li+li::before {padding:0 6px; content: "/"; }
.breadcrumb li a{}
.breadcrumb .active{color:#e17426;}

.main-title {overflow:hidden; margin-bottom: 10px;}
.main-title > samp {display:block; float:left;}

.itemlist ul {margin:25px auto 0;}
.itemlist li {overflow:hidden; margin:20px auto;padding-bottom: 20px;border-bottom: 2px solid #eee;}
.itemlist li samp{ padding:0 0 5px 5px; display:block; float:right;}
.itemlist li samp img{max-width: 100%; height:auto;max-height: 115px; display:block; margin:0 auto;border: 3px solid rgba(0,0,0,.2); transition: all linear .5s;}
.itemlist li:hover samp img	{border:3px solid #e17426; box-shadow: 0 2px 6px rgba(0,0,0,.3);}
.itemlist li h1 {font-size: 1.2em;line-height: 1.2em;padding: 6px 0;}
.itemlist li h1 a{transition: all linear .5s;}
.itemlist li span {font-size:.85em;padding: 6px 0;}
.itemlist li span + span{margin-right:5px;}
.itemlist li p {}
li a.active{color: #ff8d02}
.useritem li {width:49%; height:150px; float:right; box-sizing:border-box; margin:0 .5%; padding:6px;}
.riwayaitem li {float:right; box-sizing:border-box; margin:0 .5%; padding:6px;}
.useritem li samp img{max-width: 100%; height:auto;max-height:85px; display:block; margin:0 auto;border: 3px solid rgba(0,0,0,.2); transition: all linear .5s;}
.riwayaitem li a{padding: 4px 0px;}
.riwayaitem li a.active{color: #ff8d02}
.itemlist-photos ul {margin:15px auto 0 -1%;overflow:hidden;}
.itemlist-photos li {display:block;float:right;margin: 20px 0 30px 1%;width: 32.333%;position:relative;border: 2px solid rgba(0,0,0,.2);box-sizing: border-box;}
.itemlist-photos li samp{display:block; position:relative; border:1px solid #fff;height: 184px; overflow: hidden;}
.itemlist-photos li samp img{width: 100%; height:auto; max-height:185px; display:block;}
.itemlist-photos li samp:after {content:"";transition: all linear .5s;position:absolute;top:0;bottom:0;right:0;left:0;background: url(../images/slider-img-bg.png) center top repeat-x;background-size: cover;}
.itemlist-photos li:hover samp:after {top: 10%;}
.itemlist-photos li h1 {font-size:.8em;line-height: 1.2em; padding: 6px 0; position:absolute; bottom:0; right:2px; left:2px; text-align:center;}
.itemlist-photos li h1 a {color: #ffffff;}

.itemlist-photos li span {font-size:.85em;padding: 6px 0; position:absolute;}
.itemlist-photos li h1 a:hover, .itemlist-photos li:hover h1 a {color: #e17426;}
.news-page {position:relative;}
.page-img {float: left; margin:0 10px 10px 0; width:500px;}
.main-page-img {}
.page-img samp {display: block; margin: 0 0 10px 0; border: 3px solid rgba(0,0,0,.2); box-sizing: border-box;}
.page-img samp img{width:100%; height:auto; max-height:300px; border: 1px solid #fff; box-sizing: border-box;display: block;}
.page-img span + span {margin-right:10px;}
.page-info, .page-info a {color:#BB9E83;margin-bottom: 10px;font-size: .8em;}
.page-info span + span {margin-right: 18px;}
.txt-page {}

.inner-left {width: 40%;float: left;padding:8px 0;margin-right:10px;background: url(../images/shape.png) center top  no-repeat #FAF2E2;position: relative;z-index: 99;}



.RelatedLink {padding: 5px; box-sizing:border-box;margin: 0 auto;}
.block h3 {text-align:center; font-weight:normal;}
.RelatedLink ul {margin: 15px auto 0;}
.RelatedLink li {overflow:hidden; margin:20px auto;}
.RelatedLink li + li {margin:20px auto 0;}
.RelatedLink li span{max-width:65px; min-height:40px; padding:0 0 5px 5px; display:block; float:right;}
.RelatedLink li span img{max-width:100%; height:auto; max-height:50px; display:block; margin:0 auto;}
.RelatedLink li h1 {font-size:1em; line-height: 1.2em;}
.RelatedLink li h1 a{}
.RelatedLink li samp{font-size:.85em;}
.RelatedLink li samp a{}

.page-letters {margin-top:0; margin-bottom:6px; background: #f7f7f7; padding: 6px 5px;overflow: hidden;}
.page-letters span a{    width: 21px;    height: 25px;    display: inline-block;    text-align: center;    line-height: 25px;    font-size: .85em;background: rgb(250, 242, 226);border: 1px solid rgb(243, 231, 207);    border-radius: 3px; transition:all ease-in-out .5s;}
.page-letters span a:hover {background: rgba(255,255,255,1); box-shadow:0 0 7px rgba(0,0,0,.1);}
.page-letters span a.active {background: #411d03;color:#fff; box-shadow:0 0 7px rgba(0,0,0,.1);}
.page-letters span {display: block;    float: right;    margin-right: -1px;}

.select-filters {float: left; width: 150px; background: rgba(255,255,255,1); box-shadow: 0 0 7px rgba(0,0,0,.1); border: 1px solid rgba(0,0,0,.1); border-radius: 3px; cursor: pointer;}


.pagination {text-align:center; margin-bottom:15px;font-family: arial;font-weight: bold;}
.pagination li {display: inline-block; font-size: .9em; border-radius:2px; border: 1px solid #eee;}
.pagination li a {display:block; padding:3px 10px;}
.pagination li a i {padding: 4px 0px;}
.pagination h4 {display: inline-block; padding:3px 10px;}


.selectquran {background: url(../images/shape.png) center top  no-repeat #FAF2E2; border-radius:10px; padding:15px 10px;box-shadow: 0 0 10px #E8D3BB; border: 1px solid rgba(255,255,255,.4); margin-bottom:25px; transition:all ease-in-out .5s;}
.selectquran:hover {box-shadow: 0 0 20px #E8D3BB;}
.selectquran h3, .quran-page h3, .search-tab h3{text-align: center;  font-weight: normal; margin-bottom:5px;}
.selectquran h2 {font-size: 1em; font-weight: normal; padding: 20px 30px; background: #fff; border: 1px solid #fff; border-radius: 10px; box-shadow: inset 0 0 50px rgba(0,0,0,0.05);overflow: hidden;}
.selectquran ul {float:left; text-align: center;}
ul.nfloat {float:none;     margin-top: 20px;}
.mushaf .moton .othmania .selectquran ul {margin-top: 15px; float:none;}

.selectquran ul li{
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    border-left: 1px solid #FEFEFE;
    border-right: 1px solid #f0f0f0;
}
.selectquran ul li a {padding:0 3px;transition: all ease-in-out .5s; }
.ui-state-active a, .selectquran ul li a:hover {background:#604831; color:#fff !important;box-shadow: 0 10px 10px rgba(0,0,0,.2);}
.selectquran strong {}

.selectquran .ayatxt {width:50%;}
.ayatxt + .ayatxt {width:49%;}
.selectquran .ayafulltxt {width:58%;}
.selectquran .ayaqara {width:34%; margin-right:2%}
.selectquran .ayaqara_t {width:100%; margin-right:2%}
.selectquran .soura {width:20%; margin-right:5%}
.selectquran .ayano {width:10%; margin-right:1%;}

.mushaf .moton .othmania .selectquran .ayatxt {width: 100%;margin-bottom: 8px;}
.mushaf .moton .othmania .selectquran .ayaqara {width: 76%; margin-right: 0;}
.mushaf .moton .othmania .selectquran .soura {width: 50%;margin-right: 0;}
.mushaf .moton .othmania .selectquran .ayano {width: 23%;margin-right: 2%;}
.mushaf .moton .othmania .selectquran .viewquran {width: 21%;}
.selectquran .viewquran {width:15%; text-align:center; margin-right:2%;background: #A18460; color: #fff; cursor:pointer; transition:all ease-in-out .5s;}
.selectquran .viewquran:hover {box-shadow:inset 1px 1px 10px rgba(0,0,0,.5), inset 0px 0px 80px rgba(0,0,0,.2);}
.fullaya {width:83%;}
.ayatxt, .soura, .ayano, .viewquran, .ayaqara, .ayaqara_t, .ayafulltxt,.fullaya , .form-control ,.select2{padding: 4px 4px; font-size:1em; background:#fff; border: 1px solid #EAD6BE; border-radius: 3px; box-shadow: inset 1px 1px 3px rgba(0,0,0,.2), inset -1px -1px 10px rgba(0,0,0,.05);}

.mushaf + .quran-page {width:490px;min-height: 410px;float:left; text-align:center; margin:0 auto; padding:0; background:rgba(255,255,255,0);}

.moton + .moton-page {width:620px;min-height: 410px;float:left; text-align:center; margin:0 auto; padding:0; background:rgba(255,255,255,0);}

.othmania + .quran-page {width:522px;min-height: 410px;float:left; text-align:center; margin:0 auto; padding:0; background:rgba(255,255,255,0);}

.mushaf + .search-tab {width:490px;float:left; text-align:center; margin:0 auto; padding:0; background:rgba(255,255,255,0);}

.blockrwaya {overflow:hidden; margin-bottom:25px; border-bottom:2px solid #f0f0f0; background: url(../images/shape.png) center top  no-repeat #FAF2E2; border-radius:10px; padding:15px 10px;box-shadow: 0 0 10px #E8D3BB; border: 1px solid rgba(255,255,255,.4); transition:all ease-in-out .5s;}
.blockrwaya .othmania .mushaf + .quran-page .moton + .moton-page {min-height:auto;}
.blockrwaya .selectquran {background:none;padding: 0; box-shadow: 0 0 0; border: none; margin: 0;}

.quran-page { text-align: center; margin: 20px auto; padding: 10px 0;background: #ffffc9;}
.selectquran .quran-page {box-shadow: 0 0 50px rgba(0,0,0,.1); border-radius: 30px; border: 2px solid rgba(255,255,255,1);}
.quran-page img{text-align:center;}

.mushaf {width:500px; float:right;}
.moton {width:350px; float:right;}
.othmania{width:470px; float:right;}

.divinpfull {width:96%; margin:5px auto; padding:3px 2px;}
.divinpfull>input {padding:2px 4px; font-size: 1em; border:none; width:95%;}
.divinpfull>a {width: 2%; display: inline-block; padding-right: 5px; color: #A18460;}
.inpfull {width:98%; display:inline-block;}
.inpfifti {width:49%; display:inline-block;}
.inpthird {width:30%; display:inline-block;}
.inpquarter {width:18%; display:inline-block;}

.pagination_btn {overflow:hidden; padding-bottom: 15px;}
.pagination_btn a {display: block; background: #A18460; border: 2px solid #8A7052; border-bottom-color: #9E8565; box-shadow: 0 2px 1px #8A7052; color: #fff; padding:2px 8px 0; font-size: .8em; border-radius: 20px; min-width: 60px; text-align: center; margin: 1px; transition:all ease-in-out .5s;}
.pagination_btn a:hover {background: #8A7052;}
.next_btn {float:left;}
.prev_btn {float:right;}

.indexquran {background: url(../images/shape3.png) center top  no-repeat #FAF2E2; border-radius:10px; padding:15px 10px;box-shadow: 0 0 10px #E8D3BB; border: 1px solid rgba(255,255,255,.4); margin-bottom:25px; transition:all ease-in-out .5s;overflow-x: scroll}
.pagingbar {background: #FAF2E2; border-radius:10px;box-shadow: 0 0 10px #E8D3BB; border: 1px solid rgba(255,255,255,.4); margin-bottom:25px; transition:all ease-in-out .5s;}
.pagingbar .viewquran
{
	width: 10%;
    text-align: center;
    margin-right: 2%;
    background: #A18460;
    color: #fff;
    cursor: pointer;
    transition: all ease-in-out .5s;
}
.ixquran {width:100%; border-collapse:collapse;}
.ixquran td {text-align:center; border-bottom: 1px solid #E5CDB5; border-right:1px solid rgba(255,255,255,1); border-left:1px solid rgba(235, 215, 193,1); background:rgba(255,255,255,.2); transition:all ease-in-out .5s;}
.ixquran td a {display:block; padding:10px 0;}
.ixquran span .playq {display:inline;}
.ixquran td:hover {background:rgba(255,255,255,.8) !important;}
.ixquran td:after{contant:""; box-shadow:0 0 20px #000;}
.ixquran tr:last-child td {border-bottom:none;}
.ixquran tr td:last-child {border-left:none;}
.ixquran tr td:first-child {border-right:none;}

.qraat span a {
	color:#411d03 !important;
}
.qraat span a:hover {
	color:#FF8D02 !important;
}


tr:nth-child(odd) td:nth-child(even), tr:nth-child(even) td:nth-child(odd) {background:rgba(255,255,255,.5);}

ul.ui-tabs-nav {float:none; display:block; margin-bottom: 5px;}


.rawa-list {text-align: left; padding:15px 5px 15px 5px; min-height:50px; vertical-align:middle; background: url(../images/arc.png) center left no-repeat; background-size: contain; width:35%; margin-left:8px; display: inline-block;}
.rawa-list li a {padding:2px; display:inline-block;}
.rawa-list + strong {display: inline-block; width: 50%; vertical-align: middle; text-align:right;}

@media (max-width: 570px) {
.soura + #ayat {width:100% !important;}
.selectquran {overflow: hidden;}
.txtabovequran + table td center img {width: 100%;}

@media (max-width: 1019px) {
	section {width:96%; margin:0 auto;}
	.top-social {padding:11px 0 4px; position: absolute; left:5px; z-index: 999; background: none; border: none; box-shadow: none;     white-space: nowrap;} 
	.header > .wrapper {position:absolute; text-align: right; background: none; top:0; right:0; left:0; padding: 0;}

	.header > .wrapper  > ul {display:none; margin:0; float: none; border-top: 1px solid rgba(255,255,255,.3); box-shadow: 0 -1px 0 rgba(0,0,0,.2); font-size:1.1em; line-height: 1.2em; max-height:310px; overflow-y: scroll; background: #604831; text-align: right; text-indent: 10px;}
	.header > .wrapper  > ul > li {display: block; padding: 0; margin:8px 0;}
	.wrapper>ul>li a {padding: 6px 8px;}
	.header li ul>li {border-bottom:none; background:#fff;  margin: 2px 5px;}
	.header li ul>li a {color: #604831 !important;}
	.wrapper>ul>li a:before {display:none;}
	.header li ul {position:relative;}
	.header > .wrapper a.amobile {display: inline-block; color: #fff; padding: 5px; margin: 0 2px; font-size: 1.4em; cursor:pointer; position: absolute; z-index:99999999;top: 0;right:45px;}
	.header.willfix .logo img {height: 32px !important; margin: 1px;}
	
	.header.willfix .wrapper .logo {margin: 0 0 -5px !important;}
	.header.willfix .wrapper {background-color:#604831; color:#fff; padding:0;}
	.header.willfix .wrapper * {color:#fff;}

	.header li.active {background:#fff;} .header li.active a{color: #604831 !important;}

/* 	.footer nav {display:none;} */
	.footer nav:first-child {display:block; width:90%; margin:0 5%;}
	
	
	.container>section {margin:32px auto 20px;}
	.container>section>.mcontent {width:100%; float:none;}
	.container>section>nav {width:100%; float:none; padding-left:0px; margin-left:0px; border-left:none;}
	.top-social ul {display:none;}
	.header.willfix.makefixed .wrapper section {display:block;}
	.main-date {margin-top:45px; overflow: hidden;}
	
	.main-search {display:none; margin:0 auto; width:90%; overflow:hidden;}
	
/*
.main-search {margin:3px 45px -4px 0;width:46%;overflow:hidden;}
.main-search .bnt-submit,.main-search:before, .main-search .txt-input, .newsletter .txt-input {height:32px; line-height:32px;}
.top-social>section>a {margin:0 1px;}
.main-search .txt-input{color:#000}
*/
..main-search .txt-input{color:#432200 !important}
	.lastmedia nav .latest>div {display:block; width:100%;}

	
	.most-qraa {padding: 25px 0;}
	.most-qraa h2 {padding: 20px 0 35px; margin-bottom:15px;}
	.most-qraa h2 a {float: right;}
	.qraa-wrapper .owl-prev, .qraa-wrapper .owl-next  {top: -21px;}
	.qraa-wrapper .owl-next, .most-qraa.makhtota .qraa-wrapper .owl-next {left:5px}
	.qraa-wrapper .owl-prev, .most-qraa.makhtota .qraa-wrapper .owl-prev {left:35px;}
	
	.qraat .qraat-player {float: none; width: 90%; margin: 10px auto;}
	.qraat p {text-align:center;}
	.qraat select {float: none; width: 90%; margin: 0 auto; padding: 10px;}
	.qraa-wrapper .owl-item h1 {padding:10px;}
	
	.itemlist-photos li {margin:20px 1%; width:31%;}
	
	.mushaf, .othmania, .mushaf + .quran-page ,.othmania + .quran-page , .mushaf + .search-tab {width:100%; float:none; margin:10px auto;}
	.moton,.moton + .moton-page , .moton + .search-tab {width:100%; float:none; margin:10px auto;}
	
}

@media (max-width: 570px) {
	.qlist
	{
		float: right;
		width: 90%;
		text-align: right;
		border-bottom: 1px solid #E5CDB5;
		border-right: 1px solid rgba(255,255,255,1);
		border-left: 1px solid rgba(235, 215, 193,1);
		background: rgba(255,255,255,.2);
		transition: all ease-in-out .5s;
		padding: 12px 12px 0;
	}
	.qlist:nth-child(odd) { background: rgba(255,255,255,.5); }
	.qlist a
	{
	display: block;
	padding: 10px 0;
	}
.main-slider .owl-item img {position:absolute;}
.itemlist li samp{ padding:0 0 5px 5px; display:block; float:none; text-align:center;}
.itemlist li samp img{width: 100%; height:auto; max-height:none;}
.itemlist-photos li {overflow:hidden; display:block; float:none; margin:20px 1%; width:auto;}
.page-img {float: none; margin:0 auto 10px auto; width:auto;}
.news-page input {max-width:100%; margin:0 auto !important; float:none !important;}
.page-img span, .page-info span {display:block; margin-right:0 !important;}
.useritem li samp img {display:none;}
.selectquran .soura {width:44%; margin-right:0%}
.selectquran .ayano {width:26%; margin-right:1%;}

/*.selectquran .viewquran {width:25% !important; margin-right:0%;}*/
.selectquran .viewquran {width:25%; margin-right:0%;}

.selectquran h2 {padding:20px 5px 5px;}
.selectquran h2 ul {text-align:center;}
.selectquran h2 ul li {width: 31%; padding: 0; margin:0; text-align: center; float:none; display:inline-block;}
.selectquran .ayaqara {width:70%;}
.quran-page img{width:100%; height:auto;}
.selectquran .quran-page { box-shadow: 0 0 0; border-radius: 0; border: none; }
.soura.souram, .ayafulltxt.ayafulltxtm, .viewquran.viewquranm {width:100% !important;display:block;}
.inner-left, .select-filters, .useritem li,.selectquran .ayatxt, .selectquran h2 ul {width:98%; float:none; margin:10px auto;}
.rawa-list {text-align: right; padding:15px 5px 45px 5px; background: url(../images/arc2.png) center bottom no-repeat; background-size: inherit; width:99%; margin-bottom:8px; display:block;}
.rawa-list + strong {display:block; width:100%; text-align:center;}
}