.no-border{
	border: 0 !important;
}
.logo{
	font-family: 'Droid Arabic Kufi', 'Open Sans', sans-serif;
}
.logo img {
	margin: auto;
}
.logo img.personal{
	/*border-radius: 7px !important;*/
	/*background-image: -moz-linear-gradient(top, #f6f2ec, #e2dbce);*/
    /*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f6f2ec),color-stop(1, #e2dbce));*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f2ec', EndColorStr='#e2dbce');*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f2ec', EndColorStr='#e2dbce')";*/
    /*-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 180px 0 #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.85);*/
    /*-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 810px -68px #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.65);*/
    /*box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 180px 0 #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.85);*/
}
.da-slider{
	direction: ltr;
}
.navbar{
	box-shadow: 0 6px 20px -3px #56002f;
	z-index: 999;
}
textarea{
	resize:vertical;
}
.bthumb2{
	padding: 2px;
	box-shadow: 0px 0px 1px #777;
}
.pp_pic_holder{
	direction: initial;
}
#portfolio img {
	width: 175px;
	max-width: 200px;
	height: 150px;
}
#portfolio .element {
	margin: 20px 9px 10px 9px;
	padding: 5px;
	display: inline-block;
}
a.pp_close, a.pp_contract, a.pp_expand, a.pp_arrow_previous, a.pp_arrow_next, a.pp_play, a.pp_next, a.pp_previous{
	text-indent: initial !important;
	color: transparent;
}
@media (min-width: 768px){
	header #search {
		max-width: 252px;
	}
}
#search {
	width: 100%;
}
.audioWrapper {
	padding-bottom: 25px;
	padding-top: 25px;
	text-align: center;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fa {
	top: 0 !important;
	font-size: initial;
}

a{
	text-decoration: none !important;
}

.blog{
	text-align: justify;
    text-justify: inter-word;
}

@media print {
	a[href]:after {
		content: none !important;
	}
	.logo {
		text-align: center;
	}
	.bthumb2{
		max-width: 186px;
		max-height: 186px;
		float: left;
	}
}
.social h6{
	display: inline-block;
}

/* Style */
body{
    /*background: rgba(207, 170, 255, 0.09) url('../img/bg.png') repeat;*/
    background: url('../img/bg.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.full-width{
	max-width: initial;
	width: 100%;
}
.padding-no{
	padding: 0;
}
.padding-1{
	padding: 1px;
}
.content{
	margin: 0;
}
.content ul li{
	margin: 10px 0;
	padding: 2px 4px;
}
.sidebar ul li:hover{
	background: #56002f !important;
}
.sidebar ul li:hover a{
	color: #FFF !important;
}
header{
	border: 0px;
	background: none;
}
header .logo {
    padding: 3px;
}
.header-bar{
	background: #56002f;
    height: 3px;
}
.social-links{
    padding: 10px 0px 0px 0px !important;
	background: #56002f;
}
.social-links a, .social-links a:visited, .social-links a:hover{
	margin: 0;
	padding: 3px 5px 0px 5px;
    border-left: 1px solid #385d28;
}
.social-links a:last-child{
	border: none;
}
.social-links i{
    background: #FFFFFF;
    border-radius: 50% !important;
    color: #56002f;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.social-links i:hover{
    background: #56002f;
    color: #FFF;
}
.search-form input{
	color: #56002f !important;
	background: #fff4f6 !important;
	border: 2px solid #56002f !important;
    border-radius: 10px !important;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 82%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(82%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 82%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 82%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 82%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 82%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
.search-form button, .search-form button:hover{
    padding-right: 9px;
    padding-left: 9px;
    border-radius: 70% !important;
    background: #56002f;
    border: 2px solid #cfcfcf;
}
.navbar, .navbar .main-menu a, .navbar .nav > li > a{
    background: #56002f !important;
    color: #FFF;
}
.navbar .main-menu .dropdown-menu a{
    background: #ECECEC !important;
    color: #56002f !important;
}
.navbar .main-menu .dropdown-menu a:hover{
    background: #56002f !important;
    color: #FFF !important;
    box-shadow: 0 0 2px 2px #ECECEC inset !important;
}
.navbar .main-menu.nav > li > a {
    padding: 18px 10px !important;
    color: #FFF !important;
}
nav a:hover, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background: #ECECEC !important;
    color: #56002f !important;
    box-shadow: 0 0 2px 2px #56002f inset !important;
}
.navbar .nav > li > a:hover, .navbar .nav > li.open > a{
	background: #ECECEC !important;
    color: #56002f !important;
	box-shadow: 0 0 2px 2px #56002f inset !important;
}
.v-bar{
    height: 34px;
    color: #FFF !important;
    margin: 10px 0px;
    border-right: 1px dotted !important;
    line-height: 10px !important;
}
.navbar img{
    height: 30px;
}
.hijri-date{
	display: inline-block;
    margin: 13px 0;
    float: left;
    color: #56002f !important;
}
.social-media a:hover{
	background: none !important;
}
.social-media > li > a{
	padding: 13px 3px 13px 3px !important
}
.social-media .fa{
    width: 23px;
    color: #FFF;
    height: 23px;
    text-align: center;
    border-radius: 50% !important;
}
.social-media .fa-facebook{
    background-color: #2e5bd4;
    padding-top: 5px;
}
.social-media .fa-twitter{
    background-color: #00bbff;
    padding-top: 5px;
}
.social-media .fa-linkedin{
    background-color: #2a84e5;
    padding-top: 5px;
}
.social-media .fa-google-plus{
    background-color: #ff0222;
    padding-top: 5px;
}
.social-media .fa-youtube{
    background-color: #CC181E;
    padding-top: 5px;
}
.social-media .fa-envelope{
    background-color: #CC181E;
    padding-top: 5px;
}
.social-media .phone{
	color: #345625 !important;
    padding-top: 18px !important;
}
.social-media .phone img{
	height: 17px;
}
.social-media li{
	display: inline-block;
}
.navbar button{
	border-radius: 5px !important;
}
footer{
    padding: 0 15px;
}
footer .fwidget h6, footer li{
	text-align: center;
}
footer .fwidget h6{
	font-weight: bold !important;
}
footer .fwidget h6 img{
	max-height: 30px;
}
footer .copy{
	border-top: 2px solid #56002f;
}
footer .copy, footer .copy a{
	color: #56002f !important;
}
footer .copy h5 a{
    margin-right: 30px;
	color: #56002f !important;
}
footer .copy img{
    margin-top: -20px;
}

.slider-wrapper{
	box-shadow: 0 6px 20px -3px #56002f;
	z-index: 99;
}

.flexslider{
	margin: 0;
	border: 0px;
}
.flex-control-nav{
	z-index: 10;
}
.flex-control-paging li a{
	border-radius: 20px !important;
    background: rgba(255,255,255,0.5);
}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active{
    background: rgba(255,255,255,1);
}
.flex-direction-nav a:before{
    height: 40px;
    padding-top: 10px;
    color: white;
    text-shadow: 2px 2px 2px #123;
}

h2{
    margin: 30px 0 10px;
}
h2, .arrow-full{
	text-align: center;
}
.arrow-full{
	margin-top: 40px;
}
.arrow-full hr{
    width: 45%;
    margin: auto;
    border: 1px solid #ADADAD;
}
.selected-articles-slider{
    direction: ltr;
}
.glyphicon-chevron-left:before{
	font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.glyphicon-chevron-right:before{
	font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f002';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.carousel-control{
    background: none !important;
}

#selected_subjects .read-more{
	position: absolute;
	width: 90%;
	margin: 5%;
	height: 90%;
	text-align: center;
	padding-top: 40%;
	font-size: large;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

#sub_articles .read-more{
	position: absolute;
	width: 90%;
	margin: 5%;
	height: 90%;
	text-align: center;
	padding-top: 10%;
	font-size: large;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
#sub_articles h4{
	color: #FFF;
}

.blog .entry h2, footer h6{
	color: #56002f	;
}
.blog .meta {
    border-top: 2px solid #C1C1C1;
    border-bottom: 2px solid #C1C1C1;
    background-color: #FFF;
	padding: 0 25px !important;
}
.blog .bthumb2{
	float: right;
	border: none;
	box-shadow: none;
}
.blog .bthumb2 img{
    border: 1px solid #aaa;
    box-shadow: 0px 0px 1px #777;
    border-radius: 50% !important;
    width: 128px;
    min-width: 128px;
}

.social i{
    border-radius: 50% !important;
}
.sidebar{
	border: none;
    background: none;
    box-shadow: none;
    border-radius: 18px !important;
    margin: 68px 0;
}
.sidebar .widget, .sidebar h4{
    background: none;
    border: none;
}
.sidebar h4, h4{
    margin: 0 0 10px;
    padding: 5px;
    background: #56002f;
    border-radius: 11px !important;
    color: #F5E4FF;
    text-align: center;
}
.entry h4{
    background: #AAAAAA;
}
.widget{
	text-align: right;
}
.widget a{
	color: #56002f;
}
.widget a:hover{
	color: #8E6206;
}
.widget .search-form input{
	color: #56002f !important;
	background: #fff4f6 !important;
	border: 1px solid #56002f !important;
}
.widget .search-form button{
	/*color: #56002f;*/
	margin-right: 10px;
	/*background: #fffcf1 !important;*/
}
.cwell{
    background: rgba(255, 255, 255, 0.64);
    border-radius: 17px !important;
    border: 1px solid #A0A0A0;
}
.article-thumbnail{
	background-size: cover !important;
	/*border-radius: 15px !important;*/
    /*box-shadow: 0 0 1px 1px #56002f !important;*/
    margin: 13px 13px 0 18px;
    width: 100px;
    height: 100px;
}
.form-horizontal .control-label{
	color: #56002f;
    padding-top: 0;
    text-align: right;
}
.form-horizontal .control-label img{
    max-width: 17px;
}
.contact h5{
	color: #335525;
	padding: 0 15px;
}
textarea, select, input{
	color: #56002f !important;
    background: #fff4f6 !important;
    border: 1px solid #56002f !important;
    border-radius: 10px !important;
}
.btn{
	background: #C3C3C3;
    border: 1px solid #C3C3C3;
    color: #56002f;
    border-radius: 10px !important;
}
.btn:hover{
    color: #fff4f6;
    background: #56002f;
}
h3{
	color: #56002f;
}
footer .copy a{
	    margin: 0 11px;
}

textarea{
	resize: vertical !important;
}
.search-head{
	background: #56002f;
    color: #FFF;
    border-radius: 14px !important;
    padding: 5px;
}

@media (max-width: 768px){
	footer .copy h5 a {
		font-size: 17px !important;
	}
	h2 {
		font-size: 30px !important;
	}
	.blog .entry h2{
		font-size: 25px !important;
	}
	.article-image {
		height: 160px !important;
	}
	iframe{
		height: 275px !important;
	}
}
.widget #search{
	margin-top: 4px;
}
.footer-social-media .fa{
	width: 30px;
	height: 30px;
	padding: 0px;
}
@media(max-width: 768px){
	.rating-sm{
		/*width: 100% !important;*/
		text-align: center;
	}
}
h4{
	margin-top: 10px;
}
.entry{
	overflow: hidden;
}
.social {
    /*margin-top: 30px;*/
}
.rating-container {
    overflow: visible;
}
.rating-container .rating-stars{
	height: 35px !important;
	padding-top: 5px !important;
	margin-top: -4px !important;
}
.clear-rating{
	display: none !important;
}
header #search, .search-head, .sidebar h4, h4, .btn, .form-control, .widget #search{
	border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.widget .search-form button{
	display: none;
}
header .search-form .form-group{
	text-align: center;
}

.marquee-header{
	border-top: 1px solid #FFF;
	color: #FFF !important;
}
marquee{
	margin-top: 5px;
}
marquee div a{
	color: #FFF !important;
}
.newsletter-form{
	margin: 2px 0;
}
.newsletter-form input{
	width: 100% !important;
	border-radius: 10px !important;
	border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.newsletter-form button{
	color: #56002f !important;
	max-height: 32px;
	background: #ECECEC;
	width: 100% !important;
	border-radius: 10px !important;
	border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.form-inline.search-form{
    min-height: 25px;
}
.jp-audio {
    direction: ltr;
}
.jp-playlist ul{
	max-height: 100px;
    overflow-y: scroll;
}
/* Font *
footer li a, footer .copy, footer .copy a, p, .blog .meta, .btn, h6{
	font-size: 18px !important;
}
input, textarea, select, button, .navbar a, .hijri-date, footer h6, footer .copy h5 a, .widget a, address, .alert{
	font-size: 20px !important;
}
.sidebar h4, .form-horizontal .control-label{
	font-size: 25px !important;
}
.blog .entry p, .contact h5{
	font-size: 30px !important;
    line-height: 30px;
}
.entry h2{
	font-size: 35px !important;
}
/* /Font */

/* /Style */