@font-face {

    font-family: 'hacen_liner';

    src: url('../fonts/hacen_liner/hacen_liner-webfont.eot');

    src: url('../fonts/hacen_liner/hacen_liner-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/hacen_liner/hacen_liner-webfont.woff') format('woff'),

         url('../fonts/hacen_liner/hacen_liner-webfont.ttf') format('truetype'),

         url('../fonts/hacen_liner/hacen_liner-webfont.svg#hacen_liner_print-outregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'taher';

    src: url('../fonts/taher/taher-webfont.eot');

    src: url('../fonts/taher/taher-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/taher/taher-webfont.woff') format('woff'),

         url('../fonts/taher/taher-webfont.ttf') format('truetype'),

         url('../fonts/taher/taher-webfont.svg#hacen_liner_print-outregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

 font-family: 'taher';

    src: 

         url('../fonts/taher-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

 font-family: 'ABO-THAR';

    src: 

         url('../fonts/ABO-THAR-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

 font-family: 'ARABSQ';

    src: 

         url('../fonts/ARABSQ-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

 font-family: 'IU1';

    src: 

         url('../fonts/IU1-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

 font-family: 'taher';

    src: 

         url('../fonts/taher-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

 font-family: 'ARBSQDTP';

    src: 

         url('../fonts/ARBSQDTP-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

 font-family: 'SADR';

    src: 

         url('../fonts/SADR-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

 font-family: 'SADIQM';

    src: 

         url('../fonts/SADIQM-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

 font-family: 'SADIQB';

    src: 

         url('../fonts/SADIQB-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

 font-family: 'Ah-moharram-bold_0';

    src: 

         url('../fonts/Ah-moharram-bold_0-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'droidkufi';

    src: url('../fonts/droidkufi/droidkufi-webfont.eot');

    src: url('../fonts/droidkufi/droidkufi-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/droidkufi/droidkufi-webfont.woff') format('woff'),

         url('../fonts/droidkufi/droidkufi-webfont.ttf') format('truetype'),

         url('../fonts/droidkufi/droidkufi-webfont.svg#droid_arabic_kufiregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

body {background:#d4dbd2; color:#000; cursor:default;  }

#layout_two_column div#dynamic_box_center div#box_center_holder {overflow: hidden;}

#layout_two_column div#dynamic_box_center {}

.features_equal_default {margin-bottom:10px;}

.features_equal_default #content_features_left {padding-left:20px; background:#fff url(../img/separator_left.gif) left repeat-y;}

/*************** GLOBAL STYLES *************************************************************************************************************************/

/******************************************************************************************************************************************************/

.clearer {clear:both; display:block; visibility:hidden;}

#container { overflow: hidden; max-width: 1200px; margin: auto;}

#container, #content {position: relative; clear: both;}

/*** Global anchor styles ***/

a, a:link, a:visited {color: rgb(56, 149, 154); text-decoration:none; outline:none;}

a:hover {color: rgb(245, 118, 87); text-decoration:none;}

a img {border:none;}

/*** Global list styles ***/

ul {padding:0; margin:0;}

ul li {list-style-type:none;}

#content ul li { }

/*#content ul li a {

	font-weight:bold;

	display:block;

	padding:4px 12px 4px 0px;

	background:url(../img/list_bullet.gif) right 10px no-repeat;

}*/

ol {padding-right:25px; margin:0; font-size:14px; font-weight:bold;}

ol li {border-bottom:none;}

ol p {font-size:12px; margin:0px; padding:0;}

ol p a {display:block; padding:4px;}

.article_stats {padding:0 4px; font-weight:normal; color:#888;}

.comment_stats {background:url(../img/icon_comments.png) left 0 no-repeat; padding:0 4px 0 18px; margin-right:5px; display:inline-block;}

/*** Global heading styles ***/

h1, h2, h3, h4, h5, h6 {padding:0; margin:0px;}

h1.page_title {

        font-size: 20px;

    font-weight: bold;

    margin: 0 10px 10px 0;

    color: rgb(17, 135, 152);

    line-height: 40px;

}

h1.article_title {font-size:24px; font-weight:bold;}

h2.article_title {font-size:18px; font-weight:bold;}

h3.box_title {font-size:18px; font-weight:bold;}

h3.title_white {padding:2px 0; margin-bottom:10px; border-bottom:none;}

h3.title_gray {padding: 3px 15px 4px 6px; background: rgb(217, 65, 27); color: #fff; font-weight: normal; font-family: tahoma; font-size: 16px;}

h3.title_gray a {color: rgb(217, 65, 27);}

h4 {font-size:16px; font-weight:bold;}

h5.subtitle {font-size:16px; color:#949494; font-weight:normal; margin-bottom:10px;}

/*** Global box styles ***/

.box {margin-bottom:10px;}

.box_gray {border-bottom:1px solid #ccc;}

.box_white { padding: 6px;}

.image {float:right; margin:0 0 0 10px;}

div.article_link {

    display: inline;

    padding-right: 5px;

    left: 10px;

    float: left;

    color: #555;

}

 /*** Global summary styles ***/

.short_holder {width:100%; overflow:hidden;}

.short {

	margin-bottom:10px;

	padding:5px 5px 10px 5px;

	border-bottom:1px dashed #AAA;

}

.short:hover {

	background:#f5f5f5;

}

.short p, .category_headline p {padding:0; margin:5px 0;}

.category_headline {padding:5px; background:#f2f2f2; margin-bottom:10px; overflow:hidden;}

.short1 {

	overflow: hidden;

	margin-bottom: 10px;

	border-bottom: 1px solid #eee;

	padding: 5px 10px 20px 30px;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

}

.short1 .article_title {

    overflow: hidden;

    font-size: 16px;

    padding-right: 5px;

    margin-bottom: 3px;

    line-height: 30px;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    color: #42b3bc;

    margin: 0px 0 16px 0;

    text-align: justify;

}

.short1 .article_title span {

    font-weight: bold;

}

.short1 .article_summary {

	color: #777;

	font-weight: normal;

	overflow: hidden;

	font-size: 15px;

	text-align: justify;

  

}

.short1 .image {

	width: 250px;

    height: 170px;

   

    position: relative;

    margin-right: 10px;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    float: right;

}

.short1 .image_inner {

	overflow: hidden;

	width: 100%;

	height: 100%;

	border-radius: 12px;

}

.short1 img {

	width: 100%;

	height: 100%;

	border-radius: 12px;

}

.short1:hover {

}

.short1:hover .image {

}

.short1:hover .article_title {

	color: #a00;

}

.short1 .article_date {

	color: #999;

	direction: ltr;

	text-align: left;

	margin-top: -11px;

	margin-bottom: -3px;

	left: 0;

	bottom: 5px;

	font-size: 0;

	line-height: 20px;

	font-weight: normal;

	background: #fff;

}

.short1 .article_date span {

	display: inline-block;

	vertical-align: middle;

	font-size: 12px;

}

.short1 .article_date .icon {

	width: 15px;

	height: 15px;

	margin-right: 5px;

	display: inline-block;

	vertical-align: middle;

	background: #999;

	position: relative;

}

.shortmz {

    overflow: hidden;

    /* margin-bottom: 10px; */

    border-bottom: 1px solid #68cfd8;

    padding: 5px 10px 5px 30px;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

}

.shortmz .article_title {

    overflow: hidden;

    font-size: 16px;

    padding-right: 5px;

    margin-bottom: 3px;

    line-height: 30px;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    color: #015e80;

    margin: 0px 0 16px 0;

    text-align: justify;

    font-weight: bold;

}

.shortmz .article_summary {

	color: #777;

	font-weight: normal;

	overflow: hidden;

	font-size: 15px;

	text-align: justify;

  

}

.shortmz .image {

	width: 250px;

    height: 170px;

   

    position: relative;

    margin-right: 10px;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    float: right;

    border-radius: 12px;

}

.shortmz .image_inner {

	overflow: hidden;

	width: 100%;

	height: 100%;

	border-radius: 12px;

}

.shortmz img {

	width: 100%;

	height: 100%;

	border-radius: 12px;

}

.shortmz:hover {

}

.shortmz:hover .image {

}

.shortmz:hover .article_title {

	color: #a00;

}

.shortmz .article_date {

	color: #999;

	direction: ltr;

	text-align: left;

	margin-top: -11px;

	margin-bottom: -3px;

	left: 0;

	bottom: 5px;

	font-size: 0;

	line-height: 20px;

	font-weight: normal;

	background: #fff;

}

.shortmz .article_date span {

	display: inline-block;

	vertical-align: middle;

	font-size: 12px;

}

.shortmz .article_date .icon {

	width: 15px;

	height: 15px;

	margin-right: 5px;

	display: inline-block;

	vertical-align: middle;

	background: #999;

	position: relative;

}

.left-pic

{

     background-repeat: no-repeat;

    background-position: center left;

    /* background-size: contain; */

    position: absolute;

    left: 0px;

    width: 100%;

    height: 100%;

    border-radius: 12px;

}

.media-meta {

    float: left;

    color: #555;

    font-size: 14px;

    text-align: left;

}

.short1 .article_date .icon img {

	width: 100%;

	height: 100%;

	position: relative;

	transform: none;

	-ms-transform: none;

	-webkit-transform: none;

	top: 0;

	left: 0;

}

.short2 {

	width: 213px;

	margin-right:10px;

	float:right;

	height: 168px;

	margin-bottom: 10px;

	overflow: hidden;

}

.short2 .article_title {

	padding: 0 5px;

	color: #000;

	overflow: hidden;

	font-size: 13px;

	text-align: justify;

	padding-top: 3px;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

}

.short2 .image {

	overflow:hidden;

	width: 205px;

	height:110px;

	border: 1px solid #ddd;

	padding: 3px;

	position: relative;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

}

.short2 .image_inner {

	overflow: hidden;

	width: 100%;

	height: 100%;

}

.short2 img {

	width: 100%;

	height: 100%;

}

.short2:hover .image {

	border: 1px solid #555;

}

.short2:hover .article_title {

	color: rgb(217,65,27);

}

.short22 {

	width: 284px;

	margin-right: 10px;

	float: right;

	height: 180px;

	margin-bottom: 0px;

	overflow: hidden;

}

.short22 .image {

	overflow: hidden;

	width: 115px;

	height: 165px;

	border: 1px solid #ddd;

	padding: 3px;

	position: relative;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

    margin: 10px;

}

.short22 .image_inner {

	overflow: hidden;

	width: 100%;

	height: 100%;

}

.short22 img {

	width: 100%;

	height: 100%;

}

.short22:hover .image {

	border: 1px solid #555;

}

.short22:hover .article_title {

	color: rgb(217,65,27);

}

.maga {

    position: relative;

    display: block;

    overflow: hidden;

    max-height: 248px;

}

.shortsadc {

    width: 100%;

    height: 100%;

}

.shortsadc .article_title {

    padding-bottom: 5px;

    color: #000;

    overflow: hidden;

    font-size: 11px;

    text-align: center;

    padding-top: 3px;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

}

.shortsadc .image {

	overflow: hidden;

	width: 100%;

	height: 100%;

	max-height: 240px;

	border: 1px solid #ddd;

	position: relative;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

    border-bottom: 4px solid #e2c14e;

    box-shadow: 0 0 5px 2px #dddddd;

    border-radius: 12px;

}

.shortsadc .image_inner {

	overflow: hidden;

	width: 100%;

	height: 100%;

}

.shortsadc img {

	width: 100%;

	height: 100%;

}

.shortsadc:hover .article_title {

	color: rgb(217,65,27);

}

.short3 {

	width: 409px;

	margin-right: 5px;

	float: right;

	height: 20px;

	margin-bottom: 5px;

	overflow: hidden;

	padding: 1px 30px 1px 0;

	color: #000;

	background: url(../img/news_arrow.png) 421px center no-repeat;

}

.short3:hover {

	color: rgb(217,65,27);

}

div#tabs div#content div a.short_url:last-child div.short3{

	margin-bottom: 0;

}

.short4 {

	height: 40px;

	overflow: hidden;

	color: #222;

	border-bottom: 1px solid #eee;

	padding: 5px 0 5px 10px;

}

.short4 .article_date {

	height: 25px;

	padding: 9px 9px;

	font-size: 13px;

	text-align: center;

	color: rgb(217,65,27);

	float: right;

}

.short4 .article_title {

	height: 35px;

	font-size: 13px;

	text-align: justify;

	display: table-cell;

	vertical-align: middle;

	line-height: 21px;

}

.short4:hover {

	color: rgb(217,65,27);

}

.short5 {

	padding-right: 10px;

	padding-bottom: 10px;

	overflow: hidden;

	border-bottom: 1px solid #eee;

	margin-bottom: 5px;

	margin-top: -10px;

	padding-top: 10px;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

}

.short5 .article_title {

	padding: 0 5px;

	color: #000;

	overflow: hidden;

	font-size: 13px;

	text-align: justify;

	padding-top: 3px;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

}

.short5 .image {

	overflow: hidden;

	width: 85px;

	height: 60px;

	border: 1px solid #ddd;

	padding: 3px;

	position: relative;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

}

.short5 .image_inner {

	overflow: hidden;

	width: 100%;

	height: 100%;

}

.short5 img {

	width: 100%;

	height: 100%;

}

.short5:hover {

	background: #f5f5f5;

}

.short5:hover .image {

	border: 1px solid #555;

}

.short5:hover .article_title {

	color: rgb(217,65,27);

}

div#tabs div#content a.short_url:last-child div.short4{

	border-bottom: none;

}

.short_video{

	width: 192px;

	height: 120px;

	overflow: hidden;

	float: right;

	margin: 0 5px;

	position: relative;

	box-shadow: 0 0 0 1px #999;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

}

.short_video .image{

	margin: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.short_video .image img{

	width: 100%;

	min-height: 100%;

}

.short_video .article_title{

	position: absolute;

	bottom: 0;

	color: #fff;

	background: rgba(0, 0, 0, 0.47);

	width: 182px;

	padding: 0px 5px;

	text-align: center;

	height: 38px;

	line-height: 18px;

}

.short_video:hover{

	box-shadow: 0 0 0 1px #eee;

}

.short_gallery{

	width: 162px;

	height: 115px;

	overflow: hidden;

	float: left;

	margin: 0 26px;

	position: relative;

	background: url(../img/sovar_back.png) no-repeat center 3px;

	padding: 26px 19px;

}

.short_gallery .image{

	margin: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.short_gallery .image img{

	width: 100%;

	min-height: 100%;

}

.short_gallery .article_title{

	position: absolute;

	bottom: 26px;

	color: #fff;

	background: rgba(0, 0, 0, 0.47);

	padding: 0px 5px;

	text-align: center;

	height: 20px;

	line-height: 18px;

	width: 153px;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

}

.short_gallery:hover .article_title{

	height: 35px;

}

/*** breadcrumbs ***/

.box_breadcrumb {

    padding-top: 5px;

    padding-bottom: 5px;

    padding-right: 20px;

    color: #555;

    border-bottom: 1px dashed rgb(214, 200, 200);

}

.box_breadcrumb a {padding-left:4px;}

/*************** HEADER STYLES *************************************************************************************************************************/

/******************************************************************************************************************************************************/

.social {

	direction: ltr;

	text-align: center;

	margin-bottom: 10px;

	margin-top: 5px;

}

.social .social_inner {

	width: 46px;

	height: 47px;

	text-align: right;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	display: inline-block;

	margin: 0 5px;

}

.social .social_inner:hover {

	height: 40px;

}

#header {

    position: relative;

    z-index: 999;

    background: #333435;

}

	

}

.header_top{

	position: relative;

    background: #ececec;

}

.header_top_inner{

	width: 1000px;

	height: 27px;

	padding: 4px 0;

	overflow: hidden;

	text-align: right;

	margin: auto;

	z-index: 1;

}

.header_icons {

	float: left;

	margin: 2px 0 0 15px;

}

.header_links{

	overflow:hidden;

	position: absolute;

	z-index: 100;

	width: 980px;

	padding: 0 10px;

}

.header_links ul {list-style-type: none;}

.header_links ul.contact {list-style-type: none;}

.header_links li {float: right;}

.header_links li:first-child a {

	border-radius: 0 7px 7px 0;

	border-left: 1px dashed rgb(217, 65, 27);

}

.header_links li:last-child a {

	border-radius: 7px 0 0 7px;

}

.header_links li a {

	font-family: Tahoma,Geneva,sans-serif;

	cursor: pointer;

	display: block;

	color: #0D6D96;

	font-size: 14px;

	padding: 3px 7px 4px 7px;

	margin: 3px 0;

	background-color: rgba(255, 255, 255, 0.62);

}

.header_links li a:hover {

	background-color: rgba(167, 167, 167, 0.62);

	color: #EEE;

}

.header_bottom{

    position: relative;

    height: 100px;

    background: #ececec;

}

.frequencies{

	background-color: #440706;

	border-bottom: 5px solid #8c0d0a;

	direction: ltr;

	height: 29px;

	text-align: center;

}

.frequencies_inner{

	display: inline-block;

}

.frequencies .frequencies_inner ul li {

	background: url(../img/frequency_arrow.png) no-repeat left center;

	float: left;

	margin: -1px 10px;

	padding-left: 30px;

	font-size: 17px;

	color: #fff;

}

.header_image {

	position: relative;

	margin: auto;

	text-align: right;

	padding-top: 0px;

}

.background_image_container{

	position: relative;

	width: 100%;

	height: 0;

}

.background_image{

    width: 100%;

    height: 100%;

    background: no-repeat center top;

    

}

*:first-child+html .header_image {zoom:1;} /*** IE 7 Hack ***/

/*** Static pages navigation ***/

.box_pages {border:1px solid #000; padding:5px 0px; background:#42464A url(../img/pages_bg.gif) bottom repeat-x;}

.box_pages li {display:inline;}

.box_pages a {padding:5px 6px;}

.box_pages a:link, .box_pages a:visited {color:#fff; text-decoration:none;}

.box_pages a:hover {color:#fff; background-color:#565656; text-decoration:none;}

/*** Search box ***/

.search-input {

	display: inline-block;

	padding: 8px 8px 8px 12px;

	border-radius: 2px;

	border: 0px;

	z-index: 1;

	position: relative;

	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);

	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);

	width: 170px;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	filter: alpha(opacity=70);

	opacity: 0.7;

	transition: all 0.2s;

	-moz-transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-o-transition: all 0.2s;

}

.search-input:focus {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

	width: 170px;

	opacity: 1;

}

#searchsubmit,

.search-button {

	display: block;

	position: absolute;

	z-index: 2;

	top: 0px;

	left: 0px;

	border: 0px;

	background: url(../img/icon-search.png) no-repeat center;

	cursor: pointer;

	height: 100%;

	overflow: hidden;

	color: transparent;

	font-size: 0;

	width: 34px;

	background-color:#2a9bab;

}

#searchsubmit {

	height: 30px;

	top: auto;

	bottom: 0px;

}

.widget {

	position: relative;

}

.widget label.screen-reader-text {

	display: none;

}

.widget input.search {

	width: 100%;

}

.header .header-addons .header-search {

	display: block;

	text-align: right;

	position: relative;

}

.header-search {

position: relative;

padding: 2px;

}

/***** Ticker *****/

.ticker {

    width: 88%;

    position: relative;

    line-height: 39px;

    font-size: 13px;

    color: black;

    overflow: visible !important;

    text-align: center;

    -moz-box-shadow: 0px 1px 7px rgba(50,50,50,0.25);

}

.ticker_title {

    width: 90px;

    float: right;

    position: relative;

    background: #2a9bab;

    color: #fff;

    font-size: 13px;

    padding: 5px 5px;

    height: 25px;

    text-align: center;

}

.ticker .ticker_title{

  float: right;

  height: 100%;

  color: #FFFFFF;

  border-left: 1px solid #D5D5D5;

  background: #224D11;

  font-size: 16px;

  line-height: 62px;

  text-align: center;

}

.ticker .ticker_title div{

	position: absolute;

	right: 0;

	bottom: -4px;

	width: 177px;

	height: 47px;

	background: url(../img/currency.png) no-repeat bottom right;

}

.ticker marquee{

	float: left;

	width: calc(100% - 178px);

	height: 100%;

}

.ticker img{

	height: 20px;

	vertical-align: middle;

}

.ticker img.small_logo{

	margin: 0 15px;

}

.ticker span.ticker_category {color:#888;}

.ticker span.ticker_category a {color:#024840;}

.ticker .scroller {height:20px;}

.ticker .section {height:20px;}

.ticker span.ticker_category {color:#888;}

.ticker span.ticker_category a {color:#ca0002;}

.ticker .scroller {height:20px;}

.ticker .section {height:20px;}

ul.newsticker {

    height: 35px;

    line-height: 36px;

}

.ticker_channel {

	height:25px; 

	line-height:20px;

	padding: 5px 0 4px 0;

	background: rgb(168,3,6); /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4MDMwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTAwMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  rgba(168,3,6,1) 0%, rgba(81,0,5,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,3,6,1)), color-stop(100%,rgba(81,0,5,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(168,3,6,1) 0%,rgba(81,0,5,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(168,3,6,1) 0%,rgba(81,0,5,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(168,3,6,1) 0%,rgba(81,0,5,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(168,3,6,1) 0%,rgba(81,0,5,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a80306', endColorstr='#510005',GradientType=0 ); /* IE6-8 */

	margin-bottom: 10px;

}

.ticker_channel img {

	height:22px;

	margin:0 10px;

	vertical-align: bottom;

}

.ticker_channel a {

	font-family: tahoma;

	font-size: 14px;

	color: white;

	text-shadow: 0px 0px 3px #686868;

}

.special_ticker {

	height:28px; 

	line-height: 19px;

	padding: 8px 0 0 0;

	margin: 0 -20px;

	border-radius: 5px;

	background: #bfd255; /* Old browsers */

	background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */

	overflow: hidden;

}

.special_ticker img {

	height:22px;

	margin:0 10px;

	vertical-align: top;

}

.special_ticker a {

	font-family: arial;

	font-size: 17px;

	text-shadow: 1px 1px 0 white, 1px 1px 2px #B2B9C1;

	color: white;

	text-shadow: 0px 0px 3px #5E5E5E;

	font-weight: bold;

}

.special_ticker .articles {

	display: inline-block;

}

.special_ticker .title {

	display: inline-block;

	height: 16px;

	vertical-align: top;

	margin-top: -8px;

	background: whiteSmoke;

	background: -moz-linear-gradient(top, whiteSmoke 0%, #E0E0E0 50%, #C3C3C3 51%, #EDEDED 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,whiteSmoke), color-stop(50%,#E0E0E0), color-stop(51%,#C3C3C3), color-stop(100%,#EDEDED));

	background: -webkit-linear-gradient(top, whiteSmoke 0%,#E0E0E0 50%,#C3C3C3 51%,#EDEDED 100%);

	background: -o-linear-gradient(top, whiteSmoke 0%,#E0E0E0 50%,#C3C3C3 51%,#EDEDED 100%);

	background: -ms-linear-gradient(top, whiteSmoke 0%,#E0E0E0 50%,#C3C3C3 51%,#EDEDED 100%);

	background: linear-gradient(to bottom, whiteSmoke 0%,#E0E0E0 50%,#C3C3C3 51%,#EDEDED 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ededed',GradientType=0 );

	padding: 10px;

	color: #75AC03;

	font-size: 16px;

	font-weight: bold;

	text-shadow: 0px 0px 5px white;

}

/***** Headlines *****/

#static_headlines {padding:10px; background:#f2f2f2;}

.static_headline_holder {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e0e0e0;}

.static_headline_holder p {padding:0; margin:5px 0;}

.static_headline_image {}

h1.headline_title {background:#000; padding:5px; margin-bottom:10px;}

h1.headline_title a {color:#fff;}

h1.headline_title a:hover {color:#e0e0e0;}

/***** Latest news *****/

#latest_news p {margin:0; padding:5px 0; border-bottom:1px solid #eee;}

/*************** CONTENT STYLES ************************************************************************************************************************/

/******************************************************************************************************************************************************/

/*** Subcategory links ***/

.main_news_box_holder {margin-top:10px;}

.title_subcategory {margin-top:-4px; font-size:11px; color:#000; padding:0px 12px 5px 12px;}

.title_subcategory a {padding:2px 3px; background:#f2f2f2; border:1px solid #e0e0e0; border-top:none;}

#content .main_news_box_holder ul {margin-bottom:10px;}

#content .main_news_box_holder ul li {border-bottom:none;}

#content .main_news_box_holder ul li a {font-weight:normal;}

/***** Article holder *****/

.story_stamp {padding-bottom:5px; margin-bottom:5px; color:#ff0000; overflow: hidden;}

.story_author {font-weight:bold; display: inline-block;}

.story_date {padding-right:5px;}

#box_video_container_wrapper {margin: auto;}

.font_size {font-size:11px; text-align:left; display: inline; float: left;}

.font_size img {vertical-align:bottom; padding-left:3px;}

#article_holder .image {float:right; width:100% !important; text-align:center;padding: 10px;}

#article_holder .image_caption {display:block; font-size:12px; padding:5px 0; line-height:normal; color:#777;}

#article_body {padding: 0 10px; font-size:14px; line-height:1.6em; width:100%; overflow:hidden; margin-bottom:12px;}

#article_body p {margin:0; padding:10px;text-align: justify;}

p.article_abstract {font-weight:bold;}

#article_holder div#article_body h1,

#article_holder div#article_body h2,

#article_holder div#article_body h3,

#article_holder div#article_body h4,

#article_holder div#article_body h5,

#article_holder div#article_body h6 {font-family:Arial, Helvetica, sans-serif; padding:5px 0;}

#article_holder div#article_body a {color:#002bb8;}

/*** Article comments ***/

.bbcodebox ul.bbc_buttons {

	background:#efefef url(../img/gradient_light.gif) top repeat-x;

	padding:3px;

	border-top:1px solid #ccc;

	border-left:1px solid #ccc;

	border-right:1px solid #ccc;

	width:592px;

	margin:0;

	height:24px;

}

.bbcodebox ul.bbc_buttons li {

	/*display:block;*/

	float:right;

	width:22px; 

	height:20px; 

	line-height:20px; 

	border:1px solid transparent; 

	background:none; 

	/*position:relative; */

	text-align:center;

}

.week_photo_box_comments .comments_add {

	display:none;

}

.week_photo_box_comments .bbcodebox ul.bbc_buttons {

	width: auto;

}

.week_photo_box_comments .bbcodebox textarea.add_comment {

	width: 274px !important;

}

.bbcodebox ul.bbc_buttons li ul {

	position:absolute;

	right:0;

	top:22px;

	padding:5px;

	background:#E1E1E2;

	width:270px;

	display:none;

	border:1px solid #316AC5;

}

.bbcodebox ul.bbc_buttons li li, 

.bbcodebox ul.bbc_buttons li li a {float:none; display:inline;}

.bbcodebox ul.bbc_buttons li:hover ul, 

.bbcodebox ul.bbc_buttons li.ie-hover ul {display:block;}

#content .bbcodebox ul.bbc_buttons a {

	/*display:block;

	float:right;  */

	width:21px; 

	height:20px; 

	line-height:20px; 

	border:1px solid transparent; 

	background:none; 

	padding:0;

}

#content .bbcodebox ul.bbc_buttons li:hover a, 

#content .bbcodebox ul.bbc_buttons li.ie-hover a {background:#c1d2ee; border:1px solid #316ac5;}

#content .bbcodebox ul.bbc_buttons li:hover li a, 

#content .bbcodebox ul.bbc_buttons li.ie-hover li a {background:none; border:none;}

.bbcodebox ul.bbc_buttons li a img {vertical-align:middle;}

.box_link {

	width:580px;

	padding:5px 9px;

	color:#777;

	background:#efefef;

	border-left:1px solid #ccc;

	border-right:1px solid #ccc;

}

/*** BB code styles ***/

span.bold {font-weight:bold;}

span.italic {font-style:italic;}

span.underlined {text-decoration:underline;}

div.quote {

	font-style:italic;

	color:#777;

	padding:10px;

	background:#fff;

	border-left:3px solid #e1e1e2;

	border-right:3px solid #e1e1e2;

	border-bottom:1px solid #e1e1e2;

	border-top:1px solid #e1e1e2;

}

h4.title_comments {

	font-size:20px;

	font-weight:normal;

	padding:5px 0;

	margin:15px 0px;

}

.view_comments{

	background: #EEE;

	padding: 5px !important;

	margin: 10px 0 !important;

	cursor:pointer;

}

h4.title_comments span {font-size:16px; color:#949494;}

img.comment_feed {float:left;}

h4.title_comments span.no_comments {display:block; font-size:12px; font-weight:normal;}

#comment_list div.comment_holder {margin-bottom:35px;}

#comment_list div.comment_holder  div.comment_holder {

	border-bottom:1px solid #d2d2d2; 

	border-top:1px solid #d2d2d2; 

	padding:15px 0; 

	margin:15px 50px 0 0;

}

#comment_list div.comment_header {font-size:11px; padding-bottom:6px; margin-right:50px;}

#comment_list div.comment_header a {font-weight:bold;}

.comment_stamp {color:#949494;}

#comment_list div.comment_body {width:100%; overflow:hidden;}

.avatar {float:right;}

#comment_list div.comment_body div.comment_text {margin-right:40px; padding:0px 10px 10px 10px;}

#comment_list div.comment_body div.comment_text a {color:#ca0002;}

.comment_actions {margin-right:50px; font-size:11px;}

.comment_actions a {float:right; margin-right:4px; font-weight:bold;}

.comment_reply {background:url(../img/comment_reply.gif) 0 0 no-repeat; padding:1px 20px 1px 9px;}

.comment_actions div.result {

	float:right;

	border:1px solid #ccc;

	background-color:#fff;

	padding:0px 4px;

	color:#555;

	font-weight: bold;

	margin-right:4px;

}

div#writing_reply {padding:5px; color:#666; border-bottom:1px solid #eee; margin-bottom:5px; background:#fffdd1;}

span#writing_reply_to {font-style:italic;}

div#writing_reply a {color:#ca0002; padding:0 5px;}

.result span.error {font-weight:normal; font-size:11px; color:#ca0002;}

div#comment_dump {

	font-size:14px;

	color:#172973;

	background-color:#f8f8f8;

	border:1px solid #ebebeb;

	padding:6px;

}

div#comment_dump span.error {color:#ca0002;}

/*** Article social bookmarks ***/

#box_social_bookmarks {

	background:#efefef url(../img/gradient_light.gif) top repeat-x;

	color:#777;

	padding:5px;

	margin:6px 0px 12px 0px;

	border:1px solid #ccc;

	font-size:11px;

}

#box_social_bookmarks a {padding:0 5px; color:#555;}

#box_social_bookmarks img {vertical-align:bottom;}

#dynamic_box_right #box_social_bookmarks a span {display:none;}

/***** User form *****/

#user_form {padding-top:15px; border-top:1px solid #e1e1e1;}

/*************** RIGHT COLUMN STYLES *******************************************************************************************************************/

/******************************************************************************************************************************************************/

/*** Tabs ***/

/*#content ul.tabs{

	margin:0 0 5px 0;

	padding:5px 0 15px 0;

	list-style:none;

	font-weight:bold;

	border-bottom:1px solid #ccc;

}

#content .tabs li {

	display:inline;

	margin:0;

	padding:0;

	border-bottom:none;

}

#content .tabs li a {

	margin:0px 0px 0px 1px;

	padding:4px;

	text-decoration:none;

	text-shadow:0px 1px 0px #999;

	color:#fff;

	display:inline;

	background:url(../img/tabs_bg.gif) 0 -24px repeat-x;

}

#content .tabs a:hover {color:#f2f2f2; text-decoration:none;}

#content .tabs a.active {background:url(../img/tabs_bg.gif) 0 0 repeat-x; text-shadow:none;}

ul.tabs li a.active {

    background: #242d1c;

    color: #FFF;

}

*/

/*** Login Box ***/

#box_login input.text {width:270px;}

.fp_link {

	font-weight:bold;

	background:#f2f2f2;

	border-top:1px solid #e1e1e1;

	margin-top:4px;

	padding:4px;

	text-align:center;

}

.fp_info {color:#a5a5a5; margin-bottom:6px;}

.logged_in {font-size:16px; padding-bottom:6px;}

/*** Tag cloud box ***/

#box_tags .view_all {

	text-align:left;

	border-top:1px solid #ccc;

	padding:4px;

	margin-top:4px;

	background:#f2f2f2;

	font-weight:bold;

}

/*** Featured author box ***/

#box_users img {float:right; margin:0px 6px 2px 0px;}

#box_users a {padding-bottom:6px;}

/*** Latest comments box ***/

#latest_comments .single_comment img {float:right; margin:2px 4px 2px 6px;}

#latest_comments .single_comment {display:block; width:100%; overflow:hidden; padding-bottom:4px; margin-bottom:6px; border-bottom:1px solid #eee;}

#latest_comments .comment_header {font-size:11px; color:#666;}

#latest_comments .comment_body {padding-top:2px; font-size:11px;}

/*** Article Tools box ***/

#box_article_tools {margin-bottom:10px;}

#box_article_tools ul {font-size:11px; display: inline-block;}

/** #box_article_tools ul li { margin:2px; float: right;} **/

#box_article_tools ul li {
    margin: 5px -1px;
    display: inline-block;
}

#box_article_tools ul li img {vertical-align:bottom;}

#box_article_tools ul li a {padding: 2px 11px 4px 0px; background:none; color:#666;}

#box_article_tools ul li a:hover {background:none; text-decoration:none; color:#ca0002;}

/*** Email friend box ***/

#send_article {padding:6px; background:#efefef;}

#email_to_a_friend_dump {font-size:14px; font-weight:bold; padding:6px;}

#email_to_a_friend_dump span.error {color:#f3735d;}

#email_to_a_friend_dump span.info {color:#6b99c5;}

/*** Article vote box ***/

#stars {padding:2px; width:150px; overflow:hidden;}

.article_rating {

	color:#cecece;

	font-weight:bold;

	font-size:14px;

	padding-top:10px;

	padding-left:10px;

	float:left;

}

div.standard_star {cursor:pointer;}

/*** Attachments box ***/

.content_attachment {padding:4px 0px; width:100%; overflow:hidden;}

.content_attachment img {vertical-align:bottom; float:right; padding-right:4px;}

.content_attachment a {width:280px; overflow:hidden; float:right;}

/*** Archive calendar ***/

#box_calendar table caption {

	font-weight:bold;

	background:#efefef url(../img/gradient_light.gif) top repeat-x;

	border:1px solid #ccc;

	padding:6px 0px;

	margin-bottom:6px;

}

#box_calendar table caption a {color:#ca0002;}

#box_calendar table caption span {cursor:pointer; padding:0px 4px;}

#box_calendar table td {background-color:#efefef; padding:1px 2px;}

/*************** FOOTER STYLES *************************************************************************************************************************/

/******************************************************************************************************************************************************/

.footer {

	background: rgba(0, 0, 0, 0.91) url(../img/footer_bg.jpg);

	overflow: hidden;

	position: relative;

	border-top: 3px solid #2a9bab;

}

.footer_top {

	padding: 20px 20px 20px 20px;

	overflow: hidden;

	margin: auto;

	text-align: right;

}

.footer_bottom {

	background: rgba(0, 0, 0, 0.5);

	color: #FFF;

	font-size: 15px;

	text-align: center;

	padding: 1px 0;

}

div.footer_top_sections{

	float: right;

}

div.footer_top_sections ul{

	float: right;

	width: 230px;

}

.footer_top_sections_title2 {

	color: #fff;

	border-bottom: 1px solid #eee;

	width: 70%;

	text-align: center;

	margin: 0 auto;

}

div.footer_top_sections ul:first-child{

	padding: 0 40px 0 0;

}

div.footer_top_sections ul li{

	list-style-type: square;

	margin-right: 10px;

	display: block;

	margin-bottom: 4px;

background: url(../img/arrow.gif) right 8px no-repeat;

padding-right: 10px;

}

div.footer_top_sections ul li a{

	color: #fff;

	font-size: 12px;

}

div.footer_top_sections ul li a:hover{

	color: rgb(90, 202, 217);

}

.footer_about{

	float: right;

	width: 141px;

	height: 135px;

}

/*************** BLOG STYLES *************************************************************************************************************************/

/******************************************************************************************************************************************************/

.blog_summary {float:right; width:510px;}

.blog_summary p {margin:0; padding:0 0 10px 0; font-size:12px; line-height:1.6em;}

.blog_info {float:right; width:60px; margin-left:20px;}

.blog_date {margin-bottom:5px; text-align:center; border:1px solid #ccc; font-size:20px; background:url(../img/gradient_light.gif) bottom repeat-x; color:#333;}

.blog_date p {margin:0; padding:0;}

p.blog_month {background:#d80003; color:#fff; text-transform:uppercase;}

p.blog_day {font-size:36px;}

.blog_comments {height:45px; background:url(../img/icon_blog_comment.png) top right no-repeat; font-size:15px; font-weight:bold; line-height:32px; }

.no_of_comments {width:46px; display:inline-block; text-align:center; color:#d80003;}

.comments_label, .tags_label {color:#999; font-size:11px; font-style:italic;}

.blog_link {float:left; line-height:30px;}

.post_tags {font-size:11px; background:url(../img/icon_blog_tag.png) right top no-repeat; padding-right:36px; float:right;}

.article_retweet {float:right;}

/***** Bloggers box *****/

.blogger_info {margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #ccc;}

.author_blog_subtitle {padding:5px 0; margin-top:5px; font-weight:bold; border-top:1px solid #ccc;}

#box_users .subscribe_feed {float:left; margin:0;}

/***** 404 Page not found *****/

body.page_not_found #content {padding:12px; text-align:center;}

body.page_not_found .page_holder {padding:12px;}

body.page_not_found .page_row {font-size:14px; padding:4px;}

#report_404 {font-size:14px; padding:4px; color:#6b99c5; font-weight:bold;}

body.page_not_found #box_search {text-align:center; position:static;}

body.page_not_found .search a {color:#004276; font-weight:bold;}

body.page_not_found .search a:hover {color:#ca0002;}

                #slides {

					overflow: hidden;

					position: relative;

					width: 1200px;

					margin: auto;

					height: 207px;

					margin-top: -19px;

                }

                

                .slides_container {

                    width: 100%;

					overflow: visible !important;

                    position:relative;

					margin: auto;

					float:right;

					height: 170px;

                }

				

				.slides_control{

					width:auto !important;					

				}

                

                /*

                    Each slide

                    Important:

                    Set the width of your slides

                    If height not specified height will be set by the slide content

                    Set to display block

                */

                

                .slides_container div.slide {

                    width:100%;

                    display:block;

					background: #EDEFDC;

                }

                

				.slides_container div.slide a.slide_image {

                    float: right;

                }

				.slides_container div.slide a.slide_image img {

                    width: 420px;

					min-height: 270px;

                }

                

                /*

                    Next/prev buttons

                */

                

                #slides .next,#slides .prev {

					cursor:pointer;

                    position: absolute;

					width: 27px;

					height: 75px;

					z-index: 10000;

					top: 50%;

					margin-top: -37px;

                    display:block;

					background:url(../img/skin.png) no-repeat;

					-webkit-transition: right 200ms ease-in-out, left 200ms ease-in-out;

					-moz-transition: right 200ms ease-in-out, left 200ms ease-in-out;

					-o-transition: right 200ms ease-in-out, left 200ms ease-in-out;

					-ms-transition: right 200ms ease-in-out, left 200ms ease-in-out;

                }

                

                #slides .next {

					right: -27px;

					background-position: -150px -75px;	

                }

				#slides:hover .next {

					right: 0px;

				}

				

				#slides .next:hover {

					background-position: -150px 0px;

                }

				

				#slides .prev {

					left: -27px;

					background-position: 0px -75px;	

                }

				#slides:hover .prev {

					left: 0px;

				}

				

				#slides .prev:hover {

					left: 0px;

					background-position: 0px 0px;

                }

                

                /*

                    Pagination

                */

                

                #slides .pagination {

                    margin:auto;

                    width:100px;

					position: absolute;

					z-index: 10000;

					bottom: -28px;

					right: 50%;

					-webkit-transition: bottom 200ms ease-in-out;

					-moz-transition: bottom 200ms ease-in-out;

					-o-transition: bottom 200ms ease-in-out;

					-ms-transition: bottom 200ms ease-in-out;

                }

                

                #slides .pagination::before {

					content: " ";

					background: url(../img/skin.png) -150px -150px;

					left: -40px;

					height: 28px;

					width: 40px;

					position: absolute;

                }

                

                #slides .pagination::after {

					content: " ";

					background: url(../img/skin.png) -230px -150px;

					right: -40px;

					height: 28px;

					width: 40px;

					position: absolute;

                }

                #slides:hover .pagination {

					bottom: 0px;

                }

                

                .pagination li {

                    float:left;

                    list-style:none;

					border-bottom:none !important;

                }

                

                .pagination li a {

                    display:block;

                    width:20px;

                    height:0;

                    padding-top:28px;

                    background-image:url(../img/skin.png);

                    background-position:-75px -150px;

                    float:left;

                    overflow:hidden;

                }

                

                .pagination li.current a {

                    background-position:0px -150px;

                }

                

                /*

                    Caption

                */

                

                .caption {

                    height: 160px;

					padding: 5px 10px 0 10px;

					background: #C3CA8C;

					width: 130px;

					bottom: -37;

					font-size: 1.2em;

					line-height: 1.33;

					color: #FFFFFF;

					text-shadow: none;

					font-family: Tahoma,Geneva,sans-serif;

					float: right;

					text-align: justify;

                }

				

				.caption a {

					color:#fff;

                }

				.caption p {

					color:#bbb;

                }

				

				.caption a:hover {

					color:#eee;

                }

				

				

				

				/* this makes it possible to add next button beside scrollable */

			.scrollable {

				float:left;

			}

			

			/* prev, next, prevPage and nextPage buttons */

			a.browse {

				background:url(../img/hori_large.png) no-repeat;

				display:block;

				width:30px;

				height:600px;

				float:left;

				margin:0 5px;

				cursor:pointer;

			}

			

			a.left.off {

				cursor:default;

				background-position: -60px center !important;

			}

			

			a.right.off {

				cursor:default;

				background-position: -90px center !important;

			}

			

			/* right */

			a.right { background-position: -120px center; clear:right; margin-right: 0px;}

			a.right:hover { background-position:-150px center; }

			

			

			/* left */

			a.left { background-position:-30px center; margin-left: 0px; }

			a.left:hover  { background-position:0 center; }

			

			/* up and down */

			a.up, a.down  {

				background:url(../img/vert_large.png) no-repeat;

				float: none;

				margin: 10px 50px;

			}

			

			/* up */

			a.up:hover { background-position:-30px 0; }

			a.up:active { background-position:-60px 0; }

			

			/* down */

			a.down { background-position: 0 -30px; }

			a.down:hover { background-position:-30px -30px; }

			a.down:active { background-position:-60px -30px; }

			

			

			/* disabled navigational button */

			a.disabled {

				visibility:hidden !important;

			}

			

			

			/*

			  root element for the scrollable.

			  when scrolling occurs this element stays still.

			  */

			.scrollable {

				position: relative;

				overflow: hidden;

				width: 590px;

				height: 600px;

				direction: ltr;

			}

			

			/*

			   root element for scrollable items. Must be absolutely positioned

			   and it should have a extremely large width to accomodate scrollable

			   items.  it's enough that you set the width and height for the root

			   element and not for this element.

			*/

			.scrollable .items {

				/* this cannot be too large */

				width:20000em;

				position:absolute;

				clear:both;

			}

			

			.items .one_item {

				float:left;

				width:680px;

				overflow:hidden;

			}

			

			.one_item li {

				float: left;

				width: 191px;

				margin: 0 3px 10px 3px;

				font-family: Tahoma,Geneva,sans-serif;

				font-size: 14px;

				cursor: pointer;

				list-style: none;

				overflow: hidden;

				height: 200px;

			}

			

			.one_item li .text {

				direction: rtl;

				border-right: 4px solid #DDD;

				padding: 5px;

				min-height: 50px;

				color:#122C61;

				background:#EDEDED;

				color:#333;

			}

			

			.one_item li:hover div.text {

				background:#DDD;

				color:#122C61;

			}

			

			.one_item li .imge {

				height:140px;

				width:100%;

				overflow:hidden;

			}

			

			/* single scrollable item */

			.imge img {

				width:191px;

				min-height: 140px;

			}

			

			/* active item */

			.scrollable .active {

				border:2px solid #000;

				position:relative;

				cursor:default;

			}

			

			.read_more{

    height: 25px;

    background: #fff url(../img/more.png) no-repeat center left;

    left: 0;

    position: relative;

    left: 0;

    padding-left: 11px;

    border-left: 2px solid #38959a;

    text-align: left;

    background-position: 65px -3px;

			}

			

			.maqalat {

				background: #DDD;

				overflow:hidden;

				margin-bottom:10px;

			}

			.maqalat_inner {

				background: #fff;

				margin:10px;

				padding: 5px;

				overflow: hidden;

			}

			

			.vertical {

				position:relative;

				overflow:hidden;

				height: 445px;

				width: 300px;

			}

			

			.vertical .items {

				position:absolute;

				height:20000em;

			}

			

			.vertical .items .one_item{

				float:none;

				width: 300px;

				overflow: hidden;

			}

			

			.vertical .items .one_item li{

				float:left;

				width:300px;

				margin:3px 0;

				font-family:Tahoma, Geneva, sans-serif;

				font-size:14px;

				cursor:pointer;

			}

			

			.next_ver , .prev_ver{

				height:30px;

				width:300px;

				float:right;

				background: url(../img/arrows_up_down.png) top left;

			}

			

			.next_ver{

				background-position: -300px 0px;

			}

			

			.next_ver:hover{

				background-position: -300px -30px;

				cursor:pointer;

			}

			

			.prev_ver{

				background-position: 0px 0px;

				margin-bottom: -5px;

			}

			

			.prev_ver:hover{

				background-position: 0px -30px;

				cursor:pointer;

			}

.small{

	margin-top:2px;

	margin-left:-2px;

}

.nobg{

	background:none !important;

}

.vertical li{

	overflow:hidden;

	border-bottom:0 !important;

	margin-top:5px;

	padding:0 !important;

	cursor:pointer;

	height: 83px;

	border-left: 4px solid rgb(217, 65, 27);

}

.vertical li:hover{

	background:rgb(217, 65, 27);

}

.vertical li p{

	margin:0;

	float:left;

	font-family:Tahoma, Geneva, sans-serif;

	font-size:13px;

	width: 146px;

	padding: 5px;

}

.vertical li:hover p{

	color:#fff;

}

.vertical img{

	float:right;

	width:140px;

}

.week_photo .week_photo_image {

	width:100%;

}

.week_photo p {

	font-family: Tahoma, Geneva, sans-serif;

	text-align: center;

	color: rgb(217, 65, 27);

	margin: 5px 0;

}

.week_photo_box_comments{

	border: 1px solid #EEE;

	border-top: 2px solid rgb(217, 65, 27);

	margin: 0 5px;

}

.week_photo_comment_body{

	width: auto !important;

	overflow: hidden;

	border-right: 2px solid rgb(217, 65, 27);

	margin-right: 5px;

	background: #EEE;

}

.no_mar_ri{

	margin-right:0 !important;

}

.week_photo_box_comments .title_comments{

	background: rgb(217, 65, 27);

	color: white;

	text-align: center;

}

.week_photo_box_comments .title_comments:hover{

	background: #555;

	cursor:pointer;

}

.week_photo_box_comments .comment_holder{

	margin-bottom:10px !important;

}

.nomt{

	margin-top:0 !important;

}

.sections h1{

	padding: 4px 20px !important;

	font-family: Tahoma,Geneva,sans-serif;

	font-size: 13px;

	border-bottom: 0 !important;

	margin: 2px 0px 2px 0;

	background:url(../img/sections_bg.png) right top no-repeat;

	font-weight: normal;

}

.sections h1:hover{

	background:rgb(217, 65, 27) url(../img/sections_bg.png) right bottom no-repeat;

	cursor:pointer;

}

.sections h1:hover a{

	color:#fff;

}

.popular_box_new{

	

}

.popular_box_new div.pane{

	

}

.popular_box_new div.pane ul{

	color:#777;

}

.popular_box_new div.pane ul li{

	list-style-type: disc;

	list-style-position: inside;

	font-family: tahoma;

	margin-bottom: 8px;

}

.popular_box_new div.pane ul li a{

	color:#777;

	text-shadow: 0px 0px 3px #B1B0B0;

}

.popular_box_new div.pane ul li a:hover{

	color:#1792C6;

}

.box_title{

	font-size: 30px;

	font-weight: bold;

	color: rgb(217, 65, 27);

}

#dynamic_box_center div.box_form div.formElement {

	width: 60%;

}

input.form_builder_text {

	width: 90%;

}

textarea.form_builder_textarea {

	width: 90%;

}

::-webkit-scrollbar {

    width: 16px;

}

::-webkit-scrollbar-button:start{

	background: #FFF url(../img/ui-icons_222222_256x240.png) no-repeat 0 0;

}

::-webkit-scrollbar-button:start:hover{

	background: #FFF url(../img/ui-icons_cd0a0a_256x240.png) no-repeat 0 0;

}

::-webkit-scrollbar-button:end{

	background: #FFF url(../img/ui-icons_222222_256x240.png) no-repeat -64px 0;

}

::-webkit-scrollbar-button:end:hover{

	background: #FFF url(../img/ui-icons_cd0a0a_256x240.png) no-repeat -64px 0;

}

 

::-webkit-scrollbar-track {

	background: #FFF;

}

 

::-webkit-scrollbar-thumb {

	background:#BBB;

	border: 1px solid #FFF;

}

 

::-webkit-scrollbar-thumb:hover {

	background: #AAA;

}

.caricature{

	background: #DDD;

	overflow: hidden;

}

.caricature_inner{

	background: white;

	margin: 10px;

	padding: 10px;

	overflow: hidden;

	padding-bottom: 0;

}

.caricature div.caricature_image{

	margin: auto;

	width: 255px;

	height: 180px;

	overflow: hidden;

	margin-bottom: 10px;

	border: 1px solid #DDD;

}

.caricature div.caricature_image img{

	width: 300px;

}

.caricature div.caricature_caption{

	background: rgba(0, 0, 0, 0.75);

	color: white;

	padding: 5px 5px;

	font-family: tahoma;

	top: -24px;

	position: relative;

	z-index: 99;

}

.sub_cat{

	padding: 30px 0;

	color: white;

	font-weight: bold;

	font-size: 20px;

	text-align: center;

	background: #cb60b3; /* Old browsers */

	background: -moz-linear-gradient(top,  #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#c146a1), color-stop(51%,#a80077), color-stop(100%,#db36a4)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */

	border: 1px solid white;

	margin: 3px 2px 4px 2px;

	height: 25px;

}

.sub_cat:hover{

	box-shadow: 0px 0px 5px black;

}

.page_title {

color: rgb(22, 125, 140);

    font-size: 30px;

    font-weight: bold;

    padding: 20px;

    padding-right: 55px;

    margin: 5px;

    background: url(../img/imgtp.png) no-repeat right;

    }

.cat_program{

	width: 220px;

	padding: 50px 0;

	color: white;

	font-weight: bold;

	font-size: 20px;

	text-align: center;

	background: #cb60b3; /* Old browsers */

	background: -moz-linear-gradient(top,  #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#c146a1), color-stop(51%,#a80077), color-stop(100%,#db36a4)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */

	border: 1px solid white;

	margin: 3px 2px 4px 2px;

	float: right;

	height: 25px;

}

.cat_program:hover{

	box-shadow: 0px 0px 5px black;

}

.music{

	position: fixed;

	bottom: 5px;

	right: 10px;

	border: 2px solid white;

}

.social_side{

	margin-bottom: 10px;

}

.social_side div:first-child img{

	border-radius: 10px 10px 0 0;

}

.social_side div:last-child img{

	border-radius: 0 0 10px 10px;

}

.social_side img{

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

}

.social_side img:hover{

	transform: scale(1.1);

	-ms-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-o-transform: scale(1.1);

	-moz-transform: scale(1.1);

	box-shadow: 1px 1px 10px white;

	border-radius: 10px !important;

}

		.coin-slider { overflow: hidden; zoom: 1; position: relative; margin:auto;}

		.coin-slider a{ text-decoration: none; outline: none; border: none; }

		

		.cs-buttons { font-size: 0px; padding: 10px; float: left; }

		.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }

		.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

		

		.cs-title { padding: 5px; background-color: black; color: white; font-family: tahoma;}

		

		.cs-prev, 

		.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

.counter{

	background: white url(../img/counter.jpg);

	color: #2F5B8B;

	padding-right: 5px;

	margin-bottom: 10px;

	text-align: center;

	font-size: 20px;

	display: table-cell;

	vertical-align: middle;

	height: 90px;

	padding-left: 100px;

	text-shadow: 0 0 1px black;

}

.header_counter{

	color: white;

	font-weight: bold;

	margin-top: 0px;

	padding-top: 47px;

	font-size: 24px;

	width: 125px;

	text-align: center;

	text-shadow: 0 0 5px black;	

}

.short_important{

	width: 200px;

	margin: 0 5px;

	display: inline-block;

}

.short_important .image{

	width: 195px;

	height: 120px;

	overflow: hidden;

	border: 4px double #CCCCCC;

	box-shadow: 5px 5px 5px #888888;

	border-radius: 7px 7px 7px 7px;

	margin: auto;

	margin-bottom: 10px;

	float: none;

}

.short_important img{

	width: 195px;

	min-height: 120px;

}

.short_important .article_title{

	color: #555;

	font-size: 15px;

	font-weight: bold;

	max-height: 35px;

	overflow: hidden;

}

.box_shadow{

	background: url("../img/box_shadow.png") no-repeat scroll 0 0 transparent;

	height: 20px;

}

.sites {

	position: relative;

	overflow: hidden;

	height: 130px;

	background: #1BA0D9;

}

.now_news{

	background: #e3e3e3;

	overflow: hidden;

	padding: 5px;

}

.now_news .now_news_title{

	background: rgb(236,164,152); /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjYTQ5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0NTUzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QyMjUwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNDFlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  rgba(236,164,152,1) 0%, rgba(228,85,60,1) 50%, rgba(210,37,2,1) 51%, rgba(180,30,0,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,164,152,1)), color-stop(50%,rgba(228,85,60,1)), color-stop(51%,rgba(210,37,2,1)), color-stop(100%,rgba(180,30,0,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(236,164,152,1) 0%,rgba(228,85,60,1) 50%,rgba(210,37,2,1) 51%,rgba(180,30,0,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(236,164,152,1) 0%,rgba(228,85,60,1) 50%,rgba(210,37,2,1) 51%,rgba(180,30,0,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(236,164,152,1) 0%,rgba(228,85,60,1) 50%,rgba(210,37,2,1) 51%,rgba(180,30,0,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(236,164,152,1) 0%,rgba(228,85,60,1) 50%,rgba(210,37,2,1) 51%,rgba(180,30,0,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eca498', endColorstr='#b41e00',GradientType=0 ); /* IE6-8 */

	font-family: droidkufi;

	padding: 0px 5px;

	font-size: 23px;

	text-shadow: 0px 0px 3px #fff;

	color: #fff;

}

.now_news li.article_title ,.popular_box li.article_title{

	height: 33px;

	overflow: hidden;

	margin: 5px 0;

	color: #222;

	text-shadow: 0 0 2px #aaa;

	font-size: 12px;

	font-family: tahoma;

	text-align: justify;

	padding: 2px 30px 2px 5px;

	list-style: none;

	background: rgb(230,230,230); /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  rgba(230,230,230,1) 0%, rgba(206,206,206,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(206,206,206,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(206,206,206,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(230,230,230,1) 0%,rgba(206,206,206,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cecece',GradientType=0 ); /* IE6-8 */

}

.now_news a:hover li.article_title ,.popular_box  a:hover li.article_title{

	background: #b50102;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top, #b50102 0%, #ab0104 29%, #a70304 33%, #a50102 38%, #a20204 40%, #960103 59%, #930303 60%, #940205 62%, #8b0303 74%, #830304 97%, #7f0305 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b50102), color-stop(29%,#ab0104), color-stop(33%,#a70304), color-stop(38%,#a50102), color-stop(40%,#a20204), color-stop(59%,#960103), color-stop(60%,#930303), color-stop(62%,#940205), color-stop(74%,#8b0303), color-stop(97%,#830304), color-stop(100%,#7f0305));

	background: -webkit-linear-gradient(top, #b50102 0%,#ab0104 29%,#a70304 33%,#a50102 38%,#a20204 40%,#960103 59%,#930303 60%,#940205 62%,#8b0303 74%,#830304 97%,#7f0305 100%);

	background: -o-linear-gradient(top, #b50102 0%,#ab0104 29%,#a70304 33%,#a50102 38%,#a20204 40%,#960103 59%,#930303 60%,#940205 62%,#8b0303 74%,#830304 97%,#7f0305 100%);

	background: -ms-linear-gradient(top, #b50102 0%,#ab0104 29%,#a70304 33%,#a50102 38%,#a20204 40%,#960103 59%,#930303 60%,#940205 62%,#8b0303 74%,#830304 97%,#7f0305 100%);

	background: linear-gradient(to bottom, #b50102 0%,#ab0104 29%,#a70304 33%,#a50102 38%,#a20204 40%,#960103 59%,#930303 60%,#940205 62%,#8b0303 74%,#830304 97%,#7f0305 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50102', endColorstr='#7f0305',GradientType=0 );

	color: #fff;

	text-shadow: 0 0 2px #fff;

}

.now_news li.article_title_0 ,.popular_box li.article_title_0{

	background: rgb(255,255,255); /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */

}

.now_news .arrow ,.popular_box .arrow{

	width: 12px;

	height: 37px;

	position: absolute;

	background: url(../img/arrow.png) top no-repeat;

	margin-top: -42px;

	margin-right: 9px;

}

.now_news a:hover .arrow ,.popular_box  a:hover .arrow{

	background: url(../img/arrow.png) bottom no-repeat;

}

.short_popular{

}

.date_time{

	position: absolute;

	z-index: 9989;

	color: #FFF50F;

	padding: 8px 0;

	right: 13px;

	top: 200px;

	font-size: 14px;

}

#tabs {

	position: relative;

}

#tabs #content {

    padding: 10px 0;

    clear: right;

    text-align: right;

    width: auto;

    border-top: none;

    overflow: visible;

    background: #fff;

}

.main_title {

	overflow:hidden;

	padding: 1px 10px 1px 0px;

	display: block;

	font: normal 15px droidkufi,Tahoma,Geneva;

	color: #ffffff;

	height: 30px;

	overflow: hidden;

    background: #186873 ;

    border-radius: 12px;

}

#tabs #content .tab-slide { }

#tabs #content .tab-slide .tab-list li {

	margin: 1px 0;

	padding: 5px 0;

	border-bottom: 1px solid #7c7c7c;

	font: 13px tahoma;

	line-height: 22px;

}

#tabs #content .tab-slide p {

 margin: 0 0 10px;

 padding: 0;

 font: 13px tahoma;

 line-height: 22px;

}

#tabs #content .tab-slide a {

 color: #353433;

}

#tabs #content .tab-slide a:hover {

 color: #000000;

}

#box_related_news{

	margin: 10px;

}

#box_related_news li{

	background: url('../img/photo_active.jpg') no-repeat 100% 8px;

	padding: 5px 20px 2px 0;

	border-bottom: 1px dotted #cfcfcf;

	margin: 0 10px;

	text-align: justify;

}

#box_related_news li a{

	font-size: 16px;

	font-weight: bold;

	color: #222;

}

#box_related_news li a:hover{

	color: #C31403;

}

#admin_closed_site{

	display: none;

}

.video_homepage{

	clear: both;

	margin: 0 -15px;

	margin-bottom: 10px;

}

.video_homepage #content{

	background: #000;

	overflow: hidden;

	padding: 5px 5px 10px 5px;

}

/* root element for tabs  */

ul.tabs,.tabs_popular {

    list-style:none;

	overflow: hidden;

	border-bottom: none;

}

/* single tab */

ul.tabs li,.tabs_popular li {

    float: right;

    margin: 1px;

    list-style-image: none !important;

    text-align: center;

    border: 1px solid #fff;

    width: 16.4%;

    background: #38959a;

    border-radius: 10px;

}

ul.tabs li:last-child,.tabs_popular li:last-child {

	border-left: none;

}

/* link inside the tab. uses a background image */

ul.tabs a,.tabs_popular a {

    display:block;

    padding: 9px 5px;

	font: normal 13px droidkufi,Tahoma,Geneva;

	color: #ffffff;

	text-shadow: none;

    border-radius: 10px;

}

ul.tabs a:active,.tabs_popular a:active {

    outline:none;

	text-shadow:none;

}

ul.tabs a:hover,.tabs_popular a:hover {

    color: #fff;

}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a, ul.tabs_popular a.current, ul.tabs_popular a.current:hover, ul.tabs_popular li.current a {

    cursor:default !important;

    color:#FFF !important;

	background: linear-gradient(to bottom, rgb(54, 170, 185) 0%, rgb(10, 72, 82) 100%);

}

.pane {

    padding:15px 10px;

	background: #fff;

}

.scrollup{

    width: 100px;

    height: 90px;

    opacity:0.3;

    position:fixed;

	bottom: 0px;

	right: 10px;

    display:none;

    text-indent:-9999px;

    background: url('../img/icon_top.png') no-repeat;

	z-index:99;

}

.jScrollbar {

	width: 210px;

	height: 357px;

	overflow: hidden;

	position: relative;

	padding: 0 10px 0 0;

}

.jScrollbar .jScrollbar_mask {

	width: 192px;

	position: relative;

	top: 0;

	float: right;

}

.jScrollbar .jScrollbar_draggable {

	float:left;

	width:12px;

	height:357px;

	overflow:hidden;

	background:none;

	background-color: rgba(34, 34, 34, 0.12);

	position:relative;

	margin-left: 5px !important;

	border-radius: 10px;

}

.jScrollbar .jScrollbar_draggable a.draggable {

	position:relative;

	background: #555 url('../img/bg_draggable.png') no-repeat;

	display:block;

	height:52px;

	width:12px;

	border-radius: 10px;

}

.live{

	left: 0;

	top: 201px;

}

.mobile{

}

.urgent{

	position: fixed;

	bottom: 0;

	width: 100%;

	height: 50px;

	z-index: 10;

	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.75);

	background: rgb(153,0,2); /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5MDAwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZTAwMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  rgba(153,0,2,1) 0%, rgba(110,0,13,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,0,2,1)), color-stop(100%,rgba(110,0,13,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(153,0,2,1) 0%,rgba(110,0,13,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(153,0,2,1) 0%,rgba(110,0,13,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(153,0,2,1) 0%,rgba(110,0,13,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(153,0,2,1) 0%,rgba(110,0,13,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990002', endColorstr='#6e000d',GradientType=0 ); /* IE6-8 */

	display: none;

}

.urgent_inner{

	width: 1000px;

	margin: auto;

}

.urgent_title{

	color: rgb(255,255,255);

	font-size: 19px;

	text-align: right;

	padding-right: 130px;

	background: url(../img/urgent.png) right no-repeat;

}

.live_code {

	position: relative;

	width: 655px;

	height: 460px;

	margin: auto;

	padding-bottom: 15px;

}

.homepage_audio_player {

	margin: 5px 0;

}

.homepage_audio_player div{

	position: inherit !important;

	margin: auto;

}

div.homepage_audio_player {

	position: inherit!important;

}

.short_audio{

color: #246514;

    height: 35px;

    background: #EEF1F6 ;

    font-size: 25px;

    width: 141px;

    margin-bottom: 2px;

    float: right;

    margin-right: 2px;

    overflow: hidden;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    border-radius: 5px;

}

.short_audio:hover {

	transform: scale(0.96);

	-ms-transform: scale(0.96);

	-webkit-transform: scale(0.96);

	-o-transform: scale(0.96);

	-moz-transform: scale(0.96);

	box-shadow: 0 0 0 2px rgba(255,255,255,0.35);

}

.short_audio .video_play{

	position: absolute;

	top:0;

	bottom:0;

	right:0;

	left:0;

	background: url(../img/play_small.png) 3% 63% no-repeat;

	opacity: 0.75;

	-webkit-transition: all 150ms;

	-moz-transition: all 150ms;

	-o-transition: all 150ms;

	-ms-transition: all 150ms;

}

.short_audio:hover .video_play{

	opacity: 1;

}

.video_headlines_item:hover{

	transform: scale(0.96);

	-ms-transform: scale(0.96);

	-webkit-transform: scale(0.96);

	-o-transform: scale(0.96);

	-moz-transform: scale(0.96);

	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);

}

.corners{

	background: url(../img/corners.png) no-repeat;

	height: 19px;

	margin: 0 -20px -10px;

}

.books_library{

	display: inline-block;

	height: 188px;

	position: relative;

	box-shadow: 0px 9px 10px -10px rgb(0, 0, 0);

}

.short_book{

	width: 140px;

    float: left;

    margin: 10px 0 0 27px;

    position: relative;

}

.short_book .image{

    width: 140px;

    height: 190px;

    background: #E1E4C5;

    margin-bottom: 5px;

    -webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;

    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;

    box-shadow: 0px 1px 5px 0px #4A4A4A;

    position: relative;

    -webkit-transition: all 250ms;

    -moz-transition: all 250ms;

    -o-transition: all 250ms;

    -ms-transition: all 250ms;

}

.short_book:hover .image{

	-webkit-box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 0.75);

	-moz-box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 0.75);

	box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 0.75);

}

.short_book img{

	width: 100%;

	height: 190px;

	-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(.8, rgba(0,0,0,0)), to(rgba(0,0,0,.25)));

}

.short_book .highlight{

	width: 130px;

	height: 140px;

	position: absolute;

	top: 0;

	right: 0;

	background: url(../img/highlight.png);

}

.short_book .short_book_title{

	color:#000;

	font-family: ge_ss_three_light;

	font-size: 14px;

	text-align: center;

	line-height: 18px;

	position: relative;

}

.short_book:hover .short_book_title{

	color: #fff;

}

.book_view {

	margin: 0px 0px -29px 0px;

	background: url(../img/view_book.png);

	width: 60px;

	height: 65px;

	display: inline-block;

}

.book_file2 {

	margin: 2px;

	background: url(../img/down_book2.png) no-repeat right;

	width: 68px;

	height: 20px;

	display: inline-block;

}

.book_view2 {

	margin: 2px;

	background: url(../img/view_book2.png) no-repeat right;

	width: 80px;

	height: 20px;

	display: inline-block;

}

.book_view3 {

	margin: 0px 0px -29px 0px;

	background: url(../img/word.png);

	width: 65px;

	height: 65px;

	display: inline-block;

}

.home_adv1, .home_adv2, .home_adv3{

	background: #eee;

	float: right;

	width: 215px;

	height: 330px;

	margin-left: 5px;

	overflow: hidden;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

}

.home_adv1:hover, .home_adv2:hover, .home_adv3:hover{

	transform: scale(0.96);

	-ms-transform: scale(0.96);

	-webkit-transform: scale(0.96);

	-o-transform: scale(0.96);

	-moz-transform: scale(0.96);

	box-shadow: 0 0 0 2px rgba(0, 60, 107, 0.35);

}

.home_adv3{

	margin-left: 0px;

}

.error_no_article{

	margin: 20px auto;

	background: #00a9ec;

	color: #fff;

	padding: 5px;

	text-align: center;

	width: 400px;

	border-radius: 15px;

	font-family: ge_ss_three_light;

	font-size: 16px;

}

#video_headlines_title{

	color: #FFF;

	font-family: ge_ss_three_light;

	font-size: 16px;

	padding: 5px;

	height: 42px;

	overflow: hidden;

	text-align: center;

	background: #020202;

	margin-top: 0px;

}

#audio_homepage_title{

	color: #eee;

	font-family: ge_ss_three_light;

	font-size: 16px;

	padding: 5px;

	height: 39px;

	overflow: hidden;

	text-align: center;

	width: 345px;

	background: #020202;

	display: inline-block;

	position: relative;

	margin-top: 30px

}

.video_category_item{

	color: #fff;

	font-family: ge_ss_three_light,tahoma;

	height: 42px;

	background: #122C61 url(../img/video_icon.png) no-repeat 264px center;

	width: 246px;

	padding-right: 60px;

	padding-left: 5px;

	margin-top: 10px;

	float: right;

	margin-left: 10px;

	font-size: 14px;

	overflow: hidden;

	text-align: justify;

	cursor: pointer;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	box-shadow: 0 0 5px #122C61;

}

.video_category_item_0{

	margin-left: 0px;

}

.video_category_item:hover{

	transform: scale(0.96);

	-ms-transform: scale(0.96);

	-webkit-transform: scale(0.96);

	-o-transform: scale(0.96);

	-moz-transform: scale(0.96);

	box-shadow: 0 0 0 2px rgba(69, 119, 158, 0.35);

}

/***** Video headlines *****/

.box_video {

	overflow: hidden;

	clear: both;

	background: #020202;

}

.cat_title {

	overflow:hidden;

	padding: 6px 5px;

	font: normal 17px ge_ss_three_light;

	background: #C3CA8C;

	color: #000000;

}

.more_news_item #content .tab-slide { }

.more_news_item #content .tab-slide .tab-list li {

	margin: 1px 0;

	padding: 5px 0;

	border-bottom: 1px solid #7c7c7c;

	font: 13px tahoma;

	line-height: 22px;

}

.more_news_item #content .tab-slide p {

 margin: 0 0 10px;

 padding: 0;

 font: 13px tahoma;

 line-height: 22px;

}

.more_news_item #content .tab-slide a {

 color: #353433;

}

.more_news_item #content .tab-slide a:hover {

 color: #000000;

}

#dynamic_box_center .right {

width: 345px;

float: right;

height: 492px;

position: relative;

margin-left: 5px;}

#dynamic_box_center .left {

width: 400px;

float: left;

height: 492px;

position: relative;

}

.seperate {

	display: inline-block;

	height: 0;

	position: relative;

	margin: 2px 0;

	width: 100%;

}

.short_audio a {

	width: 250px;

}

.box_body3 {

	overflow: hidden;

	background: white;

	border: 1px solid #0068a1;

	padding: 5px 5px 0 5px;

	border-top: none;

	width: 663px;

	border-radius: 12px;

}

.center2 {

	height: 197px; 

	margin-bottom: 5px;

	display: inline-block;

	width: 100%;

	position: relative;

	overflow: hidden;

}

.tabeed {

	display: inline-block;

	float:left;

}

	

.right {

		float: right;

		width: 590px;

    	border: 1px solid #eee;

   		border-radius: 12px;

	}

.download {

position: relative;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    color: #246514;

    height: 35px;

    background: #EEF1F6;

    width: 100px;

    padding-right: 20px;

    /* padding-left: 5px; */

    margin-bottom: 2px;

    float: right;

    margin-right: 2px;

    font-size: 25px;

    overflow: hidden;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    border-radius: 5px;

}

.download:hover {

	transform: scale(0.96);

	-ms-transform: scale(0.96);

	-webkit-transform: scale(0.96);

	-o-transform: scale(0.96);

	-moz-transform: scale(0.96);

	box-shadow: 0 0 0 2px rgba(255,255,255,0.35);

}

.download span {

    font-size: 26px;

    font-weight: normal !important;

    display: block;

    padding: 7px;

    text-decoration: none;

    color: #2a9bab;

}

.short_audio span {

    font-size: 26px;

    font-weight: normal !important;

    display: block;

    padding: 6px;

    text-decoration: none;

    color: #2a9bab;

}

.audio_download {

	width: 50px;

	height: 60px;

	background: url(../img/Download-icon.png) no-repeat center;

	position: relative;

	float: left;

	margin: 2px 0px;

}

.audio2_download {

	width: 50px;

	height: 49px;

	background: url(../img/Download-icon.png) center center;

	position: relative;

	float: left;

	margin: 2px 0px;

}

.munua {

	position: absolute;

	left: 0px;

	top: 0px;

}

select#menu {

	background: rgb(236,236,236);

	width: 142px;

	height: 35px;

}

.book_file {

	margin: 0px 0px -29px 0px;

	background: url(../img/down_book.png);

	width: 60px;

	height: 65px;

	display: inline-block;

}

.cat_image {

	margin: 0 auto;

	text-align: center;

	float: left;

}

.cat_image img {

	max-width: 800px;

}

div.ads1 {

width: 750px;

float: left;

}

div.ads2 {

width: 238px;

float: right;

}

div.ads3 {

height:290px;

overflow: hidden;

}

@charset "utf-8"; @media screen, projection{

.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%;background: #eee;}

.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}

.imageflow p{margin:0 auto; text-align:center}

.imageflow .loading{border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}

.imageflow .loading_bar{background:#fff; height:15px; visibility:visible; width:1%}

.imageflow .navigation{z-index:10000}

.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10001; bottom: -37;}

.imageflow .scrollbar{border-bottom:1px solid #55A835; position:relative; visibility:hidden; z-index:10002; height:1px; margin: 0 auto; bottom: -36;}

.imageflow .slider{background:url(../img/slider.png) no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10003}

.imageflow .slideshow{cursor:pointer; height:14px; margin:20px 0 0 20px; position:absolute; width:14px; z-index:10003}

.imageflow .slideshow.pause{background:url(../img/button_pause.png) no-repeat}

.imageflow .slideshow.play{background:url(../img/button_play.png) no-repeat}

.imageflow .images{overflow:hidden; white-space:nowrap;direction: ltr;}

.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}

.imageflow .previous{background:url(../img/button_left.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}

.imageflow .next{background:url(../img/button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}

.sadeq .title {

width: 49%;

float: right;

text-align: center;

background: #FFF;

margin-left: 2px;

}

#audio_homepage_title .date_time {display: none;}

/*Now the CSS*/

* {margin: 0; padding: 0;}

.tree ul {

	padding-top: 20px; position: relative;

	

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

}

.tree li {

	float: left; text-align: center;

	list-style-type: none;

	position: relative;

	padding: 20px 5px 0 5px;

	

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{

	content: '';

	position: absolute; top: 0; right: 50%;

	border-top: 1px solid #ccc;

	width: 50%; height: 20px;

}

.tree li::after{

	right: auto; left: 50%;

	border-left: 1px solid #ccc;

}

/*We need to remove left-right connectors from elements without 

any siblings*/

.tree li:only-child::after, .tree li:only-child::before {

	display: none;

}

/*Remove space from the top of single children*/

.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 

right connector from last child*/

.tree li:first-child::before, .tree li:last-child::after{

	border: 0 none;

}

/*Adding back the vertical connector to the last nodes*/

.tree li:last-child::before{

	border-right: 1px solid #ccc;

	border-radius: 0 5px 0 0;

	-webkit-border-radius: 0 5px 0 0;

	-moz-border-radius: 0 5px 0 0;

}

.tree li:first-child::after{

	border-radius: 5px 0 0 0;

	-webkit-border-radius: 5px 0 0 0;

	-moz-border-radius: 5px 0 0 0;

}

/*Time to add downward connectors from parents*/

.tree ul ul::before{

	content: '';

	position: absolute; top: 0; left: 50%;

	border-left: 1px solid #ccc;

	width: 0; height: 20px;

}

.tree li a{

    border: 1px solid #000000;

    padding: 40px 30px;

    text-decoration: none;

    color: #2e17a9;

    font-size: 16px;

	display: inline-block;

	border-radius: 5px;

	webkit-border-radius: 5px;

	moz-border-radius: 5px;

	transition: all 0.5s;

	webkit-transition: all 0.5s;

	moz-transition: all 0.5s;

}

/*Time for some hover effects*/

/*We will apply the hover effect the the lineage of the element also*/

.tree li a:hover, .tree li a:hover+ul li a {

	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;

}

/*Connector styles on hover*/

.tree li a:hover+ul li::after, 

.tree li a:hover+ul li::before, 

.tree li a:hover+ul::before, 

.tree li a:hover+ul ul::before{

	border-color:  #94a0b4;

}

/*Thats all. I hope you enjoyed it.

Thanks :)*/

div#tabs {

}

div.headline_video_player {

}

div#box_video_headline_container__1053_wrapper {

width: 750;

}

div.headline_video_playlist {

}

div.panes2 {

background: url(../img/video-aa1.png)no-repeat;

margin: 2 2 2;

}

#video_headlines_title2{

	color: #FFF;

	font-family: ge_ss_three_light;

	font-size: 18px;

	padding: 9px 5px 5px 5px;

	height: 25px;

	overflow: hidden;

	text-align: center;

	background: #242423;

	border-radius: 0 0 5px 5px;

	margin-top: -5px;

}

div.video_headlines_item2 {

width: 240;

}

.video_headlines_item2 {

	color: #fff;

	font-family: ge_ss_three_light,tahoma;

	height: 60px;

	background: #C3CA8C url(../img/video_icon.png) no-repeat 242px center;

	width: 249px;

	padding: 2px 5px 0 47px;

	padding-left: 5px;

	margin: 2px 3px;

	float: right;

	font-size: 14px;

	overflow: hidden;

	text-align: justify;

	cursor: pointer;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

}

.video_left {

	float: left;

	width: 240px;

	margin-left: -5px;

}

.video_right {

	float: right;

	width: 950px;

}

.qr{

	display: inline-block;

	float: left;

}

.qr img{

	width: 60px;

	height: 60px;

}

.qrbook{

	display: inline-block;

}

.qrbook_cat img{

	width: 60px;

	height: 60px;

	margin: -6 4;

}

center {

    float: right;

    text-align: right;

    color: #fe0000;

    padding: 218px 594px 9px 37px;

    font-size: 20px;

    position: absolute;

}

.print_website_title, .qrprint{

	display: none;

}

.shortfornews {

	background-color: #f8f8f8;

    overflow: hidden;

    width: 255px;

    height: 149px;

    border-radius: 12px;

    float: right;

    margin: 10px 12px 10px 12px;

    position: relative;

    transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;

    padding-top: 0;

}

.shortfornews .article_title {

    left: 0;

   	bottom: -152px;

    position: relative;

    width: 270px;

    height: 60px;

    margin-top: -98px;

    padding: 42px 0 0 0;

    color: #fff;

    text-align: center;

    direction: rtl;

    background: url('../img/sma_pic2.png') top center no-repeat;

    transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;

}

.shortfornews .article_title h3{

    background: rgba(19, 5, 5, 0.48);

    height: 43px;

    width: 255px;

    padding: 5px;

    font-size: 12px;

    font-weight: normal;

    border-radius: 0 0 12px 12px;

}

.shortfornews .image {

overflow: hidden;

    overflow: hidden;

    border-radius: 12px;

    width: 269px;

    height: 160px;

    transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;

	   

}

.shortfornews .image_inner {

	overflow: hidden;

	width: 100%;

	height: 100%;

}

.shortfornews img {

	width: 100%;

	height: 100%;

}

.shortfornews:hover .image {

    -webkit-filter: grayscale(0%);

    filter: grayscale(0%);

}

.cat_title_center{

    font-size: 18px;

	line-height: 41px;

	text-align: right;

	position: relative;

	background: #fff url(../img/module-header.png) no-repeat right;

    

}

.cat_title_center:before{

    content: "";

    height: 1px;

    width: 90%;

    opacity: 0.6;

    background: #000;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    z-index: 90;

}

.cat_title_center span{

position: relative;

    background: #fff;

    padding: 2px 10px;

    margin: 0px 33px 0px 0px;

    z-index: 99;

}

.rect1{

    float: left;

    position: relative;

    background: #fff;

    padding: 8px 10px;

    margin: 0px 20px 0px 0px;

    z-index: 99;

}

.left {

    width: 590px;

    float: left;

    border: 1px solid #eee;

    border-radius: 12px;

	margin-bottom: 10px;

}

.homepage_video{

	clear: both;

}

.homepage_video{

	position: relative;

	overflow: hidden;

	min-height: 120px;

}

.homepage_video_cover {

    margin: 0 auto;

    text-align: center;

		cursor: url(../img/mac_hand_cursor.png),url(../img/mac_hand_cursor.cur),auto;

}

.homepage_video .homepage_video_cover{

	position: absolute;

	height: 120px;

	width: 100%;

	background: url(../img/playoverview.png) center no-repeat;

	overflow: hidden;

	z-index: 999;

	cursor: url(../img/mac_hand_cursor.png),url(../img/mac_hand_cursor.cur),auto;

}

.homepage_video  .homepage_video_cover .play_button{

    position: absolute;

    bottom: 37%;

    margin-bottom: -48px;

    left: 50%;

    margin-right: -48px;

    opacity: 0.8;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.homepage_video .homepage_video_cover:hover .play_button{

	opacity: 1;

}

.homepage_video .homepage_video_headlines{

	border-radius: 10px;

	overflow: hidden;

	margin-bottom: 4px;

	padding: 2px 0px 10px 0px;

}

.lsen {

    color: #053391;

    height: 30px;

    background: #EEF1F6;

    width: 248px;

    padding-top: 5px;

    padding-right: 20px;

    padding-left: 20px;

    float: right;

    margin-bottom: 2px;

    font-size: 13px;

    overflow: hidden;

    text-align: justify;

    cursor: pointer;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    border-radius: 5px;

}

.boxes_container {

	width: 100%;

	height: 170px;

	max-width: 1200px;

	margin: auto;

	overflow: hidden;

	text-align: center;

	margin-bottom: 10px;

	margin-top: 20px;

}

.column{

	width: calc((100% - 30px)* 0.25);

	height: 100%;

	margin-left: 10px;

	position: relative;

	float: right;

    border-radius: 12px;

}

.element {

	width: 100%;

	height: calc((100% - 20px)* 0.333);

	margin: 0;

	text-align: right;

	position: relative;

	margin-bottom: 10px;

	overflow: hidden;

	background:#012c3f;

	background-repeat: no-repeat;

	background-position: center;

	border: 1px solid rgba(189, 189, 189, 1);

	box-shadow: 0px 2px 7px rgba(50,50,50,0.51);

}

.element.large {

	height: calc(100% - 10px);

}

.element.large_beside{

	height: calc(100% - 10px);

}

.element .element_image{

	width: 100%;

	height: 100%;

	overflow: hidden;

	background-size: cover;

	background-position: center;

	-webkit-transition: -webkit-transform 0.4s;

	-moz-transition: -moz-transform 0.4s;

	transition: transform 0.4s;

}

.element .element_image img {

	min-width: 100%;

	height: 100%;

	display: block;

	position: absolute;

	top: 0;

	left: 50%;

	transform: translate(-50%,0);

	-ms-transform: translate(-50%,0);

	-webkit-transform: translate(-50%,0);

}

.element_caption {

	position: absolute;

    top: 0;

    left: 0;

    padding: 0px 20px;

    background: rgba(1, 2, 2, 0.35);

    color: #FFF;

    height: 72px;

    width: 250px;

    top: auto;

    bottom: 0;

    opacity: 0;

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    transform: translateY(100%);

    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;

    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;

    transition: transform 0.4s, opacity 0.1s 0.3s;

}

.element .element_caption span{

	font-size: 14px;

}

.element_caption a {

	text-align: center;

	padding: 5px 10px;

	border-radius: 2px;

	display: inline-block;

    background: #008b8d;

    color: #ffffff;

	position: absolute;

	bottom: 10px;

	left: 20px;

}

.element:hover .element_image{

	-webkit-transform: translateY(-25px);

	-moz-transform: translateY(-25px);

	-ms-transform: translateY(-25px);

	transform: translateY(-25px);

}

.element:hover .element_caption{

	opacity: 1;

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	-ms-transform: translateY(0px);

	transform: translateY(0px);

	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;

	-moz-transition: -moz-transform 0.4s, opacity 0.1s;

	transition: transform 0.4s, opacity 0.1s;

}

.pic_slider103 {

    width: 100%;

    height: 320px;

    position: absolute;

    left: 20px;

    background: #f9fafc url(../img/s1.png) no-repeat center left;

    border-right: 3px solid #e4f0f5;

    border-radius: 15px;

}

.pic_slider591 {

    width: 100%;

    height: 320px;

    position: absolute;

    left: 20px;

    background: #f9fafc url(../img/s2.png) no-repeat center left;

    border-right: 3px solid #e4f0f5;

    border-radius: 15px;

}

.pic_slider1209 {

    width: 100%;

    height: 320px;

    position: absolute;

    left: 20px;

    background: #f9fafc url(../img/s3.png) no-repeat center left;

    border-right: 3px solid #e4f0f5;

    border-radius: 15px;

}

.pic_slider1150 {

    width: 100%;

    height: 320px;

    position: absolute;

    left: 20px;

    background: #f9fafc url(../img/s4.png) no-repeat center left;

    border-right: 3px solid #e4f0f5;

    border-radius: 15px;

}

.pic_slider654 {

    width: 100%;

    height: 320px;

    position: absolute;

    left: 20px;

    background: #f9fafc url(../img/s5.png) no-repeat center left;

    border-right: 3px solid #e4f0f5;

    border-radius: 15px;

}

.pic_slider1 {

    width: 100%;

    height: 320px;

    position: absolute;

    left: 20px;

    background: #f9fafc url(../img/s7.png) no-repeat center left;

    border-right: 3px solid #e4f0f5;

    border-radius: 15px;

}

.pic_slider100 {

    width: 100%;

    height: 320px;

    position: absolute;

    left: 20px;

    background: #f9fafc url(../img/s6.png) no-repeat center left;

    border-right: 3px solid #e4f0f5;

    border-radius: 15px;

}

.a-btn{

background: -webkit-linear-gradient(top, #59c9d8 0%, #1c8c9c 100%);

    padding-left: 60px;

    padding-right: 12px;

    height: 40px;

    display: inline-block;

    position: relative;

    border: 1px solid #16ade6;

    border-radius: 4px;

    clear: both;

    margin: 5px;

    margin-right: 20px;

    overflow: hidden;

    transition: box-shadow 0.3s ease-in-out;

}

.a-btn img{

	position: absolute;

    left: 0px;

    top: -9px;

    border: none;

}

.a-btn .a-btn-slide-text{

    position: absolute;

    font-size: 12px;

    top: 10px;

    font-weight: bold;

    left: 10px;

    color: #c82c09;

    opacity: 0;

    text-shadow: 0px 1px 1px rgba(15, 1, 1, 0.4);

    transition: opacity 0.2s ease-in-out;

}

.a-btn-text{

    padding-top:13px;

    display:block;

    font-size:30px;

    text-shadow:0px -1px 1px #80ab5d;

}

.a-btn-text small{

    display: block;

    font-size: 11px;

    width: 100px;

    color: #fff;

}

.a-btn:hover{

    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);

}

.a-btn:hover img{

    transform:scale(10);

    opacity:0;

}

.a-btn:hover .a-btn-slide-text,

.a-btn:hover .a-btn-icon-right span{

    opacity:1;

}

.a-btn:active{

    position:relative;

    top:1px;

    background:#80ab5d;

    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;

    border-color:#a9db80;

}

.a-btn:active .a-btn-icon-right span{

    -webkit-transform:scale(1.4);

    -moz-transform:scale(1.4);

    -ms-transform:scale(1.4);

    -o-transform:scale(1.4);

    transform:scale(1.4);

}

.lof-slidecontent ul.navigator-wrap-inner li > div {

    color: #000;

    height: 100%;

    position: relative;

    margin-left: 15px;

    padding-left: 15px;

    border-bottom: 1px solid #e5e5e5;

    border-top: 1px solid #e5e5e5;

    text-align: right;

    direction: rtl;

    height: 60px;

    padding-right: 10px;

}

.more_news_progr{

    height: 280px;

    width: 100%;

    position: relative;

    overflow: hidden;

    background: #fff;

    border-top: 1px solid #e0dcdc;

    padding-top: 10px;

}

.more_news_progr .more_news_slider{

	background: #fff;

}

.more_news_progr li a{

	color: #000;

}

.more_news_progr li a:hover{

	color: #4c673a;

}

.more_news_progr .cat_title{

	font-size: 24px;

	padding-right: 15px;

	color: #000;

	margin-top: 5px;

	margin-bottom: -5px;

}

.more_news_slider {

	position: relative;

	width: 96%;

	margin: 0 auto;

	height: 98%;

	direction: ltr;

}

.more_news_slider ul {

	margin: 0;

	padding: 0;

	height: 100%;

}

.more_news_slider ul li {

	list-style: none;

	text-align: center;

	width: 100px;

	height: 100%;

	direction: rtl;

}

.slider-arrow {

	position: absolute;

	top: 3px;

	width: 30px;

	height: 30px;

	color: #fff;

	text-align: center;

	text-decoration: none;

	z-index: 99;

	-webkit-transition: all 200ms;

	-moz-transition: all 200ms;

	-o-transition: all 200ms;

	-ms-transition: all 200ms;

	

}

.sa-left {

	left: 0px;

	background:  url(../img/news_slider_left_arrow.png) no-repeat center;

}

.sa-left:hover {

	width: 25px;

}

.sa-right {

	left: 0px;

	background: url(../img/news_slider_right_arrow.png) no-repeat center;

}

.sa-right:hover {

	width: 30px;

}

.sa-left.white {

  top: 43%;

  left: 5px;

  background: rgba(18, 18, 18, 0.12) url(../img/news_slider_left_arrow_blue.png) no-repeat center;

  padding: 10px;

}

.sa-left.white:hover {

	width: 25px;

	

}

.sa-right.white {

	top: 43%;

	right: 5px;

	background: rgba(18, 18, 18, 0.12) url(../img/news_slider_right_arrow_blue.png) no-repeat center;

        padding: 10px;

}

.sa-right.white:hover {

	width: 25px;

}

.frontimg {

    position: absolute;

    bottom: 0px;

    width: 91%;

    margin-right: 55px;

}

.frontimg a {

    font-size: 25px;

    float: right;

    display: block;

    padding: 5px;

    margin: 3px;

}

.frontimg a:hover {

    color: rgb(81, 153, 203);

}

.textarea_line {

    margin-left: 22px;

}

a.wa_btn {

      position: relative; 

}

.sub_cats_container{

	overflow: hidden;

}

.sub_cats_navigation{

    overflow: hidden;

    padding-bottom: 10px;

    text-align: center;

}

.sub_cats_navigation .item{

	display: inline-block;

    padding: 5px 10px;

    cursor: pointer;

    border: 1px solid #eee;

    margin: 0 5px;

    border-radius: 5px;

    background: #f5f5f5;

}

.sub_cats_navigation .item:hover{

    background: #ddd;

}

.sub_cats_navigation .item.selected{

    background: #3b9a47 !important;

    color: #fff !important;

    border: 1px solid #3b9a47 !important;

    font-weight: bold !important;

}

/*Ali*/

@media (max-width: 380px) {

	.col-xs-6 .sub_category_box.sub_category_box {

	    height: 50px;

	}

	

	.jwplayer {

	

		height: 220px !important;

	

	}

	

	.col-xs-12 .story_stamp {

	    font-size: 10px;

	}

	#box_article_tools ul {

	    margin: 0 20%;

	    display: inline-block;

	}

}

/**/
@media (min-width: 500px) {
.tree-fam li div {
border: 1px solid #ccc;
padding: 5px 10px;
text-decoration: none;
color: #666;
font-family: arial, verdana, tahoma;
font-size: 11px;
display: inline-block;
min-height: 30px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.tree-fam li div .male {
display: inline-block;
width:auto;;
padding:10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

}
/**/
@media (max-width: 768px) {

.tree-fam li div .male {
    display: inline-block;
    width: auto;
    padding: 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 38px;
}

.tree-fam li div {
    border: 1px solid #ccc;
    padding: 1px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: contents;
    min-height: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    width: 22px;
}

.frontimg {

    position: absolute;
    bottom: 0px;
    width: 100%;
    margin: 0 20%;

}

#header .socialcontact ul li a {

    font-size: 14px;
    height: 30px;
    width: 30px;

}

	.jwplayer {

	

		height: 300px !important;

	

	}

.shortmz .image {

    width: 100% !important;

    height: 100% !important;

 

}

	.col-xs-6 .sub_category_box.sub_category_box {

	    height: 50px;

	}



	.short1 .image {

		width: 100% !important;

	    height: 200px;

	}

	.short1 .article_title {

    overflow: hidden;

    font-size: 16px;

    padding: 5px 1px;

    line-height: 30px;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    color: #42b3bc;

    margin: 5px 0 5px 0;

    text-align: center;

    position: relative;

}

.short1 .article_title span {

    text-align: center;

    font-weight: bold;

}

.box_white { padding: 0px;}

.menu_container {

    padding: 0 30px;

}

.card-text img {

    width: 75%;

}

.card-body2 .title {

    text-align: center;

    margin-top: -30px;

}

	}

@media (max-width: 768px) {

	.tree-menu {

	    max-width: 100% !important;

	    min-width: 100% !important;

	}

}

.image2 {

    width: 250px;

    height: 170px;

    position: relative;

    margin-right: 10px;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    float: right;

}

.video-overlay-play-button {

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    padding: 10px calc(50% - 50px);

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    opacity: 0.6;

    cursor: pointer;

    /* background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); */

    /* background-image: linear-gradient(transparent, #000); */

    -webkit-transition: opacity 150ms;

    transition: opacity 150ms;

	z-index: 3;

}



.card-body2 .title {

    text-align: center;

    margin: -20px 0 auto;

    width: 71%;

    position: relative;

    display: inline-block;

    background: #1b424d;

    padding: 5px 5px;

    color: #fff;

    border-radius: 4px;

    cursor: pointer;

}

.card-text .title a {

    color: #fff;

}

/*videolist*/

.video_list .image {

    margin: 0;

    width: 100%;

}

.video_list .image img {

    width: 100%;

}

.video_list .article_title {

    position: absolute;

    bottom: 10px;

    color: #fff;

    background: #00000047;

	width: 100%;

}

.video-overlay-play-button {

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    padding: 10px calc(58% - 50px);

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    opacity: 0.6;

    cursor: pointer;

    /* background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); */

    /* background-image: linear-gradient(transparent, #000); */

    -webkit-transition: opacity 150ms;

    transition: opacity 150ms;

	z-index: 3;

}

.video-overlay-play-button:hover {

    opacity: 1;

}

/*table*/

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {

	text-align: center !important; 

}

/*footer*/

.bg-dark {

  background-color: #343a40 !important; 

}

a.bg-dark:hover, a.bg-dark:focus,

button.bg-dark:hover,

button.bg-dark:focus {

  background-color: #1d2124 !important;

}

footer a, footer a:link, footer a:visited {

    color: #fff;

}

.bg-white {

  background-color: #fff !important;

}

.footerbg {

	width:100%;

	left:0;

	right:0;

	position: absolute;

}

.bg-transparent {

  background-color: transparent !important;

}

.social {

    display: flex;

    justify-content: space-around;

    text-align: center;

    padding: 10px 0;

}

.social img {

    width: 30px;

}

.footer-link h5 {

    color: yellow;

    position: relative;

}

.footer-link a {

    padding: 10px 0;

}

.footer-link a {

    color: #fff;

    text-align: justify;

}

.footer-link li {

    list-style: none;

    text-align: justify;

}

.footer-link ul {

    padding:  0px;

}

.tree-menu{

    background-color: #106a68;

    max-width: 100% !important;

    padding: 20px;

}

.tree-menu ul {

    padding: 0em;

}

.tree-menu ul li,.tree-menu ul li ul li {

    position:relative;

    top:0;

    bottom:0;

    padding-bottom: 10px;

}

.tree-menu ul li ul {

    margin-right: 4em;

}

.tree-menu li {

    list-style-type: none;

}

.tree-menu li a {

    padding:10px 0 10px 10px;

    position: relative;

    top:1em;

    border: 1px solid #fff;

    border-radius: 4px;

    display: inline-flex;

    padding-right: 10px;

    text-align: center;

    color: #fff;

    transition: all .3s ease-in-out;

    text-decoration: none !important;

}

.tree-menu li a  i{

    /* margin-left: 8px; */

    color: #fff;

}

.tree-menu li a span.number{

    background-color: #b6c7c9;

    border-radius: 20px;

    padding: 2px 5px;

    font-size: 12px;

    margin-right: 10px;

    

}

.tree-menu li a.hover{

    background-color: #bbbac0;

    

    color: #fff;

}

.tree-menu li a:hover {

    text-decoration: none;

}

.tree-menu li.hasSubmenu > a{

    border-right: 0;

    border-radius: 4px 0 0 4px;

    padding-right: 0;

}

.tree-menu li.hasSubmenu > a:nth-child(1){

    border-left: 0;

    border-radius:  0 4px 4px 0  ;

    padding:13px 0 14px 10px;

    border-right: 1px solid #fff;

    padding-right: 10px;

}

.tree-menu a.addBorderBefore:before {

    content: "";

    display: inline-block;

    width: 2px;

    height: 28px;

    position: absolute;

    right: -61px;

    top:-16px;

    border-right: 1px solid gray;

}

.tree-menu li:before {

    content: "";

    display: inline-block;

    width: 25px;

    height: 0;

    position: relative;

    right: 0em;

    top: 4px;

    border-top: 1px solid gray;

}

/* li:after {

    content: "";

    display: inline-block;

    width: 100%;

    height: 0;

    position: absolute;

    right: 0em;

    top:0;

    border: 1px solid gray;

    margin-bottom: 20px;

} */

/* ul li ul li:last-child:after, ul li:last-child:after {

    content: '';

    display: block;

    width: 1em;

    height: 1em;

    position: relative;

    background: #fff;

    top: 9px;

    right: 0;

} */

.tree-menu i.fa.fa-folder{

    font-size: 16px;

    margin-top: -2px;

}

 .tree-menu li.hasSubmenu > ul{

    display: none;

} 

/*end footer*/

/*ENd ALI*/

#fade-quote-carousel.carousel .carousel-inner .item{width:100%;}

.carousel-inner .title {

    font-size: 18px;

    text-align: center;

}

#fade-quote-carousel blockquote {

    text-align: justify;

    border: none;

    line-height: 36px;

    font-size: 16px;

}

/*** breadcrumbs ***/

.box_breadcrumb {

    padding-top: 5px;

    padding-bottom: 5px;

    padding-right: 20px;

    color: #555;

    border-bottom: 1px dashed rgb(214, 200, 200);

	

	text-align: right;

}

.box_breadcrumb a {padding-left:4px;}

/*video article*/

.jwplayer {

    width: 100% !important;

}

/*article*/

#article_holder .image {float:right; width:100% !important; text-align:center;}

#article_holder .image img {

    width: 100% !important;

}

.aricle_share ul li {

    list-style: none !important;

}

#article_holder * {

	line-height: normal !important;

}

#article_body * {

    font-family: taher,'droidkufi', hacen_liner, arial, jw-icons !important;

	line-height: normal !important;

}

.qrbook_cat {

    display: inline-block;

    float: right;

    width: 100%;

}

.qrbook_cat{

	display: inline-block;

	float: right;

}

.short22 {

    width: 100%;

    float: right;

    height: 180px;

    margin-bottom: 0px;

    overflow: hidden;

    border: 1px solid #eee;

    margin: 10px 0;

    border-radius: 15px;

}

.short22 .article_title {

    padding: 0 5px;

    color: #000;

    overflow: hidden;

    font-size: 13px;

    padding-top: 3px;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    background-color: #eee;

    padding: 5px 0;

        border-bottom-right-radius: 15px;

}

.short22 .detail {

    text-align: center;

}

.book_read_download {

    position: relative;

}

.book_read_download ul li {

    display: inline-block;

}

.book_read_download ul li a {

    color: #000;

    font-size: 35px;

    padding: 0px;

}

.book_read_download ul li a:hover {

    color: #eee;

}

img.book_icons {

    width: 25px;

}

.mp3_icons img {

    border-radius: 0;

}

.mp3_download ul li {

    display: inline-block;

    padding: 5px;

}

img.mp3_icons {

    width: 45px;

    border-radius: 0;

}

.headline_video_playlist a {

}

div.video_headlines_item {

	width: 100%;

}

.video_headlines_item{

color: #fff;

height: 50px;

background: #2ea4b2 url(../img/video_icon.png) no-repeat 185px center;

padding: 0px 3px 0 0px;

padding-left: 5px;

margin: 2px 3px;

font-size: 14px;

overflow: hidden;

border-radius: 10px;

text-align: center;

cursor: pointer;

-webkit-transition: all 250ms ease-in-out;

-moz-transition: all 250ms ease-in-out;

-o-transition: all 250ms ease-in-out;

-ms-transition: all 250ms ease-in-out;

}

.video_headlines_item .title {

	height: 42px;

	display: table-cell;

	vertical-align: middle;

}

/*ENd ALI*/

#fade-quote-carousel.carousel .carousel-inner .item{width:100%;}

.carousel-inner .title {

    font-size: 18px;

    text-align: center;

    color: #2d7b80;

}

#fade-quote-carousel blockquote {

    text-align: justify;

    border: none;

    line-height: 36px;

    font-size: 20px;

    font-family: taher;

}

section#carousel {

    width: 100%;

    float: right;

}

.div.article_link a{

      color: #38959a;

}

div.article_link a { color: #555; }

.sound_cat {

    margin: 10px 0;

}

.sound_cat .image {

    margin: 0 !important;

	max-height: 250px;

    overflow: hidden;

	width: 100%;

}

.sound_cat .image img {

    width: 100%;

}

.m_title {

    height: 60px;

    line-height: 30px;

    display: table-cell;

    margin-bottom: 8px;

    position: relative;

    vertical-align: middle;

    font-size: 13px;

}



@media (max-width: 520px) {

.image2 {

    width: 100px;

    height: 100px;

    position: relative;

    margin-right: 10px;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    float: right;

}

.m_title {

    height: 60px;

    line-height: 20px;

    display: table-cell;

    margin-bottom: 8px;

    position: relative;

    font-size: 12px;

    vertical-align: middle;

    font-size: 10px;

}

.maga {

    position: relative;

    display: block;

    overflow: hidden;

    max-height: 248px;

}

}

/*** Search box ***/

.search-inputnew {

	display: inline-block;

	padding: 8px 8px 8px 12px;

	border-radius: 10px;

	border: 0px;

	z-index: 1;

	position: relative;

	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);

	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);

	width: 100%;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	filter: alpha(opacity=70);

	opacity: 0.7;

	transition: all 0.2s;

	-moz-transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-o-transition: all 0.2s;

}

.search-inputnew:focus {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

	opacity: 1;

}

#searchsubmit,

.search-buttonnew {

    display: block;

    position: relative;

    z-index: 2;

    border: 1px;

    background: url(../img/icon-search.png) no-repeat center;

    cursor: pointer;

    width: 100%;

    overflow: hidden;

    color: transparent;

    font-size: 0;

    background-color: #2a9bab;

    height: 36px;

    border-radius: 10px;

}

#searchsubmit {

	height: 30px;

	top: auto;

	bottom: 0px;

}

#homepage_boxestefta {

    border-radius: 10px;

    padding-top: 11px;

    border-top: 1px solid rgb(214, 200, 200);

    border-bottom: 1px solid rgb(214, 200, 200);

    height: 60px;

    margin: 5px;

}

.row.articleimg img {
    width: 100%;
}

.row.articleimg .image {
    margin: 0;
	float: initial;
}

.tree-fam {

min-width: 100%;
min-height:500px;
}
.tree-fam ul {
padding-top: 20px;
position: relative;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.tree-fam li {
float: left;
text-align: center;
list-style-type: none;
position: relative;
padding: 5px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
/*We will use ::before and ::after to draw the connectors*/
.tree-fam li::before, .tree-fam li::after {
content: '';
position: absolute;
top: 0;
right: 50%;
border-top: 1px solid #ccc;
width: 50%;
height: 20px;
}
.tree-fam li::after {
right: auto;
left: 50%;
border-left: 1px solid #ccc;
}
/*We need to remove left-right connectors from elements without any siblings*/
.tree-fam li:only-child::after, .tree-fam li:only-child::before {
display: none;
}
/*Remove space from the top of single children*/
.tree-fam li:only-child {
padding-top: 0;
}
/*Remove left connector from first child and right connector from last child*/
.tree-fam li:first-child::before, .tree-fam li:last-child::after {
border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree-fam li:last-child::before {
border-right: 1px solid #ccc;
border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
}
.tree-fam li:first-child::after {
border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
}
/*Time to add downward connectors from parents*/
.tree-fam ul ul::before {
content: '';
position: absolute;
top: 0;
left: 50%;
border-left: 1px solid #ccc;
width: 0;
height: 20px;
}

.tree-fam li div .spacer {
background-color:lightblue;
display: inline-block;
width:10px;
}
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree-fam li div:hover, .tree-fam li div:hover + ul li div {
background: #c8e4f8;
color: #000;
border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree-fam li div:hover + ul li::after,
.tree-fam li div:hover + ul li::before,
.tree-fam li div:hover + ul::before,
.tree-fam li div:hover + ul ul::before {
border-color: #94a0b4;
}