@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


a:link
{
color:#000000;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a:visited
{
color:#000000;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a:hover
{
color:#0000FF;
text-decoration: underline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a:active
{
color:#000000;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#wrapper
{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#000000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	visibility: hidden;
	display:none;
	z-index:999;
}

.headerbg {
background:#CCCCCC url(images/header.jpg) center left;
background-size:cover;
}

#pages
{
	width:800px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-100px;
	background-color:#ffffff;
	float:left;
	border-style:solid;
	border-width:3px;
	border-color:#000000;
	visibility: hidden;
	display:none;
	z-index:1000;
}​

/* Defines the unordered list attributes: the list marker is removed, the space
between the element border and the element content is set to 0 using the padding property
and the space around the elements is also 0. */
#horizontalmenu { padding: 0; margin: 0; }
#horizontalmenu ul { padding: 0; list-style: none; width:650px; margin:0 auto; }
/* Defines the list items' attributes: the items will float to the left, their position
will be relative to the normal one; the space between the element's right border and the element
content is set to 20 using the padding property; the items are displayed
in a block with a 3D inset border. */
#horizontalmenu li { float: right; position: relative; padding-right: 30px; display: block; }
#horizontalmenu li a.menu { color:#FFFFFF; font-size:22px; font-weight:normal; font-family: Expedia; }
/* Hides the list items of the unordered list. */
#horizontalmenu li ul { padding: 0; margin: 0; display: none; position: absolute; }
/* When the mouse pointer hovers over the menu elements, the child unordered
list items are shown in blocks; the width is set in em units. */
#horizontalmenu li:hover ul{ display: block; }
/* No floating elements allowed on either the left or the right side of
the elements. */
#horizontalmenu li ul li{ clear: both; border-style: none;  padding-top:5px; padding-right: 220px; padding-bottom: 5px; z-index:1000; background: #29166F; height: 175px; width: 20px; box-shadow:2px 2px 2px black; border:#333333 1px solid; }
/* the end of the CSS code section; */


@font-face {
 font-family: 'Expedia';
 src: url(font/BBC-Nassim-Regular.eot);
  src: url(font/BBC-Nassim-Regular.eot?#iefix) format('embedded-opentype'),
  		url(font/BBC-Nassim-Regular.woff) format('woff'),
		url(font/BBC-Nassim-Regular.ttf) format('truetype');
		
}

.video_wrapper { text-align:center; }

/*
.newspapersize {
	width: 1200px;
}
*/

@media (max-width: 359px) {
.header_mob { display:inline; }
.header_desktop { display:none; }
}

@media (min-width: 360px) and (max-width: 767px) {
.logo { width: 150px; }
.headerbg { height: 80px; }
.newspapersize {
	width: 100%;
}
#desktopmenu { display:none; }
#mobilemenu { display:inline-block; }
#horizontalmenu ul { width: 290px;}
.zoomy-btn { display:none; }
.video_card { width: 100% display: block; margin-left:10px; margin-right:10px;margin-bottom:50px; }
.video_thumbnail { width: 100%;height:auto; }
.video_thumbnail a { width: 100%;height:auto; }
.video_thumbnail a img { width: inherit; height:inherit; }
.video_title a { text-align:center;font-family:Expedia, Arial, Helvetica, sans-serif;font-size:22px;color:rgb(0, 75, 148); }
.video_date { font-family:Arial;font-size:12px;color:gray; }
.header_mob { display:inline; }
.header_desktop { display:none; }
}

@media (min-width: 768px) and (max-width: 991px) {
.logo { width: 257px; }
.headerbg { height: 150px; }
.newspapersize {
	width: 100%;
}
#desktopmenu { display:inline-block; }
#mobilemenu { display:none; }
#horizontalmenu ul { width: 550px;}
.video_card { width: 48%; display: inline-block; margin-left:5px; margin-right:5px;margin-bottom:30px; }
.video_thumbnail { width: 100%;height:auto; }
.video_thumbnail a { width: 100%;height:auto; }
.video_thumbnail a img { width: inherit; height:inherit; }
.video_title a { text-align:center;font-family:Expedia, Arial, Helvetica, sans-serif;font-size:22px;color:rgb(0, 75, 148); }
.video_date { font-family:Arial;font-size:12px;color:gray; }
.header_mob { display:none; }
.header_desktop { display:inline; }
}

@media (min-width: 992px) and (max-width: 1199px) {
.logo { width: 257px; }
.headerbg { height: 150px; }
.newspapersize {
	width: 100%;
}
#desktopmenu { display:inline-block; }
#mobilemenu { display:none; }
#horizontalmenu ul { width: 550px;}
.video_card { width: 32%; display: inline-block; margin-left:5px; margin-right:5px;margin-bottom:30px; }
.video_thumbnail { width: 100%;height:auto; }
.video_thumbnail a { width: 100%;height:auto; }
.video_thumbnail a img { width: inherit; height:inherit; }
.video_title a { text-align:center;font-family:Expedia, Arial, Helvetica, sans-serif;font-size:22px;color:rgb(0, 75, 148); }
.video_date { font-family:Arial;font-size:12px;color:gray; }
.header_mob { display:none; }
.header_desktop { display:inline; }
}

@media (min-width: 1200px){
.logo { width: 257px; }
.headerbg { height: 150px; }
.newspapersize {
	width: 1300px;
}
#desktopmenu { display:inline-block; }
#mobilemenu { display:none; }
#horizontalmenu ul { width: 550px;}
.pagewidth { width:1200px; }
.video_card { width: 23%; display: inline-block; margin-left:5px; margin-right:5px;margin-bottom:30px; }
.video_thumbnail { width: 100%;height:auto; }
.video_thumbnail a { width: 100%;height:auto; }
.video_thumbnail a img { width: inherit; height:inherit; }
.video_title a { text-align:center;font-family:Expedia, Arial, Helvetica, sans-serif;font-size:22px;color:rgb(0, 75, 148); }
.video_date { font-family:Arial;font-size:12px;color:gray; }
.header_mob { display:none; }
.header_desktop { display:inline; }
}

.r_logo { width:100%;height:auto;margin;0 auto; }

area:nth-of-type(1):hover #map {
-webkit-clip-path: polygon(120px 368px,177px 372px,172px 444px,117px 449px);
clip-path: url(#A1); 
}

/*
.newspapersize {
	width: 950px;
}
*/