@charset "utf-8";
/* CSS Document */

/* default */
.row {margin-right: -10px;margin-left: -10px;}
.col-lg-25, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 10px;padding-right: 10px; float:right;}
.col-lg-25{ float:right; width:20%;}
.img-rounded {border-radius: 3px;}
.row2 {margin-right: -6px;margin-left: -6px;}
.col2 {padding-left: 6px;padding-right: 6px;}
.row3 {margin-right: -3px;margin-left: -3px;}
.col3 {padding-left: 3px;padding-right:3px;}

.no-padding{ padding-right:0; padding-left:0;}
.no-pd-left{ padding-left:0;}
.no-pd-right{ padding-right:0;}
h1{font-size:17px;line-height:150%; margin:0; font-family: 'TheSansArabic-Bold';}
h2{font-size:16px;line-height:150%; margin:0 0 4px;font-family: 'TheSansArabic-ExtraBold';}
h3{font-size:15px;line-height:150%; margin:0 0 3px;font-family: 'TheSansArabic-SemiBold';}
h4{font-size:14px;line-height:150%; margin:0 0 3px;font-family: 'TheSansArabic-SemiBold';}
a:hover, a:focus, a{ text-decoration:none;color: #000;}
.mrg-btm-40{margin-bottom:40px;}
.mrg-btm-30{margin-bottom:30px;}
.mrg-btm-20{margin-bottom:20px;}
.mrg-btm-15{margin-bottom:15px;}
.mrg-btm-10{margin-bottom:10px;}
.mrg-btm-5{margin-bottom:5px;}
.mrg-top-5{margin-top:5px;}
.mrg-top-10{margin-top:10px;}
.mrg-top-15{margin-top:15px;}
.pad-top-15{padding-top:15px;}
.pad-top-20{padding-top:20px;}
.pad-btm-15{padding-bottom:15px;}
p{ line-height:160%;margin: 0 0 10px 0; font-size: 13px;}
article img{ margin-bottom:13px;}


/* default for this site */
body{font-family:TheSansArabic-SemiBold;  font-size:14px; padding:20px 0;}
.orange:hover, .orange{ color:#FF9800;}

.logo{ margin-bottom:15px; float:right;}
.right-head{ margin-top:10px;}
.soca { float:left;  margin-right: 5px;}
.date{ font-size:15px; margin-left:15px; color:#727272; font-family: 'TheSansArabic-Bold'; line-height:36px;}
.search-btn{ margin-right:0; cursor:pointer;overflow: hidden; width:36px; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.search-input{ height:36px; width:200px;  background: #ebebeb;  padding: 5px 10px; float:left; border:0px solid #434343; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}

.fastnews{ background:#ebebeb; height:40px; line-height:40px; font-size:14px;float: right;width: 100%;overflow:hidden;}
.fastnews .first{ float:right;color:#fff ; background-color:#e64005; height:40px;width: 14%;text-align: center; }
.fastnews .txt{ float:right; width: 79%;}
.fastnews .kftorem{float:right;width: 6%; padding-right:1%}
.fastnews .kftorem .arrow{ float:right; margin:0px 6px;}
.fastnews .item{ position:relative;}
.fastnews .item .tada{width:100%;  height:40px; overflow:hidden; position:absolute;	background-color:#ebebeb;}
.fastnews .item.active .tada{ overflow:hidden; 
  -webkit-animation: fasto 10s 1 linear;
  -moz-animation:    fasto 10s 1 linear;
  -o-animation:      fasto 10s 1 linear;
  animation:         fasto 10s 1 linear;
 }
@-webkit-keyframes fasto {
    0%   {left:0;}
    100% {left:-800px;}
}
@-moz-keyframes fasto {
    0%   {left:0;}
    100% {left:-800px;}
}
@-o-keyframes fasto {
    0%   {left:0;}
    100% {left:-800px;}
}
@keyframes fasto {
    0%   {left:0;}
    100% {left:-800px;}
}

.carousel-fade .carousel-inner .item {  opacity: 0;  -webkit-transition-property: opacity;  -moz-transition-property: opacity;  -o-transition-property: opacity;  transition-property: opacity;}
.carousel-fade .carousel-inner .active {  opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {  left: 0;  opacity: 0;  z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {  opacity: 1;}
.carousel-fade .carousel-control {  z-index: 2;}

.navbar {min-height: 44px;border: 0px solid transparent;margin-bottom: 0; }
.navbar-default {background-color: #1f253d;  border-radius: 0; margin:auto; }
.navbar-nav>li>a {height: 44px; padding-top: 13px; padding-bottom:0; font-size:13px; min-width:120px; text-align:center;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a { background-color: #1f253d;color:#fff;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #fff;background-color: #f52315;border-bottom: rgba(255,255,255,0.4) solid 2px;}
.navbar .container-fluid{ padding:0;}
.dropdown-menu{background-color: #e7e7e7;border: 0;box-shadow: 0 0;border-radius: 0; }

.main-news{float:right; width:100%; background:#343434;}
.main-news .seconed-news{padding:0 1px 1px 0;}
.main-news .seconed-news h1{font-size: 15px;}
.main-news .seconed-news .visual .txt {  padding: 9px 12px 3px;}

.visual{ float:right; position:relative; }
.visual .txt{ position: absolute; color:#fff; background-color:rgba(0,0,0,0.6); padding:9px 12px 8px; width:100%; bottom:0;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.visual .txt .title1{ font-size:15px; margin-bottom:3px;}
.visual .txt .title2{ color:#E8E8E8; max-height:0;font-size: 12px;overflow: hidden;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.visual:hover .txt{background-color: #000; }
.visual:hover .txt .title2{ max-height:36px;}
.date-art { padding: 5px 10px;font-size: 11px;background-color: #ff8400;color: #fff; }
.txt .date-art {   margin-top: -27px;  float: right;}



.cubes{float:left; margin-left:-6px; width:100%;}
.cubes .cube{ float:left; width:50%; padding-left:6px; margin-top:6px;}

.mall{}
.mall .top{text-align:left; float:right; width:100%; padding:2px 10px 2px; background:#ededed;}
.mall .top .title{font-family: 'TheSansArabic-Bold'; font-size:27px; color:#FF9800;float: right;margin-left: 20px;}
.mall .top .btn{ margin-top:5px; }
.mall .txt .title2{color:#FF9800}
.carousel {float: right;}
.carousel-control.left, .carousel-control.right {background-image: none;}
.carousel-control {width: 4%;}
.carousel-control .fa {font-size: 38px;color:#FF9800;margin-top: 89%;background: rgba(0,0,0,0.6);padding: 0 10px;}
.carousel-indicators .active{background-color:#FF9800;}
.carousel-indicators li{border-color:#FF9800;}

.media-index-top{ width:100%; float:right; background-color:#ed730f;height:36px; line-height: 36px; }
.media-index-top a{ color:#fff;}
.media-index-top .title{font-family: 'TheSansArabic-ExtraBold'; margin-right:10px;  font-size: 20px; }
.media-index-top .sub{ float:left; padding-right:15px; margin-left:15px; border-right: 1px solid rgba(0, 0, 0, 0.1);   height:36px;}
.media-index-top .sub:last-child{ border-right: 0px solid rgba(70, 133, 14, 0.27);}
.media-index{float:right; background-color:#1d1c1a;}
.media-index .main-video{ cursor:pointer;}
.media-index .visual-video{ float:right; position:relative;}
.media-index .visual-video .play { position:absolute; left:0; top:50%;margin-top:-40px; background-color:rgba(0,0,0,0.6); width:80px; height:80px; background-image:url(images/play.png); background-position:center; background-repeat:no-repeat;}
.media-index .visual-video .duration {padding: 2px 14px;font-size: 14px;background-color: #FF9800;color: #fff;display: -moz-inline-stack;position: absolute;top: 5px;right: 5px;}
.media-index .visual-video .shadow { position:absolute; right:0; bottom:0; width:100%; top:0; background-image:url(images/video-shadow.png); background-position:bottom right; background-repeat:no-repeat;}
.media-index .visual-video .txt { position:absolute; right:0; bottom:0; width:60%; padding:15px;color: #fff;font-size: 20px;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.72);}
.media-index .visual-video .video-content {position: absolute;top: 0;display:none;}
.media-index .visual-video pre{ display:none;}
.media-index .other-videos{ overflow:auto; height:100%; position: absolute;left: 10px;}
.media-index .other-videos .txt{ margin-top:15px; float:right; color:#fff;}
.media-index .other-videos .play{ background-size:80% auto; width:40px; height:40px; top:50%; margin-top:-20px;}
.media-index .other-videos .duration {color: #FF9800;}
.media-index .other-videos .shadow { position:absolute; right:0; bottom:0; width:100%; height: 13px; box-shadow: inset 0 -10px 10px -5px #000000;   -moz-box-shadow: inset 0 -10px 10px -5px #000000;   -webkit-box-shadow: inset 0 -10px 10px -5px #000000; }


.cat-title{float:right;font-family: 'TheSansArabic-ExtraBold';  width:100%; color:#1f253d;  border-bottom:2px solid #1167be; font-size: 16px;padding: 5px 0;margin-bottom: 10px;}
.cat-title:hover{ color:#1f253d;}
.cat-title .go{ overflow:hidden; width:0; float:right; height:20px;  -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.cat-title .go:before{ content:'اذهب الى فئة '; }
.cat-title:hover .go{width:73px; }
.cat-title.gray{ background-color:#686868;}
.cat-title.gray .go:before{ content:'اذهب الى '; }
.cat-title.gray:hover .go{width:61px; }
.cat-title.cat-rows{margin-bottom: 0px;}
.cat-art{float:right;}
.cat-art .des{ color:#808080; font-size:12px;}
.cat-bdy{float:right; padding:10px 10px 0; background-color:#f6f6f6; width:100%;}
.cat-bdy .str{float:right; width:100%; padding:5px; background-color:#EDEDED; font-family: 'TheSansArabic-ExtraBold'; margin-bottom:5px;}
.cat-rows .visual{ width:45%; padding-left:4%;}
.cat-title.most-read{font-size: 14px;}
.cat-title.related-title{font-size: 14px;margin-bottom: 5px;}

.btn.facebook{color:#FFFFFF;background:#3b5998; }
.btn.twitter{color:#FFFFFF;background:#55acee}
.btn.google{color:#FFFFFF;background:#d73d32;}

.prayer{}
.prayer .first{ font-size:30px; text-align:center; padding: 4px 10px 15px;line-height: 112%;}
.prayer .first small{ font-size:14px;}
.prayer .seconed{ font-size:14px; color:#333; background-color:#F0F0F0;padding:5px 10px; text-align:center;}


.weather .first{ font-size:34px;border-bottom:1px solid #E1E1E1; text-align:center; padding: 4px 10px 15px;line-height: 112%;}
.weather .first small{ font-size:14px;}
.weather .seconed{ border-left:1px solid #E1E1E1; height:80px; background-color:#F0F0F0;padding:10px 0; text-align:center;}
.weather .seconed:last-child{ border-left:0;}

footer{ float:right; padding:17px 0 2px; width:100%; border-top:1px solid #E1E1E1; margin-top:20px; background-color:#eaeaea;color: #7A7A7A;font-size: 12px;}
footer a{color: #7A7A7A !important;}

article{ margin-bottom:20px;}
.article-h1{font-size:22px; }
article .media_embed iframe{ width:100%;}

.comments-title{float:right; width:100%;color:#fff;  background-color:#175BAF; font-size: 14px;padding: 3px 10px; height:28px; margin-bottom: 10px;}
.comments .textarea{ height:65px;}
.comments .btn-default{ line-height:38px; height:48px;}
.comments .form-control, .comment{font-size:12px;}
.comments .name{color:#B6B6B6; }

.pagination{margin-top: 8px;}
.pagination>li>a, .pagination>li>span{ color:#1167be;}

.top-nav{ width:100%; float:right; margin-top:-20px; margin-bottom:20px;background-color: #1f253d; }
.top-nav .navbar-nav>li>a{ font-size:13px; height:40px;}
.top-nav .navbar-default { border-bottom:#000 solid 0px; min-height: 40px;}

.cart-btn{width: 19%; height: 36px; float:left;margin-top: 44px; }
.big-search{ width: 79%;float:right;}
.big-search select, .big-search .form-control, .big-search .btn{border: 2px solid #ed730f;}
.big-search .form-control{height: 36px; border-right: 0px;  }
.big-search .s-btn{ background-color:#ed730f; color:#fff;}
.big-search .s-select{ background-color:#fff; width:95px;  border-radius:3px; border-left: 2px solid #ed730f;  text-align:center; }
.big-search-line{ float:right; width:100%; margin:15px 0; height:1px; background-color:#F2F2F2; }

.mall-cats .container-fluid>.navbar-collapse{ padding:0; margin:0;}
.mall-cats li{ width:100%;}
.mall-cats li a{ height: 31px; font-size: 14px; padding:4px 10px; text-align:right; color:#646464;}
.mall-cats li a i, .mall-cats li a span{ margin-top:4px;}
.mall-cats .navbar-nav>li>.dropdown-menu{ width:100%;}
.mall-carousel-control{margin-top: 11%;}

.mall-cat{width:100%; float:right; padding:20px 0;}
.mall-cat.gray{ background:#F8F8F8;}

.wenana{color: #979797;font-size: 12px;}
.wenana a{ color: #676767;}

.mall-border{float: right;border-radius: 3px;border: #ccc 1px solid;padding: 7px;min-height: 149px;margin-bottom: 15px;}
.price{font-weight: bold;color: #444;float: right;text-align: right;font-size: 11px;background: #e1e1e1;line-height: 2;padding: 0 5px; margin-bottom:5px;}

.tv{background:#F8F8F8; }
.tv a{}
.tv .tv-cat{width:100%; float:right; padding:20px 0;}
.tv .tv-cat.gray {background:#F0F0F0;}
.tv .carousel-caption{  bottom:0; background-color:rgba(0,0,0,0.7);width: 100%;right: 0;}
.tv .carousel-indicators{margin-left: -27%; bottom:-7px;}
.tv .tv-cats .container-fluid>.navbar-collapse{ padding:0; margin:0;}
.tv .tv-cats li{ width:100%;}
.tv .tv-cats li a{ height: 31px; font-size: 14px; padding:4px 0 4px 10px; text-align:right; }
.tv .tv-cats li a i, .mall-cats li a span{ margin-top:4px;}
.tv .tv-cats .navbar-nav>li>.dropdown-menu{ width:100%;}
.tv .tv-cats .caret{ margin-top:10px; }
.tv .tv-cats li a:hover{padding:4px 10px; color:#000;}
.tv .carousel-control{margin-top: 20%;width: 36px;}
.tv .big-search .form-control{ border-right: 2px solid #ed730f;}
.tv .video{ height:400px; margin-bottom:10px;}
.tv p{ font-size:13px;}
.tv .cat-title{font-size: 13px;border-bottom:2px solid #ed730f #1167be;}
.tv .cat-bdy{background-color: #FFFFFF;border: 1px solid #ccc; border-top-width:0;}
.tv .big-search-line {background-color: #E8E8E8;}
.tv .main-top{ display:none; }

.container-rel{ position:relative; overflow:hidden;}
.loading { text-align:center; padding:80px 0 0;  position: absolute; left: 0px; right: 0px; top: 0px;    bottom: 0px;    background-color: #fff; color:#212121;   z-index: 999999999;  }
.tv .loading { background-color: #F8F8F8;  }

.delete{ cursor:pointer;}

.third-news{ float:right; width:100%; background:#eaeaea; }
.third-news .visual{ width:45%; float:right;}
.third-news .ns{width:55%; padding:15px; float:right;}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {  margin-right: -20px;}
.sawet-btn:hover, .sawet-btn:focus, .sawet-btn {  background: #1B4986;  border-color: #1B4986; color:#FFF;}

.navbar-default .navbar-toggle {border-color: rgba(255, 255, 255, 0.24); text-align: center;width: 96%;  margin: 5px 2%;color: #fff; background-color: rgba(255, 255, 255, 0.06);    padding: 5px 10px;}

.metBanner {     overflow: hidden;position:absolute;top:40px;right:50%; margin-right:-50%; z-index:10; background:#fff; padding:8px; border:1px solid #ccc;}

.h38{ float:right; width:100%; overflow:hidden; height:38px;}



@media (max-width: 1200px){
.txt .date-art {margin-top: -19px; padding: 2px 7px;  font-size: 10px;}

}

@media (max-width: 990px){
.main-news .seconed-news h1{font-size: 13px;}
.txt .date-art{ display:none;}
.visual .txt:not(.blck){display:none;}
.main-news .visual .txt{ display:block;}
.navbar-nav>li>a {height: 36px;padding: 8px 10px;font-size: 12px; min-width: 97px;}
.fastnews .txt {padding: 0 15px;}
.media-index-top .sub {padding-right:10px; margin-left: 10px; font-size:12px;}
.media-index .other-videos .txt {margin-top: 11px;font-size: 12px;}
.cubes .cube {width: 20%;}
.tv .video {height: 300px;}
}


@media (max-width: 767px){
.soca{ width:28px;}
.search-input {height: 28px; width: 161px;  font-size: 12px;}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse, .navbar-nav{margin-right: 0;margin-left: 0;}
.fastnews .txt {width: 100%;}
.media-index .other-videos {position: relative; padding: 0 10px;}
.cubes .cube {width: 25%;}
footer{ font-size:11px;}
.navbar { min-height:auto;}
.tv .tv-cats .navbar-toggle{padding: 7px; background:#ED730F; color:#fff; width:96%; margin:0 2%; text-align:center;}
.tv .tv-cats li a {padding: 4px 10px;}
.big-search-line {margin: 8px 0;}
}

@media (max-width: 500px){
.col-xxs-3{width:25% !important;}
.col-xxs-4{width:33.333% !important;}
.col-xxs-6{width:50% !important;}
.col-xxs-8{width:66.666% !important;}
.col-xxs-9{width:75% !important;}
.col-xxs-12{ width:100% !important;}
.hidden-xxs{ display:none !important;}
.visible-xxs{ display: block;}

body {padding: 10px 0;}
.main-news .seconed-news .visual .txt {padding: 2px 6px 1px;}
#frm1{ float:right;}
#frm1 .search-input{width: 260px;}
h1{font-size:16px;}
h2{font-size:15px;}
h3{font-size:14px;}
h4{font-size:13px;}
.third-news .ns{padding: 4px 8px;}
.media-index-top .sub{ display:none;}
.cubes .cube {width: 50%;}
footer {padding: 10px 0;}
.logo {margin-bottom:0px;}
.big-search {width:100%;}
.tv .carousel-caption{position: relative; padding: 7px 10px 10px; height: 72px;}


}

@media (max-width: 400px){
.tv .video {height: 230px;}
#frm1 .search-input{width: 175px;}
}