@import url('https://fonts.googleapis.com/css?family=Oxygen');
html,body{
	height:100%;
}
body{
	min-width:300px;
	margin:0px;
    font-size:18px;
	color:#313132;
	/*position:static!important;
	direction:rtl;
	overflow-x:hidden;
	font-family:'Droid Arabic Naskh',serif;*/
}
h1,h2,h3,h4{
	font-family:'Oxygen', sans-serif;
	color:#42a4ff;
}
a:hover{
	text-decoration:none;
}
/* header */
#header{
	position:relative;
	height:70px;
	padding:10px;
	text-align:center;
	z-index:1;
	font-family:'Oxygen', sans-serif;
}
#header div div{
	font-size:24px;
	color:#1738c5;
}
#header img{
	height:70px;
}
#header *{
	display:inline-block;
	vertical-align:middle;
}
#header div.gradient{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:0px;
	z-index:-1;
}
#header div.gradient>div{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:140px;
	background:#f2f2f2;
	background:-moz-linear-gradient(top,  rgba(242, 242, 242, 0.8) 1%,rgba(237, 240, 243, 0.67) 35%,rgba(255, 255, 255, 0) 100%);
	background:-webkit-linear-gradient(top,  rgba(242, 242, 242, 0.8) 1%,rgba(237, 240, 243, 0.67) 35%,rgba(255, 255, 255, 0) 100%);
	background:linear-gradient(to bottom,  rgba(242, 242, 242, 0.8) 1%,rgba(237, 240, 243, 0.67) 35%,rgba(255, 255, 255, 0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}
/* menu */
:root {
	/*--dsr_background_color:#ffffff;
	--dsr_button_hover_color:#FFC107;
	--dsr_submenu_background_color:#f5f5f5;
	--dsr_submenu_button_border_color:#efefef;
	--dsr_text_color:#0b46ba;
	
	--dsr_background_color:#1872c5;
	--dsr_button_hover_color:#FFC107;
	--dsr_submenu_background_color:#095dab;
	--dsr_submenu_button_border_color:#1872c5;
	--dsr_text_color:#ffffff;*/
	--dsr_background_color:#1872c5;
	--dsr_button_hover_color:#151515;
	--dsr_submenu_background_color:#383c40;
	--dsr_submenu_button_border_color:#2e3338;
	--dsr_text_color:#ffffff;
}
.dsresponsive_menu>div li>a{
	background-color:initial;
}
/**/
#menu{
	font-size:15px;
	line-height:20px;
	position:relative;
	z-index:2;
	font-family:'Oxygen', sans-serif;
}
.dsresponsive_menu>div ul::before, .dsresponsive_menu .mobileMenu>div{
	box-shadow:0px 1px 5px rgba(0,0,0,0.5);
}
#menu .mobileBoard>ul>li.logo{
	width:0px;
	transition:0s;
}
#menu.ready .mobileBoard>ul>li.logo{
	transition:0.5s;
}
#menu.sticky .mobileBoard>ul>li.logo{
	width:80px;
}
#menu .mobileBoard>ul>li.logo>a{
	width:100%;
    height:50px;
    padding:0px;
    background-image:url(/s/1/img/top.logo.png);
    background-position:center;
	background-color:#fff;
	background-size:70px;
	background-repeat:no-repeat;
    vertical-align:top;
    box-shadow:0px 0px 30px #000 inset;
}
#menu.sticky .mobileBoard>ul>li.logo>a{
	box-shadow:0px 0px 10px rgba(0,0,0,0.2) inset;
}
#menu .mobileBoard .title{
	display:none;
}
#menu .mobileMenu>div>a{
	display:block;
	text-align:center;
	padding:10px;
	color:#fff;
	text-decoration:none;
	float:left;
	width:100%;
	font-size:16px;
	line-height:30px;
	box-sizing:border-box;
}
@media only screen and (min-width:1000px){
	#menu .mobileBoard>ul{
		max-width:1000px;
		margin:auto;
		transition:0.2s;
	}
	.dsresponsive_menu>div>ul>li{
		Width:calc(var(--dsr_outerWidth) + 15px);
		transition:0.2s;
	}
	/*#menu .mobileBoard>ul>li>a{
		padding:15px 25px;
		transition:0.2s;
	}*/
}
@media only screen and (max-width:999px) and (min-width:701px){
	#menu .mobileBoard>ul{
		max-width:850px;
		margin:auto;
		transition:0.2s;
	}
	.dsresponsive_menu>div>ul>li{
		Width:calc(var(--dsr_outerWidth) + 10px);
		/*Width:var(--dsr_outerWidth);*/
		transition:0.2s;
	}
	/*#menu .mobileBoard>ul>li>a{
		padding:15px 20px;
		transition:0.2s;
	}*/
}
@media only screen and (min-width:701px){
	.dsresponsive_menu>div>ul>li>a{
		text-align:center;
	}
}
@media only screen and (max-width:700px){
	#menu .mobileBoard>ul>li.logo,#menu.sticky .mobileBoard>ul>li.logo{
		width:200px;
		margin:auto;
	}
	#menu .mobileBoard>ul>li.logo>a,#menu.sticky .mobileBoard>ul>li.logo>a{
		height:120px;
		border-radius:10px;
		background-size:140px;
		box-shadow:none;
	}
}
/* language */
#menu li.language>a{
	padding:10px;
	height:30px;
}
#menu li.language>a::before{
	content:' ';
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:15px;
	background:url("/s/1/img/language.jpg");
	vertical-align:middle;
}
#menu li.language>a>span{
	display:none;
	margin:0px 5px;
}
@media only screen and (max-width:700px){
	#menu li.language>a>span{
		display:initial;
	}
}
/* content */
#content{
	min-height:100%;
	/*min-height:800px;*/
}
.content{
	padding:10px;
	margin:auto;
	transition:0.3s;
}
@media only screen and (min-width:1000px){
	.content{
		width:980px;
	}
}
@media only screen and (max-width:999px) and (min-width:701px){
	.content{
		width:680px;
	}
}
/**/
#content .header{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
	height:225px;
    z-index:0;
	background-size:cover;
	background-position-x:center;
	background-position-y:-500px;
	background-attachment:fixed;
}
#content .header_content{
	position:relative;
	padding-top:30px;
	min-height:100px;
	text-align:center;
    z-index:1;
}
#content .header_content h1{
	display:inline-block;
	padding:10px;
	border-radius:5px;
	margin:0px;
	background-color:rgba(250, 250, 250, 0.7);
    box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2);
    border:solid 1px #bbb;
	color:#3f424e;
}
/* footer */
#footer{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	min-height:200px;
	padding:10px;
	background-color:#111;
	font-family:'Oxygen', sans-serif;
	font-size:14px;
	color:#7b7b7b;
}
[dir=rtl] #footer{
	font-size:12px;
}
#footer>div{
	padding:0px 10px;
	margin:5px 0px;
	border-left:solid 1px #2f2f2f;
	margin-left:10px;
}
[dir=rtl] #footer>div{
	border-right:solid 1px #2f2f2f;
	margin-right:10px;
	border-left:none;
	margin-left:0px;
}
#footer>div:first-of-type{
	border-right:none;
	border-left:none;
	text-align:center;
}
@media only screen and (max-width:1000px){
	#footer>div:first-of-type{
		min-width:100%;
		box-sizing:border-box;
	}
	#footer>div{
		min-width:200px;
		justify-content:space-between;
		flex:1;
	}
}
#footer p{
	margin:0px;
	font-size:12px;
	color:#6d6d6d;
}
#footer a{
	display:block;
	text-decoration:none;
	color:#7b7b7b;
	transition:0.2s;
}
#footer a:hover{
	text-decoration:underline;
	color:#FFC107;
}
/**/
#footer>div a::before{
	content:'»';
	position:relative;
	left:10px;
	opacity:0;
    text-decoration:none;
	transition:0.2s;
}
#footer>div:first-of-type a::before{
	display:none;
}
[dir=ltr] #footer>div a::before{
	right:10px;
	left:initial!important;
}
#footer>div a:hover::before{
	opacity:1;
	left:2px;
}
[dir=ltr] #footer>div a:hover::before{
	right:2px;
}
/**/
#go_top{
	z-index:100;
	position:fixed;
	right:10px;
	bottom:-100px;
	box-sizing:border-box;
	width:50px;
	height:50px;
	padding-top:13px;
	border-radius:25px;
	background-color:#1872c5;
	box-shadow:0px 1px 5px #000;
	text-align:center;
	cursor:pointer;
	transition:0.3s;
	opacity:0;
}
#go_top.show{
	bottom:10px;
	opacity:1;
}
/**/
.social{
	display:block!important;
	min-width:100%!important;
	border:none!important;
	margin:0px!important;
	text-align:center;
}
a.social_linkedin,a.social_facebook,a.social_twitter,a.social_googleplus,a.social_youtube{
	position:relative;
	display:inline-block!important;
	width:40px;
	height:40px;
	overflow:hidden;
	border:solid 5px rgba(0,0,0,0);
	border-radius:40px;
	background-image:url(/s/1/img/social_icons.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	transition:0.3s;
	top:0px;
}
a.social_linkedin:hover,a.social_facebook:hover,a.social_twitter:hover,a.social_googleplus:hover,a.social_youtube:hover{
	border:solid 5px #FFC107;
	top:-5px;
}
a.social_linkedin{
	background-position:0px 0px;
}
a.social_facebook{
	background-position:-50px 0px;
}
a.social_twitter{
	background-position:-100px 0px;
}
a.social_googleplus{
	background-position:-150px 0px;
}
a.social_youtube{
	background-position:-200px 0px;
}
/**/
#footer .djidel{
	display:block!important;
	min-width:100%!important;
	border:none!important;
	margin:30px 0px 0px 0px!important;
	text-align:center;
	box-sizing:border-box;
}
#footer .djidel a{
	font-size:10px;
}
/**/
iframe.youtube{
	width:100%;
	height:551px;
	border:none;
}
@media only screen and (max-width:999px) and (min-width:701px){
	iframe.youtube{
		height:382px;
	}
}
@media only screen and (max-width:700px){
	iframe.youtube{
		height:300px;
	}
}