* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
}

.fa {
    font-family: FontAwesome !important
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

ul {
    list-style: none;
}

p {
    margin: 0;
}

textarea:focus, input:focus {
    outline: none
}

.img-responsive {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.BoxShadow {
    box-shadow: 2px 3px 0px -2px #0000001a;
}

.border-40 {
    border-radius: 40px 0 40px 40px
}

.border-20 {
    border-radius: 20px 0 20px 20px
}

.dropdown-menu {
    text-align: start;
}

.menuMOBshow {
    display: none;
}

.menuMOB {
    display: none;
}

.MaskContentShow {
    display: none;
}

.LogoMenuBlock {
    display: none;
}

.HiddenDesktop {
    display: none;
}

.LogoMenu {
    display: none;
}
/* .dropdown-item:focus, .dropdown-item:hover {
    color:#D2A348 !important;
    background-color: #125B54;
} */
/* body::after {position: absolute;content:'';top: 0;right: 0;background-color:#00A2E3;width: 100%;height: 4px;} */
/* Add Font  */
@font-face {
    font-family: B-Cairo;
    src: url(../fonts/textfonts/Cairo-Bold.ttf)
}

@font-face {
    font-family: R-Cairo;
    src: url(../fonts/textfonts/Cairo-Regular.ttf)
}

@font-face {
    font-family: L-Cairo;
    src: url(../fonts/textfonts/Cairo-Light.ttf)
}

@font-face {
    font-family: SB-Cairo;
    src: url(../fonts/textfonts/Cairo-SemiBold.ttf)
}

@font-face {
    font-family: M-Cairo;
    src: url(../fonts/textfonts/Cairo-Medium.ttf)
}

.B-Cairo {
    font-family: B-Cairo;
}

.R-Cairo {
    font-family: R-Cairo;
}

.EL-Cairo {
    font-family: EL-Cairo;
}

.SB-Cairo {
    font-family: SB-Cairo;
}

.Bk-Cairo {
    font-family: Bk-Cairo;
}

.L-Cairo {
    font-family: L-Cairo;
}

/*********** start header ************/
.headerFirst {
    background-color: #333333;
    color: #FFF
}

.HeaderSecond {
    background-color: #ffffff;
}

.HeaderLogo {
    align-items: center
}

.logoBlock {
    padding: 10px;
    /*background-color: #c60606;*/
    border-radius: 10px;
    width: 35%;
}

.HeaderBlock {
    display: flex;
    align-items: center;
    height: 120px;
}

.BosBlock {
    display: flex;
    text-align: right;
    margin: auto;
    text-align: center;
}

    .BosBlock > div p:first-child {
        font-size: 15px;
        font-family: SB-Cairo;
    }

    .BosBlock > div p:last-child {
        font-size: 18px;
        font-family: B-Cairo;
    }


    .BosBlock div {
        padding-right: 20px;
    }

.TimeDate {
    display: flex;
    align-items: center;
    padding: 10px 0;
    justify-content: left;
    font-size: 14px;
}

.UlSocialMedia {
    display: flex;
    margin: 0 10px;
}

    .UlSocialMedia li {
        margin: 0 5px;
    }

        .UlSocialMedia li a {
            color: #fff;
        }

.Navbar {
    background-color: #f5f5f5;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.searchBlock {
    position: relative;
    padding: 10px;
}

    .searchBlock input {
        text-align: center;
        background-color: #EBEBEB;
        border: 1px solid #EBEBEB;
        border-radius: 20px;
        color: #000;
        font-family: R-Cairo;
    }

    .searchBlock img {
        position: absolute;
        top: 18px;
        right: 20px;
        width: 20px;
    }

.navbar-light .navbar-nav .nav-link {
    color: #000;
    padding: 17px 7px;
    font-family: 'B-Cairo';
}

    .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(189 21 34);
        border-bottom: 2px solid rgba(189 21 34);
        padding-bottom: 10px;
    }
/* .navbar-light .navbar-nav .nav-link.active{background-color:#C31328;color: #FFF;font-family: B-Cairo;} */

.navbar-toggler {
    background-color: #c60606
}

    .navbar-toggler i {
        color: #FFF;
    }

.LogoMenu {
    width: 160px;
    margin: auto;
    text-align: center;
}

    .LogoMenu img {
        width: 100%;
    }

/*********** Ads  leaderboard ************/
.BlockAds {
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.leaderboard {
    display: flex;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0 auto;
    min-width: 728px;
}

.leaderboardlarger {
    background-color: #F5F5F5
}

.swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

/* showcase */
.showcase {
    margin: auto;
    max-width: 300px;
    display: block;
}

    .showcase img {
        object-fit: cover;
        width: 100%;
        height: auto;
    }

.ads-showcase {
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
}

.leftAdsFix {
    position: fixed;
    margin-left: 0;
    z-index: 10001;
    margin-right: calc(100% - 160px);
    margin-top: -85px;
    height: 600px;
    width: 160px;
    background: #2264A1;
    border-radius: 10px;
    display: flex;
    justify-content: center
}

.rightAdsFix {
    position: fixed;
    z-index: 10001;
    margin-top: -85px;
    margin-left: calc(100% - 160px);
    height: 600px;
    width: 160px;
    background: #2264A1;
    border-radius: 10px;
    display: flex;
    justify-content: center
}

.fixedads {
    margin-top: 0;
    top: 0;
}

.imageNav {
    width: 95px;
    height: 30px
}

.imageNav {
    margin-left: 0px;
    display: none;
    margin-top: 10px;
}

.titleBlock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

    .titleBlock h2 {
        font-size: 24px;
        font-family: B-Cairo;
        margin: 0 5px;
        position: relative;
        padding-bottom: 15px;
    }

        .titleBlock h2 a {
            color: #000;
        }

    .titleBlock .more a {
        color: #000;
        font-family: M-Cairo;
        font-size: 20px;
    }

        .titleBlock .more a i {
            margin-inline-start: 5px;
        }

    .titleBlock h2::after {
        content: '';
        width: 75%;
        height: 3px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #00193d;
    }

    .titleBlock h2::before {
        content: '';
        width: 25%;
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #c60606
    }

.time {
    text-align: right;
    font-size: 12px;
    font-family: R-Cairo;
    margin: 10px 0
}

.title {
    display: flex;
    align-items: center
}

    .title h2 {
        font-size: 22px;
        font-family: B-Cairo;
        margin: 0 5px;
        position: relative;
        padding-right: 15px;
        text-align: right;
    }

        .title h2::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            width: 4px;
            height: 50%;
            border-radius: 15px;
            transform: translate(-50%,-50%)
        }

        .title h2 a {
            color: #000
        }

.titleBlock h2 {
    padding-right: 0
}

/*    .titleBlock h2::after {
        display: none
    }*/

.title span {
    font-size: 20px;
    font-family: B-Cairo;
    margin: 0 5px;
    position: relative;
    padding-right: 15px
}

    .title span::after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 4px;
        height: 50%;
        background-color: #f18919;
        border-radius: 15px;
        transform: translate(-50%,-50%)
    }


.searchMobile {
    display: none;
}

.morphsearch {
    display: none;
    width: 84px;
    min-height: 50px;
    background: #1d1d1d;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.openSearch .morphsearch.open {
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    display: block
}

.openSearch {
    overflow: hidden
}

.morphsearch-input {
    width: 100%;
    padding: 28px 28px 0 20px;
    text-align: right;
    cursor: pointer;
    background: 0 0;
    font-family: inherit;
    font-size: 10px;
    color: #b8b8b8;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    transition: none
}

    .morphsearch-input::-ms-clear {
        display: none
    }

.morphsearch.hideInput .morphsearch-input {
    color: transparent
}

.openSearch .morphsearch.open .morphsearch-input {
    font-size: 36px;
    text-align: right;
    cursor: text;
    padding: 0
}

    .openSearch .morphsearch.open .morphsearch-input:focus img, .openSearch .morphsearch.open .morphsearch-input:hover img {
        display: none
    }

.morphsearch-close {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
    background-color: #c60606;
    text-align: center;
    color: #FFF;
}

/*********** Home ************/
/* ticker */
.ticker {
    padding: 0px 0;
}

.acme-news-ticker-label {
    background: #f5f5f5;
    padding: 6px 20px;
    width: auto;
    float: right;
    margin-left: 14px;
    margin-right: 0;
    line-height: normal;
    height: 100%;
    color: #000;
    position: relative;
    font-family: 'B-Cairo';
    font-size: 14px;
    display: flex;
    align-items: center;
    border-radius: 0 10px 10px 0;
    margin-top: 4px;
}

    .acme-news-ticker-label::after {
        content: '';
        position: absolute;
        left: -20px;
        top: 0;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 18px solid transparent;
        border-right: 20px solid #f5f5f5;
    }

.acme-news-ticker {
    background-color: transparent;
    height: 44px;
    padding: 10px;
    padding-top: 0px;
    border-radius: 10px 0 10px 10px;
    border: none;
    display: flex;
    border-top: 1px solid #000000;
    font-family: 'SB-Cairo';
}

.acme-news-ticker-box ul li a {
    color: #fff;
    font-family: SB-Cairo;
    font-size: 14px;
}

.searchBox {
    position: relative;
}

    .searchBox i {
        width: 20%;
        top: 50%;
        position: absolute;
        transform: translate(0,-50%);
        color: #000;
        background-color: #5b5b5b36;
        height: 100%;
        left: 0;
        text-align: center;
        line-height: 2.5;
    }

    .searchBox input {
        padding-left: 10%;
    }


/* firstBlock */
.firstBlock .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.firstBlock .swiper-slide {
    background-size: cover;
    background-position: center
}

.sliderImage a {
    position: relative;
    padding-bottom: 60.9%;
    display: block;
}

.sliderImage img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}

    .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: .4
    }

    .mySwiper .swiper-slide-thumb-active {
        opacity: 1
    }

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sliderText h3 {
    text-align: right;
    /*height: 35px;*/
    overflow: hidden;
    line-height: 1.5;
    margin: 5px 0
}

    .sliderText h3 a {
        color: #000;
        font-family: B-Cairo;
        font-size: 22px;
        display: block;
        line-height: 35px;
    }

.sliderText .description {
    text-align: right;
    height: 55px;
    overflow: hidden;
    line-height: 1.6;
    font-family: M-Cairo;
    font-size: 18px;
}

.mySwiper .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
}

    .mySwiper .swiper-wrapper .swiper-slide {
        width: calc((100% - 10px ) / 2) !important;
    }

        .mySwiper .swiper-wrapper .swiper-slide:nth-child(2n+2) {
            margin-left: 0 !important;
        }

.sliderTextButton {
    background-color: #E8E8E8;
    padding: 10px;
    margin-bottom: 10px;
}

    .sliderTextButton h3 {
        text-align: right;
        height: 55px;
        overflow: hidden;
        line-height: 1.5;
        margin: 5px 0;
        font-size: 18px;
        font-family: SB-Cairo;
    }

.square {
    width: 10px;
    height: 10px;
    background-color: #c11312;
    display: inline-block;
}

.mySwiper .swiper-slide {
    opacity: 1;
}

.mySwiper .swiper-slide-thumb-active .sliderTextButton {
    background-color: #c60606;
    color: #FFF;
    cursor: pointer;
}

    .mySwiper .swiper-slide-thumb-active .sliderTextButton h3 {
        color: #FFF;
    }

    .mySwiper .swiper-slide-thumb-active .sliderTextButton .square {
        background-color: #FFF;
    }


/* Reading */
.Reading {
    border: 1px solid #E4E4E4;
    padding: 10px;
}

    .Reading .title {
        padding-bottom: 10px;
        border-bottom: 1px solid #D7D7D7;
        text-align: right;
        position: relative;
        display: flex;
        justify-content: space-between;
    }

    .Reading .swiperButton {
        position: relative;
        width: 30%;
    }

    .Reading .swiperReading {
        padding: 20px 0 0;
    }

    .Reading .swiper-slide {
        background-color: transparent
    }
    /* .Reading .divPNews .textPNColumn{width: 63%;} */
    .Reading .textPNColumn h3 {
        text-align: right;
        height: 65px;
        overflow: hidden;
        line-height: 1;
        margin-bottom: 0;
    }

        .Reading .textPNColumn h3 a {
            color: #000;
            font-family: SB-Cairo;
            font-size: 14px;
        }

.divReadingPagination {
    position: relative;
    padding-top: 25px;
}


.Reading .divPNews .imgPNColumn a {
    position: relative;
    padding-bottom: 64.5%;
    display: block
}

    .Reading .divPNews .imgPNColumn a img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

.swiper-Reading-next:after, .swiper-Reading-prev:after {
    font-size: 14px;
    font-weight: bold;
}

.swiper-Reading-next, .swiper-Reading-prev {
    color: #111111;
}

.mySwiper2 .divPagination {
    position: relative;
    width: 75%;
    padding-bottom: 22px;
    margin: auto;
    margin-bottom: 10px;
}

    .mySwiper2 .divPagination::after {
        content: '';
        position: absolute;
        top: 55%;
        right: 50%;
        width: 85%;
        height: 1px;
        background-color: #00193d;
        transform: translate(50%,-50%)
    }

    .mySwiper2 .divPagination .swiper-pagination {
        margin-bottom: 0;
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
        width: fit-content;
        background-color: #fff;
        padding: 0 3%
    }

    .mySwiper2 .divPagination .swiper-pagination-clickable .swiper-pagination-bullet {
        margin: 0 10px
    }

    .mySwiper2 .divPagination .swiper-pagination-bullet-active {
        background-color: #00193d
    }


/* MostNews */
.MostNews {
    padding: 20px 0 40px;
}

.SliderMostNews .card {
    border: none
}

.SliderMostNews .cardImage {
    position: relative;
}

    .SliderMostNews .cardImage > a {
        position: relative;
        padding-bottom: 64.9%;
        display: block;
    }

    .SliderMostNews .cardImage img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
    }

.SliderMostNews .card-Slider .card-body {
    padding: 10px 0;
}

    .SliderMostNews .card-Slider .card-body h3 {
        text-align: right;
        height: 65px;
        overflow: hidden;
        line-height: 1.8;
        margin-bottom: 0
    }

        .SliderMostNews .card-Slider .card-body h3 a {
            color: #20201E;
            font-family: SB-Cairo;
            font-size: 18px;
            display: block;
            height: 100%;
            overflow: hidden;
        }

.MostNews .divPagination {
    position: relative;
    width: 75%;
    padding-bottom: 22px;
    margin: auto
}

    .MostNews .divPagination::after {
        content: '';
        position: absolute;
        top: 55%;
        right: 50%;
        width: 85%;
        height: 1px;
        background-color: #c60606;
        transform: translate(50%,-50%)
    }

    .MostNews .divPagination .swiper-pagination {
        margin-bottom: 0;
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
        width: fit-content;
        background-color: #FFF;
        padding: 0 3%
    }

    .MostNews .divPagination .swiper-pagination-clickable .swiper-pagination-bullet {
        margin: 0 10px;
    }

    .MostNews .divPagination .swiper-pagination-bullet-active {
        background-color: #c60606;
    }

.tags {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #c60606;
    padding: 5px 10px
}

    .tags a {
        color: #fff;
        font-family: R-Cairo;
        font-size: 16px
    }

/* LatestReviews */
.LatestReviews {
    background-color: #F7F7F7;
    padding: 30px 0;
    position: relative;
    border-top: 4px solid #c60606;
    border-bottom: 4px solid #c60606
}

    .LatestReviews::after {
        content: "";
        position: absolute;
        top: -9px;
        right: 50%;
        width: 50%;
        height: 6px;
        background-color: #c60606;
        transform: translate(50%,50%)
    }

    .LatestReviews::before {
        content: "";
        position: absolute;
        bottom: -1px;
        right: 50%;
        width: 50%;
        height: 6px;
        background-color: #c60606;
        transform: translate(50%,50%)
    }

    .LatestReviews .swiper-slide {
        background-color: transparent
    }

.SliderLatestReviews .swiper-wrapper {
    padding-bottom: 30px;
    padding-top: 5px;
}

.SliderLatestReviews .card {
    border: none;
    background-color: transparent
}

.SliderLatestReviews .cardImage {
    position: relative;
}

    .SliderLatestReviews .cardImage > a {
        position: relative;
        padding-bottom: 64.9%;
        display: block;
    }

    .SliderLatestReviews .cardImage img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
    }

.SliderLatestReviews .card-Slider .card-body {
    padding: 10px 0;
}

    .SliderLatestReviews .card-Slider .card-body h3 {
        text-align: right;
        height: 65px;
        overflow: hidden;
        line-height: 1.8;
        margin-bottom: 0
    }

        .SliderLatestReviews .card-Slider .card-body h3 a {
            color: #20201E;
            font-family: SB-Cairo;
            font-size: 18px;
            display: block;
            height: 100%;
            overflow: hidden;
        }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto
}

.LatestReviews .divPagination {
    position: relative;
    width: 75%;
    padding-bottom: 22px;
    margin: auto
}

    .LatestReviews .divPagination::after {
        content: '';
        position: absolute;
        top: 55%;
        right: 50%;
        width: 85%;
        height: 1px;
        background-color: #c60606;
        transform: translate(50%,-50%)
    }

    .LatestReviews .divPagination .swiper-pagination {
        margin-bottom: 0;
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
        width: fit-content;
        background-color: #F7F7F7;
        padding: 0 3%
    }

    .LatestReviews .divPagination .swiper-pagination-clickable .swiper-pagination-bullet {
        margin: 0 5px;
    }

    .LatestReviews .divPagination .swiper-pagination-bullet-active {
        background-color: #c60606
    }

.IconPlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background-color: #D50000;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
}

    .IconPlay i {
        color: #FFF
    }

.More a {
    color: #000;
    font-family: R-Cairo;
    font-size: 20px;
}

    .More a i {
        margin-inline-start: 5px;
    }

/* country */
.country {
    padding: 40px 0;
}

    .country .countryBlock {
        position: relative;
        padding-bottom: 40.6%;
        display: block;
    }

        .country .countryBlock::after {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            background-color: #071557;
            width: 100%;
            height: 100%;
            opacity: .7;
            border-radius: 20px
        }

        .country .countryBlock img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            border-radius: 20px
        }

        .country .countryBlock p {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            color: #FFF;
            z-index: 9;
            font-family: B-Cairo;
            font-size: 20px
        }






/* arts */
.arts {
    padding: 30px 0;
    position: relative;
}

    .arts .titleBlock {
        padding-top: 30px;
    }

    .arts .container {
        position: relative;
        border-top: 4px solid #EBEBEB;
        border-bottom: 4px solid #EBEBEB;
    }

        .arts .container::before {
            content: '';
            position: absolute;
            top: -4px;
            right: 0;
            width: 30%;
            height: 4px;
            background-color: #000
        }

        .arts .container::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 30%;
            height: 4px;
            background-color: #000
        }

.artsBlock {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-bottom: 30px;
}

    .artsBlock > div {
        width: calc((100% - 20px) / 2);
    }

.artsimage {
    position: relative;
}

    .artsimage > a {
        position: relative;
        padding-bottom: 64.9%;
        display: block;
    }

    .artsimage img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
    }

.artstext {
    padding: 5px 0;
    height: 36%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

    .artstext h3 {
        text-align: right;
        height: 80px;
        overflow: hidden;
        margin-bottom: 0;
        line-height: 1.8
    }

        .artstext h3 a {
            color: #000;
            font-family: B-Cairo;
            font-size: 20px;
            display: block;
            height: 100%;
            overflow: hidden;
        }

    .artstext .description {
        text-align: right;
        height: 55px;
        overflow: hidden;
        line-height: 1.6;
        font-family: M-Cairo;
        font-size: 18px
    }

.FNewsBlock {
    width: calc((100% - 20px) / 2);
}

    .FNewsBlock .Ftext {
        padding: 5px 0;
    }

        .FNewsBlock .Ftext h3 {
            text-align: right;
            height: 55px;
            overflow: hidden;
            margin-bottom: 0;
            line-height: 1.5;
        }

            .FNewsBlock .Ftext h3 a {
                color: #000;
                font-family: SB-Cairo;
                font-size: 18px;
                display: block;
                height: 100%;
                overflow: hidden;
            }

.Fimage > a {
    position: relative;
    padding-bottom: 64.9%;
    display: block;
}

.Fimage img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.topArts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bottomArts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .bottomArts > div {
        width: calc((100% - 20px ) / 4);
    }

    .bottomArts .Ftext h3 {
        height: 65px;
    }

        .bottomArts .Ftext h3 a {
            font-size: 14px;
        }


/* accidents */
.accidents {
    padding: 20px 0;
}

    .accidents .lastNewsBlock {
        padding-top: 5px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .accidents .lastNewsBlock .leftLastNew {
            width: 70%;
        }

        .accidents .lastNewsBlock .rightLastNew {
            width: 29%;
        }

    .accidents .lastNewsimage {
        position: relative;
    }

        .accidents .lastNewsimage > a {
            position: relative;
            padding-bottom: 64.9%;
            display: block;
        }

        .accidents .lastNewsimage img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
        }

    .accidents .lastNewstext {
        padding: 5px 0;
    }

        .accidents .lastNewstext h3 {
            text-align: right;
            height: 80px;
            overflow: hidden;
            margin-bottom: 0;
            line-height: 1.8
        }

            .accidents .lastNewstext h3 a {
                color: #000;
                font-family: B-Cairo;
                font-size: 22px;
                display: block;
                height: 100%;
                overflow: hidden;
            }

        .accidents .lastNewstext .description {
            text-align: right;
            height: 55px;
            overflow: hidden;
            line-height: 1.6;
            font-family: M-Cairo;
            font-size: 18px;
        }


    .accidents .LNewsBlock {
        width: 100%;
    }

        .accidents .LNewsBlock .Ftext {
            padding: 5px 0;
            margin-bottom: 10px;
        }

            .accidents .LNewsBlock .Ftext h3 {
                text-align: right;
                height: 55px;
                overflow: hidden;
                margin-bottom: 0;
                line-height: 1.5;
            }

                .accidents .LNewsBlock .Ftext h3 a {
                    color: #000;
                    font-family: SB-Cairo;
                    font-size: 18px;
                    display: block;
                    height: 100%;
                    overflow: hidden;
                }

        .accidents .LNewsBlock .Fimage {
            position: relative;
        }

            .accidents .LNewsBlock .Fimage > a {
                position: relative;
                padding-bottom: 68.5%;
                display: block;
            }

            .accidents .LNewsBlock .Fimage img {
                display: block;
                max-width: 100%;
                max-height: 100%;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                height: 100%;
            }




/* MostRead */
.MostRead {
    background-color: #F9F9F9;
    border: 1px solid#C5C5C5;
    padding: 20px 10px;
}

.MostReadBlock {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    position: relative;
    border-bottom: 1px solid #D7D7D7;
}

    .MostReadBlock li:not(:last-child)::before {
        content: '';
        position: absolute;
        top: 14px;
        right: 4px;
        width: 1px;
        height: 100%;
        background-color: #C5C5C5
    }

    .MostReadBlock li {
        position: relative;
        padding-bottom: 20px;
    }

        .MostReadBlock li::after {
            content: '';
            position: absolute;
            top: 10px;
            right: 0;
            width: 10px;
            height: 10px;
            background-color: #c60606;
            z-index: 9;
        }

    .MostReadBlock h3 {
        text-align: right;
        height: 70px;
        overflow: hidden;
        margin-bottom: 0;
        line-height: 1.5;
        padding-right: 14px;
    }

        .MostReadBlock h3 a {
            color: #000;
            font-family: SB-Cairo;
            font-size: 16px;
            display: block;
            height: 100%;
            overflow: hidden;
        }

.MostRead .MoreNew {
    color: #20201E;
    font-family: SB-Cairo;
}

.followUs {
    padding: 10px 0;
    width: 80%;
    margin: auto;
}

    .followUs p {
        font-family: B-Cairo;
        font-size: 20px;
        text-align: right;
        border-bottom: 1px solid #707070;
        width: fit-content;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .followUs ul {
        display: flex;
        justify-content: space-evenly;
    }

        .followUs ul li img {
            width: 20px;
            height: 20px;
        }


/* NewsSport */
.NewsSport {
    padding: 40px 0;
    background-color: #1348a5;
    position: relative;
}

.mainSwiper {
    position: relative;
}

.titleSport {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

    .titleSport::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50%;
        height: 2px;
        background-color: #FFF;
        transform: translate(-50%,50%)
    }

    .titleSport h2 {
        font-size: 24px;
        font-family: B-Cairo;
        margin: 0 5px;
        position: relative;
        background-color: #1348a5;
        z-index: 9;
        padding: 0 20px 15px
    }

        .titleSport h2 a {
            color: #FFF;
        }

.SliderNewsSport .card {
    border: none;
    background-color: #c60606;
    border-radius: 0 0 10px 10px;
}

.SliderNewsSport .cardImage {
    position: relative;
}

    .SliderNewsSport .cardImage > a {
        position: relative;
        padding-bottom: 64.9%;
        display: block;
    }

    .SliderNewsSport .cardImage img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
    }

.SliderNewsSport .card-Slider .card-body {
    padding: 10px;
}

    .SliderNewsSport .card-Slider .card-body h3 {
        text-align: right;
        height: 65px;
        overflow: hidden;
        line-height: 1.8;
        margin-bottom: 0
    }

        .SliderNewsSport .card-Slider .card-body h3 a {
            color: #fff;
            font-family: SB-Cairo;
            font-size: 18px;
            display: block;
            height: 100%;
            overflow: hidden;
        }

    .SliderNewsSport .card-Slider .card-body .time {
        color: #FFF;
    }

.NewsSport .divPagination {
    position: relative;
    padding-bottom: 5%;
    margin: auto
}

    .NewsSport .divPagination::after {
        content: '';
        position: absolute;
        top: 55%;
        right: 50%;
        width: 55%;
        height: 1px;
        background-color: #FFF;
        transform: translate(50%,-50%)
    }

    .NewsSport .divPagination .swiper-pagination {
        margin-bottom: 0;
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
        width: fit-content;
        background-color: #1348a5;
        padding: 0 3%
    }

    .NewsSport .divPagination .swiper-pagination-clickable .swiper-pagination-bullet {
        margin: 0 10px;
        background-color: #E0E0E0
    }

    .NewsSport .divPagination .swiper-pagination-bullet-active {
        background-color: #c60606
    }

.swiper-NewsSport-next.swiper-button-disabled, .swiper-NewsSport-prev.swiper-NewsSport-disabled {
    background-color: #dcdcdc !important;
    color: #FFF;
    border: 1px solid #fff;
    opacity: .8;
}

.swiper-NewsSport-prev, .swiper-NewsSport-next {
    top: 40%;
    width: 40px;
    height: 40px;
    z-index: 999;
    background-color: #c60606
}

.swiper-NewsSport-prev {
    left: -20px;
}

.swiper-NewsSport-next {
    right: -20px;
}

    .swiper-NewsSport-prev:after, .swiper-NewsSport-next:after {
        font-size: 20px;
        color: #FFF;
    }

.NewsSport .More {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%,-50%);
    background-color: #1348a5;
    z-index: 10;
    padding-right: 20px
}

    .NewsSport .More a {
        color: #FFF;
    }

/* NewsBlock */
.NewsBlock {
    padding: 20px 0;
}

.contentThreeBlock {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.colTwoBlock {
    display: flex;
    flex-direction: column;
    width: 66%
}

.colOneBlock {
    width: 32%
}

    .colOneBlock .FNewsBlock {
        width: 100%;
    }

.NewsBlock .FNewsBlock .Fimage {
    position: relative;
}

.NewsBlock .Reading .title h2 {
    font-size: 18px;
}

/* Poll */
.Poll {
    margin-top: 20px;
    border: 1px solid #EEEEEE;
    margin-bottom: 10px;
    border-bottom: 4px solid #c60606
}

.titlePoll {
    background: #F5F5F5;
    color: #000;
    padding: 10px;
    text-align: right;
    font-family: B-Cairo;
}

.Pollbody {
    padding: 10px;
    text-align: right;
}

    .Pollbody p {
        font-family: SB-Cairo;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .Pollbody li p {
        padding-right: 20px;
        margin-bottom: 10px;
    }

input[type="radio"] {
    accent-color: #c60606;
}

.btnPoll {
    justify-content: space-evenly;
    padding-bottom: 10px;
}

    .btnPoll button {
        background: #c60606;
        color: #FFF;
        font-family: R-Cairo;
        width: 40%;
    }

        .btnPoll button:last-child {
            background: #c60606;
        }

.wrap {
    width: 100%;
    display: none;
}

.bar-main-container div {
    display: inline-block;
    padding: 0 5px
}

.bar-main-container .wrap {
    margin-bottom: 3px
}

.bar-main-container div:first-child {
    width: 100%;
}

.bar-percentage {
    display: inline;
    float: left;
    font-family: R-Cairo;
    font-size: 14px;
    font-weight: 700;
    margin: -4px 5px 0;
    padding: 0
}

.bar {
    background: rgba(0,0,0,0);
    border: 1px solid #ce2020;
    font-size: 0;
    height: 10px;
    line-height: 0;
    margin: 4px 0 0 70px
}

.BackTopBlock {
    position: relative;
    width: calc(100% - 320px);
    padding-bottom: 20px;
}

.btnBackTop {
    background-color: #c60606;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: -36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .btnBackTop i {
        color: #FFF;
        font-size: 24px;
    }


/* opinions */
.opinions {
    background-color: #ECECEC
}

    .opinions .titleBlock {
        padding-top: 30px
    }

    .opinions .container {
        position: relative;
    }

        .opinions .container::before {
            content: '';
            position: absolute;
            top: -4px;
            right: 0;
            width: 30%;
            height: 4px;
            background-color: #c60606
        }

        .opinions .container::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 80%;
            height: 4px;
            background-color: #c60606
        }

.contentOpinions {
    display: flex;
}

    .contentOpinions .imageOpinions {
        z-index: 9;
    }

        .contentOpinions .imageOpinions img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 1px solid #FFF
        }

    .contentOpinions .textOpinions {
        background-color: #FFF;
        padding: 10px 65px 10px 20px;
        border-radius: 0 50px 50px 26px;
        width: 100%;
        margin-right: -55px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

        .contentOpinions .textOpinions h3 {
            text-align: right;
            height: 30px;
            overflow: hidden;
            margin-bottom: 0;
            line-height: 1.5
        }

            .contentOpinions .textOpinions h3 a {
                color: #000;
                font-family: SB-Cairo;
                font-size: 18px;
                display: block;
                height: 100%;
                overflow: hidden
            }

        .contentOpinions .textOpinions p {
            text-align: right;
            font-size: 16px;
            font-family: M-Cairo;
        }

.opinions .More {
    padding-bottom: 20px;
}


/* Star */
.Star {
    padding: 40px 0;
}

    .Star .lastNewsBlock {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-top: 5px;
    }

        .Star .lastNewsBlock .leftLastNew {
            width: 39%;
        }

        .Star .lastNewsBlock .rightLastNew {
            width: 60%;
        }

    .Star .lastNewsimage {
        position: relative;
    }

        .Star .lastNewsimage > a {
            position: relative;
            padding-bottom: 64.9%;
            display: block;
        }

        .Star .lastNewsimage img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
        }

    .Star .lastNewstext {
        padding: 5px 0;
    }

        .Star .lastNewstext h3 {
            text-align: right;
            height: 80px;
            overflow: hidden;
            margin-bottom: 0;
            line-height: 1.8
        }

            .Star .lastNewstext h3 a {
                color: #000;
                font-family: B-Cairo;
                font-size: 22px;
                display: block;
                height: 100%;
                overflow: hidden;
            }

        .Star .lastNewstext .description {
            text-align: right;
            height: 55px;
            overflow: hidden;
            line-height: 1.6;
            font-family: M-Cairo;
            font-size: 18px;
        }


    .Star .LNewsBlock {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
        border-bottom: 1px solid #E1E1E1;
    }

        .Star .LNewsBlock:first-child {
            padding-top: 0;
        }

        .Star .LNewsBlock:last-child {
            border-bottom: none
        }

        .Star .LNewsBlock .Ftext {
            padding: 5px 0;
            width: 67%;
        }

            .Star .LNewsBlock .Ftext h3 {
                text-align: right;
                height: 55px;
                overflow: hidden;
                margin-bottom: 0;
                line-height: 1.5;
            }

                .Star .LNewsBlock .Ftext h3 a {
                    color: #000;
                    font-family: SB-Cairo;
                    font-size: 18px;
                    display: block;
                    height: 100%;
                    overflow: hidden;
                }

        .Star .LNewsBlock .Fimage {
            position: relative;
            width: 30%;
        }

            .Star .LNewsBlock .Fimage > a {
                position: relative;
                padding-bottom: 64.1%;
                display: block;
            }

            .Star .LNewsBlock .Fimage img {
                display: block;
                max-width: 100%;
                max-height: 100%;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                height: 100%;
            }

    .Star .Reading {
        background-color: #333;
        padding-bottom: 20px;
    }

    .Star .title h2 a {
        color: #FFF;
    }

    .Star .swiper-Reading-next, .Star .swiper-Reading-prev {
        color: #FFF;
    }

    .Star .Reading .textPNColumn {
        padding: 10px 0;
        margin-bottom: 20px;
    }

        .Star .Reading .textPNColumn h3 {
            margin-bottom: 10px;
        }

            .Star .Reading .textPNColumn h3 a {
                color: #FFF;
                font-family: B-Cairo;
                font-size: 20px;
                margin-bottom: 10px;
            }

    .Star .time {
        color: #FFF;
    }

    .Star .swiperBlock .description {
        text-align: right;
        height: 52px;
        overflow: hidden;
        line-height: 1.6;
        font-family: M-Cairo;
        font-size: 16px;
        color: #FFF;
    }

    .Star .swiper-ReadingPagination {
        bottom: 0;
    }

    .Star .swiper-pagination-bullet {
        background-color: #E0E0E0;
        opacity: 1;
    }

    .Star .swiper-pagination-clickable .swiper-pagination-bullet {
        margin: 0 5px;
    }

    .Star .swiper-pagination-bullet-active {
        background-color: #c60606
    }

/* NewsSection */
.NewsSection {
    padding: 20px 0;
}

.GlobalBlock {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
}

.SNewsBlock {
    width: calc((100% - 30px) / 4);
}

    .SNewsBlock:nth-child(3n+2) {
        margin: 0 10px;
    }

    .SNewsBlock:nth-child(4n+3) {
        margin-left: 10px;
    }

    .SNewsBlock .Ftext {
        padding: 5px 0;
        margin-bottom: 10px;
    }

        .SNewsBlock .Ftext h3 {
            text-align: right;
            height: 60px;
            overflow: hidden;
            margin-bottom: 0;
            line-height: 1.5;
        }

            .SNewsBlock .Ftext h3 a {
                color: #000;
                font-family: SB-Cairo;
                font-size: 20px;
                display: block;
                height: 100%;
                overflow: hidden;
            }

    .SNewsBlock .Fimage {
        position: relative;
    }

        .SNewsBlock .Fimage > a {
            position: relative;
            padding-bottom: 68.5%;
            display: block;
        }

        .SNewsBlock .Fimage img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
        }

/* TwoNewsBlock */
.TwoNewsBlock {
    padding: 20px 0;
}

    .TwoNewsBlock .colTwoBlock {
        width: 100%;
    }

    .TwoNewsBlock .topArts .Fimage {
        position: relative;
    }

/* AllSection */
.AllSection {
    padding: 20px 0;
}

    .AllSection ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .AllSection ul li {
            border: 2px solid #c60606;
            padding: 10px;
            width: 200px;
            text-align: center;
            border-radius: 25px;
            background-color: #FFF;
            cursor: pointer;
        }

            .AllSection ul li.active {
                background-color: #CECECE
            }

            .AllSection ul li a {
                font-family: SB-Cairo;
                font-size: 21px;
                color: #000;
            }

/* footer */
footer {
    width: 100%;
    background: #333;
    text-align: center;
    padding-top: 10px;
    /*border-top: 10px solid #c60606*/
}

    footer .UlSocialMedia {
        justify-content: center;
    }

        footer .UlSocialMedia li a {
            background-color: #c60606;
            padding: 10px;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

div.logoFooter > ul.UlSocialMedia > li > a {
    display: inline-block;
    padding: 8px;
    min-width: 40px;
    min-height: 40px;
}

.centerFooter {
    text-align: right;
}

    .centerFooter > p {
        color: #fff;
        font-family: SB-Cairo;
        border-bottom: 2px solid #c60606;
        width: fit-content;
    }

.ListSection a {
    padding: 10px 0;
    display: inline-block;
    color: #fff;
    font-family: SB-Cairo;
    width: 120px;
}

.border-left {
    border-left: 1px solid #707070;
}

.border-right {
    border-right: 1px solid #707070;
}

.footerLeft > p {
    color: #FFF;
    font-family: SB-Cairo;
    border-bottom: 2px solid #c60606;
    width: fit-content;
}

.footerLeft .ListSection a {
    display: block;
    text-align: right;
    width: 100%;
}

.fnav {
    text-align: right;
}

    .fnav a {
        color: #FFF;
        font-family: SB-Cairo;
        margin: 0 20px;
    }

.ContentFooter {
    align-items: center;
    justify-content: center;
}

.navFooter {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 80%;
    margin: 20px auto; /*background-color: #c60606;border-right: 4px solid #d61d2a;border-left: 4px solid #d61d2a;*/
}

    .navFooter li a {
        font-family: R-Cairo;
        color: #FFF;
        font-size: 20px;
    }

.socialFooter {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}

    .socialFooter li {
        text-align: center;
        margin: 0 15px;
    }

        .socialFooter li i {
            color: #fff;
            font-size: 26px;
        }

        .socialFooter li svg {
            width: 14px;
        }

.navFooter li {
    padding: 10px;
    font-family: R-Cairo
}

    .navFooter li:first-child {
        font-family: B-Cairo
    }

    .navFooter li:hover {
        background-color: #d61d2a;
    }


.BottomFooter {
    background-color: #c60606;
    padding: 20px 0;
    margin-top: 40px;
}

.ContentBottomFooter {
    display: flex;
    justify-content: space-between;
}

    .ContentBottomFooter p {
        color: #FFF;
        font-family: R-Cairo;
        font-size: .8em;
        direction: ltr;
    }

    .ContentBottomFooter ul {
        display: flex;
        margin-bottom: 0;
    }

        .ContentBottomFooter ul li {
            color: #fff;
            font-family: R-Cairo;
            font-size: .8em;
        }

.logoFooter {
    width: 350px;
    margin-bottom: 10px
}

    .logoFooter img {
        width: 100%
    }


/* Artical */
.Artical {
    padding: 20px 0;
}

    .Artical .social-tags {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .Artical .social-write {
        display: flex;
        justify-content: space-between;
        margin-top: 30px
    }

    .Artical .social-media ul {
        display: flex;
        align-items: center;
        position: relative;
        border: 1px solid #102231;
        padding: 4px;
    }

        .Artical .social-media ul li {
            margin: 0 5px;
        }

            .Artical .social-media ul li:first-child {
                margin-right: 30px
            }

                .Artical .social-media ul li:first-child p {
                    font-family: R-Cairo;
                    font-size: 20px;
                }

            .Artical .social-media ul li img {
                width: 18px;
                height: 18px;
            }

        .Artical .social-media ul .shareIcon {
            position: absolute;
            right: -15px;
            top: 5px;
            background-color: #c60606;
            width: 30px;
            height: 30px;
            text-align: center;
            border-radius: 50%
        }

            .Artical .social-media ul .shareIcon img {
                width: 14px;
                height: 14px;
                margin-bottom: 5px
            }

.ArticalTags {
    background-color: #c60606;
    padding: 5px 10px;
    width: fit-content;
    border: 1px solid #E1E1E1;
    position: relative;
    margin-bottom: 10px;
}

    .ArticalTags::after {
        content: '';
        width: 75%;
        height: 3px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #c60606
    }

    .ArticalTags::before {
        content: '';
        width: 25%;
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #D6000F
    }

    .ArticalTags h1 {
        color: #fff;
        font-family: SB-Cairo;
        font-size: 20px;
        display: block;
        padding-bottom: 5px;
    }

.Artical-body {
    padding: 0px 0 10px;
}

.Artical .Artical-body h1 {
    font-family: B-Cairo;
    font-size: 22px;
    text-align: right;
    margin-bottom: 20px;
    line-height: 35px;
}

.Artical .img-artical {
    position: relative;
    padding-bottom: 61.3%;
}

    .Artical .img-artical img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

.Artical .title-img-artical > p {
    text-align: center;
    width: 100%;
    background-color: #c60606;
    padding: 10px;
    font-family: B-Cairo;
    font-size: 15px;
    color: #FFF;
    height: 45px;
    overflow: hidden;
    line-height: 1.7;
}

.Artical .Text-img-artical {
    padding: 20px 0 40px;
    margin-bottom: 30px
}

.Artical .Text-img-artical {
    text-align: right;
}

    .Artical .Text-img-artical > p {
        font-family: 'SB-Cairo';
        font-size: 20px;
        line-height: 2.5;
        text-align: justify;
    }

    .Artical .Text-img-artical > h2 {
        font-family: 'B-Cairo';
        font-size: 26px;
        margin: 20px 0px 20px 0px;
        line-height: 1.8;
    }

    .Artical .Text-img-artical a {
        display: inline-block;
    }

.Artical .Text-img-artical {
    font-family: R-Cairo;
    font-size: 20px;
    line-height: 2.1;
    text-align: justify;
}

.Artical .RelatedNews {
    margin: 30px 0;
    padding: 20px 0;
    position: relative;
}

    .Artical .RelatedNews::after {
        content: '';
        position: absolute;
        top: 0;
        width: 70%;
        height: 1px;
        background-color: #c60606;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .Artical .RelatedNews::before {
        content: '';
        position: absolute;
        bottom: 0;
        width: 70%;
        height: 1px;
        background-color: #c60606;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.Artical .list-Rnews {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}

.Artical .Rnews-card {
    background-color: transparent;
    width: calc((100% - 10px) / 2);
    margin-bottom: 20px;
}

    .Artical .Rnews-card:nth-child(2n+0) {
        margin-right: 10px
    }

.Artical .artical-tags {
    display: flex;
    flex-wrap: wrap;
}

    .Artical .artical-tags span {
        margin-bottom: 28px;
    }

        .Artical .artical-tags span a {
            padding: 5px 10px;
            border-radius: 10px;
            border: 1px solid #102231;
            margin-left: 5px;
            font-family: SB-Cairo;
            font-size: 16px;
            color: #102231
        }

.Artical iframe {
    width: 90% !important;
    margin: auto;
}

.Artical .Text-img-artical img {
    width: 100%;
    height: auto
}

.Artical .Text-img-artical table {
    width: 100%;
    border-collapse: collapse;
}

    .Artical .Text-img-artical table td, table th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .Artical .Text-img-artical table tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .Artical .Text-img-artical table tr:hover {
        background-color: #ddd;
    }

    .Artical .Text-img-artical table tr:nth-child(1) {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #00a2e3;
        color: white;
    }

@keyframes fadeInOut {
    0% {
        opacity: 0;
        background-color: #00FF00;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        background-color: #FF0000;
    }
}

.copiedAnimation {
    animation: fadeInOut 2s ease-in-out;
}

.write-size {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
    align-items: center
}

.write {
    display: flex;
}

    .write .Date {
        margin: 0 10px;
    }

    .write p {
        font-family: SB-Cairo;
        font-size: 14px
    }



.Artical .contentLatestNew {
    background-color: transparent;
    width: calc((100% - 10px) / 2);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.RelatedNews .imgLatestNew {
    width: 40%;
}

.RelatedNews .textLatestNew {
    width: 58%;
}

.RelatedNews .imgLatestNew > a {
    position: relative;
    padding-bottom: 64.5%;
    display: block;
}

.RelatedNews .imgLatestNew img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.RelatedNews .textLatestNew h2 {
    text-align: right;
    height: 95px;
    overflow: hidden;
    margin-bottom: 0;
    line-height: 1.8
}

    .RelatedNews .textLatestNew h2 a {
        color: #000;
        font-family: R-Cairo;
        font-size: 18px;
        display: block;
        height: 100%;
        overflow: hidden;
    }

.copyLink {
    margin-bottom: 20px;
    display: flex;
    justify-content: end;
    align-items: center;
    border: 1px solid #102231;
    width: fit-content;
    margin-right: auto;
    padding: 10px;
    cursor: pointer;
}

    .copyLink p {
        margin: 0 5px;
        font-family: M-Cairo;
        font-size: 18px;
    }

.Artical .SNewsBlock {
    width: calc((100% - 30px) / 3)
}

    .Artical .SNewsBlock:nth-child(3n+2) {
        margin: 0 10px;
    }

    .Artical .SNewsBlock:nth-child(4n+3) {
        margin-left: 0;
    }

.Artical .MostRead .title {
    position: relative;
}

    .Artical .MostRead .title::after {
        content: "";
        width: 8px;
        height: 100%;
        background-color: #c60606;
        position: absolute;
        right: 0;
        top: 0
    }

    .Artical .MostRead .title h2 {
        margin-right: 15px;
    }

.Artical .MostReadBlock li::after {
    background-color: #c60606
}

.Artical .MostRead li:not(:last-child)::before {
    display: none;
}

.Artical .MostReadBlock li {
    position: relative;
    background-color: #E8E8E8;
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 5px
}

    .Artical .MostReadBlock li::after {
        right: 8px;
    }

.Artical .MostReadBlock h3 {
    padding-right: 20px
}

.Artical .MostReadBlock {
    border-bottom: none;
    margin-bottom: 0;
}

.Artical .MostRead {
    background-color: #F6F6F6;
    border: none;
    border-radius: 10px
}

.PostMostRead {
    padding: 20px 0 0;
}

    .PostMostRead a img {
        display: block;
        max-width: 287px;
        max-height: 175px;
        width: 100%;
        height: 100%;
        border-radius: 11px;
        margin: auto;
    }

    .PostMostRead h3 {
        display: flex;
        padding: 10px 5px;
        background-color: #FFF;
        border-radius: 10px;
        text-align: right;
        height: 70px;
        overflow: hidden;
        margin-bottom: 0;
        line-height: 1.5
    }

        .PostMostRead h3 a {
            color: #000;
            font-family: SB-Cairo;
            font-size: 16px;
            display: block;
            height: 100%;
            overflow: hidden
        }

        .PostMostRead h3 .num {
            width: 45px;
            display: block;
            height: 25px;
            font-size: 14px;
            text-align: center;
            background-color: #c60606;
            color: #FFF;
            margin-left: 5px
        }

/* section */
.section {
    padding: 20px 0;
}

    .section .MostRead .title {
        position: relative;
    }

        .section .MostRead .title::after {
            content: "";
            width: 8px;
            height: 100%;
            background-color: #c60606;
            position: absolute;
            right: 0;
            top: 0
        }

        .section .MostRead .title h2 {
            margin-right: 15px;
        }

    .section .MostReadBlock li::after {
        background-color: #c60606
    }

    .section .MostRead li:not(:last-child)::before {
        display: none;
    }

    .section .MostReadBlock li {
        position: relative;
        background-color: #E8E8E8;
        margin-bottom: 10px;
        border-radius: 8px;
        padding: 5px
    }

        .section .MostReadBlock li::after {
            right: 8px;
        }

    .section .MostReadBlock h3 {
        padding-right: 20px
    }

    .section .MostReadBlock {
        border-bottom: none;
        margin-bottom: 0;
    }

    .section .MostRead {
        background-color: #F6F6F6;
        border: none;
        border-radius: 10px
    }


    .section .lastNewsBlock {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-top: 5px;
    }

        .section .lastNewsBlock .leftLastNew {
            width: 39%;
        }

        .section .lastNewsBlock .rightLastNew {
            width: 60%;
        }

    .section .lastNewsimage {
        position: relative;
    }

        .section .lastNewsimage > a {
            position: relative;
            padding-bottom: 64.9%;
            display: block;
        }

        .section .lastNewsimage img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
        }

    .section .lastNewstext {
        padding: 5px 0;
    }

        .section .lastNewstext h3 {
            text-align: right;
            height: 80px;
            overflow: hidden;
            margin-bottom: 0;
            line-height: 1.8
        }

            .section .lastNewstext h3 a {
                color: #000;
                font-family: B-Cairo;
                font-size: 22px;
                display: block;
                height: 100%;
                overflow: hidden;
            }

        .section .lastNewstext .description {
            text-align: right;
            height: 55px;
            overflow: hidden;
            line-height: 1.6;
            font-family: M-Cairo;
            font-size: 18px;
        }

    .section .LNewsBlock {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
        border-bottom: 1px solid #E1E1E1;
    }

        .section .LNewsBlock:first-child {
            padding-top: 0;
        }

        .section .LNewsBlock:last-child {
            border-bottom: none
        }

        .section .LNewsBlock .Ftext {
            padding: 5px 0;
            width: 67%;
        }

            .section .LNewsBlock .Ftext h3 {
                text-align: right;
                height: 55px;
                overflow: hidden;
                margin-bottom: 0;
                line-height: 1.5;
            }

                .section .LNewsBlock .Ftext h3 a {
                    color: #000;
                    font-family: SB-Cairo;
                    font-size: 18px;
                    display: block;
                    height: 100%;
                    overflow: hidden;
                }

        .section .LNewsBlock .Fimage {
            position: relative;
            width: 30%;
        }

            .section .LNewsBlock .Fimage > a {
                position: relative;
                padding-bottom: 64.1%;
                display: block;
            }

            .section .LNewsBlock .Fimage img {
                display: block;
                max-width: 100%;
                max-height: 100%;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                height: 100%;
            }

    .section .titleBlock h2 {
        background-color: #c60606;
        padding: 5px 7px 15px
    }

        .section .titleBlock h2 a {
            color: #FFF;
        }

.breadcrumb-item + .breadcrumb-item::before {
    content: '>';
}

.breadcrumb {
    background-color: transparent;
    flex-direction: row-reverse;
    margin-left: auto;
    width: fit-content;
    padding-right: 0;
    padding-bottom: 0;
}

.breadcrumb-item {
    font-family: R-Cairo;
    font-size: 18px;
    color: #000
}

    .breadcrumb-item.active {
        color: #000;
    }

    .breadcrumb-item a {
        color: #000;
    }

.section .SNewsBlock {
    width: calc((100% - 30px) / 3)
}

.paginationBlock {
    padding: 30px 0;
    display: flex;
    justify-content: center
}


/*
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width:1300px
    }
}*/

@media (max-width: 800px) {
    .Artical .title-img-artical > p {
        font-size: 12px;
        height: 40px;
    }
    .HiddenMOB {
        display: none;
    }

    .sliderBlcok .sliderText {
        padding: 10px;
    }

    .HeaderTime {
        justify-content: center !important;
    }
    /* .navbar-light .navbar-toggler{width: 100%;display: flex;align-items:center}*/
    .LogoMenu {
        display: block;
        width: 205px;
        margin: auto;
    }

    .logoBlock {
        display: none;
    }

    .menuMOB {
        background-color: #fcfcfc;
        position: fixed;
        top: 0;
        right: 0;
        width: 70%;
        height: 100%;
        z-index: 999;
        border: 1px solid #dedede;
        overflow-y: scroll;
    }

    .menuMOBshow {
        display: block;
    }

    .closeMenu {
        position: absolute;
        left: 20px;
        top: 20px;
        background-color: #c60606;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        font-size: 19px;
        color: #FFF
    }

    .navbar-nav {
        padding: 45px 0;
    }

    li.nav-item {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #c60606;
        margin-bottom: 10px
    }

    .navbar-light .navbar-nav .nav-link {
        color: #c60606 !important;
    }

    .H-logo {
        padding: 10px 0;
    }

    .leaderboard {
        min-width: 320px;
        width: 320px
    }

        .leaderboard img {
            object-fit: cover;
            width: 100%;
            height: auto;
        }

    .acme-news-ticker {
        margin-top: 0;
    }

    .acme-news-ticker-label {
        top: 0;
        white-space: nowrap;
        font-size: 14px
    }

    .LogoMenuBlock {
        display: flex;
        width: 100%;
        padding: 10px;
        align-items: center
    }

    .country .countryBlock {
        margin-bottom: 10px;
    }

    .artsBlock > div {
        width: 100%;
    }

    .artsBlock .rightArts {
        order: 2;
    }

    .artsBlock .leftArts {
        order: 1;
    }

    .artstext {
        height: auto;
    }

    .accidents .lastNewsBlock .leftLastNew {
        width: 100%;
    }

    .accidents .lastNewsBlock .rightLastNew {
        width: 100%;
    }

    .swiper-NewsSport-next {
        right: 0;
    }

    .swiper-NewsSport-prev {
        left: 0;
    }

    .NewsSport .divPagination {
        padding-bottom: 70px;
    }

    .colTwoBlock {
        width: 100%;
    }

    .Star .lastNewsBlock .leftLastNew {
        width: 100%;
    }

    .Star .lastNewsBlock .rightLastNew {
        width: 100%;
    }

    .SNewsBlock {
        width: 100%;
    }

    .AllSection ul li {
        margin-bottom: 10px;
        width: 48%;
    }

    .write-size {
        justify-content: center;
    }

    .social-media {
        margin-top: 10px;
    }

    .Artical .contentLatestNew {
        width: 100%;
        margin-bottom: 5px;
    }

    .RelatedNews .textLatestNew h2 {
        height: 70px;
    }

    .Artical .SNewsBlock {
        width: 100%;
    }

        .Artical .SNewsBlock:nth-child(3n+2) {
            margin: 0;
        }

    .section .SNewsBlock {
        width: 100%
    }

    .section .lastNewsBlock .leftLastNew {
        width: 100%;
        order: 1;
    }

    .section .lastNewsBlock .rightLastNew {
        width: 100%;
        order: 2;
    }

    .morphsearch-close i {
        font-size: 30px
    }

    .morphsearch-content {
        padding: 10px
    }

        .morphsearch-content > p {
            font-family: R-Cairo;
            font-size: 20px;
            text-align: right;
            margin: 20px 0
        }

    .artical-tags {
        text-align: right
    }

    .morphsearch-content .artical-tags span {
        margin-bottom: 20px;
        display: inline-block;
    }

        .morphsearch-content .artical-tags span a {
            padding: 0 10px;
            border-radius: 10px;
            border: 1px solid #102231;
            margin-left: 5px;
            font-family: SB-Cairo;
            font-size: 20px;
            color: #102231
        }

    .morphsearch .searchBlock input {
        width: 75%;
        height: 60px;
        margin-left: auto
    }

    .searchMobile {
        display: block;
        background-color: #c60606;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: pointer
    }

    .searchBlock {
        padding-top: 60px;
        align-items: center;
        margin: 0 5px;
    }

        .searchBlock img {
            top: 80px;
            right: 15px
        }

    .btnSearch {
        background-color: #c60606;
        width: 23%;
        color: #FFF;
        font-family: 'B-CAIRO';
        font-size: 17px;
        height: fit-content;
    }

    .HeaderBlock {
        height: auto;
    }

    .BosBlock {
        /* display: flex; */
        flex-wrap: wrap;
        gap: 10px;
        /* width: 48%; */
        text-align: center;
        padding: 20px;
    }

        .BosBlock > div p:first-child {
            font-size: 16px;
        }

        .BosBlock > div p:last-child {
            font-size: 22px;
        }

     /*   .BosBlock > div:first-child {
            width: 100%;
            text-align: center;
            padding: 10px 10px 0px 10px;
        }*/
/*
        .BosBlock > div:nth-child(2),
        .BosBlock > div:nth-child(3) {
            width: 48%;
            text-align: center;
            padding: 10px;
        }*/

    .FNewsBlock .Ftext h3 {
        height: auto;
    }

    .MostReadBlock h3 a {
        font-size: 18px;
    }

    .MostReadBlock h3 {
        height: auto;
    }

    .contentOpinions .textOpinions h3 {
        height: auto;
        line-height: 30px
    }

    .ContentBottomFooter {
        justify-content: center;
        flex-wrap: wrap;
        font-size: 14px;
    }

        .ContentBottomFooter div {
            font-size: 14px;
        }

    .fnav {
        margin: 10px;
        font-size: 14px;
    }

    .ContentBottomFooter p {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
}


.prayer {
    background-image: url(../images/prayer.png);
    background-repeat: no-repeat;
    padding: 20px 0px;
    position: relative;
    background-size: cover;
    border-top: 3px solid #c60606;
    margin-bottom: 20px;
}

    .prayer p {
        font-family: 'SB-Cairo';
        text-align: center;
        color: #FFF;
        margin-bottom: 20px;
    }

.timePrayer {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 20px;
}

    .timePrayer li {
        display: flex;
        background-color: #c5c5c52e;
        width: 100%;
        justify-content: center;
        margin-bottom: 10px;
    }

    .timePrayer p:first-child {
        background-color: #c60606;
        color: #FFF;
        margin-bottom: 0;
        padding: 6px;
    }

    .timePrayer p:last-child {
        background-color: #000;
        color: #FFF;
        margin-bottom: 0;
        padding: 6px;
    }

    .timePrayer p span {
        font-size: 12px;
    }

.bottom-Prayer {
    color: #FFF;
    text-align: center;
    position: absolute;
    bottom: -20px;
    right: 50%;
    transform: translate(50%,-50%);
    width: 100%;
    background-color: #000;
    padding: 10px;
    font-size: 14px;
    font-family: 'SB-Cairo';
}

.FBLeft {
    font-size: 14px;
}

.nav-item.active {
    border-bottom: 3px solid #2351D5;
}

.logonavbar {
    padding: 5px 10px 0px 10px;
    /*background-color: #c60606;*/
    border-radius: 10px;
    width: 90% !important;
}