html {
		direction: rtl ;
	}

/* 	@font-face {
    font-family: 'Cairo-aRegular';
    src: url('fonts/Cairo-aRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} */

	@font-face {
	  font-family: 'droid-arabic-kufi' ;
	  src: url('fonts/droid-arabic-kufi.ttf');
	}

	@font-face {
	  font-family: swissra ;
	  src: url(css/fonts/swissra-medium.ttf);

	}
	
	@font-face {
	  font-family: TheSans ;
	  src: url(css/fonts/TheSans-Plain.otf);
	}
	
	/* Start Header*/
	#header .bg-light {
		background-color: rgba(93, 35, 9, 0.58) !important;
		z-index: 9999;
		margin: 50px 5% 0% 5% ;
	}

	.navbar-brand {
		text-align: right;
	}

	.navbar-brand img {
		width: 210px;
		transition: .5s;
	}

	.navbar-brand img:hover {
		/*opacity: .8;*/
	}

	nav ul{
		list-style-type: none;
	}
	ul#menu-header {
    margin-top: 20px;
	}

	ul#menu-header li a{
		color: #fff ;
		font-size: 110%;
		font-family: 'Tajawal', sans-serif;
		padding: 14px;
		transition: 2.5s ease ;
		text-decoration: none;
		letter-spacing: 1 ;
	}
	
	ul#menu-header li a:hover{
		
	}
	
	.current-menu-item a {
		color: #fff !important;
		width: 30% !important;
	}
	
	ul#menu-header li:hover a {
		color: #ffeebc ;
		
	}
	ul#menu-header li::after{
		content: "" ;
		height: 2px;
		width: 0 ;
		background: #BAA88D;
		display:block ;
		opacity: .3 ;
		transition: .5s ease ;
		margin-top: 20px;
	}

	ul#menu-header li:hover::after  {
	width: 90%;
	opacity: 1 ;
	}
	
	ul#menu-header li.current-menu-item::after  {
	width: 90%;
	opacity: 1 ;
	
	}
	
			/* Safari 4.0 - 8.0 */
		@-webkit-keyframes fixdSlide {
		  from {opacity: 0;}
		  to {opacity: 1;}
		}

		/* Standard syntax */
		@keyframes fixdSlide {
		  from {opacity: 0;}
		  to {opacity: 1;}
		}
		
	.fixed-top {
		transition: top 1s linear;
		transition-delay: 1s;
		-webkit-animation-name: fixdSlide; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
		animation-name: fixdSlide;
		animation-duration: 1s;
		margin-top: 0 !important ;

	}
	

	
	.fixed-header {
		height: 50px;
		background: silver;
	}
	
	.fixed-logo img {
		width: 150px !important;
		transition: .5s ease ;
	}
	
		/* Header Social Media Icons */
	.social-icons i {
		font-size: 18px;
		padding-right: 10px;
		transition: .5s ;
		text-align: left;
		color: #BAA88D;
	}

	.social-icons i.fa-whatsapp:hover {
		color: #7ad06d;
	}

	.social-icons i.fa-twitter:hover {
		color: #76a9ea;
	}

	.social-icons i.fa-snapchat-ghost:hover {
		color: #fffd01;
		text-shadow: 0px 1px #333;
	}

	.social-icons i.fa-instagram:hover {
		color: #ac5717;
	}

	.social-icons i.fa-youtube:hover {
		color: #f61c0d;
	}

	.social-icons i:hover {
		opacity: .8;
		color: #BAA88D;
		padding-right: 10px;
		transition: .5s ease ;
		-ms-transform: rotate(30deg); /* IE 9 */
		-webkit-transform: rotate(30deg); /* Safari 3-8 */
		transform: rotate(30deg);
		transition: all .35s


	}
		/* End Header Social Media Icons */
	/* End Header*/
	
	/* Start Slider */
	#mainslider {
		z-index: 1;
	    margin-top: -170px; 
	}
	
	#mainslider .overlay {
		position: absolute;
		background: #2b1b02;
		top: 0 ;
		right: 0;
		bottom: 0;
		left: 0;
		transition: .6s ease;
		opacity: .3;
		z-index: 1 ;
	}
	
	#mainslider .carousel-item {
		height: 900px;
		max-height: 100%;
	}

	#mainslider .carousel-caption {
 		bottom: 0 ;
		top: 20%;
		text-align: right ; 
	}
	
			/* Safari 4.0 - 8.0 */
		@-webkit-keyframes slide {
		  from {margin-right: -100%;}
		  to {margin-right: 0;}
		}

		/* Standard syntax */
		@keyframes slide {
		  from {margin-right: -100%;}
		  to {margin-right: 0;}
		}
	
			/* Safari 4.0 - 8.0 */
		@-webkit-keyframes fontSize {
		  from {font-size: 1%;}
		  to {font-size: 350%;}
		}

		/* Standard syntax */
		@keyframes fontSize {
		  from {font-size: 1%;}
		  to {font-size: 350%;}
		}
		
		

		
		
		
	#mainslider .carousel-item img {
		height: 100%;
	}
	
	#mainslider .carousel-item h1 {
		font-family: 'Tajawal', sans-serif ;
		font-size: 350%;
		margin-bottom: 50px;
		color: #ffeebc ;
		font-weight: 800;
		 -webkit-animation-name: slide; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
		animation-name: fontSize;
		animation-duration: 2s;
		
	}
	
	#mainslider .carousel-item  p {
		width: 75%;
		font-size: 120%;
		font-family: 'Tajawal', sans-serif ;
		letter-spacing: 2px;
		-webkit-animation-name: slide; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
		animation-name: slide;
		animation-duration: 3s;
	}

	/* End Slider */

	/* Start About us */
	.about-us {
		padding-top: 50px ;
		height: auto;
/* 		background: url("/wp-content/themes/alalam2/images/about-bg.jpg"); */
		background-color: rgba(29, 13, 2, 0.75);
		margin: auto;
		position:relative;
	}

	.about-us h1 {
		font-family: 'droid-arabic-kufi';
		font-family: 'Tajawal', sans-serif;
		font-size: 200%;
		color: #ffeebc;
		padding-bottom: 10px;
	}

	.about-row {
		/*min-height: 150px;*/
	}

	.about-us::after {
		background: url("/wp-content/themes/alalam2/images/about-bg.jpg");
		content: "";
		opacity: 1;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -1;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 100%;
	}


	.about-us .about-content p {
		color: #BAA88D;
		font-family: 'Tajawal', sans-serif;
		font-size: 100%;
	    text-align: justify;
		margin: auto;
		transition: .5s;
	}

	.about-us .about-content p:hover {
		
		color: #fff;
	}

	/* End About us */

	
	
	/* Start our vision & mission */
	.our-v-m {
		position: relative;	
		/* background: url("/wp-content/themes/alalam2/images/bg-v-m.jpg");
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover; */
		height: auto;
		min-height: 350px;
		transition: .5s ease;
		}
		
		.our-v-m i {
			text-align: center;
			margin: auto;
			display: block;
			background: transparent;
			color: #baa88d;
			transition: .5s ease;
		}
	/*.our-v-m:after {
		background: #000 ;
		content: "";
		opacity: 0.4;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: 1;
		background-repeat: no-repeat;
		background-position: top;
		background-attachment: fixed;
		transition: .5s ease;
	}*/

	.our-v-m h2 {
		color: #fff;
		font-family: 'Tajawal', sans-serif;
		font-size: 150%;
		margin-bottom: 10px;
		text-align: center;
		margin-top:20px;
		transition: .5s ease;
	}
		
	
	.our-v-m p {
		color: #BAA88D;
		font-family: 'Tajawal', sans-serif;
		line-height: 1.8 ;
		transition: .5s ease;
	}

	.our-vision, .our-mission {
/* 		border: 2px solid #eee;
		margin: 100px 0 20px 20px;
		padding: 21px 30px;
		background-color: rgba(0, 0, 0, 0.3);
		z-index: 3 ; */
		transition: .5s ease; 
	}

	.our-vision:hover , .our-mission:hover {
		/*background-color: rgba(0, 0, 0, 0.5);*/
	}

	.our-vision:hover h2, .our-mission:hover h2 {
		color: #BAA88D;
	}

	.our-vision:hover p, .our-mission:hover p {
		color: #fff;
	}
		/* End our vision & mission */
		
		
		
		
		/* Start our Projects  */
	.our-projects {
		margin-top: 50px;
		
	}
	
	.our-projects h1 {
		font-family: 'Tajawal', sans-serif;
		font-size: 200%;
		color: #333;
		padding-bottom: 0px;
	}
	
	.our-projects .card{
		border: none ;
		overflow: hidden ;
		margin-bottom: 30px;
		transition: .5s;
		

	}
	.our-projects .card:hover{
		background: #BAA88D;
	}
	.our-projects .card:hover img{
		opacity: .9;
		transform: scale(1.2);
	}
	
	.card img {
		width: 100%;
		transition: 1s ease ;
		
	}
	
	.card img.card-img-top{
		height: 160px; ;
	}

	.our-projects h5 {
		color: #333;
		font-family: 'Tajawal', sans-serif;
	}
	
	.our-projects p {
		font-family: 'Tajawal', sans-serif;
		color: #555 ;
		font-size: 14px; 
		transition: .5s ease;
	}



		/* End our Projects  */
		
		
		/*----------- Start Twitter Frame  -----------*/
	.twitter-frame {
		min-height: 650px;
		background: url("/wp-content/themes/alalam2/images/bg-twitter.jpg");
		background-size: cover ;
 		background-attachment: fixed;
		position: relative;
	}	
	
	.twitter-frame .overlay {
		position: absolute;
		background-color: #388df9; 
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transition: .5s ease;
		opacity: .6;
		z-index: 2;
		height: 100%;	
	}	
	.twitter-frame .twitter-box {
		padding-top: 100px;
		z-index: 5 ;
		position: relative;
		margin: auto ;

	}
	.twitter-frame h2 {
		font-family: 'Tajawal', sans-serif;
		font-size: 150%;
		color: #fff;
		padding-bottom: 70px;
		transition: .5s ease;

	}
	.twitter-frame h2:hover , .twitter-frame a:hover  {
		color: #ddd ;
		}
		
	.twitter-frame a {
		color: #fff;
	}

		/*-----------  End Twitter Frame  -----------*/
		
		
		/*-----------  Start contact us  -----------*/
	.contact-us {
		min-height: 650px;
		background: url("/wp-content/themes/alalam2/images/bg-contact-us.jpg");
		background-size: cover ;
 		background-attachment: fixed;
		position: relative;
		background-position: top;
		margin-top: -10px;
		
		
	}	
	.contact-us .overlay {
		position: absolute;
		background-color: #351000; 
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: .7;
		z-index: 2;
		height: 100%;	
	}	


	.contact-us h1 {
		font-family: 'Tajawal', sans-serif;
		font-size: 200%;
		color: #fff;
		padding-bottom: 0px;
		padding-top: 50px;
	}	
	
		.contact-us .container {
		z-index: 5 ;
		position: relative;
	}
	
	.contact-form {
		margin-top: 20px;
	}
	
	.contact-us input , .contact-us textarea {
		width: 100%;
		border: none;
		padding: 10px 10px ;
		border-radius: 5px;
		margin-bottom: 20px;
		transition: .5s ease;
		opacity: .95 ;
		}
	

	
	.contact-us .submit {
		margin: -15px auto;
		font-family: 'Tajawal', sans-serif;
		font-size: 100%;

	}
	
	.contact-us input:focus , .contact-us textarea:focus {
		opacity: 1 ;
	}
	
	.contact-us .submit input:hover {
		background: #ccc ;
	}
	
	.contact-info {
		margin-top: 15px;
	}
	
	.contact-info i , .contact-info span {
		font-size: 130%;
		color: #fff;
		text-align: right !important;
	}
	
	.contact-info span.contact-phone-n {
		margin-right: 25px;
		font-family: 'Tajawal', sans-serif ;
		font-weight: 700 ;
		letter-spacing: 5px;		
	}
	.contact-info .contact-address span {
		font-size: 120%;
		font-family: 'Tajawal', sans-serif ;
		margin-right: 25px;
	}
		
		/*-----------  End contact us  -----------*/
		
		
		/*-----------  Start Footer  -----------*/
	.footer {
		height: auto;
		background: #2b1004; 
		margin-bottom: 0;
		padding-bottom: 0 ;
	}
	
	.footer .social-icons a  {
		padding-right: 15px;
	}
	
	.footer .social-icons a i {
		font-size: 16px;
		color: #fff;
		margin-top: 20px;
		}
		
	.footer .social-icons a:hover {
		color: #bbb9ad;
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari 3-8 */
		transform: rotate(0deg);
		} 
	
	.footer .social-icons a i:first-child {
		padding-right: 0;
		}	
			
		.footer .shari-copyright {
			margin-top: 16px;
		}
			
		.footer .copyright p , .shari-copyright span{
			color: #fff;
			font-family: TheSans ;
			font-size: 80% ;
			margin-top: 20px;
		}
		
		.shari-copyright img {
			width: 30px;
			margin-right: 10px;	
			padding-bottom: 5px;			
		}
		/*-----------  End Footer  -----------*/
		
		/*-----------  Start  Inner pages  -----------*/
		.page-style {
			min-height: 600px;
		}
		
		.page-style .page-title {
			height: 150px;
			background-image: url("/wp-content/themes2/alalam/images/bg-page.png");
		}
		
		.page-style .page-title h2{
			color: #fff;
			margin-right: 20%;
			border-right: 4px solid #fff;
			padding-right: 20px;
			padding-bottom: 10px;
		}		
		
		.page-style p{
			color: #333;
			font-family: 'Tajawal', sans-serif;
			font-size: 120%;
			line-height: 180%;

		}
		
		
		/*-----------  End  Inner pages  -----------*/
		
		/*-----------  Start Scroll up  -----------*/
		#scroll-up {
			display: none;
		}
		#scroll-up li{
			position: fixed;
			left: 2%;
			bottom: 100px;
			z-index: 9999;
			color: #BAA88D;
			transition: .5s ease;
		}
		
		#scroll-up li:hover {
			color: #BA888D ;
		}
		/*-----------  End Scroll up  -----------*/
		
		
		/*-----------Start  @media Query 768 -----------*/
			@media only screen and (min-width: 768px) {
			.our-projects .card:hover  h5 , .our-projects .card:hover p{
				color: #800;
				}


			}


			/*-----------Start  @media Query 990 -----------*/
			@media only screen and (max-width: 990px) {
				
				#mainslider .carousel-item {
					height: 350px;
				}
				
				#mainslider .carousel-caption {
					top : 10%;
				}
				
				#mainslider .carousel-item h1 {
					font-size: 150% ;
				}
				
				#mainslider .carousel-item p {
					font-size: 100%;
					width: 100%;
					letter-spacing: 1px;
				}


				ul#menu-header {
						text-align: center !important;
					}
				
				ul#menu-header li a {
					font-weight: 700 ;
				}

				 #header .social-icons {
					text-align: center !important;
					margin-top: 10px ;
					padding-bottom: 10px;
				}
				
				ul#menu-header li::after{
					margin: 20px auto ;
				}

				ul#menu-header li:hover::after  {
					width: 30% !important;
				}
				
				.our-vision, .our-mission {
					margin-top: 25px;
				}				
				
				
			}
			
					/*-----------Start  @media Query 768 -----------*/
			@media only screen and (max-width: 768px) {
				
				#header .bg-light {
					background-color: rgb(93, 35, 9) !important;
					margin: 0px 0 168px 0;
				}
									
				#mainslider .carousel-item {
					height: 250px;
				}
						/* Safari 4.0 - 8.0 Mobile*/
		@-webkit-keyframes fontSizeMobile {
		  from {font-size: 1%;}
		  to {font-size: 150%;}
		}

		/* Standard syntax Mobile*/
		@keyframes fontSizeMobile {
		  from {font-size: 1%;}
		  to {font-size: 150%;}
		}
				#mainslider .carousel-item h1 {
					font-size: 150%;
				    margin-bottom: 15px;
					animation-name: fontSizeMobile ;
				}
				
				
				
				#mainslider .carousel-item p {
					font-size: 85%;
					width: 100%;
					letter-spacing: 1px;
					max-height: 80px;
					overflow: hidden;				
				}
				

					
				.twitter-frame {
						min-height: auto;
						padding-bottom: 20px;
					
				}	
				
				.twitter-frame h2 {
					padding-bottom: 20px ;
					padding-top: 20px ;
				}
				
				.twitter-box {
					max-width: 80%;
					
				}
				
				.twitter-frame .twitter-box {
					padding-top: 10px;
				
				}
				
				.navbar-brand img {
					width: 180px;
				}
				
				.our-vision, .our-mission {
					margin-right: 20px;
				}
				
				.contact-info {
					margin-top: 0px;
				}

				.contact-info span.contact-phone-n {
					font-size: 180%;
					margin-right: 10px;
				}
				
				.contact-info .contact-address span {
					text-align: center !important;
				}
				
				#scroll-up li {
					font-size: 35px !important;
				}
				
				.contact-us textarea {
					height: 130px ;
				}

				.page-style {
					min-height: 500px;
				}				
				
					ul#menu-header li.current-menu-item::after  {
					width: 30%;
				}
				
				.card img:hover {
					transform: scale(1.2);
				}
				
				.contact-us h1 {
					font-size: 170% ;
				}
				
				.contact-us p {
					font-size: 100% ;
				}
				
				
				
				.contact-form {
					margin-top: 20px;
				}
				
	
			}
		
		/*-----------  End @media Query  -----------*/