@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
body {
overflow-x:hidden;
direction:rtl;
background-image:url(../imgmmmm/bg3.jpg)
}

a:link,a:visited {
font-family: "Droid Arabic Naskh", "traditional arabic",Arial;
color:#fff;
text-decoration:none;
font-size:1.2em;
text-align:right;
line-height:150%;
padding:0;
margin:0;
-webkit-transition:.5s;
transition:.5s
}

a:hover {
-webkit-transition:.5s;
transition:.5s
}

.articleItem a:link,.articleItem a:visited,.last_news a:link,.last_news a:visited {
color:#5E63A4;
font-weight:700
}

.last_news a:link,.last_news a:visited {
color:#403054
}

.articleItem a:hover,.last_news a:hover {
color:#CD5B09
}
.youmalhussain{
    float:right;width: 100%;text-align:center;
    background:#000;
    border-top: 5px solid #640303;
    border-bottom: 5px solid #640303;
}
.youmalhussain{
    max-width:100%
}
.lastnews a{
    font-size: 1.5em;
    color: #F76C00;
    font-weight:bold
    
}
.lastnews a:hover{
    color:#444
}
.maing {
font-size:.7em!important;
color:#F45300!important
}

a.cat-title {
color:#640303 !important
}

.navigation {
list-style:none;
height:100%;
position:fixed;
right:-250px;
bottom:0;
z-index:0;
margin:0;
padding:20px;
-webkit-transition:.5s;
transition:.5s;
overflow-y:auto
}

.navigation::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.6);
background-color:#CCC
}

.navigation::-webkit-scrollbar {
width:5px;
background-color:#000
}

.navigation::-webkit-scrollbar-thumb {
background-color:#fff;
border-radius:9px
}

.logocontainer {
width:100%;
background:#494848;
margin-bottom:30px;
border-bottom:1px solid #CFCDCD
}

.top-nav {
position:relative;
top:0;
right:0;
padding:10px 0 7px;
border-bottom:1px solid #A39F9F;
background:#262626;
width:100%;
z-index:10;
-webkit-transition:1s;
transition:1s
}

.topbar-item {
border-right:1px solid #595959
}

.sitename {
padding:5px 40px 0 0
}

.sitename img {
width:100%;
max-width:200px
}

.socialItem {
text-align: left;
}
.socialItem .fa{
    font-size:18px
}
.socialItem span {
display:inline-block
}
.pure-form{
    float:right;
    width:100%;
}
.site-wrap {
    float:right;
width:100%;
min-height:100%;
position:relative;
top:0;
bottom:100%;
right:0;
z-index:1;
padding:0;
overflow:hidden;
background-image:linear-gradient(135deg,#dfdfdf 0,#818181 35%,#d2d2d2 100%);
background-repeat:repeat-x;
-webkit-transition:.5s
}

.nav-trigger {
position:absolute;
clip:rect(0,0,0,0)
}

.navigation li {
padding:10px 0;
background:#737373;
-webkit-transition:.5s;
transition:.5s;
border-bottom:1px solid #898989;
text-indent:10px
}

.navigation a:link {
color:#fff;
text-decoration:none
}

.navigation li:hover {
box-shadow:0 0 6px #000;
-webkit-transform:scale(1.1);
-webkit-transition:.5s;
transition:.5s
}

label[for=nav-trigger ]{
position:fixed;
top:5px;
right:20px;
border-radius:5px;
cursor:pointer;
background-size:contain;
z-index:9999
}
.flipper{
    width:100%;
    height: 510px;
    background: #fff;
    margin-top:30px;
    position: relative;
    transition: 0.6s;
	transform-style: preserve-3d;
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-ms-transition: 0.6s;
-moz-transition: 0.6s;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
overflow: hidden;
		}
.last_trirer,.more_trirer,.comments_trirer{
    position:absolute;
    width:100%;
    backface-visibility: hidden;
}
.last_trirer {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.more_trirer,.comments_trirer {
    z-index: 1;
    right:-100%;
}

.nav-trigger:checked+label {
right:270px
}
.fa-navicon,.fa-times {
position:absolute;
top:0;
right:0;
border:2px solid #fff;
border-radius:50%;
padding:5px;
font-size:16px;
color:#fff
}

.fa-navicon {
opacity:1 ;
-moz-transition:.5s ;
transition:.5s;
-webkit-transition:.5s
}

.nav-trigger:checked ~.site-wrap {
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
-moz-transition:.5s ;
transition:.5s;
-webkit-transition:.5s;
right:200px
}

.nav-trigger:checked+label >.fa-times {
opacity:1;
-moz-transition:.5s ;
transition:.5s;
-webkit-transition:.5s
}

.nav-trigger:checked+label >.fa-navicon {
opacity:0;
-moz-transition:.5s transition:.5s;
-webkit-transition:.5s
}

.nav-trigger:checked ~.top-nav {
right:200px;
-webkit-transition:2s;
transition:2s;
-moz-transition:2s
}

.nav-trigger:checked ~.navigation {
background:#262626;
transition:.5s;
-webkit-transition:.5s;
right:0;
z-index:9998;
width:280px
}

.fa-times {
opacity:0;
-moz-transition:.5s transition:.5s;
-webkit-transition:.5s
}

.nav-trigger+label,.site-wrap {
transition:.5s
}

.friday {
background:#fff;
margin-top:50px
}

input[type=email],input[type=password],input[type=text],select,textarea {
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
-ms-appearance:none;
appearance:none;
background:rgba(255,255,255,.09);
border:1px solid rgba(128,128,128,.6);
font-size:1.6em;
color:#666;
display:block;
padding:8px;
border-radius:6px;
text-decoration:none;
width:50%;
float:right;
outline:0;
margin:5px 2%
}

textarea {
width:94%;
height:150px;
background:rgba(118,97,97,.22)
}

#regf label {
float:right;
width:100%;
display:inline-block
}

.comment-promo {
float:right;
width:100%;
border:1px solid #FF5D3D;
padding:10px;
text-align:center;
color:#FF5D3D;
font-size:20px;
margin:10px 0;
border-radius:9px
}

fieldset {
border:none;
margin:0;
padding:0
}

#popupallpg2 {
background:#fff
}

#Cpt {
float:right;
padding:20px
}

#Cpt img {
float:right
}

.btn,input[type=submit] {
float:right;
background:#ff5d3d;
border-radius:8px;
color:#fff!important;
text-align:center;
text-decoration:none;
padding:.5em 1em;
outline:0;
font-size:20px;
border:none;
cursor:pointer;
margin-right:10px
}

.btn {
background:#ff5d3d
}

.btn:hover,input[type=submit]:hover {
box-shadow:0 0 6px #000
}
.last,.most,.lastcomments{
    float:right;
}

#more_trirer,#comments_trirer{
    margin-right: 10px;
    background:#636060;
}
.btn-primary{
    float:none;
    background:#ccc;
    color:#000 !important;
    cursor: pointer;
    padding:4px;
    border-radius:10px;
    font-size:0.8em
}
.hightlight {
box-shadow:0 0 6px #ff5d3d
}

.loading {
float:right;
width:80%;
margin:10px 10%;
color:#FF5D3D;
font-size:20px;
padding:20px;
text-align:center;
background:#fff;
border:1px solid #FF5D3D;
border-radius:8px;
display:none
}

.loading img {
width:40px
}

.mtitle {
font-family: "Droid Arabic Naskh", "traditional arabic ",Arial;
font-weight:bold;
float:right;
text-align:center;
padding: 5px 0px 5px 0;
background:#030528;
border-radius:2px;
font-size:1em;
color:#fff;
width:100%
}

.mtitle a {
text-shadow:0 -3px 50px #fff
}

.mtitle h1 {
text-align:center;
font-size:1em;
}

.last_news {
border-bottom:1px solid rgba(0,122,183,.08);
padding:8.3px 3px 9.8px 0;
width:100%;
display:inline-block
}

.catcontener {
    float:right;
width:100%;
background:#fff;
display:inline-block;
border-bottom:3px solid #640303;
margin-top:20px
}

.bgfff,.bgccc {
float:right;
width:100%;
background:#262626;
border-bottom:3px solid #640303;
padding-bottom:20px;
margin-top:20px
}
.bgfff .newspic{
    height:200px
}
.bgwhite{
    float:right;
width:100%;
}
.partc {
background:0 0!important;
border:none
}

.bgfff .mtitle,.bgccc .mtitle {
background:#383836
}

.partc .articlecon {
background:rgba(249,249,249,1)
}

.lastarticles {
    float:right;
background:rgba(255,255,255,1);
width:100%;
padding:5px;
border-top:4px solid #640303;
}
.lastarticl,.lastarticl2 {
background:rgba(255,255,255,1);
width:100%;
padding:5px;
border-top:4px solid #640303;
height:510px;
overflow-y:scroll;
overflow-x: hidden;
}

.articlecon {
    position: relative;
    width: 100%;
    margin-top:10px;
    background: rgb(247, 247, 247);
    min-height: 200px;
    border-radius: 7px;
}

.abs {
position:absolute;
bottom:10px;
right:0
}
.pic-containt{
    position:relative;
    overflow:hidden
}
.details{
    position:absolute;
    width:100%;
    bottom:-50px;
    right:0;
    padding:5px;
    background:#fff;
    -webkit-transition:.5s;
transition:.5s
}
.pic-containt:hover .details{
    bottom:0;
    -webkit-transition:.5s;
transition:.5s
}
.news_dat {
float:right;
padding:5px;
margin:2px auto;
font-size:10px;
color:#CD5B09
}

.newspic {
    position: relative;
    width: 250px;
    max-width: 100%;
    height: 120px;
    box-shadow: 0 0 8px #ABA7A7;
    overflow: hidden;
    margin: 0 auto 10px
}

.newspic img {
width:100%
}

.fa {
margin:3px 5px 5px;
color:#737373;
display:initial
}
.fa-arrow-left{
    color:#fff
}
.fa:hover {
color:#fff;
-moz-transition:.5s transition:.5s;
-webkit-transition:.5s;
display:grid!important
}

.fa-angle-left,.fa-angle-right {
font-size:40px;
position:absolute;
color:#fff;
left:30%
}

.fa-pause,.fa-play {
font-size:20px;
position:absolute;
color:#fff;
left:25%;
top:25%
}

.articleItem {
position:relative;
padding:5px 10px 0 5px;
height:80px
}

#footer {
width:100%;
min-height:100px;
background:#000;
margin-top:20px;
text-align:center;
color:#666;
font-weight:700
}

.wrights {
padding:30px 0 0
}

.det {
float:left;
direction:ltr;
color:#F65D00
}

.sec_conten {
margin:0
}

.sec_conten img {
max-width:100%
}

.nsco {
float:right;
width:100%;
min-height:600px
}

.hr {
float:right;
width:80%;
margin:10%;
height:0;
border-top:1px solid #eee;
background:#f6f6f6
}

.nscon {
float:right;
width:94%;
margin:10px 1% 20px 5%;
background:#fff;
padding:5px;
border-bottom:2px solid #F76C00;
box-shadow:0 0 6px #ccc
}

.nscon .last_news {
min-height:150px;
overflow:hidden
}
.nscon>div>p{
    font-family:"Droid Arabic Naskh";
    font-size:1.3em
}
.fhdat{
    float:right;width:100%;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;margin-bottom:20px
}
.loading-bar ,.loading-bar2{
float:right;
width:100%;
padding:10px;
text-align:center;
border-radius:8px;
border:1px solid #ccc;
margin-top:40px;
cursor:pointer
}

.d_txt {
float:right;
padding:5px;
margin-left:10px
}

.d_txt span {
color:#F76C00
}

.nsbg .lastarticles {
border-bottom:none
}

.nsco #content {
float:right;
width:100%;
background:#f6f6f6;
padding-right:15px
}
.nsco #content {
padding-right:15px
}

.sec_conten {
float:right;
width:100%;
background:#fff;
margin-bottom:20px;
border:1px solid #ccc;
padding:0 10px
}

.comtitle {
float:right;
width:100%;
padding:10px;
text-align:center
}

.news_comment_con {
float:right;
width:100%;
background:#262626;
color:#fff;
font-size:16px;
margin-bottom:20px
}

.news_comment {
    float:right;
padding:5px;
margin:10px;
display:-webkit-inline-box
}
.FromSite{
    color:#800000
}
.news_comment_rep a{
    color:red
}
.news_comment_txt {
float:right;
width:100%;
font-size:18px
}

article p {
font-family: "Droid Arabic Naskh", "traditional arabic ",Arial;
font-size:16px;
margin:0;
padding:0;
text-align:justify;
text-justify:kashida
}

.catmor {
float:left;
margin-left:10px
}

h2,h3,h4 {
font-family: "Droid Arabic Naskh", "traditional arabic ",Arial;
    font-size: 14px;
}
.nav-trigger
h2 {
font-size:110%;
font-weight:700;
color:#732904
}

.weth_title_b {
padding:10px 10px 10px 0;
font-size:20px;
border-bottom:1px dotted #000;
width:100%;
float:right
}

.alexa {
margin:30px 0 0;
width:100%;
float:right;
text-align:center
}