@charset "utf-8";
/* CSS Document */
html, body{height: 100%;}
body{font-family: 'TheSansArabic-SemiBold', sans-serif; background: #e0e0e0; font-size:14px;}
a, a:visited{color: #333333;  transition: ease 0.2s;}
a:hover, a:focus{color: #197f6b; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: 0px auto -webkit-focus-ring-color;}
.btn{border: 0px solid transparent; border-radius: 0;}
.btn-rounded{border-radius: 15px;}
.btn-main{color:#fff; transition:ease-out 0.2s;background-color: #21a98e;}
.btn-main:focus, .btn-main:hover{color:#115D96;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0);box-shadow: 0 1px 3px rgba(0,0,0,0); }
.btn-main:focus{background:#fff;color:#115D96;  }
.btn-black{background:#333; color:#fff; transition:ease-out 0.2s;}
.btn-black:focus, .btn-black:hover{background:#000; color:#DAA520;}
.blue{color:#115c96;}
.gold{color:#c6a509;}
.white{color:white;}
.green{color:#21a98d;}
.red{color:red;}
.form-control{border-radius: 0; height: auto;  padding: 11px 12px;}
.form-control:focus {border-color: #21A98E; -webkit-box-shadow: none; box-shadow: none;}

.top-bar{float:right; width:100%; background: #3c3c3c; height: 48px; overflow: hidden; }

.top-bar .news-icon{float:right; width: 20px;  overflow: hidden; margin: 0 0 0 0;}
.top-bar .news-icon .item{float:right; margin: 19px 0 13px 0;}
.top-bar .tiny-news{float:right; width:90%;}
.top-bar .tiny-news .item{float:right; width:100%; color: #fff; height: 48px; line-height: 48px;}
.top-bar .social{float:left; margin-top: 12px;}



.social .soca{float:left; margin-right: 4px; text-align: center; width: 25px; color: #fff; height: 25px; line-height: 25px; border:0px solid rgba(0,0,0,0.5  ); }
.social .soca:hover{transition:ease-out 0.1s; border:1px solid rgba(0,0,0,0.5  );}
.social .soca.youtube{ background: #e70031; }
.social .soca.google{ background: #ff2400; }
.social .soca.rss{ background: #f8bc2e; }
.social .soca.facebook{ background: #39599f; }
.social .soca.twitter{ background: #45b0e3; }

header{float:right; width:100%; background: #333333; padding:0;  margin: 0 0 15px 0 ; overflow: hidden;}
header .logo{float:right; margin:14px 0 0 0;}
header .search{ width: 100%; float: left; margin-top: 7px; border-radius: 10px; background: #292929 url(images/search.png) no-repeat center left 12px; border: 0; height: 42px; color: #fff;
z-index: 6; position: relative; padding-left: 35px;transition:ease-out 0.2s; }
header .search:focus{width: 430px; }
header .form-control:focus {-webkit-box-shadow: none; box-shadow: none;}

.navbar-main{ float:right; width:100%; background: transparent; font-size: 18px;}
.navbar-main .nav a{padding:7px 10px 0; transition: ease 0.2s; line-height: 70px; font-family: 'TheSansArabic-ExtraBold', sans-serif;}
.navbar-main a:hover, .navbar-main a:focus, .navbar-main a {color: #fff; }
.navbar-main .nav .open>a, .navbar-main .nav .open>a:focus, .navbar-main .nav .open>a:hover, .navbar-main .nav>li>a:focus, .navbar-main .nav>li>a:hover, .navbar-main .nav>li.active>a{background-color: #272727; }
.navbar-main .navbar-nav>li>.dropdown-menu{background-color: #197f6b;  border-radius:0; }
.navbar-main .dropdown-menu>li>a{color: #fff;padding: 9px 20px; line-height: 20px;}
.navbar-main .dropdown-menu>li>a:focus, .navbar-main .dropdown-menu>li>a:hover {background-color: #17927a;}
.navbar-collapse {padding-right: 0; padding-left: 0;}
.navbar-nav {margin: 0px;}

.seconed-menu .navbar-main{background: #21a98e; font-size: 15px; padding: 8px 10%; margin: 0  0 10px 0; }
.seconed-menu .navbar-main .nav a{line-height: 36px; padding:0 30px; border: 1px solid rgba(0,0,0,00.1); border-width: 0 1px 0 1px; margin: 0 -1px 0 0;}
.seconed-menu .navbar-main .nav li:first-child a{border-right-width: 0;}
.seconed-menu .navbar-main .nav li:last-child a{border-left-width: 0;}
.seconed-menu .navbar-main .nav .open>a, .seconed-menu .navbar-main .nav .open>a:focus, .seconed-menu .navbar-main .nav .open>a:hover, .seconed-menu .navbar-main .nav>li>a:focus, 
.seconed-menu .navbar-main .nav>li>a:hover, .seconed-menu .navbar-main .nav>li.active>a{background-color: #17927a;     padding-top: 9px;
    padding-bottom: 6px;    margin: -8px -1px -9px 0; transition: ease 0.01s; }
.seconed-menu .navbar-main .navbar-nav>li>.dropdown-menu{background-color: #17927a; }

.cat-title{  width:100%; float:right; margin-bottom:15px;}
.cat-title a{ color:#586169; }
	
.visual{ float: right; position:relative; overflow:hidden; background: #000; width: 100%;}
.visual img{opacity:1; transition: all .7s ease;}
.visual img:hover{ opacity:0.6;  transform:scale(1.07);}
.visual .plus{ padding:2px 10px; bottom:5px; left:5px; color:#fff; position:absolute; }
.visual .des{padding: 42px 6% 10px; line-height: 25px; background: linear-gradient(to top, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0) 90%);  bottom:0; left:0;  right:0; color:#fff; position:absolute;  margin:0;}
.visual .des .big-title{font-family: 'TheSansArabic-ExtraBold', sans-serif;  font-size: 18px; text-align:center;}
.visual .des .title{font-family: 'TheSansArabic-SemiBold', sans-serif;    font-size: 16px;}
.visual .play{ position:absolute; top:50%; right:50%; margin: -25px -25px 0 0; line-height:50px; width:50px; height:50px; font-size: 24px;}
.visual .play.small{ margin: -20px -20px 0 0; line-height:40px; width:40px; height:40px; font-size: 20px; }
.visual .status{background:#f8a333; position: absolute; top: 10px; left: 10px; padding: 3px 14px;font-family: 'TheSansArabic-Bold', sans-serif; color: #fff; font-size: 16px; }
.visual .logo{position: absolute; top: 10px; right: 10px; z-index: 1}

section{float: right; width: 100%; background: #fff; padding: 15px 15px 0; }

section.seconed-news{min-height:332px ;}

.article-box{margin-bottom: 20px; overflow: hidden}
.article-box .title{font-size: 16px; font-family: 'TheSansArabic-Bold', sans-serif; height: 44px; float: right; width: 100%;}

.article-box.second{min-height: auto;}

.index-media{float: right; width: 100%; background: #333333; padding: 10px 10px 5px;}
.index-media a{ color: #fff; font-size: 12px;}

.pagination>li>a, .pagination>li>span {color: #197F6B;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #21A98E; border-color: #197F6B;}
.pagination>li>a, .pagination>li>span { background-color: transparent;  border-width: 0px ;}

footer{float:right; width:100%; position: relative; }
footer .txt{position: absolute; bottom: 20px; right: 20px; left: 20px;}
footer ul.menu{float:right;clear: right;list-style: none;    margin: 13px 0 0; padding:0; border-top:1px dotted #545454;}
footer ul.menu li{ float:right;  margin:10px 0 0  60px; font-size: 12px; }
footer ul.menu li:last-child{ margin-left:0;}
footer, footer a,footer a:visited{color:#fff;}
footer .contact{float:right; width:100%; margin: 0 0 5px; }
footer .rights{float:right; margin-left:20px; font-size:11px;}
footer .follow{float:right; font-size:11px; }
footer .follow i{ margin-right:10px; font-size:13px;}
footer .nadsoft{max-width: 110px;  position: absolute;  left: 0; bottom: 0;}
 
article{ float:right; width:100%; font-size: 14px; color: #fff}
article h1{font-size:28px; margin-bottom:15px;}
article .date{float:right;width:100%; font-size:12px; color:#999;}
article img{ margin-bottom:15px;}
article p{font-size:16px;}

.do{float:right;width:100%; font-size:14px; background: #f8f8f8; border: 1px solid #d5d5d5;}
.do .item{float:right; padding: 9px 4.7%; border-right: 1px solid #d5d5d5; color: #222; cursor: pointer;}
.do .item:hover{background: #E0E0E0;}
.do .item:first-child, article .do .item:first-child:hover{border-right: 0; background: #f8f8f8; cursor:default;}

.btn-group>.btn-group {float: none;}

.most-viewed{background:#898989; color: #fff;}
.most-viewed a{color: #fff;}
.most-viewed p{ font-size: 12px;}

.tv{background:#212121;}
.tv .programs{float: right; margin: 0 -0.5%; width: 101%;}
.tv .programs .item{float: right; padding: 0 0.5% 10px;}
.tv .programs .item1{width: 53%;}
.tv .programs .item2, .tv .programs .item4{width: 27%;}
.tv .programs .item3, .tv .programs .item5{width: 20%;}
.tv .programs .right-bottom{float: right; width: 55%;}
.tv .programs .item0{width: 45%;}
.tv .programs .item6, .tv .programs .item8{width: 52%;}
.tv .programs .item7, .tv .programs .item9{width: 48%;}

.tv section{ background: #161616; }
.tv section a.program-box{color: #fff;}
.tv section a.program-box .visual{border:1px solid #737373;}

.big-header{float: right; width: 100%; margin: -15px 0 20px;}

.big-youtube{float: right; width: 100%; height: 520px;}

.h37{height: 37px; overflow: hidden;}

.comment{}
.comment .name{font-size: 11px; margin: 5px 0; float: right; width: 100%; color: #333;}

.lbanner{left:25px;}
.rbanner{right:5px;}
.lbanner, .rbanner{position:fixed;width:100px;height:auto;top:48px;} 
.lbanner .bdy, .rbanner .bdy{width: 120px; height: 500px; z-index: 0; position: absolute; top: 20px; background:#fff; }
.lbanner .close, .rbanner .close{width: 120px; font-size:11px; background-color:#eaeaea; opacity:1;   padding: 3px 0; cursor: pointer; z-index: 100; position: absolute; text-align:center; color:#999;}
.mall .lbanner, .mall .rbanner, .tv .lbanner, .tv .rbanner{top:50px;} 

.hotmain {width:auto;height:auto;position:absolute; top: 10px; left: 0}
.art_img{ position: relative; float: right}
.watermark {width:auto;height:auto;position:absolute; top: 10px; left: 3px;}

.hidden-xxs{ display:block;}

@media (max-width: 1360px){ 
.lbanner, .rbanner{ display:none;} 
}


@media (max-width: 1200px){ 
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:15px;}
h5{font-size:13px;}

.navbar-main {font-size: 16px;}
.navbar-main .nav a {padding: 0 12px;}
.seconed-menu .navbar-main { padding: 8px 3%;}
.visual .des .big-title{overflow: hidden; height: 50px; }
.article-box .title { font-size: 15px;}
.do .item { padding: 9px 3.7%;}
.tv .programs .item {padding: 0 0.5% 7px;}

}

@media (max-width: 990px){
.navbar-main {font-size: 14px;}
.navbar-main .nav a {padding: 0 8px; line-height: 58px;}
header .search {height: 32px; background: #197f6a url(images/search.png) no-repeat center left 8px; background-size: 18px;}
.visual .des .big-title {font-size: 16px;}
.visual .des {padding: 50px 4% 0; line-height: 23px;}
.do .item { padding: 7px 2.5%;}
.do {font-size: 13px;}
.big-youtube {height: 420px;}
}


@media (max-width: 767px){
body{font-size:12px;}
h1{font-size:18px;}
h2{font-size:17px;}
h3{font-size:15px;}
h4{font-size:14px;}

.fb-like{float: left; width: 100%; padding: 8px 50%;}
.top-bar {height: 36px;}
.top-bar .news-icon .item{margin: 11px 0 0 0;}
.top-bar .tiny-news .item{height: 36px; line-height: 36px;}
.social .soca{width: 20px; height: 20px; line-height: 20px;}
header .bottom{float: right; width: 104%;background: rgba(255, 255, 255, 0.24); margin: 10px -2% 0; padding: 0 15px 0 5px;}
header .bottom .navbar-toggle{ margin: 5px 0; padding: 6px 12px;  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);}
header .navbar-main .nav a{color: #2d2d2d;}
header .navbar-main .nav li:hover a{color: #fff;}
header .search {background-size: 16px;}
.form-group { margin-bottom: 5px;}
.navbar-main .nav a, .navbar-main .nav a:focus {padding: 3px 28px; line-height: 30px; border-bottom: 1px solid rgba(241, 241, 241, 0.15);}
.seconed-menu .navbar-main { padding: 0px; border-radius: 5px;}
.seconed-menu .navbar-main .navbar-toggle { margin: 0;}
#category-menu{float: right; width: 100%;}
.article-box .title { font-size: 14px;}
footer .txt {float: right; position: relative; padding: 12px 10px; background: #fff; width: 100%; right: 0; left: 0;}
footer ul.menu{width: 100%;}
footer ul.menu li{width: 20%; margin: 10px 0 0;}
footer .follow {margin-top: 10px;}
footer, footer a{color:#797979;}
.big-youtube {height: 340px;}
.tv .programs .item {padding: 0 0.5% 5px;}

.hidden-xxs{ display:none !important;}

}


@media (max-width: 630px){
.tv .programs .item1{width: 100%;}
.tv .programs .item2, .tv .programs .item4{width: 57.5%;}
.tv .programs .item3, .tv .programs .item5{width: 42.5%;}
.tv .programs .right-bottom{ width: 100%;}
.tv .programs .item0{width: 100%;}
.tv .programs .item {padding: 0 0.5% 2px;}
.hidden-xxs{ display:none !important;}
}

@media (max-width: 500px){
.top-bar .tiny-news { width: 86%;}
header .search:focus{width: 290px; }
section {padding: 10px 10px 0;}
.article-box {margin-bottom: 12px;}
article h1 {font-size: 24px;}
.do .item:first-child { display: none;}
.do .item {padding: 7px 3.5%;}
.big-youtube {height: 280px;}
.hidden-xxs{ display:none !important;}
}

@media (max-width: 400px){
header .search:focus{width: 260px; }
.big-youtube {height: 200px;}
.hidden-xxs{ display:none !important;}
}

@media (max-width: 350px){
header .search:focus{width: 200px; }
.hidden-xxs{ display:none !important;}
}