@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');

/* CSS Document */

/* default */
.col-lg-25{ float:right; width:20%;}
.img-rounded {border-radius: 3px;}
.row1 {margin-right: -10px;margin-left: -10px;}
.col1 {padding-left: 10px;padding-right: 10px;}
.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;}

.h36{height:36px; overflow: hidden;}
.h46{height:46px; overflow: hidden;}
.h55{height:55px; overflow: hidden;}
.h72{height:35px; overflow: hidden;}

@font-face {
	font-family: bokra-Regular;
	src: url('myfonts/bokra-Regular.eot');
	src: url('myfonts/bokra-Regular.eot?#iefix') format('embedded-opentype'),
			 url('myfonts/bokra-Regular.woff') format('woff'),
			 url('myfonts/bokra-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: bokra-Bold;
	src: url('myfonts/bokra-Bold.eot');
	src: url('myfonts/bokra-Bold.eot?#iefix') format('embedded-opentype'),
			 url('myfonts/bokra-Bold.woff') format('woff'),
			 url('myfonts/bokra-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

#login-modal .modal-header{background: #3b5998;
    color: #fff;
    padding: 10px;
    font-size: 14px;}

body{font-family: 'bokra-Regular';background-color:#f6f6f6; font-size: 13px;}
.btn.facebook{color:#FFFFFF;background:#3b5998;display: inline-block; }
.btn.twitter{color:#FFFFFF;background:#55acee}
.btn.google{color:#FFFFFF;background:#d73d32;}

.btn-date:hover, .btn-date{color:#fff; background-color: #8cc63e ;	}

.big-banner{ float:right; width:100%; background:#fff; padding:10px 20px;   border: 1px solid #e1e1e1; margin-bottom:15px; overflow:hidden;}
.big-banner .content{ width:91%;}
.big-banner .share {float: left;  margin-top: 10px;}
.article-banner{ float:right; width:100%; background:#fff; padding:10px;   border: 1px solid #e1e1e1; margin-bottom:15px;}
.aside-banner{ float:right; width:100%; background:#fff;    border: 1px solid #e1e1e1; margin-bottom:20px;overflow:hidden;}
.aside-banner iframe{ width:300px; height:250px; margin:15px auto; display: block;}

.mrgnen{  margin:0 15px;}
.mrg-btm-5{ margin-bottom:5px;}
.mrg-btm-10{ margin-bottom:10px;}
.mrg-left-10{ margin-left:10px;}
.mrg-btm-20{ margin-bottom:20px;}
.mrg-btm-15{ margin-bottom:15px;}
.mrg-btm-30{ margin-bottom:30px;}
.no-padding{ padding-right:0 !important; padding-left:0 !important;}
.no-pd-right{ padding-right:0;}
.no-pd-left{ padding-left:0;}
.mrg-top-5{margin-top:5px;}

h1, h2, h3, h4{font-family: 'bokra-Bold'; line-height:130%;}
h1{ font-size:28px; margin:0 0 20px 0;}
h2{ font-size:24px; margin:0 0 16px 0;}
h3{ font-size:18px; margin:0 0 13px 0;}
h4{ font-size:14px; margin:0 0 8px 0;}

a, a:hover, a:focus{ text-decoration:none;color: #000;}
.cat-title a{ color:#636363;}

.red{ color:#c70304}
.des{ color:#535353;}
.bleu{ color: #0074a2;}
.white{ color: #fff;}


.visual{ position:relative; float:right; width:100%;}
.visual .bottom{ position:absolute; bottom:0; width:100%; padding:10px; background:rgba(0,0,0,0.5); color:#fff;}
.visual .mood{position:absolute; top:10px; right:10px; padding:3px 12px 5px; background:rgba(0,0,0,0.5); color:#fff;}
.visual .mood.breaking{background:rgba(255,0,0,0.8);}
.visual .mood.breaking:after{ content:'خبر عاجل';}
.visual .mood.special{background:rgba(255,236,0,0.8);}
.visual .mood.special:after{ content:'خاص'; color:#2F2F2F;}
.visual .mood.first{background:rgba(0,132,255,0.8);}
.visual .mood.first:after{ content:'نشر اول'; }
.visual .mood.exclusive{background:rgba(255, 123,0,0.8);}
.visual .mood.exclusive:after{ content:'حصري';}



header{ float:right; width:100%; font-size:18px; background-color:#fff; margin-bottom:20px;border-bottom: 1px solid #e1e1e1;}
.navbar-default{background-color:#f6f6f6; border:0; border-bottom:1px solid #ccc;border-radius: 0;  }
.navbar-default .container-fluid, .navbar-default .navbar-collapse{ padding:0;}
.navbar-nav>li.active{ border-bottom:3px solid #c61417;}
.navbar {margin-bottom: 0px;}
.navbar-nav {margin: 0;}

.logo{ float:right; position:relative; }

header .country{ float:right; font-size: 12px; color:#555;line-height:50px; }
header .country img{ max-height:20px;}

.logos-nav{font-size: 12px;color:#A2A2A2; }
.logos-nav .navbar-nav{ float:left;}
.logos-nav .container-fluid, .logos-nav .navbar-collapse{ padding:0;}
.logos-nav li.magm{ margin-left:5px;}
.logos-nav li img{ max-height:30px;}
.logos-nav .navbar-nav>li{line-height:44px;}
.logos-nav .navbar-nav>li>a { padding-top: 8px;    padding-bottom: 8px;}

.search{margin-top:10px; margin-bottom:10px; width:100%; float:right; padding:6px; background-color:#eaeaea;}
.search .form-control{ border-radius:0;}
.search input{ background:#fff url(images/search-ico.png) left 15px center no-repeat; line-height: 34px;}
.btn-search{height: 33px;background-color: #dd0101;border-radius:0; color:#fff;}

.up-update{ width:100%; float:right;}
.update{ float:right; width:100%; color:#4C4C4C; font-size:12px;  padding:10px 0;}
.update .left-item{ float:left; margin-right:5px;}
header .profile{  margin-top: -6px;  float: left;  margin-right:20px;     line-height: 24px;  }
header .profile .visual{float:right; max-width:32px; z-index:10; }
header .profile .visual img{border: 1px solid #A0A0A0;}
header .profile .txt{float: right;      color: #3B5998;    font-family: 'bokra-Bold';  padding: 1px 25px 5px 18px;   border: 1px solid #EAEAEA;font-size: 13px;    background-color: #F3F3F3;   border-radius: 0 18px 18px 0;    margin-left: -10px;    height: 32px;}


.blue-sec{ background-color:#00307a; float:right; width:100%; padding:25px 0 0;}
.fast-news{  float: right;width: 100%;padding:8px 15px 11px 5px; color:#fff; font-size:17px; background:#c70304 url(images/fastnews.png) left 80px top no-repeat; background-size: contain;}
.fast-news .title{color:#8E0001;  margin: 1px 0 -2px 7px;  font-family: 'bokra-Bold';}
.fast-news .txt{width: 80%; }

#main-carousel{}
#main-carousel .carousel-indicators {bottom: 0; left: 0; width: auto;right: auto;}
#main-carousel .carousel-indicators li{ background-color:#555; color:#fff;}
#main-carousel .carousel-indicators li.active{ color:#fff; background-color:#C61417; }
#main-carousel .carousel-indicators li, #main-carousel .carousel-indicators li.active{text-indent:0;width:auto;border:0px solid #fff; margin:0 ; line-height:22px; height: auto; padding:0; width:24px; border-radius:2px;}

.three-news{ float:right; width:100%; background-color:#fff;}
.three-news .item .txt{ padding-top:6px;}

.sec-border{ border:1px solid #e1e1e1; border-top:solid 3px #c70304; padding:10px 15px 12px; float:right; background-color:#fff;  width: 100%;}
.video-border{border-top:solid 3px #2f97b4; background: #0e243a;color: #fff;}
.video-border .see-more li a{     color: #10B0DC;      background-color: #06243c;
  border-bottom: 1px solid #051f33;    padding: 5px 10px 0;}
.video-border .see-more li a:hover{ color:#000;}
.neto-border{ border:1px solid #e1e1e1; overflow: hidden; }
.sec-games{border-top-color:orange;  padding-bottom: 0;  margin-bottom: 18px;}
.sec-hawa{border-top-color:#A955A6;}

.sec-dating{border-top:0; background:url(images/dating-bg.jpg) top center no-repeat; background-size: cover; padding-bottom:2px}
.sec-dating .visual{    border: 1px solid rgba(255, 255, 255, 0.24);}

.sec-horoscope{border-top-color:#8F489F;background:url(images/horoscope.jpg) ;}
.sec-horoscope .item{ margin-bottom:6px;    float: right;}

.sec-shbab .carousel-indicators{float: right;  width: 103%;  position: relative; top: 0; bottom: 0; margin: 0 -1.5%; right: 0;}
.sec-shbab .carousel-indicators .active, .sec-shbab .item-pic{ cursor:pointer; height: auto; width: 50%;float:right; margin-bottom: 11px; padding: 0 1.5%;}
.sec-shbab .item-pic img{ border:1px solid #fff;}
.sec-shbab .item-pic.active img{ border:1px solid #c70304;}

.main-news .main-item{ color:#4C4C4C; font-size:14px;}
.main-news .main-item .wrap-align{ height:72px; line-height:72px; width:100%; float:right; font-size:24px; font-family:bokra-bold; margin-bottom:20px;}
.main-news .main-item .wrap-align span{ display:inline-block; vertical-align:middle; line-height:normal;}
.main-news .main-item h1{ color:#1a1a1a; height:72px;}
.main-news .main-item .date{ color:#8E8E8E; font-size:12px; margin:10px 0;}
 .tdate{ color:#8E8E8E; font-size:12px; margin:10px 0;}
.main-news hr{ height:1px; border:0; background-color:#eaeaea; width:100%; margin:12px 0; }
.main-news .seconed-item{ color:#4C4C4C;}
.main-news .seconed-item h3{ color:#1a1a1a;}
.main-news .seconed-item .date{ color:#8E8E8E; font-size:12px; margin:9px 0 8px;}
.main-news .related-news{font-family: 'bokra-Bold';    float: right;font-size: 12px; margin-bottom:4px;}
.main-news .related-news i{ font-size:14px; }

.main-ved:hover, .main-ved{ position:relative; float:right;color:#fff; width:100%;}
.main-ved figcaption{ font-size:13px;  position:absolute; width:100%; background:rgba(0, 0, 0, 0.52); bottom:0; padding:5px;}
.main-ved .play{ position:absolute; top:50%; right:50%; margin:-16px -16px 0 0;}
.see-more{ float:right; width:100%; }
.see-more .title{ float:right; width:100%; padding:12px 0 6px; margin-bottom:12px; border-bottom:1px solid #d3d3d3;}
.see-more ul, .see-more li{list-style:none; float:right; margin:0; padding:0; width:100%;}
.see-more li a{ float:right; width:100%; padding:4px 2px; color:#636363;}
.see-more li a:hover{ background-color:#e3e3e3; text-decoration:none;}

.tabem{ float:right; width:100%; margin-bottom:20px;}
.tabem .tab-pane{float:right; width:100%; height:262px; overflow-x: hidden; overflow-y: auto; background-color:#fff; padding:10px; border:1px solid #ddd; border-top:0;}
.tabem .tab-pane a{ float:right; width:100%; margin-bottom:10px;}
#carousel-example-generic .carousel-caption {padding: 7px 0 0 0; height: 27px;}

.nav-tabs>li>a{ border-radius:0;}

.cats-tabs .nav-tabs { float:right; width:100%; background-color: #FFFFFF;    padding: 0;    border: 0px solid #D0D0D0;}
.cats-tabs .nav-tabs>li{     padding: 0;width:10%; text-align:center;  }
.cats-tabs .nav-tabs>li a, .cats-tabs .nav-tabs>li a:focus{    border: 1px solid rgb(16, 62, 80);    background-color: #1B4556; color: #fff;    margin: 0;    padding: 7px 0;}
.cats-tabs .nav-tabs>li a img{ margin-bottom:5px;}
.cats-tabs .nav-tabs>li>a:hover{background-color: #eaeaea !important; color:#1B4556 !important;}
.cats-tabs .str{ height:6px; float:right; width:100%;}
.cats-tabs .bdy{ background-color:#fff; float:right; width:100%; padding:15px 0;}
.cats-tabs .date{ color:#8E8E8E; font-size:12px; margin:0 0 5px;}
.cats-tabs h4{ color:#000;}
.cats-tabs .seconed-item h4{ margin:10px 0;}

.cat img{ margin-bottom:15px;}
.cat .date{color:#8E8E8E; font-size:12px; margin:0 0 5px;}

.grays{color:#fff; float:right; background-color:#3e3e3e; width:100%; padding:15px 0; }
.grays a, .grays h3, .grays .des{color:#fff;}

footer .rights{ color:#757575;}
footer.grays a{color:#c2c2c2;}
.footer-nav{ float:right; margin-top:10px;margin-bottom: 0;}
.footer-nav li{ float:right; font-size:16px; list-style:none; margin:0 0 15px 30px; padding:0;}
footer hr{ height:1px; border:0; background-color:#575757; width:100%; }
.map-nav{ float:right; margin-top:10px; padding:0;}
.map-nav li.main a{ color:#fff;font-size:14px; margin:0 0 10px; }
.map-nav li.main a img{float: right;margin: 8px 0 0 8px;}
.map-nav li{ float:right;font-size:12px; list-style:none; margin:5px 0; padding:0; width:100%;}
.map-nav li a{ margin-right:14px;}
.mailing-list label{ font-weight:normal;}
.mailing-list .title{ margin:17px 0;}
.mailing-list .form-control,.mailing-list  .btn{ border-radius:0;}

.tv{ background:#0e243a; width:100%; float:right;color:#fff;}
.tv .top{background:#0e243a; }
.tv  a{ color:#fff;  }
.tv .top a{ border:0px;  }
.tv .top h3, .tv .top h4{ margin:6px 0 0;  color:#fff;}
.tv .widget .nav>li>a, .tv .widget .nav-tabs>li.active>a, .tv .widget .nav-tabs>li.active>a:hover, .tv .widget .nav-tabs>li.active>a:focus { background-color:transparent;  padding:8px 16px 10px; }
.tv .widget .nav>li:last-child>a{border-left: 0px solid #b9b9b9;}
.tv .nav-tabs>li.active>a, .tv .nav-tabs>li.active>a:hover, .tv .nav-tabs>li.active>a:focus {color: #fff;background-color: rgba(0,0,0,0);border-bottom:1px solid #c70304;}
.tv .nav-tabs>li>a:hover h4{ color:#c70304;}
.tv .nav-tabs>li.active>a:hover h4{ color:#fff;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border: 0px solid #ddd; background-color:transparent;}
.tv .tv-fremo{ width:100%; height:326px; float:right; border:0;}
.embed-responsive {position: relative;display: block;height: 0;padding: 0;overflow: hidden;}
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {right: 0;left: none;}
/*
#media-carousel{ float:left; width:100%; padding:25px 25px 0; border:1px solid #484848; margin:10px 0 15px; background:url(images/vod-bg.png);}
#media-carousel .title-views{background: #0596a3;  color: #fff;   top: -8px;   right: 10px;  position: absolute; padding: 4px 17px; z-index: 5;}
#media-carousel .carousel-control { width: 50px;}
*/


#media-carousel{ float:left; width:100%; padding:25px 25px 0;margin:10px 0 15px; background:#000;}
#media-carousel .title-views{background: #0596a3;  color: #fff;   top: -8px;   right: 10px;  position: absolute; padding: 4px 17px; z-index: 5;}
#media-carousel .carousel-control { width: 50px;}

.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;}

article img{ margin-bottom:15px;}
article h1{ margin-bottom:15px;}
article p { text-align:justify;   line-height: 180%;  font-family: 'Droid Arabic Naskh', serif;  font-weight: bold;  color: #333; font-size:17px;}
article .klem{    font-size: 12px;color: #818181;}
article .klem .auther{color: goldenrod; font-size: 13px; font-family: 'bokra-Bold';}
article .klem .btn{ width: 32px; font-size:14px; color:#666666; text-align:center; padding:5px 0 0; margin-top: 10px;  height: 32px;  float: left;  margin-right: 4px;  background: #fff;  border: 1px solid #DFDFDF;  border-bottom: 2px solid #666666;}
article .klem .btn.facebook{color:#3b5998; border-bottom-color:#3b5998;}
article .klem .btn.twitter{color:#55acee; border-bottom-color:#55acee;}
article .klem .btn.google{color:#d73d32; border-bottom-color:#d73d32;}
article #article-carousel{ float:right;}
article #article-carousel .carousel-indicators {bottom: 10px;}
article #article-carousel .carousel-control {width: 10%;}
article #article-carousel .carousel-control .icon-prev, article #article-carousel .carousel-control .icon-next, article #article-carousel .carousel-control .glyphicon-chevron-left, article #article-carousel .carousel-control .glyphicon-chevron-right { top: 47%;}

.comments-title{float:right; width:100%;color:#333;  font-size: 14px;padding: 3px 0; height:28px; margin-bottom: 10px;}
.comments .textarea{ height:65px;}
.comments .btn-default{ line-height:38px; height:48px;}
.comments .form-control{font-size:12px;}
.comment{ float:right; width:100%; margin-bottom:10px; padding-top:10px; border-top:1px solid #eaeaea;}
.comment .name{color:#818181; float:right; width:100%; margin-top:5px; }

.cat p{ color:#333;}

.carousel-indicators { bottom:40px;}
.carousel-caption { position:relative; padding:7px; height:44px;  text-shadow: 0 1px 2px rgba(0,0,0,.0);  bottom: 0;   right: 0;  left: 0;  padding-bottom: 16px;  font-size: 13px;  font-family: 'bokra-Bold'; color:#000;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {  top: 41%;}

.user-bg-icon{opacity: 0.07; font-size: 80px;  position: absolute;  left: 16px;top: 4px;}

.up-pagination{ float:right; width:100%; background:#fff; margin:0 0 20px; border: 1px solid #ddd; height:32px;}
.up-pagination .pagination{ margin:0;   border-radius:0;}
.up-pagination .pagination>li:last-child>a, .up-pagination .pagination>li:last-child>span {  -webkit-border-top-left-radius: 0;  border-top-left-radius: 0;  -webkit-border-bottom-left-radius: 0;  border-bottom-left-radius: 0;}
.up-pagination .pagination>li:first-child>a, .up-pagination .pagination>li:first-child>span {-webkit-border-top-right-radius: 0;  border-top-right-radius: 0;  -webkit-border-bottom-right-radius: 0;  border-bottom-right-radius: 0;}
.pagination>li>a, .pagination>li>span {   border-bottom: 2px solid #DB0000; border-top:solid 0 #DB0000;  color: #DB0000;}

.breadcrumb {  padding: 0;    margin-bottom: 10px; font-size: 12px;background-color: #fff;  border-radius: 0;}
.breadcrumb a{ color:#dd0101;}

.CatPage .menu .item{width:auto; float:left; margin:5px 0 3px 15px;;  color:#dd0101; font-family:bokra-Bold; font-size:12px;}
.CatPage .main-cat{ width:auto;  line-height:40px;float: right;  margin: 0 10px 0 50px;}
.cont-title {  float: right;  width: 100%;  margin-bottom: 15px;}
.subcat:hover, .subcat{ color: #dd0101;  float: right;  width: 100%;  border-bottom: 2px solid #525252;  margin-bottom: 15px; margin-top: 10px;}
.subcat h3{ margin-bottom:7px;}

.cube{ margin:8px 0 7px;}

.pop-article{width:350px; transition: all 0.5s ease;position:fixed;  bottom:20px; right:-400px; background:#fff; border:#eaeaea solid 1px; border-top:2px solid #F00; padding:12px; box-shadow:4px 1px 3px rgba(0, 0, 0, 0.35); z-index:555;}
.pop-article .esc{position: absolute; top: -8px; left: -8px;  border-radius: 50%;   width: 16px;height: 16px;color: #fff;background-color: #A2A2A2;text-align: center;font-size: 10px;line-height: 15px; cursor:pointer; }
.pop-article .esc:hover{background-color: #333;}

.search-page .nav-tabs>li.active>a, .search-page .nav-tabs>li.active>a:hover, .search-page .nav-tabs>li.active>a:focus {border-bottom: 2px solid #c70304; color:#c70304;}

#carousel-in-cat{ float:right; width:100%; background:#333; padding:10px; margin-bottom:10px;}
#carousel-in-cat .carousel-indicators{ float: right; bottom:0;    position: relative;  width: 100%; margin:10px 0 0;  padding: 0; display: block; right: 0;}
#carousel-in-cat .carousel-indicators li, #carousel-in-cat .carousel-indicators li.active {border-radius: 0 ; width: 25%;    height: auto;float: right;margin: 0;border: 0;}
#carousel-in-cat .carousel-indicators li.active { opacity:0.45;}

.cities-tabs .nav-tabs {background-color: #FFFFFF;    padding: 0;    border: 0px solid #D0D0D0;}
.cities-tabs .nav-tabs>li{     padding: 0;width:10%; text-align:center;  }
.cities-tabs .nav-tabs>li a, .cities-tabs .nav-tabs>li a:focus{ border:0; border-bottom: 3px solid rgb(43, 43, 43);    background-color: #313131; color: #fff;    margin: 0;    padding: 7px 0;}
.cities-tabs .nav-tabs>li a img{ margin-bottom:5px;}
.cities-tabs .nav-tabs>li>a:hover{    background-color: #eee; color: #c70304; border-top: 1px solid rgb(255, 255, 255);  border-bottom:2px solid #c70304;}
.cities-tabs .str{ height:6px; float:right; width:100%;}
.cities-tabs .bdy{ background-color:#fff; float:right; width:100%; padding:15px 0;}
.cities-tabs .date{ color:#8E8E8E; font-size:12px; margin:0 0 5px;}
.cities-tabs h4{ color:#000;}
.cities-tabs .seconed-item h4{ margin:10px 0;}

.one-art .one-title{ height:46px; overflow:hidden;}
.one-art .one-des{height:55px; overflow:hidden;}

.skyscraper2{ position:absolute; width:160px; top:165px; right:10px; }
.skyscraper2 .top{ float:right; width:100%; padding:2px 5px; background-color:#e5e5e5; color:#737373; font-size: 11px;font-family: arial; font-weight: bold; cursor:pointer;}
.skyscraper2 .top:after{ content:'X إغلاق'}
.skyscraper2 .content{float:right; width:160px; height:600px; overflow:hidden;}
.skyscraper2.left{ right:auto; left:10px; }




.skyscraper{ position:absolute; width:120px; top:165px; right:10px; }
.skyscraper .top{ float:right; width:100%; padding:2px 5px; background-color:#e5e5e5; color:#737373; font-size: 11px;font-family: arial; font-weight: bold; cursor:pointer;}
.skyscraper .top:after{ content:'X إغلاق'}
.skyscraper .content{float:right; width:120px; height:600px; overflow:hidden;}
.skyscraper.left{ right:auto; left:10px; }

@media (max-width: 1450px){
.skyscraper2, .skyscraper{ display:none;}
}

@media (max-width: 1200px){
.fast-news{font-size: 14px}
.big-banner .content{ width:100%;}
.big-banner .share { display:none;}

}

@media (max-width: 990px){
header .country {line-height: 33px;}
.logos-nav .navbar-nav {float: right;}
.logos-nav .navbar-nav>li>a {padding: 0; margin-left: 30px;}
.sec-dating{ width:22%;}
.sec-dating img{width: 90%;}
.sec-games{ width:73%; float:left;}
.big-banner{ display:none;}

}



@media (max-width: 768px){
.main-news .main-item h1{ height:62px; margin: 0 0 8px 0;}
.search{margin-top:-10px; margin-bottom: 5px;}
.fast-news .txt{width: 65%;}
.fast-news{background:#c70304 url(images/fastnews.png) left 40px top no-repeat; background-size: contain;    font-size: 13px;}
.fast-news .title{margin:8px 0 0 5px;}
.face{ width:100%;}
.update .left-item { float: right; margin-right: -15px; margin-left: 20px;}
.sec-dating{ width:100%;}
.sec-dating img{width: 100%;}
.sec-games{ width:100%; }
.footer-nav li {font-size: 11px;     margin: 0 0 10px 20px;}
.cities-tabs .nav-tabs>li, .cats-tabs .nav-tabs>li {width: 25%;}
.cities-tabs .nav-tabs>li{border: 1px solid rgb(0, 0, 0);margin-right: -1px;}
.cities-tabs .nav-tabs>li a, .cities-tabs .nav-tabs>li a:focus{ border:0; border-bottom: 2px solid rgb(43, 43, 43);}
.cities-tabs .nav-tabs>li>a:hover{  border-bottom:1px solid #c70304;}
.insidecat-banner{ display:none;}
.tv-fremo{ display:none;}

}

@media (max-width: 500px){
.col-xxs-4{width:33.333% !important;}
.col-xxs-6{width:50% !important;}
.col-xxs-12{ width:100% !important;}
.hidden-xxs{ display:none !important;}
.visible-xxs{ display: block;}
body {font-size: 12px;}
h1{ font-size:23px; margin:0 0 17px 0;}
h2{ font-size:19px; margin:0 0 13px 0;}
h3{ font-size:15px; margin:0 0 11px 0;}
h4{ font-size:12px; margin:0 0 6px 0;}
.fast-news{ background-image:none;}
.fast-news .title{margin: 0 0 3px 0px; width: 100%}
.fast-news .title:before{content: "\f053"; font-family: 'FontAwesome'; }
.fast-news .txt {width: 100%;}
.main-news .main-item .main-des{height:55px; overflow:hidden;}
.main-news .seconed-item .sec-des{ padding-right:0;}
.sec-games .news:nth-child(3){ display:none;}
.cities-tabs .nav-tabs>li, .cats-tabs .nav-tabs>li {width:50%;}
.CatPage .menu{ float:right; width:100%;  }
.CatPage .menu .item {float: right;     margin: 5px 15px 3px 0;}
#carousel-in-cat h3{ font-size:12px; margin-bottom:0;}
.one-art .one-title{ height:auto; }
.one-art .one-des{height:auto;}
.sec-shbab .carousel-indicators .active, .sec-shbab .item-pic {width: 25%; padding: 0 0.5%;}
.sec-shbab .visual .bottom {padding: 5px;}
.sec-shbab .visual .bottom .slide-des{ display:none;}
article p {font-size:14px;}
.main-news .main-item .wrap-align{font-size: 17px; height: 43px; line-height: 43px;}
.main-news .main-item {font-size: 13px;}
.main-news .main-item .cat-des{margin-top: -7px; margin-left:5px; float: right;}
#main-carousel .carousel-indicators {bottom: -8px;}
}

@media (max-width: 370px){
	.mobile-full-width{max-width:100%;}
	.hide-for-mobile{display:none;}
	.article-banner{border:0;padding:0;margin-right:-5px;}
}

@media (min-width: 1200px)
.container {
    width: 1180px;
}
}
.smalTitles .Container .date{margin-top:10px}
.mrg-right-20{margin-right:20px;}
header{margin-bottom:0;}
.mainImages .active{display:block;}
.mainImages .not-active{display:none;}
.seconed-item h4{min-height:36px;}
.MainVideo{position:relative;    max-height: 275px;
    overflow: hidden;}
.MainVideo .mainTitle {
    position: absolute;
    bottom: 10px;
    right: 5%;
    width: 90%;
    /* padding: 7px; */
    background: rgba(0,0,0,0.8);
    text-align: center;
    padding: 7px;
}
.MainVideo .playMark{    width: 80px;
    height: 80px;
    position: absolute;
    background: url(/images/playmark.png);
    background-size: contain;
    left: 40%;
    top: 25%;
    background-repeat: no-repeat;}




.food .visual{margin-bottom:10px;}
.food .cont-title{background-image: url(images/food-bg.png); padding: 7px 13px; position: relative;}
.food .menu{  width: 100%; float:right; background: crimson;  border-bottom: 0; border-left: 0; }
.food .menu .item{ float: right; padding: 6px 22px 10px; color: #fff;   font-family: 'bokra-Bold';    margin-right: 9px;  }
.food .item-news{width: 100%; float: right;  height: auto;  }
.food h2{color: crimson; font-size:17px; }
.food .main-news{ position: relative; float: right;}
.food .main-news.first .txt{font-size: 17px;}
.food .main-news .txt{ position: absolute; bottom: 10px; border-radius: 3px 0 0 3px; padding:5px 7px 7px;  font-size: 15px; left: 15px;  right: 0;  background: rgba(255, 255, 255, 0.83);  font-family: 'bokra-Bold'; }
.btn-food:focus, .btn-food{background: crimson; border:1px solid gold; color: #fff;   font-family: 'bokra-Bold';}
.btn-food:active, .btn-food:hover{ border:1px solid gold; color: gold; }
.food-modal .modal-header{color: #fff; background: crimson; }
.food-modal .modal-content{border: 0; overflow: hidden;}
.Loader30{width:100%; height:auto; min-height: 30px; clear: both; float:left; text-align: center; padding:10px; }
.PopBanner{position:fixed;width:100%; height:100%; background:#fff; top:0;left:0; z-index: 50000; display: none;}
.PopBanner .closeBanner{width:32px;height:32px; position:fixed; top:10px; left:10px; background-size:contain;background:url('/images/close-cross.png'); z-inde:90000;}
.smSdata{overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;max-height:36px;}

.lines-2{overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;}
.LoadMe{width:100%;float:left;}
.ramadanMenu li{width: 100% !important;margin-bottom:5px; }
.ramadanMenu li a {
    background-color: #C41820!important;
		color:#fff;
		font-weight: bold;;
    border: 1px solid #B50008 !important;
}



.christmasStrip{border-top: 10px solid #a80000;}
.christmasStrip .cat-title a{color:#a80000;font-family: 'PT Sans Narrow', sans-serif;font-size:30px;}

.ramadanStrip{background:url('/images/bgramadan.jpg'); padding:0;    background-size: cover;
    background-repeat: no-repeat;border-top: 4px solid #734B34;}
.ramadanStrip .title-views{font-size:30px; font-weight: bold;color:#734B34;margin-top:5px; margin-bottom: 20px;text-shadow: 1px 2px 5px #fff;margin-right:15px;margin-bottom: 5px;}
.ramadanStrip .carousel-control{width:40px;background:none;font-size: 30px;opacity:1;}
.ramadanStrip .carousel-control:hover{opacity:1; color:#734B34;}
.ramadanStrip .h36{width:100%;height:46px;background:rgba(255,255,255,0.8);padding:5px;color:#734B34;}
.ramadanStrip img{margin-bottom:0;}
.RamadanSide{background:#0E303A;}
.RamadanSide h3{color:#fff;}
.RamadanSide .main-ved figcaption {
    font-size: 15px;
    position: absolute;
    width: 100%;
    background: rgba(14,48,60,0.7);
    bottom: 0;
    padding: 5px;
    bottom: 20px;
}
.RamadanBack header{background-color:#fff;background-image:url('/images/web1.jpg');background-repeat-y: no-repeat;}
.RamadanBack header .container{background:#fff;}
.cocaCola{    background: url('/images/cola_back.jpg');
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-position: fixed;
    background-attachment: fixed;
    /* background-position-y: 150px; */
		    background-position: top center;
}


.ramadan_sano{    background: url('/images/ramadan/metog_alaraz.jpg');
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-position: fixed;
    background-attachment: fixed;
    /* background-position-y: 150px; */
		    background-position: top center;

}




.ramadan_sano header{background:none;border-bottom:0;}
.ramadan_sano .container{background:#fff;}
.cocaCola header{background:none;border-bottom:0;}
.cocaCola .skyscraper,.cocaCola .skyscraper2{display:none !important}
.container .container{padding:0;}
.cocaCola .container{background:#fff;}
#MegaAd .modal-dialog{width:800px !important}

.react-buttons .btn{width:auto !important; height:auto !important; padding:10px 15px;border-bottom:0 !important;
    border: 1px solid #f1f1f1 !important;  }
		.react-buttons .btn:hover{background:#eee;}
.react-buttons .btn span{clear: both; width:100%; float:left;}
.react-buttons .btn img{margin-bottom: 0px;}
.react-buttons:focus,.react-buttons .btn {outline:0;}


.animateReact {
  animation: pulse 1s;
	animation-timing-function: ease-in-out;
}

.animateReact img {
  animation: rotate 0.8s;
	animation-timing-function: ease-in-out;

}


.animateReact span {
  animation: changeColor 0.8s;
	animation-timing-function: ease-in-out;

}

@keyframes pulse {
  0% {

    background-color: #fff;
  }
  100% {
    background-color: #bf151e;
  }
}


@keyframes changeColor {
  0% {

    color: #666666;
  }
  100% {
    color: #fff;
  }
}


@keyframes rotate {
  0% {

		-ms-transform: rotate(0deg); /* IE 9 */
	 -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	 transform: rotate(0deg);
  }
  100% {
		-ms-transform: rotate(360deg); /* IE 9 */
	 -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	 transform: rotate(360deg);
  }
}

.catPage_759 .cont-title{background:#f26522;}
.catPage_759 .main-cat{    margin-right: 0;
    margin-right: 15px; float:right;    color: #fff;
    padding: 5px;font-family: monospace;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.41);}
.catPage_759 .cont-title .menu{float: right;margin-right: 25px !important;margin-top: 6px !important;
}
.catPage_759 .cont-title .menu a{background:#fff; padding:5px 10px;border-radius:5px;color:#f26522;    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.41);   }
.catPage_759 .subcat:hover, .catPage_759 .subcat{background:#f26522;color:#fff; padding:10px; padding-bottom:0;margin-top:15px;}
.white-bg{background:#fff;}