/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE).
 * Author : Ahmed Yahia;
 * Email : Ahmed.Yahia@Alshaya.com;
 * Phone : (965) 22214478;
 */


/************************** GLobal ***************************/
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body{
	font-family: 'Droid Arabic Kufi', sans-serif; 
}
img{
	max-width: 300px;
	margin:15px;
}
a{
	text-decoration: none;
	color: #fff;
}

.alshaya img{
	max-width: 100px;
}
a:hover{
	text-decoration: none;
	color:red;
}
.langwhite{
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	padding: 5px 15px;
}
.langblack{
	color: #000000;
	background-color: rgba(255,255,255,0.3);
	padding: 5px 15px;
}
.no-desktop{
	display: none;
}
.right{
	float: right;
}
.left{
	float: left;
}
.no-float{
	float: none;
}
.center{
	vertical-align: center;
	margin: auto auto;
}
.none{
	display: none;
}
.clear{
	clear: both;
}

/************ End GLobal *************/ 


/************************** iPad ***************************/

@media screen and (max-width: 768px){
.no-ipad{
	display: none;
}
.container{
	text-align: center;
}
.right{
	float: none;
}
.left{
	float: none;
}
.ipad{
	display: block;
}
}
/************* End iPad *********/

/************************** iPhone ***************************/

@media screen and (max-width: 480px){
.container{
	text-align: center;
}
.no-iphone{
	display: none;
}
.right{
	float: none;
}
.left{
	float: none;
}
.canse{
	height: 10vh;
}
.iphone{
	display: block;
}
}

/************* End iPhone *********/

body{
	background-color: #000;
}
 .firstfold{
 	background: url(../images/bg.jpg) no-repeat;
 	height: 100vh;
 	background-size: cover;
 	clear: both;
 }
.container-fluid{
	padding-left: 0px;
	padding-right: 0px;
}

 .title{
 	margin-top: 20px;
 }
 .black{
 	background-color: #000;
 }
 .secondfold{
 	padding: 30px 0px;
 	background-color: #000;
 	clear: both;
 }

 .red{
 	background-color: #b61d2b;
 }
 
 .thirdfold{
 	background-color: #b61d2b;
 	color: #fff;
 	margin-top: 20px;
 	clear: both;
 }
 .thirdfold span{
 	font-size: 16px;
	line-height: 2em;
	direction: rtl;
	float: right;
	margin-top: 30px;
}

.en-menu img{
	margin:0px auto;
	max-width: none;
	width: 100%;
    height: auto;
}
.en-menu .container{
	text-align: center;
}

.ar-menu img{
	margin:0px auto;
	max-width: none;
    width: 100%;
    height: auto;
}
.ar-menu .container{
	text-align: center;
}