@font-face {
	font-family: 'ficon';
	src: url('../font/ficon.eot?22602949');
	src: url('../font/ficon.eot?22602949#iefix') format('embedded-opentype'),  url('../font/ficon.woff?22602949') format('woff'),  url('../font/ficon.ttf?22602949') format('truetype'),  url('../font/ficon.svg?22602949#ficon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DroidKufiRegular';
	src: url('../font/DroidKufiRegular.ttf');

}

@font-face {
  font-family: 'GESSTwoMedium-Medium';
  src: url('../font/GESSTwoMedium-Medium.eot?#iefix') format('embedded-opentype'),  url('../font/GESSTwoMedium-Medium.otf')  format('opentype'),
	     url('../font/GESSTwoMedium-Medium.woff') format('woff'), url('../font/GESSTwoMedium-Medium.ttf')  format('truetype'), url('../font/GESSTwoMedium-Medium.svg#../font/GESSTwoMedium-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GESSTwoLight-Light';
  src: url('../font/GESSTwoLight-Light.eot?#iefix') format('embedded-opentype'),  url('../font/GESSTwoLight-Light.otf')  format('opentype'),
	     url('../font/GESSTwoLight-Light.woff') format('woff'), url('../font/GESSTwoLight-Light.ttf')  format('truetype'), url('../font/GESSTwoLight-Light.svg#../font/GESSTwoLight-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ficon {
	font-family: "ficon";
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	padding-left: 5px !important;
	padding-right: 5px !important;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
	margin-left: .2em;
	/* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;/* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

body{
	font-family: DroidKufiRegular,Century Gothic,tahoma, Helvetica, sans-serif !important;
	font-size: 14px;
	background: #ddd;
}	
.main {
	width: 100%;
	max-width: 1400px;
	direction: rtl;
	background: #fff;
}
.corner {
	height: 500px;
	position: absolute;
}
.header {
	background: url(../images/header.jpg);
	background-size: cover;
	width: 100%;
}
.header_top{
	background: rgba(0,0,0,.3);
	width: 100%;
	color: white;
	font-size: 13px;
	overflow:auto;
	margin-top: 0px;
	line-height: 25px;
}

.header_top a{
	color: white;
	text-decoration: none;
	padding-right: 30px;
	padding-left: 30px;	
}
@media (min-width:1200px){
	.pull_right{
		float: right;
	}
	.main_menu{
		padding-right: 200px;
	}
	
	.main_en .pull_right{
		float: left;
	}
	.main_en .main_menu{
		padding-left: 200px;
		padding-right: 0px;
	}
	
	
}



@media (max-width:800px){
	.header_top .main_menu a{
		display:block;
	}
}

.header_redTitle{
	font-family: "GESSTwoMedium-Medium";
	margin-top: 150px;
	font-size: 40px;
	color: #ff0149;
	text-shadow:2px 2px 5px #3a3b4b;
	font-weight: bold;

}

.header_whiteTitle{
	font-family: "GESSTwoMedium-Medium";
	margin-top: 5px;
	font-size: 27px;
	color: #fff;
	text-shadow:2px 2px 5px #3a3b4b;
}


.header_text{
	margin-top: 30px;
	color: white;
	font-size: 15px;
	margin-left: 5px;
	margin-right: 5px;
}

.header_line{
	margin-top: 100px;
	width: 2px;
	background: #fff;
	height: 60px;
}

.header_arrow{
	border: solid 2px white;
	border-radius: 100px;
	width: 40px;
	height: 40px;
	margin-top: 3px;
}

.header_arrow a{
	color: white;
	text-decoration: none;
	line-height: 40px;
	margin-right: -2px;
}

.main_en .header_arrow a{
	margin-right: 0px;
	margin-left: -5px;	
}

.white_section{
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

.mission_back{
	background: url(../images/mission.jpg) right;
	background-size: auto 100%;	
	height: 270px;
}

.mission_front{
	background: url(../images/mission.png);
	background-size: 100% 100%;
	color: white;
	height: 270px;
}

.mission_title{
	font-family: 'GESSTwoMedium-Medium';
	font-size: 20px;	
	padding-top: 80px;
	margin-right: 60%;
}

.mission_text{
	font-size: 12px;
	line-height: 25px;
	margin-right: 60%;	
}

.title{
	font-family: 'GESSTwoMedium-Medium';
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

.main_en .title{
	font-size: 25px;		
}

.line{
	width: 40px;
}

.apps{
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}

.app{
	width: 25%;
	display: inline-block;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
}

.app a{
	text-decoration: none;
}

@media (max-width:1200px){
	.app{
		width: 100%;	
		margin-left: 0px;
		margin-right: 0px;		
	}
}


.app_title{
	color: #bc1d4a;
	font-weight: bold;
}

.app_text{
	color:#787878;
	font-size: 11px;
	margin-top: 7px;
	font-weight: bold;
}

.app_img{
	width: 150px;
}

.branch{
	color:#fff;
	background-size:cover;
	padding-top:30px;
	padding-bottom:30px;
}

.row {margin:0px;}

.branch_mapicon{
	font-size:50px !important;
}

.branch_country{
	margin-top:5px;
	 font-family: 'GESSTwoLight-Light';
	 font-size:13px;

	 word-spacing:2px;
}


.branch_title{
	margin-top:5px;
	 font-family: 'arial';
	 font-size:20px;
	 font-weight:bold;
}

.branch .row{
	margin-top:30px;

}

.branch .row .ficon{
	width:25px;
	font-size:20px;
	
}

.footer{
	background:#3a3f41;
	overflow:auto;
	color:#bfbfbf;
	padding-top:20px;
	font-size:11px;
}

.footer_img{
	background: url(../images/footer.png) 0 -27px;
	height:85px;
	background-size:100%;
	overflow:auto;
	padding-top:20px;
	padding-bottom:20px;
	direction: rtl;
}

.footer_mobile{
	color:#bfbfbf;
	background:#3a3f41;
	padding-top:20px;
	padding-bottom:15px;
}
.footer a,.footer_mobile a{
	color:#bfbfbf;
	text-decoration:none;
	font-size:15px;
	margin-left:10px;
}



.popup{
	position: fixed;
	background: rgba(0,0,0,.5);
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	
}

.app_page{
	background: rgba(255,255,255,.9);
	padding: 20px;
	width: 90%;
	margin-top: 30px;
	direction: rtl;
	text-align: right;
	overflow: scroll;
	
}

.inner_top{
	background: #252b43;
}

.inner_text{
	font-size: 14px;
	color: #333;
	text-align: right;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}

.main_en .inner_text{
	text-align: left;
}

@media (min-width:1200px){
	.inner_text{
		width: 60%;
	}
}

.inner_redTitle{
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
	
}

@media (max-width:1200px){
	.inner_redTitle{
		font-size: 20px; 
		text-shadow: none;
	}
}



.lang{
background: #ff0149;
	               border-radius: 50px;
	               color: #161b2d !important;
	               padding: 0px !important;
	               padding-left: 5.5px !important;
	               padding-right: 5.5px!important;
	               margin-right: 13px!important;
	               font-weight: bold;
	               position: absolute;
	               height: 25px;
	               padding-top: 4px!important;
	line-height: 17px;
}


.social{
	padding-top: 18px; padding-left: 60px;
}
@media (max-width:1200px){
.social{
	padding-top: 0px; padding-left: 60px; padding-bottom: 10px;
}	
}

.main_en .social {
	direction: rtl;		
}


.main_menu{
	padding-top: 20px; padding-bottom: 20px;"
}

.footer_inner{
	position: fixed;
	width: 100%;
	max-width: 1400px;
	bottom: 0px;
}


.main_en {
	direction: ltr;
}



.app_img ,.main_menu a {
-webkit-transition: all .5s ;
-o-transition: all .5s ;
-moz-transition: all .5s ;
-ms-transition: all .5s ;
transition: all .5s ;
}

@media (min-width:1200px){
.app:hover .app_img {
    -ms-transform: scale(.8); /* IE 9 */
    -webkit-transform: scale(.8); /* Safari */
    transform: scale(.8);
	-webkit-filter: saturate(500%); /* Safari */
    filter: saturate(500%);
	box-shadow: 0px 0px 30px #cfafaf;
	border-radius: 100px;
}
}
	
.main_menu a{
	border:rgba(255,255,255,0);
}
@media (min-width:1200px){
.main_menu a:hover {

  border-top: 1px solid rgba(255,255,255,1);
  border-bottom: 1px solid rgba(255,255,255,1);
  padding: 3px 30px; 
	}
}


.sticky{
	opacity: 0; 
	position: fixed;
	top:-100px;
}


.icon-menu{
	padding-top: 5px;
	cursor: pointer;
}	

.sticky_mobile{
	background: rgba(0,0,0,.7); width: 41px; right:0px; border-radius: 5px; margin: 2px; overflow: hidden; height: 35px;
}

.sticky_mobile_en{
	right:auto;left:0px;
}

.sticky_mobile a{
	padding: 0px;
}


.branch a{
	text-decoration: none;
	color: #fff;
	
}

.branch_desc{
	height:40px;
	direction:rtl;
}
.branch_logo{
height:100px; background:#fff; padding:10px; border-radius:10px;margin:10px;
}