@charset "utf-8";
/* CSS Document By Mohammed Al-sobaai - Graphic & Web Design */

::selection
{
background:#ff9933;
color:#FFF;
}
::-moz-selection
{
background:#ff9933;
color:#FFF;
} 
.number-dir{
	display: inline-block;
	direction: ltr;
}
/*Font Face*/
@font-face {
    font-family: 'DroidArabicKufi';
    src: url('fonts/droidkufi-regular.eot');
    src: url('fonts/droidkufi-regular.eot') format('embedded-opentype'),
         url('fonts/droidkufi-regular.woff2') format('woff2'),
         url('fonts/droidkufi-regular.woff') format('woff'),
         url('fonts/droidkufi-regular.ttf') format('truetype'),
         url('fonts/droidkufi-regular.svg#DroidArabicKufiRegular') format('svg');
}
@font-face {
	font-family: 'Motken';
	src: url('fonts/JF Flat regular.eot');
	src: local('☺'), url('fonts/JF Flat regular.woff') format('woff'), url('fonts/JF Flat regular.ttf') format('truetype'), url('fonts/JF Flat regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** * Reset Stylesheet */
body{font-family:'DroidArabicKufi'; font-size:14px; line-height:20px; color:#4f3a37; text-align:right; background:#FFF;}
/*body > header, body > section, body > footer{direction:rtl;}*/
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color:#4f3a37; 
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out;}
/* unvisited link */
a:link {}
/* visited link */
a:visited {}
/* mouse over link */
a:hover {color:#4f3a37;}
/* selected link */
a:active {}
/* link, input & flash Focus */
a:focus, input:focus {outline:0;}
input::-moz-focus-inner {border:0;}
object, embed {outline: 0;}
/* change colours to suit your needs */
ins {background-color:#ff9; color:#000; text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

/*Global Classes*/
.f-left{float:left;}
.f-right{float:right;}
.pos-r{position:relative;}
.pos-a{position:absolute;}
.left{left:0;}
.right{right:0;}
.top{top:0;}
.bottom{bottom:0;}
.full-width{width:100%;}
.full-height{height:100%;}
.dir-l{direction:ltr;}
.dir-r{direction:rtl;}

/*Margin*/
.auto-margin {margin:auto              !important;}
.margin-00   {margin:0                 !important;}
.margin-05   {margin:5px               !important;}
.margin-10   {margin:10px              !important;}
.margin-15   {margin:15px              !important;}
.margin-20   {margin:20px              !important;}

.margin-t-00 {margin-top:0             !important;}
.margin-t-05 {margin-top:5px           !important;}
.margin-t-10 {margin-top:10px          !important;}
.margin-t-15 {margin-top:15px          !important;}
.margin-t-20 {margin-top:20px          !important;}

.margin-r-00 {margin-right:0           !important;}
.margin-r-05 {margin-right:5px         !important;}
.margin-r-10 {margin-right:10px        !important;}
.margin-r-15 {margin-right:15px        !important;}
.margin-r-20 {margin-right:20px        !important;}

.margin-b-00 {margin-bottom:0          !important;}
.margin-b-05 {margin-bottom:5px        !important;}
.margin-b-10 {margin-bottom:10px       !important;}
.margin-b-15 {margin-bottom:15px       !important;}
.margin-b-20 {margin-bottom:20px       !important;}

.margin-l-00 {margin-left:0            !important;}
.margin-l-05 {margin-left:5px          !important;}
.margin-l-10 {margin-left:10px         !important;}
.margin-l-15 {margin-left:15px         !important;}
.margin-l-20 {margin-left:20px         !important;}

/*Padding*/
.auto-padding {padding:auto            !important;}
.padding-00   {padding:0               !important;}
.padding-05   {padding:5px             !important;}
.padding-10   {padding:10px            !important;}
.padding-15   {padding:15px            !important;}
.padding-20   {padding:20px            !important;}

.padding-t-00 {padding-top:0           !important;}
.padding-t-05 {padding-top:5px         !important;}
.padding-t-10 {padding-top:10px        !important;}
.padding-t-15 {padding-top:15px        !important;}
.padding-t-20 {padding-top:20px        !important;}

.padding-r-00 {padding-right:0         !important;}
.padding-r-05 {padding-right:5px       !important;}
.padding-r-10 {padding-right:10px      !important;}
.padding-r-15 {padding-right:15px      !important;}
.padding-r-20 {padding-right:20px      !important;}

.padding-b-00 {padding-bottom:0        !important;}
.padding-b-05 {padding-bottom:5px      !important;}
.padding-b-10 {padding-bottom:10px     !important;}
.padding-b-15 {padding-bottom:15px     !important;}
.padding-b-20 {padding-bottom:20px     !important;}

.padding-l-00 {padding-left:0          !important;}
.padding-l-05 {padding-left:5px        !important;}
.padding-l-10 {padding-left:10px       !important;}
.padding-l-15 {padding-left:15px       !important;}
.padding-l-20 {padding-left:20px       !important;}

/*z-index*/
.zindex-01{z-index:1;}
.zindex-02{z-index:2;}
.zindex-09{z-index:9;}
.zindex-10{z-index:10;}
.zindex-99{z-index:99;}
.zindex-100{z-index:100;}

/*Text Style*/

	/*Fonts Type*/
.fn-motken{font-family:'Motken';}
.fn-tahoma{font-family:'tahoma';}
.fn-arial{font-family:'Arial, Helvetica, sans-serif';}

	/*Fonts Size*/
.fs-large{font-size:large !important;}
.fs-larger{font-size:larger !important;}
.fs-medium{font-size:medium !important;}
.fs-small{font-size:small !important;}
.fs-smaller{font-size:smaller !important;}
.fs-09{font-size:9px !important;  line-height:15px !important;}
.fs-10{font-size:10px !important; line-height:16px !important;}
.fs-11{font-size:11px !important; line-height:17px !important;}
.fs-12{font-size:12px !important; line-height:18px !important;}
.fs-13{font-size:13px !important; line-height:19px !important;}
.fs-14{font-size:14px !important; line-height:20px !important;}
.fs-15{font-size:15px !important; line-height:21px !important;}
.fs-16{font-size:16px !important; line-height:22px !important;}
.fs-17{font-size:17px !important; line-height:23px !important;}
.fs-18{font-size:18px !important; line-height:24px !important;}
.fs-19{font-size:19px !important; line-height:25px !important;}
.fs-20{font-size:20px !important; line-height:26px !important;}
.fs-24{font-size:24px !important; line-height:30px !important;}
.fs-34{font-size:34px !important; line-height:44px !important;}
.fs-44{font-size:44px !important; line-height:54px !important;}
.fs-54{font-size:54px !important; line-height:64px !important;}
.fs-64{font-size:64px !important; line-height:74px !important;}
.fs-74{font-size:74px !important; line-height:84px !important;}

	/*Text colors*/
.fc-white{color:white;}
.fc-black{color:black;}
.fc-black-l-3{color:#333;}
.fc-black-l-6{color:#666;}
.fc-gray{color:gray;}
.fc-gray-l{color:#ddd;}
.fc-gray-d{color:#9d9e9e;}
.fc-blue{color:blue;}
.fc-blue-d{color:#27a7ea;}
.fc-blue-l{color:#7dcaf2;}
.fc-orange{color:orange;}
.fc-red{color:red;}
.fc-red-l{color:#973738;}
.fc-red-d{color:#641617;}
.fc-green{color:green;}
.fc-green-d{color:#99ca43;}
.fc-green-l{color:#daf8a5;}

/*Backgrounds*/
.bg-none    {background:none !important;}
.bg-white   {background:white;}
.bg-black   {background:black;}
.bg-black-l {background:#333;}
.bg-gray    {background:gray;}
.bg-gray-l  {background:#ddd;}
.bg-blue    {background:blue;}
.bg-blue-d  {background:#27a7ea;}
.bg-blue-l  {background:#7dcaf2;}
.bg-orange  {background:orange;}
.bg-orange-d{background:#cd9c0a;}
.bg-orange-l{background:#fcd86b;}
.bg-brown   {background:brown;}
.bg-brown-d {background:#2c040f;}
.bg-brown-l {background:#604c4b;}
.bg-green   {background:green;}
.bg-green-d {background:#99ca43;}
.bg-green-l {background:#daf8a5;}
	/*Opacity Backgrounds*/
.bg-white-o {background:rgba(255, 255, 255, 0.9);}
.bg-black-o {background:rgba(0, 0, 0, 0.6);}
.bg-gray-o  {background:rgba(155, 155, 155, 0.6);}
.bg-blue-o  {background:rgba(30, 160, 220, 0.6);}
.bg-orange-o{background:rgba(250, 190, 3, 0.6);}
.bg-brown-o {background:rgba(96, 76, 75, 0.6);}
.bg-green-o {background:rgba(153, 202, 67, 0.6);}

/*Circle Borders*/
[class*="circle-mm"]{display:block;}
.circle-mm{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.circle-mm-0 {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.circle-mm-02{-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.circle-mm-05{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.circle-mm-10{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/*Borders*/
[class*="borders-"]{border-color:#e0e0e0; border-style:solid;}
.borders-none{border:none !important;}
.borders-01{border-width: 1px;}
.borders-02{border-width: 2px;}
.borders-03{border-width: 3px;}
.borders-04{border-width: 4px;}
.borders-05{border-width: 5px;}
.borders-10{border-width:10px;}
.borders-15{border-width:15px;}
.borders-20{border-width:20px;}
.borders-25{border-width:55px;}
.borders-30{border-width:30px;}
/*position*/
.border-t{border-bottom:none; border-left:none; border-right:none;}
.border-r{border-bottom:none; border-left:none; border-top:none;}
.border-b{border-top:none; border-left:none; border-right:none;}
.border-l{border-bottom:none; border-top:none; border-right:none;}
/*Colors*/
	/*Red*/
	.borders-c-red  {border-color:#ab1e24;}
	/*Green*/
	.borders-c-green{border-color:#99ca43;}

/*Shadow*/
.no-shadow{
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
		  }

/*Overflow*/
.overflow-h{overflow:hidden;}
.overflow-s-x{overflow-x:scroll;}
.overflow-s-y{overflow-y:scroll;}

/*Animation*/	
.transition{
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out;
		   }
		   
/*Rotator*/
.rotate{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	   }
.rotator span{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out; 
	-o-transition: all .4s ease-in-out; 
	-ms-transition: all .4s ease-in-out; 
			 }
.rotator:hover span { 
	-webkit-transform: rotate(360deg); 
	-moz-transform: rotate(360deg); 
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg); 
					}
					
/*Page Style
*/

/*social-wrap*/
.social-wrap a:nth-child(1):hover{background:#3c5a98;}
.social-wrap a:nth-child(2):hover{background:#31e3ec;}
.social-wrap a:nth-child(3):hover{background:#d6bca4;}
.social-wrap a:nth-child(4):hover{background:#d7493a;}

.logo-wrap{z-index:9;}
.logo-wrap .container:hover{border-color:#99ca43;}
.banner-slider{height:auto;}
.banner-slider div article{left:10%; bottom:30%; max-width:500px;}
.banner-slider .slick-prev, .banner-slider .slick-next{bottom:15%; left:35%; padding:3px 0 0 0; height:25px; background:none; border:none;}
.banner-slider .slick-prev:hover, .news-slider .slick-next:hover{}
.banner-slider .slick-prev{left:15%;}
.banner-slider .slick-prev:before, .banner-slider .slick-next:before {font-size: 34px; color:#FFF;}
.banner-slider .slick-dots{width:180px; text-align:center;}

/*nav*/
.nav-wrap{}
.navbar-nav > li{margin-right:5px; margin-left:5px;}
.navbar-nav > li:first-child{margin-right:0;}
.navbar-nav > li:last-child{margin-left:0;}
.nav-wrap a{font-size:16px; text-align:center;}
.nav-wrap .active a{color:#acd26d !important;}
.nav-wrap .current>a,.nav-wrap .section>a{color:#acd26d !important;}
.dropdown-menu li{padding:5px 10px 5px 30px;}
.dropdown-menu li:hover{background:#90a668;}
.dropdown-menu i{right:25px; top:-18px; font-size:54px; color:#99ca43; z-index:-1;}
.dropdown-menu li i{font-size:24px; color:#577744; float:right; margin-top:-28px;}

/*search-blok*/
.search-blok{top:65px; left:-15px; width:300px; height:50px; background:#99ca43;}
.search-blok input{background:transparent; max-width:180px;}
.search-blok>span{cursor:pointer;}
.form-search button.submit{
	display: inline-block;
    padding: 0;
    margin: 0;
    background: #99ca43;
    border: 0;
}
/*top content & bottom wrap*/
.content-main-wrap{float:left; width:100%;}
.content-wrap{padding-bottom:70px;}
.content-bottom-wrap{}
.title-block .line{top:20px; height:3px;}

/*news-wrap*/
.news-wrap{}
.news-wrapper > h2{padding:10px 20px 10px 70px; margin:0 0 0 40px;}
.news-slider .slick-prev, .news-slider .slick-next{top:-40px; left:30px; padding:3px 0 0 0; height:25px; border:none; background:none;}
.news-slider .slick-prev:hover, .news-slider .slick-next:hover{}
.news-slider .slick-prev{left:0px;}
.news-slider .slick-prev:before, .news-slider .slick-next:before {font-size: 22px; color:#666;}

/*Links aside*/
.links-aside a{border-bottom:#dadada 1px solid;}
.links-aside a:last-child{border-bottom:none;}
.links-aside a:hover{background:#99ca43; text-decoration:none; color:#FFF;}
.links-aside a span{display:block;}

/*adver-wrap*/
.adver-wrap>div{max-height:150px;}

/*projects-wrap*/
.projects-wrap nav{height:0;}
.projects-wrap nav a{color:#FFF; text-decoration:none}
.projects-wrap div:hover nav{height:auto; padding:20px 0;}

/*Flex Wrap*/
.video-icon{top:30%; right:45%; position:absolute;}

/*audio-wrap*/
.audio-wrap ul{list-style:none;}
.audio-wrap ul li img{width:100px; height:80px;}

/*certificate-slider*/
.certificate-slider .slick-prev, .certificate-slider .slick-next{top:-40px; left:0; border:none; background:none; padding:0; width:auto; height:auto;}
.certificate-slider .slick-next{left:15px;}
.certificate-slider .slick-prev:before, .certificate-slider .slick-next:before {font-size:11px;}

/*articles-wrap*/
.articles-wrap ul{list-style:none;}
.articles-wrap ul li{background:#2d2d2d;}
.articles-wrap ul li:hover{background:#99ca43;}
.articles-wrap ul li img{width:100px; height:80px;}

/*Footer wrap*/
.footer-wrap{background:#1e1e1e;}
.footer-wrap a{color:#FFF; margin:0 5px;}

textarea.form-control{height:200px; max-height:200px; max-width:100%;}












/*welcome-wrap*/
.welcome-wrap img{max-height:250px; width:100%;}







/*calendar*/
.supercal {
	width: 100%;
}
.supercal .supercal-header {
	display: block;
	line-height: 30px;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
}
.supercal .supercal-header .prev-month {
	float: left;
}
.supercal .supercal-header .next-month {
	float: right;
}
.supercal-month {
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.supercal table {
	width: 100%;
	table-layout: fixed;
	background: #fff;
	direction:rtl;
	text-align:right;
}
.supercal td {
	cursor: pointer;
	text-align:center;
}
.supercal td:hover {
	background: #fb85a7 !important;
	color: #fff;
}
.supercal td.month-prev, .supercal td.month-next {
	background: #eee;
}
.supercal td.selected {
	background: #c11545;
	color: #fff;
	font-weight: normal;
}
.supercal td.today {
	font-weight: bold;
}
	/* Footer Calendar */
.supercal .supercal-footer {
	width: 100%;
	display: table;
}
.supercal .supercal-footer span.supercal-input {
	display: table-cell;
	width: 100%;
	cursor: default;
}

/*Honor wrap*/
.honor-wap{background:url(../images/honor-bg.jpg) 0 0;}
.honor-title{padding:8px 0 55px 0; margin-top:-50px; background:url(../images/honor-star.png) no-repeat center 0;}
.honor-slider{}
.honor-slider .slick-prev, .honor-slider .slick-next{top:30%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; outline: none; border:#b3b3b3 1px solid; background:none;}
.honor-slider .slick-prev{left:1%;}
.honor-slider .slick-next{right:1%;}


.link-more-section{
	position: absolute;
    top: 12px;
    left: 0;
}
/*-------------------------------------------------*/
/* =  12.Search page
/*-------------------------------------------------*/
.search-item{
	position: relative;
	padding: 15px 0;
	border-bottom: 1px solid #eceaea;
}

.search-item h4{
	position: relative;
	padding: 0 23px 10px 0;
	font-size: 20px;
}
.search-item h4::before{
	content: "\f0a8";
	font-family: 'FontAwesome';
	position: absolute;
	top: 1px;
	right: 0;
}
.search-item h4 a{
	color: #1c1c1c;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.search-item h4 a:hover{
	color: #641617;
	text-decoration: none;
}
.search-item p{
	padding: 0 23px 10px 0;
	font-size: 14px;
	color: #929292;
}
.fa.fa-phone{
	-moz-transform: rotate(-99deg);
    -o-transform: rotate(-99deg);
    -ms-transform: rotate(-99deg);
    -webkit-transform: rotate(-99deg);
    transform: rotate(-99deg);
}
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 777px) {
	.col-md-padding-00{
		padding: 0 !important;
	}
	.facebook-page-pl{padding-top: 40px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.navbar .container{padding:0 !important;}
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.logo-wrap{position:relative !important;}
.banner-slider .slick-prev, .banner-slider .slick-next{display:none !important;}
.search-blok{top:auto; bottom:-65px !important; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.megafolio-container{position:relative !important;}
	
}
@media only screen and (max-width : 550px) {
	.photo-article{
		float: none !important;
		margin: 10px auto !important;
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.search-blok{width:100% !important;}
.nav-wrap .active a{margin:0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.dropdown-menu>li>a{padding:5px 0 !important; margin-right:10px !important;}
.news-slider .slick-next{right:170px;}
.news-slider .slick-prev{right:208px;}
.projects-wrap{position:relative; float:right; }
.projects-wrap .mega-entry{position:relative; width:100%; float:left; margin-left:10px; height:300px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
		
}

/*******************/
/***
User Profile Sidebar by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/

/* Content */
.content {
    padding-top: 30px;
}

/* Testimonials */
.testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    position: relative;
}
.testimonials blockquote::before {
    width: 0; 
    height: 0;
	left: 0;
	bottom: 0;
	content: " "; 
	display: block; 
	position: absolute;
    border-bottom: 20px solid #fff;    
	border-left: 0 solid transparent;
	border-right: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    left: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 19px 0 0 16px;
    border-color: #a0cc3b transparent transparent transparent;
}
.testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
}
.pagination>li{
	float: right;
}
.dir-ltr{
	display: inline-block;
	direction: ltr !important;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
	height: 34px;
    line-height: 111px;
    padding-top: 10px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
	height: 34px;
    line-height: 111px;
    padding-top: 10px;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-left: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #a0cc3b;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}
.link-testimonials-popup{
	position:relative;
	padding:0;
}
.link-testimonials-popup img{
	display: blink;
	margin: 5px auto 0;
}
.img-center{
	margin: 15px auto;
}