@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Droid Arabic Kufi';
	font-style: normal;
  	font-weight: 400;
    src: url('../fonts/droidkufi-regular.eot');
    src: url('../fonts/droidkufi-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidkufi-regular.woff') format('woff'),
         url('../fonts/droidkufi-regular.ttf') format('truetype'),
         url('../fonts/droidkufi-regular.svg#DroidArabicKufiRegular') format('svg');
}


body{text-align:right; font-family:Tahoma, Geneva, sans-serif;}
a:link, a:visited{text-decoration:none;}
.main-bg{background:url(../images/main-bg.png) repeat;}
.content-area{background-color:#FFF; padding-top: 20px;}
.navbar-inverse .navbar-nav>li>a {
	text-align: right;
}
.navbar-toggle {
	float: left;
	margin-left: 15px;
	border: none;
}
h1, h2, h3, h4, h5, h6{font-family:'Droid Arabic Kufi', Tahoma; font-weight:normal; direction: rtl;}
.top-nav-bar{background-color:#042357; border-bottom: 3px solid #0d52c5; margin-bottom: 0; border-radius: 0px;}
.navbar-nav>li>a{text-align: right; color: #c6dcff;}
.nav>li>a:hover, .nav>li>a:focus{color:#FFF; background-color:#06327b;}
.navbar-toggle .icon-bar{background-color:#FFF;}
.navbar-brand{height:auto;}
.nav .active{border-bottom: 3px solid #0D52C5; background-color:#06327b;}
.active a:link, .active a:visited{color:#FFF;}
ul.nav li a:link, ul.nav li a:visited{font-family:'Droid Arabic Kufi', Tahoma; font-size: 12px;}
.fotorama{}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:right;}

/*  Fotorama Slider  */

.main-slider .fotorama__dot, .main-slider .fotorama__nav__frame.fotorama__active .fotorama__dot{width: 12px; height: 12px; border:none; background-color:#d8d8d8;}
.main-slider .fotorama__nav__frame.fotorama__active .fotorama__dot{background-color:#c11717;}

.inner-slider{background-color: #DBDBDB;}
.inner-slider .fotorama__nav-wrap{background-color: #E4E4E4; padding: 3px 0px;}
.inner-slider div.fotorama__thumb-border{border-width: 3px; border-color:#c11717;}
.inner-slider .fotorama1421669209113 .fotorama__nav--thumbs .fotorama__nav__frame{padding: 4px;}
.inner-slider .fotorama__img{left:0 !important; margin:0 auto;}

.wrapper-div{background-color:#ececec; padding:15px 10px; margin-bottom: 20px;}

.article-itm{overflow:hidden; padding-bottom: 15px;}
.article-itm h3{margin-top:0;}
.article-itm h3 a:link, .article-itm h3 a:visited{color:#30395c;}
.article-itm h3 a:hover{color: #c11717;}
.summary-txt{color:#767676; text-align:right; direction:rtl;}
.year-num{padding-top: 5px; padding-bottom: 5px; line-height: 20px;/*background:url(../images/by-data-bg.png)15px -23px no-repeat;*/}
.year-num a, .year-num a:link, .year-num a:visited{text-decoration:none; background-color: #042357; color: #FFF; font-size: 18px; padding: 5px 18px; margin: 5px 63px 5px 5px; min-width: 200px; display: inline-block; text-align: center; font-family: 'Droid Arabic Kufi', Tahoma;}
.mor-txt a:link, .mor-txt a:visited{font-family: 'Droid Arabic Kufi', Tahoma; font-size: 12px; min-width: 89px; margin-right: 121px; padding-top: 3px;
padding-bottom: 3px;}
.year-num a:hover{background-color:#c11717;}
.date-num{background:url(../images/by-data-bg.png)15px -23px no-repeat; margin-bottom: -1000px; padding-bottom: 1000px; color:#30395c; font-family: 'Droid Arabic Kufi', Tahoma; text-align: center;
font-size: 18px;}
.empty-date-num{background:url(../images/by-data-bg.png) 15px bottom no-repeat; margin-bottom: -15px; height: 30px;}

a.more-bttn:link, a.more-bttn:visited{color: #FFF; float: left; background-color: #042357; padding: 2px 10px; font-size: 11px; font-family: 'Droid Arabic Kufi', Tahoma;}
a.more-bttn:hover{background-color: #c11717;}
.album-home-item figcaption{background-color:#FFF; padding:8px 10px; font-family:'Droid Arabic Kufi', Tahoma;}
a.album-home-item:link, a.album-home-item:visited{color:#30395c; text-decoration:none; font-size:15px; max-width: 344px; display: inline-block;}
a.album-home-item:hover{color: #c11717;}
.more-bar{background:url(../images/more-btn-bg.png) repeat; overflow:hidden; margin-top:10px; clear: both;}
.more-bar a:link, .more-bar a:visited{font-family:'Droid Arabic Kufi', Tahoma; font-size: 12px; color:#fefefe; background-color:#042357; display:inline-block; float:left; padding:3px 6px;}
.more-bar a:hover{background-color:#06327b;}
.follow-us-bar{color:#FFF; background-color:#042357; margin-top: 20px; overflow:hidden; line-height: 41px;}
.side-col-inner .follow-us-bar{margin-top:0;}
.follow-us-bar span{padding-right: 10px; font-family:'Droid Arabic Kufi', Tahoma;}
.follow-us-bar a{width:14%; height:42px; display: inline-block; float: left;}
.follow-us-bar a:hover{opacity: 0.8;}
a.google-plus-ico:link, a.google-plus-ico:visited{background:#dc4a38 url(../images/google-plus.png) center no-repeat;}
a.twitter-ico:link, a.twitter-ico:visited{background:#2aa9e0 url(../images/twitter-ico.png) center no-repeat;}
a.facebook-ico:link, a.facebook-ico:visited{background:#3b5998 url(../images/facebook-ico.png) center no-repeat;}
a.youtube-ico:link, a.youtube-ico:visited{background:#d72523 url(../images/youtube-ico.png) center no-repeat;}
a.insta-ico:link, a.insta-ico:visited{background:#4F7CA2 url(../Images/insta-ico.png) center no-repeat;}
.inner-heaeder h1{color:#c11717; font-size: 28px; line-height: 38px; margin-top: 15px;}
.side-col h2{margin:10px 0 20px 0;}
.side-col h2, .side-col h2 a, .side-col h2 a:link, .side-col h2 a:visited{color: #30395c; font-size: 24px;}
.side-col h2 a:hover{color: #c11717;}
.main-content-area{margin-bottom:30px;}
.home-sec > div{margin-bottom:30px;}


.breadcrumb-holder{margin:15px; overflow:hidden; clear:both;}
.breadcrumb-holder ul{list-style:none; margin:0; padding:0;}
.breadcrumb-holder ul li{float:right; margin-left:10px;}
.breadcrumb-holder ul li, .breadcrumb-holder ul li a:link, .breadcrumb-holder ul li a:visited{color:#BDBDBD; font-family:'Droid Arabic Kufi', Tahoma; font-size:12px;}
.breadcrumb-holder ul li a:hover{color: #444;}
.breadcrumb-holder ul li:last-child{color:#D7D7D7;}
.honours{background-color:#ececec; clear: both; margin-top:20px; overflow: hidden; padding-bottom: 0px; margin-bottom: 20px;}
.honours h2{padding-right:15px;}
.honours h2 a:link, .honours h2 a:visited{color: #30395c;}
.honours h2 a:hover {color: #c11717;}
.honours figcaption span{font-size: 12px; display: inline-block; line-height: 18px; height: 36px; overflow:hidden;}
.honours-row{overflow:hidden;}
.honours-row > div{margin-top:15px;}
.details-text{color: #767676; direction: rtl; padding: 30px 10px; margin: 15px; background-color: #FFF; clear: both; margin-top: 5px; border-bottom: 2px solid #cecece;}
.inner-heaeder{clear:both; overflow: hidden; padding-top: 15px;}

.paging{text-align:center;}
.paging > span span, .paging > span a, .paging > span a:link, .paging > span a:visited{border:1px solid #CCC; background-color:#FFF; padding: 3px 10px; font-size: 11px; font-family: 'Droid Arabic Kufi', Tahoma; color:#000; text-decoration: none; line-height: 36px;}
.paging > span a:hover{background-color:#c11717; color:#FFF;}
div.paging span span.active{background-color:#042357; color:#FFF;}

h1{margin-top:0; margin-bottom:20px;}
h1 a:link, h1 a:visited{color:#30395c; font-size: 30px;}
h1 a:hover{color:#c11717;}
.inner-bg-color{background-color:#ECECEC; overflow: hidden; padding-bottom: 20px;}
.artcl-data{color:#868686; font-size:11px;}
.artcl-data span{color:#4b4b4b; font-family:'Droid Arabic Kufi', Tahoma;}

/* Most Readed articls */
.most-readed-item{background-color:#FFF; direction: rtl; border-bottom:2px solid #cdcdcd; margin-bottom: 2px;}
.num-counter{color:#FFF; background-color:#c11717; width:60px; display: table-cell; text-align:center; vertical-align:middle;}
.title-text{display: table-cell;}
.title-text a:link, .title-text a:visited{color:#000; font-family:'Droid Arabic Kufi', Tahoma; display: block; padding: 10px;}
.title-text a:hover{color:#c11717; padding-right:12px;}

.main-footer{background-color:#042357; font-family:'Droid Arabic Kufi', Tahoma; padding:12px 0px; font-size:13px; border-top: 2px solid #040404;}
.main-footer ul{list-style:none; padding: 0; overflow:hidden;}
.main-footer ul li{display:inline-block; float:right; margin-left: 10px;}
.copy-rights-txt{color:#a8c9ff; text-align:left;}

/*  Comments Tabs  */
.red{color:#ff6e6e;}
.ui-tabs ul.ui-tabs-nav{list-style:none; padding:0; margin:0; clear:both;overflow: hidden; /*border-bottom: 3px solid #000;*/ padding-right: 9px; margin-bottom: -3px;}
.ui-tabs ul.ui-tabs-nav li{float:right; margin-left:3px; border:1px solid #777; display:inline-block; border-bottom:none;}
.ui-tabs ul.ui-tabs-nav li a{padding:10px 13px; padding-bottom: 7px; font-size:16px; display:inline-block; white-space:nowrap;}
.ui-tabs ul.ui-tabs-nav li a:link, .ui-tabs ul li a:visited{color:#777;  font-family:'Droid Arabic Kufi', Tahoma;}
div ul li.ui-tabs-active a:link, div ul li.ui-tabs-active a:visited{color: #000 !important; padding-bottom:10px;}
div ul li.ui-tabs-active{border-top:1px solid #C11717 !important; border-right:1px solid #C11717 !important; border-left:1px solid #C11717 !important; background-color:#FFF;}
.ui-tabs-panel{border-top:3px solid #C11717; padding-top: 20px;}
.ui-state-default a{}
.label{margin-left:5px; width:125px; text-align: right; display:inline-block; font-family:'Droid Arabic Kufi', Tahoma; font-weight:normal; font-size:14px; color: #000;
direction: rtl; float:right;}
.postComntBtnHolder{direction: ltr; display: block; overflow: hidden; text-align: center;}
.postComment{margin-top: 20px; margin-bottom:20px;}
.postComment input, .postComment textarea{margin-bottom:5px; width:230px; border:1px solid #000; direction:rtl; text-align:right; padding: 2px 4px;}
.postComment textarea{height:85px;}
a.sendBtn:link, a.postComment:link, a.sendBtn:visited, a.postComment:visited{background-color:#000; font-family: 'Droid Arabic Kufi', Tahoma; color:#FFF; font-size:13px; /*float:left;*/ padding: 3px 15px;}
a.sendBtn:hover, a.postComment:hover{background-color: #D9D9D9; color:#000;}
#comments{overflow:hidden; margin-top:30px;}
.comments ul{list-style:none; padding:0; border-top: 1px solid #F4F4F4;
padding-top: 15px; margin-bottom: 50px;}
.comments ul li{margin-bottom:10px;}
.commentBody{margin-right:38px; padding: 10px; background-color: #F4F4F4; border-bottom: 1px solid #E5E5E5; direction: rtl;}
.commentBody h5{margin-top: 0px; background-color: #545454; display: inline-block; color: #FFF; padding:7px 7px; float:right; line-height:17px;}
span.commentNum{background-color:#c11717; font-weight:bold; width:36px; display: inline-block; text-align: center; color:#FFF; padding: 5px 0px; float: right; border-top: 10px solid #F4F4F4;}
p.dateTxt{color:#5e5e5e; font-size: 12px; background-color: #E7E7E7; padding: 4px;  float:right; clear:both;}
p.commentP{font-size:16px; color:#474747; padding-bottom:20px; clear:both;}
.optionInfo{float:left; font-family: HeadersFont, Arial;}
.optionInfo span{display:inline-block; float:right; margin-right: 5px;}
.optionInfo span .likes {margin-left: 10px;}
.arial{font-family:Arial, Helvetica, sans-serif;}

.twitter-timeline{width:100% !important;}

.addThis-holder > .addthis{background-color:#FFF; border:3px solid #d2d2d2; padding: 3px 3px; float: right;}
.addThis-holder{margin-top: 10px;}
.addThis-holder .label-txt{float:right; float: right; font-family: 'Droid Arabic Kufi', Tahoma; direction: rtl; margin-left: 3px; font-size: 12px; line-height: 44px; margin-bottom: 10px;}
.embed-responsive{margin-top: 20px;}

.tags{direction: rtl; padding: 10px; background-color: #ECECEC; margin-top: 15px;}
.tags span{line-height: 30px; background:url(../images/label-bg.png) right 4px no-repeat; padding-right: 20px; padding-bottom: 3px;}

.tags span a:link, .tags span a:visited{color:#c11717; padding-left: 15px; white-space:nowrap; font-family: 'Droid Arabic Kufi', Tahoma; font-size: 14px;}
.tags span a:hover{color:#000;}

.interviews-hero-img{margin: 0 auto; margin-bottom:10px;}

.archive-itm{background: #FFF url(../images/archive-boults.png) right center no-repeat;
background-position: right 10px center;
padding: 1px 43px 1px 10px;
margin: 15px; margin-bottom:40px;}
.archive-itm h4{line-height:20px;}
.archive-itm h4 a:link, .archive-itm h4 a:visited{color:#000;}
.archive-itm h4 a:hover{color: #c11717;}
.archive-itm span{display: block; margin-bottom: -17px; direction: rtl; font-size: 11px; color: #7B7B7B;}

.contact-us{font-family: 'Droid Arabic Kufi', Tahoma; padding-top: 10px;}
.contact-us div{margin-bottom:15px;}
.contact-us .label-txt{margin-bottom:3px; font-size:12px;}
.contact-us div input{width: 240px; height: 28px; padding: 3px 2px; line-height: 20px; font-size: 12px; direction: rtl; color: #7B7B7B;}
.contact-us div textarea{width: 240px; height: 150px; padding: 3px 2px; line-height: 20px; font-size: 12px; direction: rtl; color: #7B7B7B; clear: both; float: right;}
 
a.send-msg:link, a.send-msg:visited{font-family: 'Droid Arabic Kufi', Tahoma; color:#FFF; background-color: #c11717; clear: both; display: inline-block; margin-right: 60px; margin-top: 25px; float: right; padding: 2px 15px; line-height: 21px; font-size: 13px;}
a.send-msg:hover{background-color: #042357;}

.tags-articls-ul{}
.tags-articls-ul li{overflow:visible; margin-bottom:15px;}
.tags-articls-ul li a, .tags-articls-ul li a:link, .tags-articls-ul li a:visited{font-family: 'Droid Arabic Kufi', Tahoma; color:#042357; font-size:14px;}
.tags-articls-ul li a:hover{color:#c11717;}

.tag-block{border-bottom:1px solid #CCC; overflow:hidden; margin-bottom: 30px;}
h3.tag-header{margin-top: 2px; margin-bottom: 19px;}
.tag-header a:link, .tag-header a:visited{color:#30395c;}
.tag-header a:hover{color:#c11717;}
a.more-btn-rigt:link, a.more-btn-rigt:visited{font-family: 'Droid Arabic Kufi', Tahoma; float: left; clear: both; color:#FFF; background-color:#30395c; display: inline-block; font-size: 11px; padding: 3px 7px;}
a.more-btn-rigt:hover{background-color:#c11717;}


@media (max-width: 768px) and (min-width: 500px){
	.article-itm span.col-xs-12{width:25%;}
	.article-itm div.col-xs-12{width:75%;}
	.honours-row .col-xs-12{width:50%;}
	
}
@media (min-width: 768px){
	.navbar-nav>li {float: right;}
	.navbar-header {float: right;}
	.navbar-nav>li>a {padding-top: 23px; padding-bottom: 25px;}
}
@media (max-width: 768px){
	.main-footer ul{text-align:center; direction:rtl; overflow:hidden;}
	.main-footer ul li{float:none;}
	.copy-rights-txt{margin-top:10px; text-align:center;}	
}
@media (max-width: 500px){
	span.date-num{background-position:right -23px; padding-right: 25px; text-align:right; color:#c11717;}
	.article-itm div.col-xs-12{padding-right: 25px; padding-top:10px;}
	.year-num a:link, .year-num a:visited{margin-right:0px; min-width:0;}
	.empty-date-num{background-position:right bottom;}
	.year-num a, .year-num a:link, .year-num a:visited{margin-right:0px;}
}
.col-md-4 .copy-rights-txt {margin-top: 10px; text-align: center;}