@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
{
	font-family: 'Droid Arabic Naskh', serif;
	font-family: 'Droid Arabic Kufi', sans-serif;
	font-family: "Times New Roman",Times,serif;
}
a:focus,
a:hover,
a:select,
html,
a{
	outline: 0 none !important
}

.wassla-mobile-container{
	overflow: hidden;
	margin: auto;
	direction: rtl;
	font-family: "Times New Roman",Times,serif;
}

.pub-block{
	text-align: center;
	margin-bottom: 10px;
	padding: 0 3px;
}
.pub-block img,
.pub-block iframe{
	max-width: 100%;
	margin: 0;
	padding: 0;
}

/** Header Wassla **/
.header-wassla{
	font-family: "Times New Roman",Times,serif;
	color: #FFF;
	display: block;
}
.navbar-fixed-top{padding: 0;}
.wassla-brand{
    padding: 10px 0;
    margin-bottom: 5px;
    text-align: center;
}
.wassla-brand a,
.wassla-brand a img{
    max-height: 70%;
    max-width: 70%;
    display: inline-block;
}
@media only screen and (max-width : 480px) {
	.wassla-brand a,
	.wassla-brand a img{
	    max-width: 60%;
	}
}
.button-navbar-wassla{
  	left: 0;
    position: absolute;
    top: 10px;
}
.wassla-main-menu{
	display: block;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.wassla-main-menu ul{
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: center;
}
.wassla-main-menu ul li{
	padding:8px 7px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
}
.wassla-main-menu ul li a{
	color: #FFF;
}
.wassla-main-menu ul li a:hover{
	text-decoration: none;
	color: #ffffff
}
.header-wassla .nav-dropdown{
	padding-right: 0;
	font-family: "Times New Roman",Times,serif;
}
.navbar .small-brand-wassla{
	display: none;
	opacity: 0;
	 transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.navbar.opened .small-brand-wassla{
    display: block;
    position: relative;
    right: 90px;
    top: 5px;
    width: 60%;
    z-index: 1000;
    opacity: 1;
}
.navbar.opened .small-brand-wassla img{
	max-width: 60%;
}


.gplay img,
.ioss img{
	max-width: 100%;
}
.tw{
	background: #1DA1F2;
	display: inline-block !important;
    float: right !important;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    margin-top: 10px;
    margin-right: 40px;
}
.tw:hover{background: #278ece !important;}
.fb{
	background: #3B5998;
	display: inline-block !important;
    float: right !important;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    margin-right: 5px;
    margin-top: 10px;
}
.fb:hover{background: #2c4578 !important;}
.tw a, .fb a, .tw a:hover, .fb a:hover, .yt a, .yt a:hover{color: #FFF !important;}
.yt{
	background: #EE1C1B;
	display: inline-block !important;
    float: right !important;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    margin-right: 5px;
    margin-top: 10px;
}
.gplay{
    display: inline-block !important;
    padding:15px 0 5px 0 !important;
    text-align: center;
    width: 100%;
}
.gplay a{display: inline-block !important;margin: 0 !important;padding: 0 !important;}
.ioss{
    display: inline-block !important;
    padding: 5px 0 !important;
    text-align: center;
    width: 100%;
}
.ioss a{display: inline-block !important;margin: 0 !important;padding: 0 !important;}

/** Slider **/
#slides {
	display: none;
	width: 100%;
	overflow: hidden;
	margin:0 0 10px 0;
	position: relative;
}
.oneslide{
	overflow: hidden;
	width: 100%;
}
.oneslide h3{
	color: #FFF;
	font-weight: bold;
	font-family: "Times New Roman",Times,serif;
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 3px;
	padding: 4px;
	text-align: center;
	position: absolute;
	top: 210px;
	right: 0;
	z-index: 9999;
	display: block;
	width: 100%;
	text-align: center;
	height: 70px;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}
.oneslide h3 a{color: #FFF;}
.oneslide h3 a:hover{color: #F6F6F6;text-decoration: none;}
.oneslide img{
    width: 100%;
    min-height: 280px;
}
.oneslide p{
	color: #191919;
	font:bold 12pt 'Times New Roman',Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 3px;
	text-align: right;
	padding: 0 10px;
}

.slidesjs-next{
	right: 0px;top: 100px;
	display: block;
	position: absolute;
	z-index: 999;
	text-indent: -9999px;
	height: 32px;
	width: 28px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/next.png);
}
.slidesjs-previous{
	left: 0px;top: 100px;
	display: block;
	position: absolute;
	z-index: 99;
	text-indent: -9999px;
	height: 32px;
	width: 28px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/previ.png);
}
.slidesjs-pagination{
	position: absolute;
	bottom: 0;
	z-index: 99;
	padding: 0 5px;
	width: 100%;
	text-align: center;
	background-color: #ddd;
	margin: 0;
}
.slidesjs-pagination-item{
	display: inline-block;
}
.slidesjs-pagination-item  a{
	display: inline-block;
	text-align: center;
	background: rgba(255, 255, 255, 0.5);
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin-left: 4px;
	padding:7px 0;
	width: 22px;
}
.slidesjs-pagination-item .active{
	color: #000;
}
.slidesjs-pagination-item .active a{color: #FFF;}
.slidesjs-pagination-item a:hover{
	color: #000;
}
.slidesjs-container{
	height: 314px !important;
}

@media only screen and (max-width : 480px) {
}
@media only screen and (max-width : 320px) {
    .oneslide img{
		height: 250px;
	}
	.slidesjs-container{
		height: 284px !important;
	}
	.oneslide h3{
		bottom: 30px;
	}
}

/** Article Post **/
.article-post{
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}
.article-post:nth-child(2n){
	background: #eee;
}
.article-post a{
	display: block;
	height: 100%;
	width: 100%;
}
.article-post .img-article{
	display: inline-block;
	width: 30%;
	vertical-align: top
}
.article-post .img-article img{
	max-width: 100%;
}
.article-post .article-Text{
	display: inline-block;
	width: 65%;
}
.article-post .article-Text h1{
	font-size: 15px;
	font-weight: bold;
	font-family: "Times New Roman",Times,serif;
	line-height: 24px;
	color: #000;
	margin-bottom: 0;
}
.article-post .article-Text a:hover h1{
}
@media only screen and (max-width : 320px) {
    .article-post .img-article{width: 40%;}
    .article-post .article-Text{width: 55%;}
}
.article-big-post{
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
}
.article-big-post img{
	width: 100%;
}
.article-big-post h1{
	margin-bottom: 0;
	color: #FFF;
	font-weight: bold;
	font-family: "Times New Roman",Times,serif;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 3px;
	padding: 100px 0 16px;
	text-align: center;
	position: absolute;
	bottom: -3px;
	right: 0;
	z-index: 99;
	display: block;
	width: 100%;
	text-align: center;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
/** Footer **/
.footer-bottom{
	text-align: center;
	font-size: 12px;
	padding: 10px;

	background: #ffffff;
    border-top-style: solid;
    border-top-width: 3px;
    overflow: hidden;
}
.copyrights{
	text-align: center !important;
	direction: ltr;
}
.copyrights a{font-weight: bold;color: #000;}
.copyrights a:hover{text-decoration: none;}

/** Post Container **/
.post-container{
	overflow: hidden;
}
.post-container .post-image{
	position: relative;
	margin-bottom: 15px;
}
.post-container .post-image img{
	width: 100%;
}
.post-container .post-video{
	margin-right: 5px;
	margin-left: 5px;
}
.post-container .post-video iframe{
	width: 100%;
	height: 240px;
}

.post-container .post-head{
	padding: 0 15px;
	margin-bottom: 20px;
}
.post-container .post-head .post-metas{
	font-size: 12px;
	font-family: "Times New Roman",Times,serif;
	color: #595959;
	margin-bottom: 10px;
}
.post-container .post-head .post-titlebig{
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
	margin-bottom: 0;
	font-family: "Times New Roman",Times,serif;
	text-align: center;
}
.post-container .post-text{
	padding: 0 15px;
	font-size: 15px;
	font-weight: bold;
	font-family: "Times New Roman",Times,serif;
	line-height: 28px;
	text-align: justify;
	color: #363636;
	line-height: 30px
}
.post-container .post-text p{
}
.post-container .post-text a:hover{color: #000;text-decoration: none;}

/** Related Posts **/
.related-posts{
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #000;
	background: #EEEEEE;
}
.related-posts.s2{
	margin-bottom: 0;
	border-bottom: 0;
}
.related-posts h2{
	font-size: 16px;
	font-weight: bold;
	font-family: "Times New Roman",Times,serif;
	color: #FFF;
	padding: 10px;
}
.related-posts .article-post{
	padding-top: 0;
}

/** Share Post **/
.linkspartageall {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999;
}
.linkspartageall a.shaarik{
	color: #000 !important;
	font-size: 12px !important;
	font-weight: bold;
}
.linkspartageall a {
	display: block;
	width: 14.2857%;
	float: right;
	padding: 8px 0;
	text-align: center;
	color: #ffffff!important;
	z-index: 100030;
	position: relative;
	overflow: hidden;
	background-color: #e8e8e8;
	height: 48px;
	line-height: 36px;
	font-size: 20px;
}
.linkspartageall a.fb-share {
	background: #3B5998;
}
.linkspartageall a.tw-share {
	background: #04B7EC;
}
.linkspartageall a.lk-share {
	background: #0077B5;
}
.linkspartageall a.wt-share {
	background: #47C557;
}
.linkspartageall a.gp-share {
	background: #D95333;
}
.linkspartageall a.vb-share {
	background: #7D50A3;
}
.at-icon.at-icon-viber {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: medium none;
	cursor: pointer;
	display: block;
	height: 2.4pc;
	line-height: 2.4pc;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 2pc;
	fill: #ffffff;
}

/** Breadcumb **/
.breadcumb-wassla{
	position: relative;
	overflow: hidden;
	display: block;
	margin-bottom: 12px;
	padding: 10px 5px;
	border-bottom: 1px solid #EEEEEE;
	font-size: 13px;
	font-weight: bold;
}
.breadcumb-wassla p{margin-bottom: 0}
.breadcumb-wassla .right{
	display: inline-block;
	width: 90%;
	margin-top: 5px;
} 
.breadcumb-wassla .right p span{
	font-weight: bold;
}
.breadcumb-wassla .left{
    color: #fff;
    float: right;
    font-size: 15px;
    margin-left: 5px;
    height: 25px;
    line-height: 18px;
    padding: 4px;
    text-align: center;
    width: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.breadcumb-wassla .left a{color: #FFF;}

/** Category & archive **/
.category-all-posts .article-post:nth-child(2n){
	background: #FFF;
}
.category-all-posts .article-post{
	border-bottom: 1px solid #EEEEEE;
}

.video-icon{
	background: red;
	color: #fff;
    display: block;
    font-size: 16px;
    margin: auto;
    padding: 10px;
    position: absolute;
    right: 43%;
    text-align: center;
    top: 32%;
    z-index: 991;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.video-icon i{color: #FFF;}

.sec-wall{
	display: block;
	width: 100%;
	height: 152px;
}

@media only screen and (max-width : 320px) {
    .sec-wall{height: 122px!important;}
}



@media only screen and (max-width : 480px) {
	.sec-wall{height: 125px!important;}
}




/** Slider Video **/
.slider-videos{
	position: relative;
	height: 240px;
	margin-bottom: 10px;
	border-top: 1px solid #EEEEEE;
}
.slider-vids .item{
	position: relative;
	height: 240px;
}
.slider-vids .item h3{
	margin-bottom: 0;
	color: #FFF;
	font-weight: bold;
	font-family: "Times New Roman",Times,serif;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 3px;
	padding: 100px 0 16px;
	text-align: center;
	position: absolute;
	bottom: -3px;
	right: 0;
	z-index: 99;
	display: block;
	width: 100%;
	text-align: center;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.slider-vids .item h3 a{color: #ffffff;}
.slider-vids .item h3 a:hover{color: #ffffff;text-decoration: none;}
.slider-vids .item img{
	width: 100%;
	height: 240px;
}
.slider-vids .owl-dots{
	position: absolute;
	top: 3px;
	right: 4px;
}
.slider-vids .owl-dots .owl-dot span{
	margin: 5px 3px !important;
}
.slider-vids .owl-controls .owl-nav{display: none !important;}

.slider-vids .owl-dots .owl-dot span{background-color: #FFF !important;}
.slider-vids .video-icon{top: 35%;}

/** Posts Paginations **/
.posts-pagin{
	text-align: center;
}
.posts-pagin ul{
	list-style: none;
}
.posts-pagin ul li{
	display: inline-block;
    font-size: 14px;
    font-weight: bold;
    list-style: outside none none;
    padding: 0 5px;
    text-align: center;
    border:1px solid #EEEEEE;
}
.posts-pagin ul li a{text-decoration: none; color: #000;}
.posts-pagin ul li a:hover, .posts-pagin ul li:hover a{text-decoration: none; color: #ffffff !important;}
.posts-pagin ul li.current-p-link a{
	color: #000;
}
.posts-pagin ul li:first-child,
.posts-pagin ul li:last-child,
.posts-pagin ul li:first-child a,
.posts-pagin ul li:last-child a{
	color: #ffffff;
}