/*-------------------------------------------------
Slider
-------------------------------------------------*/
.flex-direction-nav a{
	background: url('../images/homepage/bg_direction_nav.png')
}
.jql-slider,.jql-carousel{
	background-color: transparent !important;
	border:0px !important;
	border-radius: 0px !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	direction:ltr !important;
	font-family: "Al-Jazeera-Arabic","hacen";
	width:100%;
	clear:both;
}

.jql-slider .flex-direction-nav li a,.jql-carousel .flex-direction-nav li a{
	text-indent: -9999px !important; 
}
body.rtl .jql-slider .,body.rtl .jql-carousel .jql-item-title{
	direction: rtl !important;
	text-align: right;
}

.jql-slider{
	overflow: hidden;
	margin-bottom: 5px;
	height: 363px;
	overflow: hidden;
}
.jql-slider ul.slides li{
	position: relative;
	height: 363px;
	overflow: hidden;
	display: block;
}

.jql-slider ul.slides li img {
	width: 100%;
	width: 586px !important;
	height: 100%;
	height: 363px !important;
	display: block;
}
.jql-slider ul.slides li .jql-slider-caption{
 	position: absolute;
 	bottom: 0;
 	width:100%;
 	right: 0;
 	display: block;
 	text-align: right;
	direction:rtl;
}
.jql-slider ul.slides li .jql-slider-caption .jql-slider-excerpt{
	font-family: tahoma;
}
.jql-slider ul.slides li .jql-slider-caption .jql-slider-title{
	width:94%;
	background: rgba(255,33,34,.8);
	color: #fff;
	font-size: 18px;
	padding: 5px 3%;
	margin-bottom: 0;

}
.jql-slider ul.slides li .jql-slider-caption .jql-slider-excerpt{
	width: 94%;
	background: rgba(0,0,0,.8);
	color: #fff;
	font-size: 14px;
	padding: 5px 3%;
	float: right;
	margin-top: 0px;
}
.jql-slider-more-link{
	color: #cd2122;
	float:left;
}
.jql-slider ul.slides li .jql-slider-caption .jql-slider-title a{
	text-align: right;
	color: #fff;
	text-decoration: none;
}

.jql-carousel{
	overflow: hidden;
}

.jql-carousel ul.slides li{
	width:130px;
	margin:0 5px;
	text-align:right;
	opacity: .8;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.jql-carousel ul.slides li a.jql-thumb{
	height: 87px;
	overflow: hidden;
	display: block;
}
.jql-carousel ul.slides li a{
	color:#2e2e2e;
	font-size: 12px;
	text-decoration: none;
	direction:rtl;
}
.jql-carousel ul.slides li:hover{
	opacity: 1
}

.jql-carousel ul.slides li:hover a{
	color:#cd2122;
}

.jql-carousel ul.slides li img{
	height: 87px !important;
	width: 150px !important;
	display: block;
}


.jql-slider .flex-direction-nav .flex-next{
	top: 15%;
	left: 9%;
	opacity: 0.7;
}

.jql-slider .flex-direction-nav .flex-prev{
	top: 15%;
	left: 5%;
	opacity: 0.7;
}
.jql-slider:hover .flex-direction-nav .flex-prev{
	left: 5%;
}

/*-------------------------------------------------
cities
-------------------------------------------------*/
.city
{
    position: relative;

    height: 100px;

    position: relative;
}
.city > a  span
{
    line-height: 100px;

    position: absolute;
    top: 0;

    display: block;

    width: 100%;
    height: 100%;

    text-align: center;
    text-decoration: none;

    color: #fff;
    border-bottom: 0;
    background-color: rgba(205,33,34,.7);
}
.jql-city-content
{
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 100%;


    min-width: 670px;
    min-height: 200px;

    color: #fff;
    background-color: rgba(0,0,0,.7);
}

.city:hover .jql-city-content{
    display: block;
}


.jql-city-content section a
{
    font-weight: bold;

    text-align: center;
    color:#fff;
}

.jql-city-content section .post-thumbnail img
{
	width: 210px !important;
    height: 125px !important;
}
/*----------------------------------------------
	content
-----------------------------------------------*/
.jql-box-1{
	margin-top: -10px;
}
.jql-box-1 .jql-box-content .wrap_ul:first-child .post-thumbnail{
	margin-top: 0px;
}

.jql-box-2 p{
	margin-bottom: 0px !important;
}
.jql-box-news .jql-box-content > ul{
	list-style: none;
	margin-bottom: -999px;
	padding-bottom: 999px;
	overflow: hidden;
}
.jql-box-news .jql-box-content .jql-entry-item{
	
	border-bottom: 1px solid rgba(204,204,204,0.5);
	padding: 7px 0 12px!important ;
	position: relative;
	/*background: url('../img/sperator.png') right bottom no-repeat;*/
}
.jql-box-news .jql-box-content .jql-entry-item:last-child{
	border-bottom: 0 
}
/*
.jql-box-news .jql-box-content .jql-entry-item:before{
	content: '';
	position: absolute;
	top: 100%;
	right: 0px;

	display: block;
	height: 1px;
	width: 50%;
	background-color: rgba(204,204,204,.7); 
}
.jql-box-news .jql-box-content .jql-entry-item:last-child:before{
	display: none;
}
*/
.jql-box-news .jql-box-content .entry-title{
	text-decoration: none;
	color: #2e2e2e;
	font-weight: bold;
	margin-bottom:5px; 
	font-family: "Al-Jazeera-Arabic","hacen";
	font-size: 16px;
}
.jql-box-1 .jql-box-content .jql-entry-item img{
	width: 182px;
	height: 91px;
}

.jql-box-1 .jql-box-content .jql-entry-item.first img{
	height: 238px;
	width: 378px;
}

.jql-box-1 .jql-box-content .jql-entry-item.first .entry-title{
	margin-bottom: 10px;
}


.jql-box-3 .jql-box-content .entry-title{
	margin-bottom: 5px;
}
.jql-box-news .jql-box-content .entry-title:hover{
	color:#CD2122;
}
.jql-box-3 .jql-box-content .jql-entry-item img {
	height: 57px;
	width: 80px;
}
.jql-box-3 .jql-box-content .jql-entry-item:first-child img {
	height: 214px;
	width: 380px;
}
.jql-box-news .y-meta{
	color:#ccc;
	font-size: 12px;
	font-family: 'hacen';
}
.jql-box-2 .entry-title{
	font-size: 16px;
	font-weight: bold;
}
.jql-box-2 .box-entry img {
	width: 182px;
	height: 172px;
}
.jql-box-2 .box-entry:first-child img {
	width: 377px;
	height: 368px;
}

.jql-box-4 .box-entry{
	position: relative;
}
.jql-box-4 .box-entry a.entry-title{
	position: absolute;
	top: 0%;
	right: 0;
	width: 96%;
	padding: 5px 2%;
	background-color: rgba(46,46,46,0.7);
	color: #fff;
	z-index: 1;
	text-decoration: none;
	display: block;
	margin-top: 0;
	
}
.jql-box-4 .box-entry a:hover{
	color:#CD2122;
}

.jql-box-carousel{
	direction: ltr;
	overflow: hidden;
	background-color: transparent !important;
	border:0px !important;
	-moz-border-radius: 0px !important; 
	-webkit-border-radius: 0px !important; 
	border-radius: 0px !important;
	margin-top: 10px !important;
	-webkit-box-shadow: none !important; 
	box-shadow: none !important; 
	margin-bottom: 0px !important;
	font-family: "Al-Jazeera-Arabic","hacen";
}
.jql-box-carousel ul.slides li .entry-title{
	text-align: right
}
.jql-box-carousel ul.slides li{
	margin-right:25px;
	text-align: right;
	direction: rtl;
}

.jql-box-carousel .flex-direction-nav a{
	text-indent: -999px;
}
.jql-box-carousel .flex-direction-nav a.flex-next{
	top: 15%;
	left: 4%;
}
.jql-box-carousel .flex-direction-nav a.flex-prev{
	top: 15%;
	left: 1%;
}


.box-special-link{
	width: 60%;
	margin-right: 20%;
	margin-top: 5px;
	padding: 5px 0;
	border:1px solid #2e2e2e;
	color:#2e2e2e;
	text-decoration: none !important;
	text-align: center;
	display: block; 
}
.box-special-link:hover{
	border-color: #CD2122;
	background-color: #CD2122;
	color:#fff;
}
/*---------------------------------
comon styles 
---------------------------------*/
.jql-box-8 div.first
,.jql-box-8 > ul
,.jql-box-9  li.wrap_ul
,.jql-box-9 .first .first-post-thumbnail
,.jql-box-9 .first .first-entry{
	width: 270px;
	float: right;
	margin:10px; 
	margin-right: 0px;
}

.jql-box-8  li.wrap_ul .post-thumbnail
,.jql-box-9  li.wrap_ul .post-thumbnail{
	width:70px !important;
	height: 70px;
	display: block;
}
.jql-box-8 li.wrap_ul .li-entry
,.jql-box-9 li.wrap_ul .li-entry{
	width: 190px;
	margin-right: 10px;
}

/*---------------------------------------
 jql box 7
 ----------------------------------------*/
.jql-box-7 .box-entry .post-thumbnail,.jql-box-10 .box-entry .post-thumbnail{
	width: 120px;
	height: 70px;
	display: block; 
	float: right;
	margin: 0 5px;
	
}
.jql-box-7 .box-entry .entry-text,.jql-box-10 .box-entry .entry-text{
	margin:5px;
}
/*---------------------------------------
 jql box 9
 ----------------------------------------*/

.jql-box-9 .first,.jql-box-9 .jql-box-content > ul{
	width: 100% !important;
	margin-top: 0;
}

.jql-box-9 .first .first-entry{
	margin-right: 10px;
	height: auto;
	margin-bottom: 0;
}
.jql-box-9 .first .first-entry .entry-title{
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 16px;
}
.jql-box-9 .first .first-post-thumbnail{
	margin: 5px;
}

.jql-box-9  li.wrap_ul{
	float: right;
}
.jql-box-9  li.wrap_ul .post-thumbnail
,.jql-box-9  li.wrap_ul .li-entry{
	margin: 0;
}
.jql-box-9  li.wrap_ul .li-entry{
	margin-right:10px; 
}
/*---------------------------------------
 jql box 10
 ----------------------------------------*/
.jql-box-10 .box-entry .post-thumbnail{
	width:100px;
	height: 100px;
}
/*---------------------------------------
 jql box 11
 ----------------------------------------*/
 .jql-box-11 .box-entry{
 	width: 245px;
  	margin-right: 8px;
  	margin-left: 0;
  	float: right;
  	margin-top: 10px;
 }
 .jql-box-11 .box-entry .post-thumbnail img{
 	width: 245px;
 	height: 150px;
 }
 .jql-box-11 .box-entry:first-child{
 	margin-right: 0;
 }
 .jql-box-11 .box-entry .entry-header{
 	padding:0;
    text-align: right;
    margin-bottom: 0;
 }
.jql-box-11 .box-entry .entry-header .entry-title{
	margin-top: 5px;
}


@media screen and (max-width: 400px) {


}

@media screen and (min-width: 401px) {

}

@media screen and (max-width: 768px) {
	.jql-box-1 div.first
	,.jql-box-8 div.first
	,.jql-box-1 > ul
	,.jql-box-8 > ul{
		width: 96%;
		margin: 2%;
	}

	.jql-box-8 li.wrap_ul .li-entry{
		width: -webkit-calc(100% - 85px);
		width: -moz-calc(100% - 85px);
		width: calc(100% - 85px);
	}
	.jql-box-11 .box-entry{
		width: 100%;
		margin-right: 0 !important;
	}
	 .jql-box-11 .box-entry .post-thumbnail img{
	 	width: 100%;
	 }

	
}
/*------------------------------------
flash-news
------------------------------------*/
.jql-flash-news .jql-box-content{
	height: 400px;
	overflow: hidden;
	display: block;
	padding-top: 0 !important;
	padding-bottom: 0 !important; 
	overflow: visible !important;
	overflow-y: hidden;
}
.jql-flash-news .scroller-bar{
	width:1px;
	right: -5px; 
}	
.jql-flash-news .scroller-bar .scroller-track{
	overflow: visible;
	background-color: #000;
}
.jql-flash-news .scroller-bar .scroller-track .scroller-handle{
	-o-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border:0;
	background-color: #CD2122; 
	right: -2px;
	width: 5px;
}
.jql-flash-news .scroller-content{
	padding-top:0 !important; 
	padding-bottom:0 !important;
	padding-left: 5px !important;
	padding-right: 0px !important; 
}
.jql-flash-news .scroller-content > header,.jql-flash-news .scroller-content > div{
	width: 100%;
}
.jql_flash_news_element{
	margin:5px 0 0;
	font-size: 13px;
	font-family: tahoma;
	padding: 5px 0;
	border-bottom: 1px solid rgba(204,204,204,.3) !important;			
}
.jql_flash_news_element.important-item{
	color:#cd2122;
}
.jql_flash_news_element.important-item .item{
	font-weight: bold !important;
}
.jql_flash_news_element > div{
	margin: 0 0 0 4px;
}
.jql_flash_news_element .item_time{
	color:#fff;
	background-color: #CD2122;
	text-align: center;
	padding: 5px 0;
	font-size: 12px;
}

.jql_flash_news_element .item{
	font-family: tahoma !important;
}
/*-------------------------------------
jql-vedios
--------------------------------------*/
.jql-box-vedios-slider
{
    border: none !important;
    -webkit-border-radius: 0 !important;
       -moz-border-radius: 0 !important;
            border-radius: 0 !important;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
    margin-bottom : 0 !important;
    direction: ltr;
}
.jql-box-vedios-slider .flex-direction-nav a
{
    text-indent: -9999px;
}
.jql-box-vedios-slider .flex-direction-nav a.flex-next
{
    top: 15%;
    left: 4%;
}
.jql-box-vedios-slider .flex-direction-nav a.flex-prev
{
    top: 15%;
    left: 1%;
}
.jql-box-vedios-slider ul.slides li img{
	width: 189px;
	height: 150px;
}

.jql-vedio
{
    float: right;

    width: 189px;
    margin-right: 10px;

    text-align: right;

    direction: rtl;
}
.jql-box .jql-vedio:first
{
    margin-right: 0;
}
.jql-vedio div a
{
    font-weight: bold;

    text-decoration: none;

    color: #2e2e2e;
}
.jql-vedio div a:hover
{
    color: #cd2122;
}
.jql-vedio div.post-thumbnail
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 189px;
    height: 150px;
}
.jql-vedio div.post-thumbnail a .jql-vedios-overlay
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 100%;
    height: 100%;

    color: #fff;
    background-color: rgba(205,33,34,.7);
}
.jql-vedio div.post-thumbnail a .jql-vedios-overlay i
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}


.jql-vedios-box.jql-box-2 .box-entry{
    position: relative;
}
.jql-vedios-box.jql-box-2 .box-entry a.entry-title{
    position: absolute;
    top: 0%;
    right: 0;
    width: 96%;
    padding: 5px 2%;
    background-color: rgba(46,46,46,0.7);
    color: #fff;
    z-index: 1;
    text-decoration: none;
    display: block;
    margin-top: 0;
    
}
.jql-vedios-box.jql-box-2 .box-entry a:hover{
    color:#CD2122;
}
/*---------------------------------------------------------
images
---------------------------------------------------------*/
.jql-box-images-slider
{
    border: none !important;
    -webkit-border-radius: 0 !important;
       -moz-border-radius: 0 !important;
            border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;

    direction: ltr !important;
    margin-bottom : 0 !important;
}
.jql-box-images-slider .flex-direction-nav a
{
    text-indent: -999px;
}
.jql-box-images-slider .flex-direction-nav a.flex-next
{
    top: 15%;
    left: 4%;
}
.jql-box-images-slider .flex-direction-nav a.flex-prev
{
    top: 15%;
    left: 1%;
}
.jql-image
{
    float: right;

    width: 189px;
    margin-right: 10px;

    direction: rtl;
    text-align: right;
}
.jql-box .jql-image:first
{
    margin-right: 0;
}
.jql-image div a
{
    font-weight: bold;

    text-decoration: none;

    color: #2e2e2e;
}
.jql-image div a:hover
{
    color: #cd2122;
}
.jql-image .post-thumbnail img{
	width: 189px;
	height: 150px;
}
.images-content
{
    display: none;
}
.images-wait
{
    position: fixed;
    top: 0;
    right: 0;

    display: none;

    width: 100%;
    height: 100%;

    color: #fff;
    background: rgba(0,0,0,.3);
}

.images-wait i
{
    position: fixed;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

/*---------------------------------------------------------
city-map
---------------------------------------------------------*/
#cities-map > .jql-box-title{
	margin-top: -30px;
	margin-bottom: 10px;
}
.cities-map{
	float: none !important;
	margin: 0 auto;
}
.city-news{
	margin-top: -20px;
	position: relative;
}
.city-label{
	color:#CD2122;
	width: 100%;
	clear: both;
	font-weight: bold;
}
.city-label:hover{
	color:#2E2E2E;
}
.city-news .city-map-overlay{
	position: absolute;
	top: 0;
	right: 0;
	color:#fff;
	text-align: center;
	z-index: 1000;
	width:100% !important;
	height: 100% !important;
	display: block;
	background: rgba(0,0,0,.8);
	display: none;
}
.city-news .city-map-overlay i{
	margin-top: 10%;
}
.city-news .jql-box-title a{
	font-size: 14px !important;
	font-family: "Al-Jazeera-Arabic","arial";
	float: right;
}
.city-news .jql-box-title .jql-title-more{
	float: left;
	color:#fff;
	background-color:#cd2122;
	padding: 2px 5px;
}
.jql-title-more:hover{
	color:#fff;
	background-color:#2e2e2e;
}
.city-news .city-item{
	
	font-family: "Al-Jazeera-Arabic","arial";
}
.city-news .city-item .post-thumbnail img{
	width:137;
	height: 75px;
	display: block;
}
.city-news .city-item a{
	color:#2e2e2e;
}
.city-news .city-item a:hover{
	color:#cd2122
}
.vedio-span{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	z-index: 2; 
}