@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@font-face {
    font-family: 'hacen_light';
    src: url('fonts/HacenLinerPrint-outLight.eot');
    src: url('fonts/HacenLinerPrint-outLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/Hacen Liner Print-out Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'hacen_xxl';
    src: url('fonts/Hacen_Liner_XXL.eot');
    src: url('fonts/Hacen_Liner_XXL.eot?#iefix') format('embedded-opentype'),
         url('fonts/Hacen Liner XXL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'hacen_screen';
    src: url('fonts/Hacen_Liner_Screen.eot');
    src: url('fonts/Hacen_Liner_Screen.eot?#iefix') format('embedded-opentype'),
         url('fonts/Hacen Liner Screen.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.clear{
	clear:both;
	line-height:0;
	height:0;
	font-size:0;
}
html {
  height: 100%;
}
body{
	position:relative;
	min-height: 100%;
	background:#fff;

	margin:0;
	padding:0 0 55px 0;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#212224;
	box-sizing:border-box;
}
a{
	text-decoration:none;
	outline:none;
}
img{
	border:none;
}
.site-width{
	position:relative;
	width:1124px;
	margin:0 auto;
	direction:rtl;
	transition:margin 250ms;
}
@media screen and (max-width:1179px){
	.site-width{
		width:auto;
		margin:0 20px;
	}
}
@media screen and (max-width:854px){
	#all-site{
		position:relative;
		right:190px;
		right:0;
		transition:right 450ms;
	}
}
div#head{
	opacity:0.82;
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:91;
	transition:right 450ms, left 450ms, opacity 450ms;
}
div#head .head-in{
	position:relative;
	background:url("img/mag-logo-first.gif") no-repeat calc(100% - 7px) 61px, url("img/mag-logo-middle.gif") no-repeat calc(100% - 73px) 59px, url("img/mag-logo-last.gif") no-repeat calc(100% - 122px) 61px  #ffffff;
	background-size:auto 26px, auto 32px, auto 26px;
	height:100px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.15);
	transition:background 450ms;
}


@keyframes animatedHeadLine {
	from { background-position: -900px bottom; }
	to { background-position: 415% bottom; }
}
@-webkit-keyframes animatedHeadLine {
	from { background-position: -900px bottom; }
	to { background-position: 415% bottom; }
}
@-ms-keyframes animatedHeadLine {
	from { background-position: -900px bottom; }
	to { background-position: 415% bottom; }
}
@-moz-keyframes animatedHeadLine {
	from { background-position: -900px bottom; }
	to { background-position: 415% bottom; }
}
div#head .head-in .top-line{
	position:relative;
	height:50px;
	background:url("img/head-tile-colored-line.png") repeat-x center bottom #485053;
	background-size:auto 30%;
	
	animation: animatedHeadLine 20s linear infinite;
	-ms-animation: animatedHeadLine 20s linear infinite;
	-moz-animation: animatedHeadLine 20s linear infinite;
	-webkit-animation: animatedHeadLine 20s linear infinite;
	
}
div#head .head-in .top-line .top-line-in{
	background:url(img/head-tile.png) repeat-x center bottom, url(img/markaz-logo.gif) no-repeat top right;
	background-position:center bottom, calc(100% - 7px) 5px;
	background-size:auto 30%, auto 54%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
div#head .head-in .top-line .top-line-in .social{
	direction:ltr;
	position:absolute;
	top:9px;
	left:10px;
	color:#616161;
	white-space:nowrap;
}
div#head .head-in .top-line .top-line-in .social a{
	transition:margin 450ms;
	font-size:17px;
	color:#ffffff;
	margin:0 7px 0 0;
}
div#head .head-in .top-line .top-line-in .social a:hover{
	color:#abd600;
}
@media screen and (max-width:1015px){
	#all-site{
		position:relative;
		right:190px;
		right:0;
		transition:right 450ms;
	}
	div#head .head-in{
		background:url("img/mag-logo-first.gif") no-repeat calc(100% - 47px) 61px, url("img/mag-logo-middle.gif") no-repeat calc(100% - 113px) 59px, url("img/mag-logo-last.gif") no-repeat calc(100% - 162px) 61px  #ffffff;
		background-size:auto 26px, auto 32px, auto 26px;
	}
}
@media screen and (max-width:440px){
	div#head .head-in .top-line .top-line-in .social a{
		display:none;
	}
	div#head .head-in .top-line .top-line-in .social a:first-child, div#head .head-in .top-line .top-line-in .social a:nth-child(2){
		display:inline;
	}
}
@media screen and (max-width:450px){
	div#head .site-width{
		margin:0 0;
	}
	div#head .head-in{
		border-bottom-right-radius:0;
		border-bottom-left-radius:0;
	}
}
@media screen and (max-width:355px){
	div#head .head-in{
		background:url("img/mag-logo-first.gif") no-repeat calc(100% - 47px) 63px, url("img/mag-logo-middle.gif") no-repeat calc(100% - 104px) 61px, url("img/mag-logo-last.gif") no-repeat calc(100% - 145px) 63px  #ffffff;
		background-size:auto 23px, auto 28px, auto 23px;
	}
}




















div#head .head-in #menu-icon{
	position: absolute;
	bottom:15px;
	right:17px;
	cursor:pointer;
	color:#4e5656;
	font-size:24px;
	visibility:hidden;
	opacity:0;
	background:#ffffff;
	transition:color 350ms, visibility 450ms, opacity 450ms;
}
div#head .head-in #menu-icon:hover{
	color:#e64f3b;
}

#main-menu{
	height:41px;
	transition:height 450ms;
	overflow:hidden;
	margin:1px 220px 0 0;
}

#main-nav{
	height:41px;
	margin:0;
/*	background:#993;*/
}
#main-nav .head-right-menu{
	margin:0;
	padding:10px 0 8px 0;
	text-align:center;
	border-bottom:1px solid #d7d7d7;
	display:none;
	background:#e5e5e5;
}
#main-nav .head-right-menu img{
	width:165px;
}
#main-nav .social{
	direction:ltr;
	font-size:15px;
	white-space:nowrap;
	margin:12px 0 0 0;
	text-align:center;
}
#main-nav .social a{
	color:#686868;
	margin:0 3px;	
}
#main-nav .social a:hover{
	color:#CB3235;
}
#main-nav ul#menu{
	display:inline-block;
	list-style:none;
	margin:0;
	padding:0;
	font-size:0;
	vertical-align:top;
	white-space:nowrap;
}
#main-nav ul#menu li{
	display:inline-block;
	background:url("img/menu-splite-3.gif") no-repeat;
	background-position:0 14px;
	background-size:2px auto;
}
#main-nav ul#menu li:last-child{
	background-image:none;
}
#main-nav ul#menu li a{
	display:block;
	height:41px;
	padding:0 10px;
	color:#b7bbca;
	font-size:21px;
}
#main-nav ul#menu li a span.text{
	line-height:43px;
	font-family:"Droid Arabic Kufi", "Tahoma";
	font-size:12px;
	display:inline-block;
	color:#3a362d;
	vertical-align:middle;
	padding:0 0 4px 0;
}
#main-nav ul#menu li a:hover span.text{
	color:#7c8e33;
}
#main-nav ul#menu li a span.have_drop{
	font-size:15px;
	color:#b7b7b7;
	text-indent:4px;
}
#main-nav ul#menu li a span.have_drop_left{
	font-size:15px;
	color:#b7b7b7;
	text-indent:7px;
	display:none;
}
#main-nav ul#menu li:hover{
	
}
#main-nav ul#menu li .drop{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	position:absolute;
	margin:0 -1px 0 0;
	background:#ffffff;
	display:none;
	z-index:10000000;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.15);
}
#main-nav ul#menu li .drop .top-cursor{
	font-size:24px;
	position:absolute;
	top:-16px;
	right:15px;
	color:#4e5656;
}
#main-nav ul#menu li .drop .right-cursor{
	font-size:24px;
	position:absolute;
	top:8px;
	right:-8px;
	color:#4e5656;
	display:none;
}
#main-nav ul#menu li:hover .drop{
	display:block;
}
#main-nav ul#menu li .drop ul{
	margin:0;
	padding:0;
}
#main-nav ul#menu li .drop ul li{
	display:block;
	border-top:1px solid #dcdcdc;
	background-image:none;
}
#main-nav ul#menu li .drop ul li:first-child{
	border-top:3px solid #4e5656;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}
#main-nav ul#menu li .drop ul li:last-child{
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom:none;
}
#main-nav ul#menu li .drop ul li:hover{
	background:#f6f6f6;
}
#main-nav ul#menu li .drop ul li a{
	height:auto;
	padding:0 13px 0 19px;
}
#main-nav ul#menu li .drop ul li a span{
	color:#6a6969;
	font-size:14px;
}
#main-nav ul#menu li .drop ul li a span.text{
	color:#767575;
	line-height:34px;
	display:inline-block;
	text-indent:0;
	min-width:120px;
	font-size:12px;
	padding:0;
}
@media screen and (max-width:1015px){
	div#head .head-in #menu-icon{
		visibility:visible;
		opacity:0.99;
	}
	#menu{
		height:3px;
		background:#ffffff;
		overflow:visible;
	}
	#main-nav{
		position:fixed;
		top:0;
		bottom:0;
		right:0;
		right:-190px;
		height:auto;
		margin:0;
		width:190px;
		background:#f5f5f5;
		border-left:1px solid #e0e5e9;
		transition:right 450ms;
		text-align:right;
		z-index:10000000;
	}
	#main-nav .head-right-menu{
		display:block;
	}
	#main-nav ul#menu{
		white-space:normal;
		display:block;
		border-left:none;
		border-right:none;
		background:none;
		height:auto;
	}
	#main-nav ul#menu li{
		display:block;
		position:relative;
		border-bottom:1px solid #ecebeb;
		border-left:none;
		border-right:none;
		background-image:none !important;
	}
	#main-nav ul#menu li a{
		height:auto;
		padding:4px 0 2px 0;
		text-indent:7px;
		font-size:17px;
		color:#63697e;
	}
	#main-nav ul#menu li a span.text{
		line-height:25px;
		color:#444233;
	}
	#main-nav ul#menu li a:hover span.text{
		color:#CB3235;
	}
	#main-nav ul#menu li a span.have_drop{
		display:none;
	}
	#main-nav ul#menu li a span.have_drop_left{
		display:inline-block;
		float:left;
		margin:6px 0 0 9px;
	}
	#main-nav ul#menu li .drop{
		top:-2px;
		right:191px;
		border-top-right-radius:10px;
		border-bottom-right-radius:10px;
	}
	#main-nav ul#menu li .drop .top-cursor{
		display:none;
	}
	#main-nav ul#menu li .drop .right-cursor{
		display:inline-block;
	}
	#main-nav ul#menu li .drop ul{
		margin:0;
		padding:0;
		border-top:3px solid #4e5656;
		border-right:3px solid #4e5656;
		border-radius:0;
		border-top-right-radius:5px;
		border-bottom-right-radius:10px;
		border-top-left-radius:10px !important;
	}
	#main-nav ul#menu li .drop ul li{
		border-top:none;
		background-image:none;
		border-radius:0 !important;
	}
	#main-nav ul#menu li .drop ul li:first-child{
		border-top:none;
		border-radius:0;
		border-top-right-radius:2px !important;
		border-top-left-radius:10px !important;
		background:#ffffff;
	}
	#main-nav ul#menu li .drop ul li:first-child:hover{
		border-radius:0;
		border-top-right-radius:2px !important;
		border-top-left-radius:10px !important;
		background:#f6f6f6;
	}
	#main-nav ul#menu li .drop ul li:last-child{
		border-radius:0;
		border-bottom-right-radius:10px !important;
		border-bottom-left-radius:5px !important;
	}
	#main-nav ul#menu li .drop ul li:last-child:hover{
		border-radius:0;
		border-bottom-right-radius:10px !important;
		background:#f6f6f6;
	}
	
	
	
	
	
	#main-nav ul#menu li .drop ul li a{
		padding:0 11px 0 12px;
		white-space:nowrap;
		text-indent:0;
	}
	#main-nav ul#menu li .drop ul li a span.text{
		line-height:25px;
		padding:5px 0 6px 0;
	}
}









div#head .head-in .HHH-search-button{
	position:absolute;
	bottom:18px;
	left:20px;
	color:#485053;
	font-size:18px;
	cursor:pointer;
	transition:color 450ms;
}
div#head .head-in .HHH-search-button:hover{
	color:#3b7388;
}
div#head .head-in div.HHH-search-box{
	background:#ffffff;
	position:absolute;
	bottom:13px;
	left:13px;
	opacity:0.90;
	border:1px solid #d9dce4;
	border-radius:5px;
	overflow:hidden;
	display:none;
}
div#head .head-in div.HHH-search-box input[type="text"]{
	width:200px;
	line-height:29px;
	height:29px;
	border:none;
	padding:5px 6px;
	margin:-1px;
	box-sizing:border-box;
	font-family:"Droid Arabic Kufi", "Tahoma";
	font-size:11px;
}
div#head .head-in div.HHH-search-box i.HHH-search-submit{
	position:absolute;
	top:5px;
	left:6px;
	color:#485053;
	font-size:18px;
	cursor:pointer;
	transition:color 450ms;
}
div#head .head-in div.HHH-search-box i.HHH-search-submit:hover{
	color:#D93C3F;
}

















.mag-lasts{
	position:relative;
	background:url("img/mag-logo-middle.gif") no-repeat calc(100% - 95px) 30px, url("img/mag-logo-last.gif") no-repeat calc(100% - 155px) 30px #feffff;
	background-size:auto 38px, auto 35px;
	border-radius:3px;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.15);
	min-height:485px;
	
}
.mag-lasts .mag-last-num-name{
	position:absolute;
	top:15px;
	right:-15px;
	border:6px solid #fff;
	background:#f41c64;
	border-radius:50%;
	width:95px;
	height:95px;
	text-align:center;
	box-shadow:7px 1px 5px rgba(0, 0, 0, 0.15);
	font-family: "Droid Arabic Kufi", "Tahoma";
	font-weight:bold;
	font-size:17px;
	color:#ffffff;
	line-height:27px;
	padding:17px 0 0 5px;
	box-sizing:border-box;
}
.mag-lasts .mag-last-num-name .mag-number{
	font-size:48px;
	font-weight:bold;
	font-family:Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
}
.mag-lasts h3.mag-last-num-abhath-title{
	position:absolute;
	top:50px;
	right:95px;
	font-family:"Droid Arabic Kufi", "Tahoma";
	color:#f84f87;
	font-size:19px;
}
	
	
	
	
.mag-lasts .last-mag-abhath{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	padding:117px 60px 20px 362px;
	box-sizing:border-box;
}
.mag-lasts .last-mag-abhath .in{
	height:100%;
	overflow:hidden;
}
.mag-lasts .last-mag-abhath .in ul{
	list-style:none;
	padding:0;
	margin:0;
	opacity:0.85;
}
.mag-lasts .last-mag-abhath .in ul li{
	border-radius:3px;
	border:1px solid #b0e1df;
	background:#f6fdfd;
	margin:0 10px 8px 0;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.12);
	line-height:21px;
	transition:background 450ms;
}
.mag-lasts .last-mag-abhath .in ul li:last-child{
	margin:0 10px 0 0;
}
.mag-lasts .last-mag-abhath .in ul li:hover{
	background:#e0f6f4;
}
.mag-lasts .last-mag-abhath .in ul li.dark{
	border:1px solid #b0e1df;
	background:#eefbfb;
}
.mag-lasts .last-mag-abhath .in ul li.dark:hover{
	 background:#e0f6f4;
}
.mag-lasts .last-mag-abhath .in ul li a{
	color:#1ca07d;
	font-family:"Droid Arabic Kufi", "Tahoma";
	display:block;
	padding:13px;
	font-weight:bold;
	font-size:12px;
	transition:padding ease-in-out 450ms;
}
.mag-lasts .last-mag-abhath .in ul li:hover a{
	padding:18px;
}
.mag-lasts .last-mag-abhath .in ul li a b{
	font-size:19px;
	color:#4f9683;
	transition:font-size ease-in-out 450ms;
}
.mag-lasts .last-mag-abhath .in ul li:hover a b{
	font-size:28px;
}
.mag-lasts .last-mag-abhath .in ul li a span{
	display:block;
	color:#da5757;
	padding:7px 20px 0 0;
	font-family:"Droid Arabic Kufi", "Tahoma";
	font-size:11px;
}
.mag-lasts .last-mag-abhath .in ul li a span b{
	font-size:17px;
	color:#da5757;
}
@media screen and (max-width:900px){
	.mag-lasts .last-mag-abhath{
		padding:125px 10px 20px 350px;
	}
}
@media screen and (max-width:820px){
	.mag-lasts .last-mag-abhath{
		padding:125px 10px 20px 238px;
	}
}
@media screen and (max-width:700px){

	.mag-lasts .last-mag-abhath{
		position:static;
		height:484px;
		padding:117px 60px 20px 60px;
		border-bottom:1px solid #F1F1F1;
		margin-bottom:20px;
	}
	
}
@media screen and (max-width:600px){
	.mag-lasts .last-mag-abhath{
		padding:125px 10px 20px 20px;
		height:493px;
	}
}
@media screen and (max-width:350px){
	.mag-lasts{
		background:url("img/mag-logo-middle.gif") no-repeat calc(100% - 84px) 35px, url("img/mag-logo-last.gif") no-repeat calc(100% - 135px) 35px #feffff;
		background-size:auto 34px, auto 30px;
	}
	.mag-lasts .mag-last-num-name{
		transform: scale(0.9, 0.9);
	}
	.mag-lasts h3.mag-last-num-abhath-title{
		top:55px;
		right:85px;
		font-size:15px;
	}
}
	

	
.mag-lasts .mag-lasts-num-links{
	padding:20px 0 0 15px;
	width:415px;
	float:left;
}
.mag-lasts .mag-lasts-num-links .mag-item{
	/*background:red;*/
	margin:4px 13px 21px 13px;
	float:left;
	opacity:0.60;
	transition:opacity 350ms;
}
.mag-lasts .mag-lasts-num-links .mag-item:hover{
	opacity:0.99;
}
.mag-lasts .mag-lasts-num-links .mag-item:first-child{
	position: relative;
	margin:3px 13px 0 10px;
	opacity:0.99;
}
.mag-lasts .mag-lasts-num-links .mag-item a{
	display:inline-block;
	font-size:0;
	margin:0 0 3px 0;
}
.mag-lasts .mag-lasts-num-links .mag-item a img{
	width:85px;
	border-radius:3px;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.20);
}
.mag-lasts .mag-lasts-num-links .mag-item:first-child a img{
	width:199px;
	border-radius:2px;
}
.mag-lasts .mag-lasts-num-links .mag-item a:nth-child(2), .mag-lasts .mag-lasts-num-links .mag-item:first-child a:nth-child(3){
	position:relative;
	display:block;
	background:#18e0eb;
	width:58px;
	height:58px;
	border-radius:50%;
	text-align:center;
	color:#ffffff;
	margin:-35px auto 0 auto;
	z-index:+1;
	font-weight:bold;
	border:2px solid #FFFFFF;
	box-shadow:7px 1px 5px rgba(0, 0, 0, 0.25);
	font-family:"Droid Arabic Kufi", "Tahoma";
	font-size:12px;
	line-height:16px;
	padding:13px 4px 0 5px;
	box-sizing:border-box;
	transition:transform 350ms, opacity 350ms, margin 350ms, background 450ms, border-radius 450ms;
}
.mag-lasts .mag-lasts-num-links .mag-item:first-child a:nth-child(3){
	position:absolute;
	top: 12%;
    left: -24px;
	width:65px;
	height:65px;
	line-height:18px;
	margin:0;
	transform: rotate(25deg);
}
.mag-lasts .mag-lasts-num-links .mag-item:hover a:nth-child(2){
	transform: rotate(40deg);
	margin:-45px auto 10px auto;
}
.mag-lasts .mag-lasts-num-links .mag-item:hover a:nth-child(3){
	transform: rotate(-4deg);
}
.mag-lasts .mag-lasts-num-links .mag-item:first-child a:nth-child(2){
	display:block;
	background:#ff0357;
	font-family:"Droid Arabic Kufi", "Tahoma";
	text-align:center;
	height:40px;
	width:auto;
	line-height:40px;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
	border-radius:3px;
	border:none;
	box-shadow:none;
	margin:0;
	padding:0;
	opacity:0.80;
}
.mag-lasts .mag-lasts-num-links .mag-item:first-child a:nth-child(2):hover{
	transform: rotate(3deg) !important;
	border-radius:20px;
}
.mag-lasts .mag-lasts-num-links .mag-item:first-child:hover a:nth-child(2){
	transform: rotate(0deg);
	opacity:0.99;
}
.mag-lasts .mag-lasts-num-links .mag-item a:nth-child(2) .mag-number, .mag-lasts .mag-lasts-num-links .mag-item:first-child a:nth-child(3) .mag-number{
	font-size:35px;
	font-weight:bold;
	font-family:Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
}
@media screen and (max-width:900px){
	.mag-lasts .mag-lasts-num-links{
		padding:17px 0 0 10px;
	}
}
@media screen and (max-width:820px){

	.mag-lasts .mag-lasts-num-links{
		width:233px;
	}
	.mag-lasts .mag-lasts-num-links .mag-item:first-child{
		margin-bottom:47px;
	}
	.mag-lasts .mag-lasts-num-links .mag-item:nth-child(4){
		display:none;
	}
	
}
@media screen and (max-width:700px){
	.mag-lasts .mag-lasts-num-links{
		padding:0;
		width:334px;
		float:none ;
		margin:0 auto;
	}
	.mag-lasts .mag-lasts-num-links .mag-item:first-child{
		margin-bottom:0;
	}
	.mag-lasts .mag-lasts-num-links .mag-item:nth-child(4){
		display:block;
	}
}
@media screen and (max-width:410px){
	.mag-lasts .mag-lasts-num-links{
		width:233px;
	}
	.mag-lasts .mag-lasts-num-links .mag-item:first-child{
		margin-bottom:47px;
	}
	.mag-lasts .mag-lasts-num-links .mag-item:nth-child(4){
		display:none;
	}
}

/*-----------------------*/

.colored-win{
	font-size:0;	
}
.colored-win .win-item{
	display:inline-block;
	width:25%;
	box-sizing:border-box;
	padding:0 0.40vw 0 0.40vw;
}
.colored-win .win-item:first-child{

}
.colored-win .win-item .in{
	position:relative;
}
.colored-win .win-item .in img.win-pic{
	position:absolute;
	width:100%;
}
.colored-win .win-item .in .win-wave{
	background:url("img/colored-win-wave.png") repeat-x;
	background-size:160% auto;
	background-position:133% 0px;
	position:absolute;
	top:41%;
	left:0;
	right:0;
	transition:background-position linear 60000ms;
}
.colored-win .win-item .in:hover .win-wave{
	background-position:10000% 0px;
}
.colored-win .win-item .in .win-wave img{
	width:200%;
	opacity:0;
}
.colored-win .win-item .in img.item-patern{
	position:relative;
	width:100%;
	z-index:1;
}
.colored-win .win-item .in .win-date{
	position:absolute;
	top:30%;
	left:10%;
	z-index:1;
	background:#18e0eb;
	width:70px;
	height:70px;
	border-radius:50%;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	border:4px solid #FFFFFF;
	font-family:"Droid Arabic Kufi", "Tahoma";
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	font-size:10px;
	line-height:21px;
	padding:8px 4px 0 4px;
	box-sizing:border-box;
	transition:transform 350ms, margin 350ms;
}
.colored-win .win-item .in .win-date .day-number{
	font-size:24px;
	font-weight:normal;
	font-family:Tahoma;
}
.colored-win .win-item .in:hover .win-date{
	transform: rotate(28deg);
	margin:7px 0 0 3px;
}
.colored-win .win-item .in div.win-con{
	position:absolute;
	top:54%;
	right:0;
	z-index:1;
	font-family:"Droid Arabic Kufi", "Tahoma";
	padding:0 11% 0 5%;
	width:100%;
	height:36%;
	overflow:hidden;
	box-sizing:border-box;
}
.colored-win .win-item .in div.win-con h3{
	font-size:11px;
	margin:0 0 4% 0;
	color:#34495e;
}
.colored-win .win-item .in div.win-con h3 a{
	color:#34495e;
	transition:color 400ms;
}
.colored-win .win-item .in div.win-con h3 a:hover{
	color:#D95153;
}
.colored-win .win-item .in div.win-con span{
	font-size:10px;
	line-height:24px;
	color:#7f8c8d;
}
@media screen and (max-width:1179px){
	.colored-win .win-item .in div.win-con h3{
		font-size:0.94vw;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:0.91vw;
	}
}
@media screen and (max-width:1105px){
	.colored-win .win-item .in .win-date{
		transform: scale(.9, .9);
	}
	.colored-win .win-item .in:hover .win-date{
		transform: rotate(25deg) scale(.9, .9);
		margin:5px 0 0 2px;
	}
}
@media screen and (max-width:1017px){
	.colored-win .win-item{
		width:33.33333%;
		padding:0 2vw 0 2vw;
	}
	.colored-win .win-item:last-child{
		display:none;
	}
	.colored-win .win-item .in .win-date{
		transform: scale(1, 1);
	}
	.colored-win .win-item .in:hover .win-date{
		transform: rotate(25deg);
		margin:7px 0 0 3px;
	}
	.colored-win .win-item .in div.win-con h3{
		font-size:1vw;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:1vw;
	}
}
@media screen and (max-width:945px){
	.colored-win .win-item{
		padding:0 1.5vw 0 1.5vw;
	}
	.colored-win .win-item .in div.win-con h3{
		font-size:1.1vw;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:1.1vw;
	}
}
@media screen and (max-width:880px){
	.colored-win .win-item{
		padding:0 1vw 0 1vw;
	}
	.colored-win .win-item .in div.win-con h3{
		font-size:1.15vw;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:1.15vw;
	}
}
@media screen and (max-width:865px){
	.colored-win .win-item .in .win-date{
		transform: scale(.9, .9);
	}
	.colored-win .win-item .in:hover .win-date{
		transform: rotate(25deg) scale(.9, .9);
		margin:5px 0 0 2px;
	}
}
@media screen and (max-width:830px){
	.colored-win .win-item{
		padding:0 0.40vw 0 0.40vw;
	}
	.colored-win .win-item .in div.win-con h3{
		font-size:1.20vw;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:1.20vw;
	}
}
@media screen and (max-width:793px){
	.colored-win .win-item{
		width:50%;
		padding:0 7vw 7vw 7vw;
	}
	.colored-win .win-item:last-child{
		display:inline-block;
	}
	.colored-win .win-item .in .win-date{
		transform: scale(1, 1);
	}
	.colored-win .win-item .in:hover .win-date{
		transform: rotate(25deg);
		margin:7px 0 0 3px;
	}
	.colored-win .win-item .in div.win-con h3{
		font-size:1.25vw;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:1.25vw;
	}
}
@media screen and (max-width:761px){
	.colored-win .win-item{
		padding:0 5.5vw 5.5vw 5.5vw;
	}
	.colored-win .win-item .in div.win-con h3{
		font-size:1.35vw;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:1.35vw;
	}
}
@media screen and (max-width:705px){
	.colored-win .win-item{
		padding:0 3.5vw 4vw 3.5vw;
	}
	.colored-win .win-item .in div.win-con h3{
		font-size:1.50vw;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:1.50vw;
	}
}
@media screen and (max-width:635px){
	.colored-win .win-item{
		padding:0 1.5vw 3vw 1.5vw;
	}
	.colored-win .win-item .in div.win-con h3{
		font-size:1.68vw;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:1.68vw;
	}
}
@media screen and (max-width:595px){
	.colored-win .win-item .in .win-date{
		transform: scale(.9, .9);
	}
	.colored-win .win-item .in:hover .win-date{
		transform: rotate(25deg) scale(.9, .9);
		margin:5px 0 0 2px;
	}
}
@media screen and (max-width:570px){
	.colored-win .win-item{
		padding:0 0.40vw 2vw 0.40vw;
	}
	.colored-win .win-item .in div.win-con h3{
		font-size:1.75vw;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:1.75vw;
	}
}
@media screen and (max-width:545px){
	.colored-win{
		text-align:center;
	}
	.colored-win .win-item{
		width:280px;
		padding:0 0 6vw 0;
		text-align:right;
	}
	.colored-win .win-item .in .win-date{
		transform: scale(1, 1);
	}
	.colored-win .win-item .in:hover .win-date{
		transform: rotate(25deg);
		margin:7px 0 0 3px;
	}
	.colored-win .win-item .in div.win-con h3{
		font-size:11px;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:11px;
	}
}
@media screen and (max-width:360px){
	.colored-win .win-item{
		width:100%;
		padding:0 1vw 4vw 1vw;
	}
	.colored-win .win-item .in div.win-con h3{
		font-size:3vw;
	}
	.colored-win .win-item .in div.win-con span{
		font-size:3vw;
	}
}
@media screen and (max-width:320px){
	.colored-win .win-item .in .win-date{
		transform: scale(.9, .9);
	}
	.colored-win .win-item .in:hover .win-date{
		transform: rotate(25deg) scale(.9, .9);
		margin:5px 0 0 2px;
	}
}



























.tab-box{
/*	background:#edf0ef;*/
	position:absolute;
	top:0;
	right:0;
	left:0;
	height:322px;
	overflow:hidden;
}
.tab-box .tab_item{
	border-radius:4px;
	overflow:hidden;
}
.tab-box .tab_item h3{
	background:#ecf0f2;
	padding:0;
	margin:0;
	height:45px;
	color:#697581;
	font-family:"Droid Arabic Kufi", "Tahoma";
	font-size:12px;
	line-height:45px;
	text-indent:5px;
	cursor:pointer;
	overflow:hidden;
}
.tab-box .tab_item h3 span{
	font-size:18px;
	line-height:47px;
	vertical-align:top;
}
.tab-box .tab_item h3 span.tab_du{
	float:left;
	margin:1px 0 0 12px;
}
.tab-box .tab_item .con{
	background:#f7f7f7;
	height:207px;
	-webkit-transition-duration:height 350ms;
	transition:height 350ms;
}
.tab-box .tab_item .con .i_t_ul_con ul{
	padding:3px 27px 0 16px;
	margin:0;
	list-style:none;
}
.tab-box .tab_item .con .i_t_ul_con ul li{
	position:relative;
	margin:10px 0 11px 0;
	font-family:"Droid Arabic Kufi", "Tahoma";
	font-size:11px;
	text-align:justify;
}
.tab-box .tab_item .con .i_t_ul_con ul li span.fa{
	position:absolute;
	top:6px;
	right:-15px;
	color:#c05757;
}
.tab-box .tab_item .con .i_t_ul_con ul li a{
	color:#767676;
}
.tab-box .tab_item .con .i_t_ul_con ul li a:hover{
	color:#399;
}













































section.HHH-row{
	background:#fefefe;
	border:1px solid #fefefe;
	padding:35px 0 48px 0;
}
section.HHH-dark{
	background:#f1f6f7;
	border:1px solid #f1f6f7;
}
section.HHH-row .HHH-line-title{
	margin:0 0 35px 0;
	background:url("img/title-line-tile.png") repeat-x 0 3px;
}
section.HHH-row .HHH-line-title h2{
	font-family:"Droid Arabic Kufi", "Tahoma";
	font-size:13px;
	margin:0 15px 0 15px;
	padding:0 4px;
	background:#fff;
	display:inline-block;
	color:#34495e;
}
section.HHH-dark .HHH-line-title h2{
	background:#f1f6f7;
}
section.HHH-row .HHH-line-title h2 a{
	color:#34495e;
}
section.HHH-row .HHH-line-title h2 a:hover{
	color:#0178a9;
}
section.HHH-row .HHH-sec-title{
	text-align:center;
	margin:0 0 23px 0;
}
section.HHH-row .HHH-sec-title h1{
	position:relative;

	background:url("img/row-hea-icon-bg.gif") no-repeat calc(100% - 0px) 0px;
	background-size:auto 53px;
	font-family:"hacen_xxl", "Tahoma";
	font-weight:normal;
	font-size:22px;
	margin:0;
	padding:5px 63px 5px 0;
	line-height:26px;
	color:rgb(180, 136, 80);
	text-align:right;
}
section.HHH-row .HHH-sec-title h1 a{
	color:rgb(180, 136, 80);
	transition:color 350ms;
}
section.HHH-row .HHH-sec-title h1 a:hover{
	color:#da5757;
}
section.HHH-row .HHH-sec-title h1 a i.fa{
	position:absolute;
	top:13px;
	right:11px;
	color:#ffffff;
	font-size:32px;
}
section.HHH-row .HHH-sec-title span{
	font-family:"Droid Arabic Kufi", "Tahoma";
	font-size:12px;
	color:#848484;
	display:block;
}
section.HHH-dark .HHH-sec-title span{
	color:#6e6c6c;
}
section.HHH-row .HHH-c-o-button{
	font-size:40px;
	cursor:pointer;
	color:#5a7484;
	float:left;
	transition:color 300ms;
}
section.HHH-row .HHH-c-o-button:hover{
	color:#DB4C4F;
}
@media screen and (max-width:560px){

}




















































footer#footer{
	opacity:0.80;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	z-index:91;
	transition:right 450ms, left 450ms;
	
	
}
footer#footer .footer-in{
	position:relative;
	box-shadow:0 -1px 5px rgba(0, 0, 0, 0.15);
	margin:0 0 45px 0;
	padding:0 0 2px 0;
	background:url("img/footer-tile-colored-line.png") repeat-x center bottom;
	background-size:auto 15px;
	
	animation: animatedHeadLine 25s linear infinite;
	-ms-animation: animatedHeadLine 25s linear infinite;
	-moz-animation: animatedHeadLine 25s linear infinite;
	-webkit-animation: animatedHeadLine 25s linear infinite;
}
footer#footer .footer-in .top-line{
	background:rgba(76, 85, 90, 0.92);
}

footer#footer .footer-in .top-line .site-width{
	height:10px;
}




	
footer#footer .footer-in .bottom-line{
	position:absolute;
	bottom:-45px;
	right:0;
	left:0;
	height:45px;
	background:#485053;
	text-align:center;
}

footer#footer .footer-in .bottom-line span.text{
	color:#e2dfdf;
	font-family:"Droid Arabic Kufi", "Tahoma";
	font-size:10px;
	line-height:44px;
	direction:rtl;
	display:inline-block;
	white-space:nowrap;
}