@charset "utf-8";

@font-face {
    font-family: 'HelveticaNeueW23forSKY';
    src:url('../fonts/HelveticaNeueW23forSKY-Reg.ttf') format('truetype');
}
@font-face {
    font-family: 'HelveticaNeueLTW20';
    src:url('../fonts/HelveticaNeueLT\ Arabic\ 75\ Bold.ttf') format('truetype');
}
 
@font-face {
    font-family: 'GretaArabic';
    src:url('../fonts/Greta-Arabic-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'HelveticaNeueLTArabic';
    src:url('../fonts/HelveticaNeueLT.otf') format('opentype');
}
@font-face {
    font-family: 'HelveticaNeueLTArabic';
    src:url('../fonts/HelveticaNeueLTCom-Roman.ttf') format('truetype');
}
@font-face {
    font-family: 'HelveticaNeueW23foSKY';
    src:url('../fonts/HelveticaNeueW23forSKY-Bd.ttf') format('truetype');
}
@font-face {
    font-family: 'BahijJanna';
    src:url('../fonts/Bahij Janna-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Arial';
    src:url('../fonts/Arabic.ttf') format('truetype');
}
/****************************************************************/
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
  /* -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;*/
}
*,:before,:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}
.clear, .clearfix::after {
    clear: both;
}
:focus 
{
outline: 0 none;
}
body{
	background-color: #f0f0f0;
	direction: rtl;
	font-family: "GretaArabic";
	font-size: 13.275px;
	text-align: right;
}
a{
    color: #333;
    text-decoration: none  !important;
}
a.nounderline:link{
    text-decoration:none;
}
a:hover{
	color:#ce0000;
}
.container {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 100%;
}
.row {
margin-right: 0px;
margin-left: 0px;
overflow: hidden;
}
.img-container{
    overflow: hidden;
    background :  url(../images/def.png) #adadad no-repeat center;;
}
.img-container img{
    width: 100%;
    min-height:100% ;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1,
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11,
.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
.col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2,
.col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto ,
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7,
.col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2,
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1,
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7,
.col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10,
.col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{
    padding-right: 0px;
    padding-left: 0px;
    overflow: hidden;
}
.container-fluid {
    padding-right: 0px;
    padding-left : 0px;
    margin-right : auto;
    margin-left  : auto;
    max-width:  1156px;
}
/***************************************/
.Breaking{
    min-height: 55px;
    overflow: hidden;
    position: relative;
    background: #e31f2f;
}
.Breaking-news{
    height: 100%;
    z-index: 2;
    display: flex;
}
.Breaking-news .titel{
    font-size: 28pt;
    font-family: "HelveticaNeueW23forSKY";
    color: rgb(255, 255, 255);
    line-height: 55px; 
    height: 100%;
    padding-left: 20px;
}
.Breaking-news .titel-news{	
    font-size: 18pt;
    font-family: "HelveticaNeueW23forSKY";
    color: #fff;
    line-height: 2.4;
    display: inline-block;
}   
/***************************************/
header {
    background: #040129 url(../images/header-bg.png) no-repeat scroll center center;
    padding-top: 32px;
}
header .curent-date{
    font-size: 15px;
    font-family: "GretaArabic";
    color: rgba(95, 95, 95, 0.902);
    line-height: 2;
    padding: 3px 0px;
}
header .sit-descrption{
    font-size: 15px;
    font-family: "GretaArabic";
    color: rgba(255, 255, 255, 0.902);
    line-height: 2;
    text-align: left;
}
input[type=checkbox]{
    display: none;
    float: right;
}
.label-menu{
    float: right;
    width: 44px;
    height: 15px;
    background: url(../images/menu-20.png) no-repeat center;
    display: none;
    cursor: pointer;
    margin-bottom: 1px;
    margin-top: 4px;
}

.nav{
    background: #fff;
    border-bottom: 1.5px solid #eaeaea;
    padding: 5px 0px;
}
.menu ul{
    list-style: none;
    margin: 0px;
    -webkit-transition: max-height 1.2s;
		-moz-transition: max-height 1.2s;
		-o-transition: max-height 1.2s;
		transition: max-height 1.2s;
}
 .main-nav li{
    display: inline-block;
    padding: 1px 8px;
    border: 1px solid #fff;
    margin-left: 0px;
    border-radius: 5px;
}
.main-nav li a{
    font-size: 16px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(78, 78, 78);
}
.news-bar-search{
    margin-top: 20px;
}
.news-bar-search .search input{
    width: 100%;
    border: 1px solid #cccccc;
    background: #fff ;
    height: 40px;
    font-size: 15px;
    font-family: "BahijJanna";
    color: rgba(76, 81, 94, 0.612);
    line-height: 1.2;
    padding-right: 10px;
}
.news-bar-search .search button{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    border: none;
    background: none;
    background: #f60d2b;
}
.news-bar-search .search {
    margin-top: 0px;
}
.news-bar {
    padding-left: 14px;
}
.news-bar .news-bar-contint {
    height: 40px;
    overflow: hidden;
    background: #fff;
    padding: 0px 12px;
}
.news-bar .title{
    float: right;
    width: 95px;
    font-size: 15px;
    font-family: "GretaArabic";
    color: rgba(246, 13, 43, 0.902);
    line-height: 2.75;
}
@keyframes ticker {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(100%, 0, 0); }
}
.tcontainer{
  overflow: hidden;
}
.ticker-wrap {
  width: 100%;
  padding-left: 100%;
  padding-top: 9px;
}
.ticker-move {
  display: inline-block;
  white-space: nowrap;
  padding-right: 100%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: 70s;
}
.ticker-move:hover{
  animation-play-state: paused;
}
.ticker-item{
  display: inline-block;
  padding: 0 2rem;
  position: relative;
}
.ticker-item a{
  font-size: 15px;
  font-family: "BahijJanna";
  color: rgb(0, 0, 0);
  line-height: 1.2;

}
.ticker-item::after{
  content: '';
  background: url(images/news-brack.png);
  background-size: cover;
  height: 14px;
  width: 37px;
  position: absolute;
  left: -16px;
  bottom: 3px;
  z-index: 0;
}
@media (max-width:764px) { 
    .news-bar-search .search {
        margin-top: 10px;
    }  
    .news-bar {
        padding-left: 0px;
    } 
    .news-bar-search {
        margin-top: 10px;
    } 
}
.main-news{
    padding: 0px 0px 0px 14px;
}
.main-news .main-item{
    padding: 14px 0px 0px 16px;
}
.main-news .main-item .main-item-contint{
    position: relative;
    height: 394px;
    overflow: hidden; 
    background: #ddd;   
}
.main-news .main-item .img-container{
    width: 100%;
    height: 394px;
}
.main-news .main-item  .news-titel{
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    font-size: 25px;
    font-family: "BahijJanna";
    color: rgb(255, 255, 255);
    line-height: 1.492;
    padding: 16px 11px 2px 12px;
}
.main-news .sup-item .item{
    margin-top: 14px;
    width: 100%;
    height: 190px;
    position: relative;
}
.main-news .sup-item .item .img-container{
    width: 100%;
    height: 100%;
}
.main-news .sup-item .item .news-titel{
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    background: rgba(4, 1, 41, .7);
    font-size:20px;
    font-family: "BahijJanna";
    color: rgb(255, 255, 255);
    line-height: 1.5;
    padding: 16px 11px 2px 12px;
}
.last-news{
    background: #FFF;
    border-bottom: 2px solid #dbdbdb ;
}
.last-news .section-title{
    padding: 22PX 40px 8px 0px;
}
.last-news .section-title .contint{
    width: 196px;
    height: 34px;
    border: 1px solid #c5c5c5 ;
    background: #efefef;
    text-align: center;
}
.last-news .section-title .contint a{
  font-size: 21px;
  font-family: "BahijJanna";
  color: rgb(0, 0, 0);
}
.last-news .items{
    padding: 0px 13px;
}
.last-news .item{
    border-bottom: 1px solid #efefef;
    padding: 12px 0px;
}
.last-news .item a{
    display: table;
}
.last-news .item .img-container{
    display: table-cell;
    width: 69px;
    height: 57px;
    /* margin-left: 8px; */
    vertical-align: middle;
}
.last-news .item .news-info{
    display: table-cell;
    padding-right: 8px;
}
.last-news .item .news-title{
    font-size: 15px;
    font-family: "BahijJanna";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    vertical-align: middle;
    height: 39px;
    overflow: hidden;
}
.last-news .items>:last-child{
    border-bottom: 0px solid #efefef;
}
.page-contint{
    margin-top: 26px;
    background: #fff;
    border-top: 1px solid #d7ddee ;
    padding-bottom: 112px;
}
.right{
    padding-left: 11px;
}
.left{
    padding-right: 11px;
}
.news-khalig .section-title{
    font-size: 26px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(76, 81, 94);
    padding-right: 8px;
    line-height: 3;
}
.news-khalig .main-item-contint{
    height: 378px;
    overflow: hidden;
    background: #ddd;
}
.news-khalig  .main-item .img-container{
    height: 292px;
    width: 100%;
}
.news-khalig .main-item .news-title{
    background: #040129;
    font-size: 19.39px;
    font-family: "GretaArabic";
    color: rgb(255, 255, 255);
    line-height: 1.5;
    padding: 10px 14px;
    height: 86px;
    overflow: hidden;
} 
.news-khalig .sup-item .item{
    padding: 10px;
    border: 1px solid #dadfef;
    margin-bottom: 23px;
    height: 109px;
    overflow: hidden;
}
.news-khalig .sup-item>:last-child{
    padding: 12px;
    border: 1px solid #dadfef;
    margin-bottom: 0px;
}
.news-khalig .sup-item .item a{
   display: table ;
}
.news-khalig .sup-item .item .img-container{
    display: table-cell;
    vertical-align: middle;
    width:125px ;
    height: 87px;
}
.news-khalig .sup-item .item .news-title{
    display: table-cell;
    vertical-align: top;
    padding-right: 11px ;
    font-size: 17px;
    font-family: "GretaArabic";
    color: rgb(4, 1, 41);
    line-height: 1.711;
    max-height: 87px ;
    overflow: hidden;
}
.report{
    margin-top: 10px;
}
.report .section-title .title{
    font-size: 26px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(76, 81, 94);
    padding-right: 8px;
    line-height: 3; 
    float: right;
}
.more{
    float: left;
    width: 79px;
    height: 31px;
    border: 1px solid #d7ddee ;
    text-align: center;
    margin-top: 29px;
    background: #fff;
}
.report .section-title .more{
    margin-top: 32px;
}
.more a{
    font-size: 18px;
    font-family: "GretaArabic";
    color: rgb(76, 81, 94);
    line-height: 1.616;   
    text-align: center;
}
.report .item{
    margin-left: 12px;
    border: 1px solid #d7ddee;
}
.report .item .img-container{
    width: 100%;
    height: 149px;
}
.report .item .news-info{
    height: 169px;
    overflow: hidden;
    /* display: grid; */
}
.report .item .news-info .news-title{
    height: 139px;
    padding: 22px 10px 5px 10px ;
    overflow: hidden;
    font-size: 18px;
    font-family: "GretaArabic";
    color: rgb(4, 1, 41);
    line-height: 1.616;
}
.report .item .news-info .news-view{
    font-size: 18px;
    font-family: "GretaArabic";
    color: rgb(154, 154, 154);
    line-height: 1.616;
    padding-right: 10px;
}
.report  .items-row{
    margin-left: -12px;
}
.arbic-inter .section-title .title{
    font-size: 26px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(76, 81, 94);
    padding-right: 8px;
    line-height: 3; 
    float: right;
}
.arbic-inter .main-item .main-item-contint{
   position: relative;
   height: 407px;   
}
.arbic-inter .main-item .img-container{
    width: 100%;
    height: 100%;
}
.arbic-inter .main-item .news-title{
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0px;
    background: rgba(0,0,0, .7);
    font-size: 19px;
    font-family: "GretaArabic";
    color: rgb(255, 255, 255);
    line-height: 1.573;
    padding: 22px 16px 14px 16px;
} 
.arbic-inter .item{
    border: 1px solid #dadfef;
    margin: 0px 0px 15px 6px;
}
.arbic-inter .item .img-container{
    width: 100%;
    height: 100px;
}
.arbic-inter .item .news-title{
    width: 100%;
    height: 94px;
    padding: 14px 10px;
    font-size: 17px;
    font-family: "GretaArabic";
    color: rgb(0, 0, 0);
    line-height: 1.351;
}
.arbic-inter .sup-item{
    margin-left: -6px;
    margin-bottom: -15px;
}
.sport .section-title .title{
    font-size: 26px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(76, 81, 94);
    padding-right: 8px;
    line-height: 3; 
    float: right;
}
.sport .main-item{
    position: relative;
    height: 190px;
    margin-left: 22px;
}
.sport .main-item .img-container{
    width: 100%;
    height: 100%;
}
.sport .main-item .news-title{
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    font-size: 18px;
    font-family: "GretaArabic";
    color: rgb(255, 255, 255);
    line-height: 1.667;
    padding: 10px 18px;
    width: 100%;
    min-height: 80px;
}
.sport .items-row{
    margin-left: -22px;
}
.sport .items-row .item-sup-col{
    padding-left: 22PX;
}
.sport .item{
    margin-top: 14px;
    height: 78px;
    border: 1px solid #dadfef;
}
.sport .item a{
    display: table;
}
.sport .item .img-container{
    display: table-cell;
    width: 141px ;
    height: 77px;
    overflow: hidden;
    /* vertical-align: middle; */
    display: table-cell;
}
.sport .item .news-title{
    display: table-cell;
    vertical-align: top;
    padding:8px 12px;
    height: 77px ;
    overflow: hidden;  
    font-size: 18px;
    font-family: "GretaArabic";
    color: rgb(4, 2, 5);
    line-height: 1.7667;
}
.econimc .section-title .title{
    font-size: 26px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(76, 81, 94);
    padding-right: 8px;
    line-height: 3; 
    float: right;
}
.econimc .main-item{
    border: 1px solid #dadfef;
    height: 190px;
}
.econimc .main-item a{
    display: table;
}
.econimc .main-item .news-info{
    display: table-cell;
    vertical-align: top;
    padding: 16px;
}
.econimc .main-item .news-info .news-title{
    font-size: 26px;
    font-family: "GretaArabic";
    color: rgb(4, 2, 5);
    line-height: 1.385;
    margin-bottom: 8px;
}
.econimc .main-item .news-info .news-samry{
    font-size: 15.77px;
    font-family: "GretaArabic";
    color: rgb(0, 0, 0);
    line-height: 1.765;
}
.econimc .main-item .img-container{
    display: table-cell;
    width: 354px;
    height: 190px;
    float: left;
}
.econimc .item{
    height: 77px;
    border: 1px solid #dadfef;
    margin-top: 16px;
    margin-left: 22px;
}
.econimc .item a{
    display: table;
}
.econimc .item  .img-container{
    display: table-cell;
    height: 77px;
    width: 140px;
}
.econimc .item  .news-title{
    display: table-cell;
    font-size: 18px;
    font-family: "GretaArabic";
    color: rgb(4, 2, 5);
    line-height: 1.7667;
    vertical-align: top;
    vertical-align: -webkit-baseline-middle;
    padding: 4PX 8PX;
}
.econimc .items-row{
    margin-left: -22px;
}
.econimc {
    margin-top: 10px;
}
.culture{
    margin-top: 12px;
}
.culture .section-title .title{
    font-size: 26px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(76, 81, 94);
    padding-right: 8px;
    line-height: 3; 
    float: right;
}
.culture .row-items{
    margin-left: -14px;
}
.culture .item ,.culture .sup-item {
    border: 1px solid #dadfef;
    margin-top: 5px;
    margin-left: 14px;
}
.culture .item .img-container{
    width: 100%;
    height: 150px;
}
.culture .item .news-title{
    font-size: 18px;
    font-family: "GretaArabic";
    color: rgb(4, 1, 41);
    line-height: 1.616;
    padding: 16px 12px;
}
.culture .sup-item {
    height: 77px;
    overflow: hidden;
    margin-top: 20px;
}
.culture .sup-item a{
    display: table;
}
.culture .sup-item .img-container{
    display: table-cell;
    width: 140px;
    height: 77px;
}
.culture .sup-item .news-title{
    display: table-cell;
    vertical-align: top;
    font-size: 18px;
    font-family: "GretaArabic";
    color: rgb(4, 2, 5);
    line-height: 1.667;
    padding: 10px;
}
.artical .section-title .title{
    font-size: 26px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(76, 81, 94);
    padding-right: 8px;
    line-height: 3; 
    float: right;
} 
.artical .item-row{
    border: 1px solid #dadfef; 
}
.artical .item{
    border-bottom: 1px solid #dadfef;
}
.artical .item-row>:last-child{
    border: 0px solid #dadfef; 
}
.artical .item a{
    display: table;
}
.artical .item .img-container{
   
    width: 75px;
    height: 75px;
    border: 1px solid #ecedf0; 
    border-radius: 50%;
    background: #ccc;
    margin: 17px 12px 17px 20px;
}
.artical .item .artical-info{
    display: table-cell;
    vertical-align: middle;
}
.artical .item .writer-img{
    display: table-cell;
    width: 108px;
    height: 124px;
}
.artical .item .artical-info .writer-name{
    font-size: 16px;
    font-family: "GretaArabic";
    color: rgb(0, 0, 0);
    line-height: 1.435;
    margin-bottom: 4px;
}
.artical .item .artical-info .artical-title{
    font-size: 17px;
    font-family: "GretaArabic";
    color: rgb(79, 79, 79);
    line-height: 1.351;
}
.vister-read .section-title .title{
    font-size: 25px;
    font-family: "BahijJanna";
    color: rgb(76, 81, 94);
    line-height: 3;
    float: right;
    margin-top: 14px; 
}
.vister-read .more{
    margin-top: 39px;
}
.vister-read .item-row{
    border: 1px solid #dadfef; 
}
.vister-read  .item{
    border-bottom: 1px solid #dadfef;
    padding: 15px 28px 6px 2px;
    position: relative;
}
.vister-read  .item-row>:last-child{
    border: 0px solid #dadfef; 
}
.vister-read  .item .news-title{
    font-size: 18px;
    font-family: "GretaArabic";
    color: rgb(4, 1, 41);
    line-height: 1.616;
}
.vister-read  .item .news-title::before{
    content: ' ';
    background: url(../images/beforeV.png) no-repeat center ;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 0;
}
.more-read{
    margin-top: 27px;
}
.more-read .section-title .title{
    font-size: 26px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(76, 81, 94);
    float: right;
}
.more-read .more{
    margin-top: 3px;
}

.more-read .item-row{
    background: #e9e9e9;
    border: 1px solid #d8deef;
    padding-bottom: 4px;
    margin-top: 14px;
}
.more-read .item{
    border-bottom: 1px solid #b8b8b8;
    padding: 19px 12px ;
    font-size: 18px;
}
.more-read .item-row>:last-child{
    border: 0px solid #d8deef;
}
.more-read .item  .news-title{
    font-size: 18px;
    font-family: "GretaArabic";
    color: rgba(0, 0, 0, 0.902);
    line-height: 1.667;
}
.infogragic{
    background: #040129 ;
    padding: 15px 12px 10px 12px ;
    margin-top: 78px;
}
.infogragic .more{
    margin-top: 0px;
}
.infogragic .section-title{
    margin-bottom: 10px;
}
.infogragic .section-title .title{
    float: right;
    font-size: 28px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(255, 255, 255);
    margin-top: -10px;
}
.infogragic .section-title .title  a{
    color: rgb(255, 255, 255);
}
.infogragic .item{
    margin-left: 10px;
}
.infogragic .item-row{
    margin-left: -10px;
}
.infogragic .item .img-container{
    width: 100%;
    height: 226px;
}
.infogragic .item .info-title{
    width: 100%;
    height: 98px;
    background: #2e2c4d;
    font-size: 16.47px;
    font-family: "GretaArabic";
    color: rgb(255, 255, 255);
    line-height: 1.457;
    padding: 14px 12px;
}
.video{
    margin-top:73px;
    padding: 0px 12px ;
    background: #000; 
}
.video .section-title .title{
    float: right;
    font-size: 28px;
    font-family: "HelveticaNeueLTW20";
    margin-bottom: 10px;
}
.video .section-title .title a{
    color: rgb(255, 255, 255);
}
.video .item{
    margin-bottom: 15px;
}
.video .item a{
    display: table;
    width: 100%;
}
.video .item .img-container{
    display: table-cell;
    width: 171px;
    height: 135px;
}
.video .item .video-title{
    display: table-cell;
    background: #e1e1e1;
    height: 100%;
    vertical-align: middle;
    padding: 0px 14px;
    font-size: 16.47px;
    font-family: "GretaArabic";
    color: rgb(4, 2, 5);
    line-height: 1.457;
}
.video .item .play-button{
    width: 70px;
    height: 50px;
    background: url(../images/video-play.png)  no-repeat center;
    position: absolute;
    top: 38px;
    right: 50px;
}
.caricatir{
    margin-top: 18px;
}
.caricatir .section-title{
    margin-bottom: 10px;
}
.caricatir .section-title .title{
    float: right;
    font-size: 28px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(76, 81, 94);
    margin-bottom: 10px;
}
.caricatir .section-title .title a{
    color: rgb(76, 81, 94);
}
.caricatir .more {
    margin-top: 10px;
} 
.caricatir .swiper-container{
    height: 226px;
    border: 1px solid #d8deef;
} 
.caricatir .car-button-prev{
    background: url(../images/prev.png) no-repeat center ;
}
.caricatir .car-button-next{
    background: url(../images/next.png) no-repeat center ;
}
.caricatir .swiper-slide .img-container{
    height: 100%;
}
footer{
    background: #040129;
    padding: 20px 0px 16px 0px;
}
.footer-nav {
    list-style: none;
    text-align: center;
    margin: 0px;
}
.footer-nav li{
    display: inline-block;
    display: inline-block;
    margin-left: 5px;
    padding: 4px 10px;
}
.footer-nav li a{
    font-size: 15.81px;
    font-family: "GretaArabic";
    color: rgb(255, 255, 255);
    line-height: 1.898;
}

.footer-soical{
    list-style: none;
    text-align: center;
    margin: 0px;
    margin-top: 20px;
}
.footer-soical li{
    display: inline-block;
    width: 31px;
    height: 33px;
    background: url(../images/soical-icon.png) no-repeat center ;
    margin-left: 20px;
}
.footer-soical .whatsapp{
    background-position-x: -159px;
}
.footer-soical .facebook{
    background-position-x: -105px;
}
.footer-soical .twiter{
    background-position-x: -53px;
}
.footer-soical .telgram{
    background-position-x: 1px;
}
footer .search{
    position: relative;
    text-align: left;
    margin-top: 20px;
}
footer .search input[type=text]{
    height: 40px;
    max-width: 305px;
    width: 100%;
}
footer .search button{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    left:  0px;
    background: #f60d2b;
    border: none;
}
@media (max-width:764px) { 
    .left{
        padding-right: 0px;
    }
    .right {
        padding-left: 0px;
    }
    .imp-news {
        margin-top: 10px;
    }
       
}
.copy-write {
    margin-top: 20px;
    padding-right: 14px;
}
.copy-write a{
    font-size: 15px;
    font-family: "GretaArabic";
    color: rgb(225, 225, 225);
    line-height: 1.4;
}
.copy-write .copy-write-text{
    margin-top: 6px;
}
.devloper a{
    font-size: 10px;
    font-family: "HelveticaNeueW23forSKY";
    color: rgb(255, 255, 255);
    line-height: 1.65; 
}
.left-menu{
    position: fixed;
    left: 20px;
    top: 30%; 
    z-index: 10; 
    display: grid; 
}
.header-soical{
    background:#fff ;
    width: 72px;
    height: 234px;
    border: 1px solid #dadfef;  
    border-radius: 5px;  
    margin-top: 8px;
    float: left;
}
.header-soical ul{
    list-style: none;
    text-align: center;
    justify-content: center;
    width: 47px;
    margin: auto;
    padding-top: 18px;
}
.header-soical li{
    display: block;
    width: 45px;
    height: 45px;
    background: url(../images/header-soical.png) no-repeat center ;
    margin-bottom: 8px;
}
.header-soical .whatsapp{
    background-position-y: -97px;
}
.header-soical .facebook{
    background-position-y: 0px;
}
.header-soical .twiter{
    background-position-y: -48px;
}
.header-soical .telgram{
    background-position-y: -145px;
}
.label-social{
    float: right;
    width: 29px;
    height: 29px;
    background: url(../images/adds.png) #040129 no-repeat center;
    display: none;
    cursor: pointer;
    margin-bottom: 0px;
    margin-top: 4px;
    margin: auto;
    margin-left: -3px;
}

/* news page */
.news-contint ,.art-contint{
    background: #F9F9F9;
    padding:  20px 20px;
    position: relative;
    overflow: hidden;
  }
  .news-contint h1 ,.art-contint h1{
    color: #333;
    font-size: 26px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .news-contint h2{
    color: #ce0000;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 10px;
  }
  .main-news-image{
    height: auto;
    margin: 0 0 30px;
    width: 100%;
    float: right;
    min-height: 150px;
  }
  .news-contint .news-date-info,.news-date-info {
      color: #ce0000;
      font-size: 10pt;
      margin-bottom: 10px;
      font-family: HelveticaNeueW23forSKY;
      width: 100%;
  }
.art-contint .art-date-info{
      color: #e91802;
      font-size: 10pt;
      margin-bottom: 10px;
      font-family: HelveticaNeueW23forSKY;
      width: 100%;
    text-align: center;
  }
  .news-contint .news_text,.art-contint .news_text{
    font-size: 14pt;
    font-weight: normal;
    color: #333;
    line-height: 1.8;
    padding-top: 10px;
  }
  .related_art_item{
      padding-left: 10px;
      margin-bottom: 20px;
  }
  .row_related_contint_arts{
      margin-left: -10px;
  }
  .news-contint .news_text img{
  margin:10px auto;
  max-width:100%;
  }
  .writer-image-div .writer_name{
    color: #333;
    font-size: 18pt;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 16px;
    font-family: "BahijJanna";
  }
  .writer-image-div  .img-continer{
    width: 150px;
    height: 150px;
    //background: url(../images/def.jpg) no-repeat center !important;
    margin-right: auto;
    margin-left: auto;
  }
  .related_header{
    background: #d9d9d9;
    color: #000;
    font-size: 20px;
    height: 37px;
    line-height: 32px;
    text-indent: 15px;
    font-family: "HelveticaNeueLTW20";
    float: right;
    width: 100%;
  }
  .related_contint{
    padding: 10px 0;
    float: right;
  }
  .related_contint .col-sm-6{
    padding-left: 20px;
    margin-bottom: 15px;
  }
  .related_contint .img-div{
    width: 100px;
    height: 100px;
    overflow: hidden;
    //background: url(../images/def.jpg) no-repeat center ;
    float: right;
    margin-left: 10px;
  }
.related_contint .img-div.news_img{
    width:140px;
    height: 100px;
}
.related_contint .writer_name{
    /*! font-family: "BahijJanna"; */
    font-size: 12pt;
    color: rgb(212, 0, 0);
}
  .related_contint .img-div img{
    width: 100%;
    min-height: 100%;
  }
  .related_contint p{
   margin-bottom: 5px;
   margin-top: 10px;
   font-size: 13pt;
  
  }
  .related_contint p.news_title{
   margin-top: 0;
  }
  .row_related_contint{
    margin-left: -20px;
  }
  .reconnaissance{
    margin-top: 43px;
}
.reconnaissance .title{
    background: #06022a;
     height: 40px;
     text-align: center;
}
.reconnaissance .title .section-title span{
    font-size: 20px;
    font-family: "HelveticaNeueLTW20";
    color: rgb(255, 255, 255);
    line-height: 36px; 
    padding-right: 20px;
}
.recon-contint{
    background: #fff;
    padding: 16px 16px 12px 16px;
    border: 1px #dadfef solid;
}
.qustion-title{
    font-size: 18px;
    font-family: "GretaArabic";
    color: rgb(0, 0, 0);
    line-height: 1.412;
    margin-bottom: 20px;

}
.reconnaissance label{
    padding-right: 15px;
    font-size: 16px;
    font-family: "GretaArabic";
    color: rgb(0, 0, 0);
    line-height:2; 
}
.reconnaissance .button, .reconnaissance a{
    font-size: 18px;
  font-family: "GretaArabic";
  color: #000;
  line-height: 1.912;
  margin-top: 20px;
    background: none;
    border: 0px solid #b1a4a4 ;
    margin-left: 10px;
    cursor: pointer;
}
.reconnaissance .button:hover, .reconnaissance a:hover
{
    color:#0f9ea8;
}
.reconnaissance  input[type=radio]{
    width: 16px;
    height: 16px;
    border: 1px solid #171717;
}

/**********************************/
@media (max-width: 990px) { 
.related_contint .img-div.news_img {
    width: 100%;
    height: 175px;
    margin-bottom: 10px;
    margin-left: 0;
}
}
@media (max-width: 576px) { 
.related_contint .img-div.news_img {
    height: auto;
    }
}
/*****/
iframe#st_gdpr_iframe {
    left: auto !important;
    right: -5000px;
}
/*****************comment*****************/
.comment_box {
    margin: 60px 0;
    display: inline-block;
    width: 100%;
}
.comment_box .comment_box_header {
color: #ce0000;
font-size: 24px;
margin-bottom: 15px;
padding: 0 15px 0 10px;
text-align: center;
font-family: "BahijJanna";
}
.comment_box .comment_item {
     background-color: #fafafa;
    margin-top: 30px;
     margin-bottom: 50px;
}
.comment_header
{	  
	background-color: #e1e1e1;
    height: 37px;
	line-height: 37px;
}

.comment_box .comment_no {
    float: right;
    font-size: 14pt;
    padding: 0 10px;
    font-family: arial;
    line-height: 30px;
    margin-top: -30px;
    color: #333;
    text-align: center;
    border-radius: 7px 7px 0 0;
    /*! border-bottom: 1px #f0f0f0 solid; */
}
.comment_box .comment_name {
    color: #333;
    float: right;

    font-size: 20px;
    margin: 0 25px 0 0;
    line-height: 35px;
    font-family: "BahijJanna";
}
.comment_box .comment_date {
    float: left;
    font-size: 14px;
    margin:0 15px;
    color:#000;
    background-size: 13px auto;
    font-family: HelveticaNeueW23forSKY;
}
.comment_box .comment_inside
{
    display: inline-block;
    padding: 0 25px;
    width: 100%;
}
.comment_box .comment_subject {
    font-size: 16pt;
    line-height: 1;
    margin: 20px 0 20px;
    font-family: "BahijJanna";
    color: #ce0000;
   }
.comment_box .comment_body {
     color: #333;
     font-size: 13pt;
    line-height: 1.6;
    margin-bottom: 30px;
}
.comments_form
{
margin: 0 auto;
color: #333;
font-size: 16px;
padding: 0 10px;
}

.add_comment {
   color: #ce0000;
    font-size: 24px;
    margin-bottom: 15px;
    padding: 0 15px 0 10px;
    text-align: center;
    font-family: "BahijJanna";
}
.comment_inputs .field_name {
    margin: 20px 0 5px;
    font-size: 14pt;
    color: #333;
}
.comment_inputs input[type=submit], .contact_form .contact_submit {
    background-color: #e72037;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 40px;
    margin-top: 10px;
    width: 85px;
    font-family: GretaArabic;
}
.contact_form textarea{
    height:190px;
}

/* search page */
.result-item{
    border-bottom: 1px dashed #c7c7c7;
    padding: 15px 20px;
  }
  .result-item span{
    color: #ce0000;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
  }
  .result-item a{
    font-size: 18px;
    line-height: 1.6;
  }

/******************VIDEO**********************/
.video_content{
margin: 0 0 20px;
padding: 20px;
}
.video_content .share {
    float: left;
}
.video_content .video_title {
    color: #333;
    font-size: 22px;
    line-height: 140%;
    padding: 10px 0 25px;
    text-align: center;
}
.related_video {
    display: inline-block;
}
.related_video .rv_item {
    padding: 0;
    text-align: center;
    margin: 20px 0;
    padding: 0 10px;
}
.related_video .rv_item .rv_img {
    position: relative;
    margin-bottom: 15px;
}
.related_video .rv_item .play_video {
    top: 50%;
    margin-top: -20px;
    background: url(../images/play_video.png) no-repeat center;
}
.related_video .rv_item img {    
    max-width: 250px;
    width: 100%;
    max-height: 175px;
    //min-height: 150px;
    margin: 0 auto;
    height: auto;
}
.related_video .rv_item .v_link {
    display: block;
    padding: 0 0 10px;
    text-align: center;
    font-size: 16px;
}
.related_video .rv_item a, .related_video .rv_item a:link, .related_video .rv_item a:visited {
    color: #505050;
    display: block;
}
.related_video .rv_item:hover a {
    color: #ce0000;
}
.play_video {
    background-image: url("../images/play-b.png");
    background-position: center center;
    display: block;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 70px;
    width: 21px;
    margin-left: -25px;
    padding: 20px 25px;
    background-color: rgba(0,0,0,0.7);
    background-repeat: no-repeat;
}
/******************************************/
/*writer page  */
.writer-item {
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-top: 15px;
 }
.art-contint .writer-item:last-child{
    border:0 none;
}
 .writer-item .img-div img{
    display: block;
    height: 90px;
    width: 90px;
    border: 1px solid #d5d5d5;
    margin-bottom: 10px
 }
 .writer-item .writer-info{
    padding-right: 20px;
    font-family: HelveticaNeueW23forSKY;
 }
 .writer-item .writer-info p{
   font-size: 18pt;
   font-family: "BahijJanna";
   color: #333;
 }
 .writer-item .writer-info span{
   font-size: 12pt;
 }
 /* cat page */
 .cat-news-item{
   border-bottom: 1px solid #eee;
   padding: 14px 0 14px 19px;
   position: relative;
 }
 .cats>:last-child{
   border-bottom: 0px dotted #c7c7c7;
 }
 .img-news-col{
   overflow: hidden;
   //background: url(../images/def.jpg) no-repeat center;
   height: auto;
 }
 .img-news-col img{
   width: 100%;
   height: auto;
   border: 1px solid #c7c7c7;
 }
 .cat-news-info{
   padding-right: 15px;
 }
 .news-date{
   color: #999;
   font-size: 12px;
  }
 .cat-news-titel{
   color: #333;
   font-size: 16pt;
   margin-bottom: 5px;
 }
 .summery{
   color: #474747;
   font-size: 16px;
   line-height: 1.4;
   margin-top: 10px;
   font-family: HelveticaNeueW23forSKY;
 }
 /******************************/
@media (max-width: 576px) { 
.img-news-col{
    margin-bottom: 15px;
}
}
/*****************ARCHIVE*******************/
.archive .topic{
	color: #ce0000;
font-size: 24px;
margin-bottom: 15px;
padding: 0 15px 0 10px;
text-align: center;
font-family: "BahijJanna";
margin-top:40px;
}
.archive_body{
	text-align: center;margin: 10px 0 40px;
}
.archive select{
	height:30px;line-height: 100%;
	font-size: 14px;
	font-family: HelveticaNeueW23forSKY;
}
.archive input[type=submit]{
	background-color: #ce0000;
	border: 0px none;
	color: rgb(255, 255, 255);
	cursor: pointer;
	height: 30px;
	text-align: center;
	width: 67px;
	font-size: 14px;
	vertical-align: top;
	font-family: HelveticaNeueW23forSKY;
}
.archive_result{
	margin:0 20px 20px;
}
.archive table {
    border-collapse: collapse;
    width: 100%;
}

.archive table, .archive th, .archive td {
    border: 1px solid #e7e7e7;
}
.archive th {
	text-align: center; 
	height: 37px;
	font-size: 12pt;
	font-weight: normal;
	font-family: HelveticaNeueW23forSKY;
	color: #333;
}
.archive thead {
	background-color: rgb(248, 248, 248); 
	font-size: 13pt; 
	height: 30px; 
	line-height: 30px; 
	border: 1px solid rgb(232, 232, 232); 
	font-weight: normal;
}
.archive tbody tr {
	border:1px #e8e8e8 solid;
}
.archive tbody tr td{
	font-size: 18px;
    text-align: center;
}
.archive .link{
    color:#333;
    font-size:18px;
  }
.archive .link:hover{
    color:#ce0000;
}
.archive tr:hover{background-color: #fcfcfc;}
.paging {
   background-color: #9ebbdc;
    height: 42px;
    margin: 20px 0;
    text-align: center;
    width: 100%;
}
.pages {
    display: inline-block;
    font-family: "Times New Roman",Times,serif;
    font-size: 22px;
    height: 42px;
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
    vertical-align: top;
}
.page_number_body {
    display: inline-block;
    height: 40px;
    text-align: center;
    width: 40px;
}
.selected_page_number_body {
    background: #858585;
    color: #fff;
    display: inline-block;
    height: 42px;
    text-align: center;
    width: 40px;
}
.page_number_body a, .page_number_body a:link, .page_number_body a:visited {
    color: #333;
    display: block;
}
.page_number_body a:hover {
    color: #fff;
    background-color:#c6c6c6;
}
.arr_prev, .arr_next {
    height: 40px;
    margin: 0;
}
.arr_prev{
	float:right;
}
.arr_next{
	float:left;
}
.prev_link {
    background-image: url("../images/arrow.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 10px auto 0;
    width: 14px;
}
.arr_prev .prev {
    background-image: url("../images/arrow.png");
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 10px auto 0;
    width: 14px;
}
.next_link {
    background-image: url("../images/arrow.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 10px auto 0;
    width: 14px;
}
.arr_next .next {
    background-image: url("../images/arrow.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 10px auto 0;
    width: 14px;
}
.items .item.arts_item {
    border-bottom: 1px #eee solid;
    font-size: 12pt;
    /*! margin: 0px 10px; */
    padding: 10px 10px;;
}
.items .item.arts_item:last-child {
	border:0 none;
}
.items .writer_arts a{
	 display: inline-block;
    padding: 10px;
    width: 100%;
}
.item .title.art_title {
    color: #333;
	font-size: 18px;
	margin-bottom: 0;
}
.item .title.art_title:hover {
    color: #e91802;
}
.item .date {
    color: #e91802;
    display: block;
    float: right;
    font-family: "HelveticaNeueLTArabic";
    font-size: 12px;
}
.writer_arts.item .date {
    background: transparent none repeat scroll 0 0;
    height: auto;
    line-height: 100%;
    margin-top: 10px;
    padding: 0;
}
/* ************* arts.php ********************* */
/*  arts page */
.art-page .art-item{
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
    margin-top: 15px;
  }
  .art-page  .art-item img ,.writer-item img{
    display: block;
    height: 90px;
    width: 90px;
    border: 2px #d5d5d5 solid;
    margin-bottom: 10px;
  }
.art-page   .art-item .ditale{
    padding-right: 15px;
    margin: 10px 0;
}
.art-page   .art-item .ditale .writer_name a{
    color: #dc3545;
    font-size: 14pt;
    font-family: HelveticaNeueW23forSKY;
}
.art-page  .art-item .ditale .art_titel a{
    font-size: 14pt;
    font-family: HelveticaNeueW23forSKY;
}
/*  arts page */
.art-item{
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-top: 15px;
  }
.news-contint .art-item:last-child{
    border: 0 none;
}
  .art-item img ,.writer-item img{
    display: block;
    height: 90px;
    width: 90px;
    border: 1px #d5d5d5 solid;
    margin-bottom: 10px;
  }
  .art-item .details{
    padding-right: 15px;
    margin: 5px 0;
  }
  .art-item .details .writer_name a{
   font-size: 16pt;
    font-family: "BahijJanna";
    
   line-height: 2;
   color: #ce0000;
  }
  .art-item .details .art_titel a{
    font-size: 14pt;
    font-family: "GretaArabic";

        font-size: 15pt;

  }
  .art-item .writer_img{
      width: 90px;
      height: 90px;
      //background: url(../images/def.jpg) no-repeat center;
  }


/******************************************/
.gallery_unit{
    padding: 20px;
    text-align: center;
    }
    .gallery_title{
    display: block;
    line-height: 1;
    padding: 0;
    text-align: center;
    font-size: 14pt;
    margin-bottom: 5px;
    color: #333;
    }
    .gallery_date{
    color: #e91802;
    font-size: 12px;
    font-family: "HelveticaNeueLTArabic";
    }
    .gallery_unit img{
    height: auto;
    margin: 0 auto 20px;
    max-width: 540px;
    width: 100%;}
    /*****************************/
    .gallery_item
    {
    padding: 20px;
    text-align: center;
    }
    .gallery_item a
    {
    color: #333;
    }
    .gallery_item a:hover .gallery_title
    {
        color:#e91802;
    }
    .gallery_item img
    {
    max-height: 490px !important;
    margin-bottom: 10px;
    max-width: 290px !important;
    width: 100%;
    }

  /***************RSS******************/
.rss_content {
    margin: 40px 20px 0;
}
.rss_content a{
	padding:0 10px;
}
.rss_item {
	color: #333;    
	font-size: 15pt; 
    background-color: #eaebeb;
    height: 37px;
    line-height: 37px;
    margin: 0 0 10px;
    min-width: 200px;
	padding: 0 10px;
	font-family: "BahijJanna";
}
.rss_item span.rss_icon {
    background: transparent url("../images/rss.png") no-repeat scroll center bottom;
    display: block;
    float: left;
    height: 15px;
    margin-top: 10px;
    width: 15px;
}
.rss_item:hover {
    background-color: #FEF2E2;
}
.rss_item:hover span.rss_icon {
    background-position: center top;
}
/* ********************contact us*************************8 */
.contact_form {
    margin: 0 auto;
    color: #333;
    font-size: 16px;
    padding:0 10%;
}
.contact_form .field_name{
	margin: 20px 0 5px;
	font-size: 14pt;
}
.contact_form .contact_submit, .comment_inputs input[type="submit"]
{
	background-color: #ce0000;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 15pt;
	height: 40px;
	line-height: 35px;
	margin-bottom: 40px;
	margin-top: 10px;
	width: 95px;
	font-family: BahijJanna;
}
.contact_form .contact_submit:hover, .comment_inputs input[type="submit"]:hover
{
	background-color:#b80000;
}
/********************************************************************/
.path {
    color: #2f2f2f;
    font-family: HelveticaNeueLTArabic;
    font-size: 14px;
    background: #f0f0f0  none repeat scroll 0 0;
    height: 37px;
    line-height: 37px;
    padding: 0 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 15px;
}
.path a:hover{
    color: #cd0000;
}
/*************************************/
.adv_inside{
    margin: 20px auto 0;padding-left: 8px;
}
.adv_left{
    margin: 10px auto 0;
padding-right: 15px;
}
/**********************************/
@media (max-width: 990px) { 
}
@media (max-width: 767px) {   

    .left-menu {
        left: 3px;
    }
    .label-menu {
        display: inline-block;            
    }   
    .label-social{ 
        display: inline-block;            
    } 
    .main-nav{
		max-height: 0;  
		width: 100%;     
		padding: 4px 10px 0px 0px; 
		overflow: hidden;
		-webkit-transition: max-height 1.2s;
		-moz-transition: max-height 1.2s;
		-o-transition: max-height 1.2s;
		transition: max-height 1.2s;
		       float: right;
       text-align: right !important;
       margin: 0px;
    } 
    .header-soical{        
        max-height: 0px; 
        overflow: hidden;
        border: 0px solid #dadfef;
        -webkit-transition: max-height 1.2s ease-in-out;
		-moz-transition: max-height 1.2s ease-in-out;
		-o-transition: max-height 1.2s ease-in-out;
        transition: max-height 1.2s ease-in-out;
        direction: ltr;
    }  
    .header-soical ul{ 
        max-height: 0px;  
        overflow: hidden;
        -webkit-transition: max-height 1.2s ease-in-out;
		-moz-transition: max-height 1.2s ease-in-out;
		-o-transition: max-height 1.2s ease-in-out;
        transition: max-height 1.2s ease-in-out;     
     }
    .nav input[type=checkbox]:checked ~ .label-menu{
        background: url(../images/close-20.png) no-repeat center;
    }
    .nav input[type=checkbox]:checked ~ .main-nav{
       max-height: 400px; 
       overflow: visible;
    }  
    .left-menu input[type=checkbox]:checked ~ .label-social{
        background: url(../images/substract.png) #040129 no-repeat center;
    }
    .left-menu input[type=checkbox]:checked ~ .header-soical{
       max-height: 236px;
       overflow: visible;
       border: 1px solid #dadfef;
    }  
    .left-menu input[type=checkbox]:checked ~ .header-soical ul{ 
        max-height: 236px;       
    }
    .main-nav li {
        padding: 5px 0px 5px;
        display:block;
    } 
    .main-news .main-item {
        padding: 14px 0px 0px 0px;
    }
    .main-news {
        padding: 0px 0px 0px 0px;
    }  
    .top-page{
        padding: 0px 8px;
    } 
    .page-contint {
        padding: 0px 8px;
        margin-top: 26px;
        padding-bottom: 16px;
    } 
    .main-news .sup-item .item {
        height: 234px;
    }
    .main-news .sup-item .item .news-titel {
        padding: 16px 11px 8px 12px;
    }
    .report .item {
        margin-top: 8px;
    }
    .news-khalig .sup-item .item {
        margin-bottom: 14px;
        margin-top: 6px;
    }
    .arbic-inter .item {
        margin: 6px 0px 6px 6px;
    }
    .sport .main-item {
        margin-top: 6px;
    }
    .culture .item .img-container {
        height: auto;
        max-height: 200px;
    }
    .culture .sup-item {
        margin-top: 10px;
    }
    .arbic-inter .main-item .main-item-contint {
        height: 335px;
    }
    .news-khalig .main-item .img-container {
        height: 220px;
    }
    .main-news .main-item .img-container {
        height: 310px;
    }
    .last-news .section-title .contint {
        margin: 10px auto;
    }
    .last-news .section-title {
        width: 100%;
        height: 46px;
        padding: 0px;
    }
    .econimc .main-item .img-container {
        width: 100%;
        height: 190px;
    }


    .copy-write {
        text-align: center;
    }
    footer .search input[type=text] {
        max-width: unset;
        width: 100%;
    }   
    footer .search {
        margin: 0 15px;
        margin-top: 20px;
    }

}
@media (max-width: 660px) {   
    .logo {
        text-align: center;
    } 
    header .sit-descrption{
        text-align: center;
    } 
}
@media (max-width: 580px) {
   .hid-sm{
       display: none;
   }
   .econimc .main-item {
    height: auto;
    }
    .econimc .main-item .img-container {
        width: 100%;
        height: auto;
        max-height: 220px;
    }
} 
@media (max-width: 450px) {
    
    .multi-column {
        -moz-column-count: 2;
        -moz-column-gap: 5px;
        -moz-column-fill: auto;
        -webkit-column-count: 2;
        -webkit-column-gap: 5px;
        -webkit-column-fill: auto;
        column-count: 2;
        column-gap: 5px;
        column-fill: auto;
    }
    .report .item .news-info .news-title {
        height: auto;
    }
    .report .item .news-info {
        height: auto;
    }
    .arbic-inter .sup-item {
        margin-left: -6px;
        margin-bottom: -5px;
    }
}
@media (max-width: 370px) {
    .Breaking-news {         
        display: block;
        padding: 5PX;
    }
    .Breaking-news .titel-news {
        line-height: 1.4;
    }
    .arbic-inter .item .img-container {
        width: 100%;
        height: auto;
        max-height: 200px;
    }
    .news-khalig .sup-item .item .img-container {
        display: block;
        width: 100%;
        height: auto;
        max-height: 200px;
    }

    .news-khalig .sup-item .item a {
        display: block;
    }
    .arbic-inter .item .news-title {
        height: auto;
    }
    .sport .item {
        height: auto;
        padding: 8px;
    }
    .sport .item a {
        display: block;
    }
    .sport .item .img-container {
        display: block;
        width: 100%;
        height: auto;
        max-height: 180px;      
    }
    .econimc  .item {
        height: auto;
        padding: 8px;
    }
    .econimc  .item a {
        display: block;
    }
    .econimc  .item .img-container {
        display: block;
        width: 100%;
        height: auto;
        max-height: 180px; 
    }
    .culture .sup-item a {
        display: block;
    }
    .culture .sup-item .img-container {
        display: block;
        width: 100%;        
        height: auto;
        max-height: 180px; 
    }
    .culture .sup-item {
        height: auto;
        padding: 8px;
    }
    .artical .item a {
        display: block;
    }
    .artical .item .writer-img {
        display: block;
        width: 100%;
        height: auto;
    }
    .artical .item .artical-info {
        display: block;
        vertical-align: middle;
        text-align: center;
        padding: 3px;
    }
    .artical .item .img-container {
        margin:3px auto;
    }
    .infogragic {
        margin-top: 20px;
    }
    .infogragic .item {
        margin-top: 8px;
    }
    .infogragic .item .info-title {
        width: 100%;
        height: auto;
        padding: 10px 10px;
    }
    .video {
        margin-top: 20px;
    }
    .video .item a {
        display: block;
    }
    .video .item .img-container {
        display: block;
        width: 100%;
        height: auto;
        max-height: 180px;
    }
    .video .item .video-title {
        padding: 14px 14px;
    }
    .video .item .play-button {
        top: 24%;
        right: 31%;
    }
    .vister-read .section-title .title {
        margin-top: 8px;
    }
    .more-read .more {
        margin-top: 8px;
    }
    .report .item .img-container {
        width: 100%;
        height: auto;
        max-height: 200px;
    }
    .report .item .news-info {
        height: auto;
    }
    
    footer .search {
        margin: 0 5px;
        margin-top: 20px;
    }
    .copy-write  img{
        max-width: 100%;
    }
    .copy-write {
        padding-right: 0px;
    }
   
}

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