/*==================================================*/

.news {
    margin-bottom: 30px;
}

.news .img {
    padding-top: 65.666666%;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.news .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    max-width: initial;
}

.news .img:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.news .date {
    font-size: 13px;
    line-height: 21px;
    padding-left: 20px;
    color: #bbbbbb;
    position: relative;
    margin-bottom: 10px;
}

.news .date:before {
    content: "\f133";
    font-family: fontAwesome;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.news .tend {
    margin-bottom: 10px;
}

.news .tend a {
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    height: 52px;
    overflow: hidden;
    font-family: 'Tajawal', sans-serif;
}

.news .des {
    color: #777777;
    text-align: justify;
    height: 69px;
    overflow: hidden;
    font-size: 15px;
    line-height: 23px;
}


/*======================================================*/

.the-title {
    margin-bottom: 20px;
}

.the-title h1 {
    font-size: 35px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Tajawal', sans-serif;
}

.the-date {
    display: inline-block;
    border: solid 1px #e6c8be;
    padding: 3px 10px;
    margin-bottom: 20px;
}

.the-date span {
    padding-left: 20px;
    position: relative;
}

.the-date span:before {
    content: "\f133";
    font-family: fontAwesome;
    position: absolute;
    left: 0px;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.the-content {
    margin-bottom: 30px;
    text-align: justify;
}


/*=============================================================*/


/*===================================================*/

.newsOther .title {
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative;
    font-family: 'Tajawal', sans-serif;
}

.newsOther .title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    border-bottom: solid 1px #333333;
}

.newsOther .title .fTitle {
    font-size: 25px;
    line-height: 33px;
    text-transform: uppercase;
    font-weight: bold;
}

.newsOther ul li {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.newsOther ul li:last-child {
    border-bottom: none;
}

.newsOther ul li a {
    display: block;
    padding: 13px 0;
    padding-left: 120px;
    position: relative;
    font-size: 15px;
    line-height: 24px;
}

.newsOther ul li a:after {
    content: "";
    display: block;
    clear: both;
}

.newsOther ul li a span {
    color: #bbbbbb;
    font-size: 13px;
    line-height: 21px;
    float: right;
    position: absolute;
    top: 15px;
    padding-left: 20px;
    left: 0;
}

.newsOther ul li a span:before {
    content: "\f133";
    font-family: fontAwesome;
    position: absolute;
    left: 0px;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*=======================BOX SIDEBAR===============*/

.box_news_sidebar {
    border: solid 1px #e6c8be;
}

.box_news_sidebar .bn_title {
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: bold;
    color: #555555;
    padding: 11px 20px;
    font-family: 'Tajawal', sans-serif;
    border-bottom: solid 1px #e6c8be;
}

.box_news_sidebar .bn_title span {
    font-size: inherit;
    line-height: inherit;
}

.box_news_sidebar .bn_content .item {
    padding: 20px;
    margin-bottom: 2px;
    border-bottom: solid 1px #e6c8be;
}

.box_news_sidebar .bn_content .item .i-image {
    overflow: hidden;
    margin-bottom: 10px;
}

.box_news_sidebar .bn_content .item .i-image a {
    display: block;
    padding-top: 66.666667%;
    position: relative;
}

.box_news_sidebar .bn_content .item .i-image img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -moz-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -o-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.box_news_sidebar .bn_content .item .i-image:hover img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}

.box_news_sidebar .bn_content .item .i-title {
    font-size: 16px;
    line-height: 24px;
}


/*==========================================================================*/


/*============================RESPONSIVE====================================*/


/*==========================================================================*/

@media all and (max-width: 991px) {
    .the-title h1 {
        font-size: 25px;
        line-height: 33px;
    }
}

@media all and (max-width: 460px) {}