@font-face {
	font-family: 'DroidKufiR';
	src: url('DroidKufi-Regular.ttf');
}
@font-face {
	font-family: 'DroidKufiB';
	src: url('DroidKufi-Bold.ttf');
}
@font-face {
	font-family: 'DroidNaskh';
	src: url('DroidNaskh-Bold.ttf');
}
* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
	padding-right:20px;
}
body {
    background-image:url(../images/back.jpg);

    background-repeat:repeat;

    background-position:left;

    background-attachment:fixed;
    padding:0;
}
.header {
    background-color: #9933cc;
    color: #ffffff;
    padding: 15px;
}




    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

@media only screen and (max-width: 640px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
		
}


.icon{
margin-top:50px;
min-width:100px;
position:relative;
display:block;
float:right;
	
}
.headerimg
{
    
}
.headerimg:hover
{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.advimg:hover
{
-webkit-filter: brightness(110%); /* Safari */
    filter: brightness(110%);
}
.menu{
background-image:url(../images/top-menu.png);
height:52px;
}
#primary_nav_wrap
{
	
	float:right;
	position: absolute;
	margin-right:105px;
	z-index:6;
}


#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:right;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	font-family:Sakkal Majalla;
	font-size:19px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:700;
	line-height:40px;
	padding:0 15px;
	
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	display:inline-block;
	margin:0;
	padding:0;
	
}


#primary_nav_wrap ul li:hover
{
	background:#046a96
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px;
	
}
#primary_nav_wrap ul li ul
{
background:#046a96;

}
#primary_nav_wrap ul ul
{

}
#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 5px;
	font-family:Sakkal Majalla;
	font-size:17px;
	text-align:left;
	
}
#primary_nav_wrap ul ul a:hover
{
   background:#005876;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

#primary_nav_wrap > a
			{
				display: none;
			}
			
#primary_nav_wrap span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #efa585;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}			
@media only screen and ( max-width: 62.5em ) /* 1000 */
{
	#primary_nav_wrap
	{
		width: 100%;
		position: static;
		margin: 0;
	}
}
@media only screen and ( max-width: 40em ) /* 640 */
		{
			html
			{
				font-size: 75%; /* 12 */
			}

			#primary_nav_wrap
			{
				position: relative;
				top: auto;
				left: auto;
			}
			#primary_nav_wrap > a
			{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: right;
					
					
					
			}
			
			#primary_nav_wrap > a:before,
					#primary_nav_wrap > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						width:50px;
						right: 10%;
						content: '';
					}
					#primary_nav_wrap > a:after
					{
						top: 60%;
					}
					#primary_nav_wrap:not( :target ) > a:first-of-type,
				#primary_nav_wrap:target > a:last-of-type
				{
					display: block;
				}
				/* first level */

			#primary_nav_wrap > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
			
			
			#primary_nav_wrap:target > ul
				{
					display: block;
				}
				#primary_nav_wrap > ul > li
				{
					width: 100%;
					float: none;
					background:#005876;
				}
					#primary_nav_wrap > ul > li > a
					{
						height: auto;
						text-align: right;
						padding: 0 0.833em; /* 20 (24) */
					}
						#primary_nav_wrap > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #046a96;
						}


				/* second level */

				#primary_nav_wrap li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}
.content-wrapper
{
width:1005px;
margin: 0 auto;
background:#FFFFFF;
padding-top:20px;
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
border-top: 5px solid  #0084BD;
position:relative;
padding-bottom:10px;
box-shadow:0 0 4px 0 #C4C4C4;
border-radius:6px;
z-index:2;
}
.content-wrappert
{
width:1050px;
margin: 0 auto;
background:#FFFFFF;
padding-top:20px;
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
border-top: 5px solid  #0084BD;
position:relative;
padding-bottom:10px;
box-shadow:0 0 4px 0 #C4C4C4;
border-radius:6px;
z-index:2;
}

.title
{
font-family:Sakkal Majalla;
color:#046a96;
font-size:22px;
font-weight:bold;
}
.more
{
font-family:SC_DUBAI;
color:#333333;
text-decoration:none;
font-size:15px;
}
.newstitle a
{
font-family:Sakkal Majalla;
color:#046a96;
font-size:16px;
text-decoration:none;
font-weight:bold;
}
.newstitle 
{
font-family:Sakkal Majalla;
color:#046a96;
font-size:16px;
text-decoration:none;
font-weight:bold;
}
.newsabbrev
{
font-family:Sakkal Majalla;
color:#666666;
font-size:15px;
font-weight:bold;

}
.newsmore a
{
font-family:SC_DUBAI;
color:#333333;
font-size:15px;
text-decoration:underline;
}
.thumb-wrapper
{
width:1005px;
height:150px;
margin: 0 auto;
background:#FFFFFF;
padding-top:20px;
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
border-top: 5px solid  #cacaca;
position:relative;
padding-bottom:10px;
box-shadow:0 0 4px 0 #C4C4C4;
border-radius:6px;
z-index:2;
}
.footer
{
background-color:#006699;
}
.footertitle
{
font-family:DroidKufiB;
color:#FFFFFF;
font-size:16px;
}
.footerlist
{
list-style:none;
}
.footerlist a
{
color:#FFFFFF;
font-family:DroidNaskh;
text-decoration:none;
font-size:13px;
}
.add
{
color:#FFFFFF;
font-family:DroidNaskh;
text-decoration:none;
font-size:11px;
}
button.accordion {
    background-color:#FFFFFF;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
	direction:rtl;
	font-family:Sakkal Majalla;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\002B';
	
    color:#FFFFFF;
    font-weight: bold;
    float: left;
    margin-right: 5px;
	background-color:#006699;
	width:20px;
	text-align:center;
	
	
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.distitle
{
font-family:Sakkal Majalla;
font-size:22px;
}
.distopic
{
font-family:Sakkal Majalla;
font-size:19px;
color:#333333 !important;
font-weight:bold;

}
.disnews
{
font-family:Sakkal Majalla;
font-size:15px;
text-decoration:none;
color:#333333;
}
.style3: hover
{
color:#00FFFF;
}
.pref
{
font-family:Sakkal Majalla;
color:#046a96;
font-size:22px;
font-weight:bold;
}
.depitem a
{
font-family:DroidKufiB;
color:#666666;
font-size:11px;
text-decoration:none;
}
.itemtitle
{
font-family:DroidKufiB;
color:#046a96;
font-size:20px;

}
.itemtext
{
font-family: 'DroidNaskh';
font-size:14;
color:#333333;
}
.itemtext>img
{
    width: 630px !important;
}
.but
{
    background-color:ButtonFace;
    height:30px;
    font-family:Sakkal Majalla;
    font-size:22;
    font-weight:bold;
}