@font-face {
    font-family: AWESOMEPRO;
    src: url(../fonts/AWESOMEPRO-ExtraLight.woff) format("woff");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: AWESOMEPRO;
    src: url(../fonts/AWESOMEPRO-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: AWESOMEPRO;
    src: url(../fonts/AWESOMEPRO-Regular.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: AWESOMEPRO;
    src: url(../fonts/AWESOMEPRO-ExtraBlack-v2.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: AWESOMEPRO;
    src: url(../fonts/AWESOMEPRO-ExtraBlack-v2.woff) format("woff");
    font-weight: 900;
    font-style: normal
}

* {
    transition: background-color .2s
}

body {
    text-align: right;
    font-family: AWESOMEPRO;
    font-size: 16px;
    padding-bottom: 50px
}

.navbar-toggler.x {
    border: none
}

.navbar-toggler.x:focus {
    outline: none
}

.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 80%;
    -ms-transform-origin: 0% 80%;
    transform-origin: 0% 80%
}

.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2) {
    opacity: 0!important;
    filter: alpha(opacity=0)!important
}

.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0% 40%;
    -ms-transform-origin: 0% 40%;
    transform-origin: 0% 40%
}

.navbar-toggler.x .icon-bar {
    width: 22px;
    display: block;
    height: 2px;
    background-color: #cb0016;
    -webkit-transition: all .2s;
    transition: all .2s
}

.navbar-toggler.x .icon-bar+.icon-bar {
    margin-top: 6px
}

.navbar-toggler.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.navbar-toggler.x .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100)
}

.navbar-toggler.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

html[dir=rtl] .input-group>.input-group-append>.btn,html[dir=rtl] .input-group>.input-group-append>.input-group-text,html[dir=rtl] .input-group>.input-group-prepend:not(:first-child)>.btn,html[dir=rtl] .input-group>.input-group-prepend:not(:first-child)>.input-group-text,html[dir=rtl] .input-group>.input-group-prepend:first-child>.btn:not(:first-child),html[dir=rtl] .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .input-group>.form-control:not(:last-child),html[dir=rtl] .input-group>.custom-select:not(:last-child) {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-nav {
    padding-right: 0
}

.container {
    max-width: 1400px
}

html[dir=rtl] .page-item:first-child .page-link {
    margin-left: -1px!important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    margin-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

html[dir=rtl] .page-item:last-child .page-link {
    margin-right: -1px!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

[dir=rtl] .slick-next {
    left: 50px
}

button.slick-prev.slick-arrow {
    right: 50px;
    z-index: 999
}

ul.slick-dots {
    bottom: -32px
}
.col-lg-3.sidemenu-section ul.slick-dots{
    bottom: -15px;
}
.slick-dots li button {
    background-color: #333132;
    height: 16px;
    padding: 0;
    width: 16px;
    margin: 0!important;
    overflow: hidden;
    transition: all ease .3s;
    border-radius: 16px
}

.slick-dots li {
    width: auto!important;
    height: auto
}

.slick-active button {
    width: 40px!important;
    background-color: #ed1c24!important
}

[dir=rtl] .slick-prev:before {
    content: "\f054";
    font-family: "font awesome 6 free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 40px
}

[dir=rtl] .slick-next:before {
    content: "\f053";
    font-family: "font awesome 6 free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 40px
}

.homepage-slider {
    overflow: hidden
}

iframe[src="https://matches.arriyadiyah.com/matches/widget"] {
    max-width: 1400px;
    margin: auto;
    display: block;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.homepage-slider-item {
    height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.homepage-slider-item>img {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: -2
}

.slider-item-title {
    font-weight: 700;
    font-size: 30px;
    max-width: 700px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    margin-top: -130px
}

.homepage-slider-content {
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.slider-item-des {
    max-width: 600px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px
}

.main-header {
    height: 110px
}

.header-logo {
    display: flex;
    align-items: center
}

.ardark .header-logo img {
}

.header-sm-icons {
    display: flex;
    align-items: center;
    gap: 10px
}

.header-sm-icons .d-md-flex {
    gap: 5px
}

.header-sm-icons a {
    color: #cb0016!important;
    box-shadow: 0 2px 14px #f0f0f0;
    display: block;
    font-size: 22px;
    transition: all ease .3s;
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none!important;
    border-radius: 11px
}

.header-sm-icons a:hover {background-color: #cc0419;color: #fff !important;}

#main-nav>ul {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.top-menu-cont {
    padding: 0;
    margin-bottom: 30px
}

.top-menu-cont .container {
    box-shadow: 0 10px 40px #e8e8e8;
    margin-bottom: 40px;
    border-radius: 20px
}

div#main-nav>ul>li>a {
    padding: 18px 20px;
    transition: all ease .3s;
    font-size: 16px;
    font-weight: 900
}

div#main-nav>ul>li>a:hover {
    background-color: #cb0016;
    color: #fff
}

button.navbar-toggler {
    margin-bottom: 0!important;
    margin-right: auto!important;
    margin-left: 16px;
    border-color: #ff6166!important;
    color: #fff!important;
    padding: 3px 6px
}

button.navbar-toggler>span {
    color: #fff!important;
    opacity: 1!important
}

.top-menu-more>a:after {
    display: none!important
}

html[dir=rtl] a.dropdown-item {
    text-align: right!important
}

.top-menu-more.show .dropdown-menu.show {
    min-width: 220px
}

.top-menu-more.show a.nav-link.dropdown-toggle {
    background-color: #a8141a
}

.top-menu-more a.nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
    height: 60px
}

.search-header-popup {
    width: 100vw;
    max-width: 500px
}

.main-section-block {
    margin-bottom: 90px;
    position: relative
}

.col-lg-9 .main-section-block {
    margin-bottom: 10px
}

.main-section-block.home-pinnews-cont {
    margin-bottom: 70px
}

div#home-esports-choices .home-section-text-title img {
    filter: brightness(0) invert(1)
}

.ardark #home-esports-choices {
    background: linear-gradient(180deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%)
}

.main-section-block.home-pinnews-cont {
    margin-bottom: 80px
}

.news-block-link {
    display: block;
    text-decoration: none!important;
    transition: all ease .3s
}

.news-block-link:hover {
    transform: scale(1.03);
    box-shadow: 0 0 30px #e8e8e8
}

.home-pinnews-slider .news-block-link:hover {
    transform: unset!important;
    box-shadow: none!important
}

.news-block-link * {
    text-decoration: none!important
}

.home-pinnews-slider .home-pinnews-slider-item {
    height: 600px;
    position: relative
}

.home-pinnews-slider .news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.floated-content .news-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.small-new-item .floated-content .news-img {
    position: static;
    border-radius: 20px;
    overflow: hidden;
    width: 210px!important
}

.small-new-item .floated-content .news-img img {
    width: 130px!important;
    height: 110px!important;
    object-fit: cover
}

.small-new-item .floated-content {
    display: flex
}

.small-new-item .floated-content .news-info {
    position: relative;
    bottom: unset;
    background-color: unset!important
}

.floated-content .news-img img {
    transition: all ease .3s;
    display: block
}

.floated-content {
    overflow: hidden
}

.floated-content:hover .news-img img {
    transform: scale(1.05)
}

.news-tag.news-tag-c1.news-tag-c2 {
    background-color: #007a62
}

.news-tag.news-tag-c1.news-tag-c3 {
    background-color: #0283b8
}

.floated-content .news-tag {
    position: absolute;
    right: 23px;
    top: -20px;
    background-color: #ed1d24;
    padding: 8px 24px;
    color: #fff;
    border-radius: 18px;
    font-weight: 700
}

.floated-content .news-info {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 24px;
    padding-top: 35px;
    width: 100%;
    z-index: 999;
    background-color: rgba(0,0,0,.7)
}

.floated-content.shadow-bottom:hover:after {
    height: 50%;
    background: linear-gradient(0deg,#a8141a,rgba(255,255,255,0) 100%)
}

.news-title {
    font-size: 34px;
    font-weight: 700;
    text-shadow: 2px 3px 5px #000;
    line-height: 50px
}

.tow-col-news img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.tow-col-news .news-item {
    position: relative
}

.small-new-item .news-item {
    height: 140px;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 20px;
    align-items: center;
    padding: 20px 15px;
    box-shadow: 0 2px 20px #f0f0f0
}

.small-new-item .news-item .news-title {
    font-size: 15px;
    line-height: 24px!important;
    text-shadow: unset;
    color: #3b3b3b
}

.small-new-item .floated-content .news-info {
    padding: 8px 16px
}

.big-new-item .news-item {
    height: 450px
}

.big-new-item .news-item {
    height: 450px
}

.big-new-item .news-title {
    font-size: 32px
}

.small-new-item .floated-content.shadow-bottom:after {
    height: 70%
}

.col-sm-12.big-new-item .news-item {
    height: 500px
}

#home-daily-paper img {
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.home-section-text-title a {
    display: flex;
    align-items: center;
    text-decoration: none!important;
    margin-bottom: 8px;
    background-color: #cb0016;
    position: absolute;
    border-radius: 20px;
    padding: 5px 20px;
    padding-top: 10px;
    top: -20px;
    right: 20px;
    z-index: 9999
}

.home-section-text-title h1 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

.home-section-text-title i {
    padding: 0 10px;
    color: #fff;
    transition: all linear .3s
}

.home-section-text-title a:hover i {
    padding: 0 20px
}

ul#top-views-list {
    margin: 0;
    padding: 0!important;
    list-style: none;
    padding-top: 20px!important;
    box-shadow: 0 10px 50px #f2f2f2;
    border-radius: 20px;
    margin-top: 10px!important
}

ul#top-views-list a {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    padding: 8px 16px;
    color: #333132!important;
    text-decoration: none!important;
    transition: all ease .3s
}

ul#top-views-list li:last-child a {
    border: none!important
}

ul#top-views-list span.top-views-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 8px
}

span.top-view-number {
    display: block;
    width: 48px;
    text-align: center;
    font-size: 40px;
    line-height: 60px;
    transition: all ease .3s;
    font-weight: 700;
    color: #dbdbdb
}

span.top-view-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px
}

ul#top-views-list a:hover {
    background-color: #f1f1f1
}

a.daily-paper-link {
    display: block;
    position: relative
}

a.daily-paper-link:after {
    height: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(0deg,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%)
}

a.daily-paper-link span {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    z-index: 999;
    font-size: 20px;
    color: #7f7f7f
}

div#editors-choices-list>a {
    display: flex;
    background-color: #f1f1f1;
    color: #333132!important;
    text-decoration: none!important;
    margin-bottom: 15px;
    transition: all ease .3s
}

div#editors-choices-list>a img {
    width: 120px;
    height: 100px;
    object-fit: cover
}

span.editor-choices-info {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 0 8px
}

div#editors-choices-list {
    margin-left: -20px;
    margin-right: -20px
}

div#editors-choices-list a {
    display: flex;
    background-color: #fff;
    border-radius: 20px;
    padding: 10px;
    padding-top: 30px;
    margin: 21px 20px;
    margin-top: 0;
    box-shadow: 0 2px 20px #f0f0f0;
    transition: all ease .3s
}

div#editors-choices-list a:hover {
    transform: scale(1.03);
    box-shadow: 0 0 30px #e8e8e8;
    text-decoration: none!important
}

div#editors-choices-list img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 14px
}

.news-item.floated-content.shadow-bottom {
}

span.editor-choices-title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #3b3b3b;
    font-size: 14px
}

.col-sm-12.big-new-item {
    margin-bottom: 30px
}

.section-main-title {
    display: flex;
    color: #ed1d24;
    align-items: center;
    margin-bottom: 15px
}

.section-main-title-txt {
    font-size: 32px;
    font-weight: 900;
    display: flex;
    align-items: center;
    line-height: 64px
}

.section-more-link>a {
    display: flex;
    text-decoration: none!important;
    padding: 18px 10px;
    font-size: 24px;
    align-items: center
}

.writters-slider-item img,.writters-slider-item-listpage img {
    height: 150px;
    width: 150px;
    display: block;
    margin: auto;
    margin-top: 16px
}

.writters-slider-item-listpage a {
    display: block;
    border: 1px solid #f1f1f1;
    padding: 20px 0;
    box-shadow: 0 20px 0 #fff;
    transition: all ease .3s;
    background-color: #fff
}

.writters-slider-item-listpage a:hover {
    box-shadow: 0 10px 20px #f1f1f1
}

.writters-slider-item,.writters-slider-item-listpage {
    text-align: center
}

.writters-slider-item-listpage * {
    outline: none!important;
    text-decoration: none!important
}

.writters-slider-item * {
    color: #343b3f!important;
    transition: all ease .3s
}

.writters-slider-item-listpage * {
    transition: all ease .3s
}

.writters-slider-item:hover img.rounded-circle,.writters-slider-item-listpage:hover img.rounded-circle {
    transform: scale(1.1)
}

.writters-slider-item:hover * {
    color: #ed1d24!important
}

.writters-slider-item:hover h3.writting-title,.writters-slider-item-listpage:hover h3.writting-title {
    transform: scale(1.1)
}

div#writters-container:after {
    content: '';
    display: block;
    height: 100px;
    position: absolute;
    z-index: -2;
    right: 50px;
    left: 50px;
    background-color: #343b3f;
    top: 80px
}

div#writters-container:before {
    content: '';
    display: block;
    height: 80px;
    position: absolute;
    z-index: -1;
    right: 0;
    left: 0;
    background-color: #d4d4d4;
    top: 80px
}

#writters-container {
    position: relative
}

div#writters-container .slick-dots li button {
    background-color: #343b3f
}

div#writters-container * {
    outline: none!important
}

h3.writting-title {
    margin-top: 24px;
    margin-bottom: 0;
    padding: 0 16px;
    font-weight: 900;
    font-size: 18px
}

.writters-slider-item a {
    text-decoration: none!important
}

.slick-dots li button:before {
    display: none
}

.articles-list a {
    display: flex;
    background-color: #fff;
    align-items: center;
    text-decoration: none!important;
    margin-bottom: 15px;
    transition: all ease .3s;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 40px #e7e7e7
}

.articles-list img {
    height: 130px;
    width: 150px;
    object-fit: cover
}

span.articles-info {
    display: flex;
    flex-direction: column;
    padding: 8px 16px
}

span.articles-title {
    font-size: 18px;
    color: #3b3b3b;
    font-weight: 700;
}

.row.flat-text-news-cont {
    display: none
}

span.articles-des {
    color: #333132;
    font-size: 12px;
    max-height: 38px;
    overflow: hidden
}

span.infographic-block-title {
    display: block;
    background-color: #ed1d24;
    color: #fff!important;
    text-align: center;
    font-size: 20px;
    padding: 10px
}

div#home-infographics>a,#home-today-photo>a {
    display: block;
    text-decoration: none!important
}

span.todayphoto-block-title {
    display: block;
    background-color: #333132;
    color: #fff!important;
    text-align: center;
    font-size: 20px;
    padding: 10px
}

.twitter-account-block {
    direction: ltr;
    color: #ed1d24;
    font-family: sans-serif!important
}

.centerd-icon-item>i {
    position: absolute;
    font-size: 80px;
    z-index: 99999;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    opacity: .5;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
    transition: all ease .3s
}

.centerd-icon-item:hover>i {
    opacity: 1
}

.media-item-type {
    position: absolute;
    z-index: 888;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    padding: 5px 20px;
    color: #fff!important
}

.media-item-type span {
    margin: 0 5px
}

.media-item-type i {
    font-size: 12px
}

div#media-center-cont {
    background-color: #333132;
    padding-top: 80px;
    overflow: hidden;
    padding-bottom: 40px;
}

#media-center-cont h1 {
    color: #fff!important
}

.media-item-cont a {
    display: block;
    position: relative;
    height: 300px;
    overflow: hidden;
    margin-bottom: 30px
}

div#media-center-cont .news-block-link:hover {
    box-shadow: 0 0 30px #000!important
}

.media-item-cont img {
    width: 100%;
    height: 300px;
    object-fit: cover
}

.media-item-cont .news-title {
    font-size: 18px;
    line-height: 28px!important;
    font-weight: 900
}

.other-news-item {
    height: 100%
}

.other-news-item a {
    display: block;
    background-color: #f1f1f1;
    color: #666!important;
    text-decoration: none!important;
    padding-bottom: 20px;
    transition: all ease .3s;
    height: 100%;
    transition: all ease .3s
}

.other-news-item a:hover {
    box-shadow: 0 0 30px #c1bdbd
}

.other-news-item a:hover a:hover {
    box-shadow: unset!important
}

.other-news-item h3 {
    margin: 15px 20px;
    font-weight: 200;
    color: #3b3b3b
}

.other-news-item p {
    color: #666;
    margin: 0 20px;
    font-size: 14px;
    display: block;
    max-height: 64px;
    overflow: hidden
}

.other-news-item img {
    height: 200px;
    object-fit: cover;
    width: 100%
}

.news-tag-spn {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    color: #fff!important;
    padding: 0 7px!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100px;
    left: 12px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none!important;
    opacity: .8
}

.news-tag-spn span {
    color: #fff!important;
    text-align: center
}

.home-misc-news {
    padding-top: 100px
}

.news-tag-spn img {
    width: 30px!important;
    height: 30px!important;
    object-fit: cover;
    margin-top: 10px;
    margin-bottom: 5px
}

.home-misc-news h3 {
    font-size: 14px;
    margin-bottom: -7px;
    padding-left: 83px
}

.home-misc-news img {
    height: 160px
}

.home-misc-news>div:nth-child(1) .news-tag-spn {
    background-color: #00cec9
}

.home-misc-news>div:nth-child(2) .news-tag-spn {
    background-color: #0984e3
}

.home-misc-news>div:nth-child(3) .news-tag-spn {
    background-color: #ff7675
}

.home-misc-news>div:nth-child(4) .news-tag-spn {
    background-color: #e17055
}

.home-misc-news>div:nth-child(5) .news-tag-spn {
    background-color: #fdcb6e
}

.home-misc-news>div:nth-child(6) .news-tag-spn {
    background-color: #636e72
}

.footer-links {
    background-color: #333132;
    padding: 30px 0
}

.footer-follow-us {
    background-color: #484446;
    padding: 20px 0
}

.copy-rights {
    background-color: #252425
}

footer.main-footer * {
    color: #fff!important
}

.footer-follow-us i {
    font-size: 32px
}

.footer-follow-us a {
    display: inline-block;
    margin: 0 5px;
    height: 60px;
    width: 60px;
    line-height: 76px;
    text-align: center;
    transition: all ease .3s
}

.footer-logo a {
    font-size: 14px
}

.footer-follow-us h1 {
    font-weight: 700
}

.footer-follow-us a:hover {
    background-color: rgba(0,0,0,.2)
}

.footer-links ul {
    list-style: none;
    padding: 0
}

.footer-links ul h2 {
    font-weight: 700;
    opacity: .5
}

.footer-links ul a {
    opacity: .4;
    transition: all ease .2s;
    text-decoration: none!important;
    display: inline-block;
    margin-bottom: 5px
}

.footer-links ul a:hover {
    opacity: 1;
    padding: 0 5px
}

.copy-rights img {
    opacity: .2;
    height: 40px;
    margin-left: 20px
}

.copy-rights {
    padding: 20px 0
}

.latest-news-bar-item a {
    background-color: #343b3f;
    display: flex;
    align-items: center;
    padding-left: 80px;
    padding-right: 20px;
    text-decoration: none!important;
    font-size: 20px;
    height: 50px;
    color: #fff
}

.latest-news-bar-cont {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999999999;
    max-height: 80px!important;
    overflow: hidden
}

.latest-news-bar-cont * {
    outline: none!important
}

.latest-news-bar-cont button.slick-prev.slick-arrow {
    left: 20px!important;
    right: unset!important;
    transform: rotate(90deg);
    top: 15px
}

[dir=rtl] .latest-news-bar-cont .slick-prev:before {
    font-size: 12px!important;
    color: #fff
}

[dir=rtl] .latest-news-bar-cont .slick-next:before {
    font-size: 12px!important;
    color: #fff
}

.latest-news-bar-cont button.slick-next.slick-arrow {
    transform: rotate(90deg);
    top: 15px
}

.slick-vertical .slick-slide {
    border: none!important
}

a[class*=section-label--scolor] {
    background-color: #dbdbdb;
    color: #333132;
    text-decoration: none!important;
    padding: 4px 15px;
    border-radius: 40px;
    font-size: 18px;
    display: block
}

.internal-pages-title {
    color: #343b3f
}

.issue-news-items-cont {
    position: sticky;
    position: -webkit-sticky;
    top: 20px
}

.internal-page-header-info {
    background-color: #f1f1f1;
    justify-content: space-between;
    align-content: center
}

.internal-page-header-img {
    position: relative;
    flex-direction: column
}

.article-image-desc {
    font-size: 14px;
    margin-top: 16px
}

.internal-page-header-tools>a {
    display: block;
    padding: 11px 9px;
    margin: 0 4px;
    color: #343b3f;
    transition: all ease .3s;
    text-decoration: none!important;
    font-size: 24px;
    line-height: 0
}

.internal-page-header-tools {
    display: flex;
    align-items: center;
    margin: 0 8px
}

.internal-page-header-tools a:hover {
    background-color: #e8e8e8
}

.internal-page-date {
    padding: 10px;
    margin: 0 10px
}

.internal-pages-content {
    color: #666;
    font-size: 20px
}

.internal-page-header-img img {
    width: 100%
}

.internal-page-content-main-cont {
    display: flex
}

.internal-pages-content {
    flex: 1
}

.internal-pages-content-tools-cont {
    width: 200px;
    margin-right: 24px
}

.internal-pages-content-tools-cont i {
    font-size: 22px
}

.page-tags-item {
    background-color: #feeeee;
    padding: 0 14px;
    border-radius: 23px;
    border: 1px solid #ed1d24;
    transition: all ease .3s;
    margin: 4px;
    display: block
}

.page-article-tag {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.page-article-tag a {
    text-decoration: none!important;
    display: block
}

.page-article-tag a:hover .page-tags-item {
    background-color: #ed1d24;
    color: #fff
}

.internal-pages-content-tools-cont .btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.zoomin.disable,.zoomout.disable {
    cursor: not-allowed!important;
    background-color: #f1f1f1;
    color: #adadad;
    border-color: #adadad
}

#home-content-cont .news-date {
    display: none
}

#home-content-cont span.top-view-date {
    display: none
}

#home-content-cont span.editor-choices-date {
    display: none
}

.internal-pages-cont {
    margin: auto
}

.internal-page-list-header-bg.has-img img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    position: relative;
    object-position: 50% 100%;
    -webkit-animation: tagAnimation 2s;
    animation: tagAnimation 20s infinite
}

@-webkit-keyframes tagAnimation {
    0% {
        -webkit-transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-50%)
    }

    100% {
    }
}

@keyframes tagAnimation {
    0% {
        -webkit-transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-50%)
    }

    100% {
    }
}

.internal-page-list-header-bg.has-img:after {
    content: '';
    position: absolute;
    background: linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
    right: 12px;
    left: 12px;
    bottom: 40px;
    top: 0;
    object-position: 50% 50%
}

.internal-page-list-header-bg.has-img {
    margin-bottom: 40px;
    overflow: hidden;
    height: 300px
}

.internal-page-list-header-bg.has-img h3 {
    position: absolute;
    bottom: 20px;
    padding: 40px;
    color: #fff!important;
    z-index: 999;
    font-size: 50px;
    font-weight: 700;
    text-shadow: 2px 2px 5px #333132
}

.listing-page-item a {
    background-color: #f1f1f1;
    display: flex
}

.list-page-item a {
    display: flex;
    background-color: #f1f1f1;
    margin-bottom: 20px;
    color: #212629;
    text-decoration: none!important;
    transition: all ease .3s
}

.list-page-item a:hover {
    background-color: #ed1d24
}

.list-page-item a:hover * {
    color: #fff
}

.list-page-item img {
    width: 200px;
    height: 150px;
    object-fit: cover;
    display: block
}

.list-page-item-info h3 {
    font-weight: 700;
    color: #ed1d24;
    margin-bottom: 0
}

.list-page-item-info p {
    font-size: 14px;
    color: #666
}

.list-page-item-info small {
    color: #666
}

.list-page-item-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px
}

.list-page-item-info p {
    margin-bottom: 0
}

.internal-pages-content img {
    max-width: 100%!important
}

.author-page-info-cont {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 16px
}

.author-page-info--img img {
    width: 150px;
    height: 150px;
    object-fit: cover
}

.author-page-info {
    padding: 0 30px
}

.author-page-info--name {
    font-size: 40px;
    font-weight: 700;
    color: #ed1d24;
    line-height: 46px
}

a.internal-page-tags {
    display: block;
    background-color: rgba(0,0,0,.5)!important;
    font-size: 14px;
    color: #fff!important;
    padding: 4px 8px;
    text-align: center;
    transition: all ease .3s;
    text-decoration: none!important
}

.list-page-item:hover .internal-page-tags {
    background-color: #ed1d24!important;
    color: #fff
}

.list-page-item {
    position: relative
}

.internal-page-tag-cont {
    position: absolute;
    top: 0;
    right: 0;
    top: 0
}

div#riyadh-season-home-top-views {
}

div#riyadh-season-home-top-views .home-section-text-title * {
    color: #fff;
    margin: 0
}

body.ardark div#riyadh-season-home-top-views .home-section-text-title {
    background-color: #343b3f
}

body.ardark div#riyadh-season-home-top-views {
    border-color: #343b3f
}

.download-app-cont {
    background-color: #f8f8f8
}

.download-app-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px
}

.download-app-content-img img {
    height: 250px;
    margin-top: 50px
}

.download-app-content-text-icons img {
    height: 35px
}

footer.main-footer .download-app-content-text-title {
    color: #d60000!important;
    font-weight: 700;
    font-size: 70px;
    margin-top: 25px
}

footer.main-footer .download-app-content-text-des {
    font-size: 25px;
    color: #666!important;
    margin-bottom: 20px
}

.download-app-content-text-icons {
    display: flex;
    gap: 10px
}

body.ardark .download-app-cont {
    background-color: #181818
}

div#wiki-choices-list a.slick-slide img {
    width: 100%;
    height: 250px;
    object-fit: cover
}

div#wiki-choices-list {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 100px
}

div#wiki-choices-list a.slick-slide {
    background-color: #fff;
    height: 340px;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 20px #f0f0f0;
    transition: all ease .3s
}

div#wiki-choices-list a.slick-slide:hover {
    transform: scale(1.03);
    box-shadow: 0 0 30px #e8e8e8;
    text-decoration: none!important
}

div#wiki-season-home-top-views {
    margin-bottom: 70px
}

div#wiki-choices-list span.editor-choices-title {
    font-size: 16px;
    line-height: 30px;
    font-weight: 900;
    padding: 16px
}

@media(max-width: 3900px) and (min-width:900px) {
    .two-col-text {
        column-count:2;
        text-align: justify
    }
}

@media(min-width: 576px) {
    .small-new-item:not[class=".small-new-item-full"] {
        padding-right:0
    }
}

@media(max-width: 576px) {
    body {
        padding-bottom:80px;
        max-width: 100vw;
        overflow-x: hidden !important;
    }

    .header.main-header {
        background-color: #fff
    }

    .home-pinnews-slider .home-pinnews-slider-item {
        height: 300px
    }

    .download-app-content {
        flex-direction: column;
        gap: 30px
    }

    .download-app-content-img img {
        height: 180px;
        margin-top: 0
    }

    footer.main-footer .download-app-content-text-title {
        font-size: 40px;
        text-align: center
    }

    .download-app-content-text-icons img {
        height: 30px
    }

    .download-app-content-text-icons {
        align-items: center;
        justify-content: center
    }

    .copy-rights .col-md,.copy-rights .col-md-auto {
        text-align: center;
        margin: 10px 0;
        text-align: center;
        margin: 10px 0;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }

    .footer-follow-us i {
        font-size: 22px
    }

    .footer-follow-us a {
        height: 40px;
        width: 40px;
        line-height: 56px
    }

    .latest-news-bar-cont button.slick-prev.slick-arrow {
        top: 27px
    }

    .latest-news-bar-cont button.slick-next.slick-arrow {
        top: 27px
    }

    .latest-news-bar-item a {
        height: 80px
    }

    .list-page-item a {
        flex-direction: column
    }

    .list-page-item img {
        width: 100%;
        height: 250px
    }

    .list-page-item-info {
        padding: 20px
    }

    .header-logo img {
        height: 30px
    }

    .main-header {
        height: 60px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99999999;
        background-color: #fff
    }

    body {
        padding-top: 60px
    }

    button.navbar-toggler {
        position: fixed;
        z-index: 999999999999999999;
        top: 15px;
        left: 0
    }

    div#main-nav {
        position: fixed;
        z-index: 99999999999;
        width: 100%;
        background-color: #333132;
        top: 60px;
        box-shadow: 0 10px 10px rgb(0 0 0/33%)
    }

    .small-new-item .news-item {
    }

    .news-title,.big-new-item .news-title {
        font-size: 24px;
        line-height: 36px
    }

    span.articles-title {
        font-size: 18px
    }

    .other-news-item h3 {
        padding: 0!important
    }

    .big-new-item .news-item {
        height: 350px
    }

    .section-more-link>a {
        padding: 10px 16px
    }

    div#home-today-twitts {
        display: none
    }

    .section-main-title-txt {
        font-size: 25px;
        line-height: 44px
    }

    a.dark-style {
        margin-left: 50px;
        background-color: transparent!important;
        box-shadow: unset!important
    }

    .internal-page-header-info {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .internal-pages-content-tools-cont {
        order: 0;
        width: auto!important;
        margin-right: 0!important;
        margin-bottom: 16px
    }

    .internal-page-content-main-cont {
        flex-direction: column
    }

    .internal-pages-content {
        order: 2
    }

    .internal-pages-content-tools {
        display: flex;
        margin: 0 -15px
    }

    .internal-pages-content-tools span {
        display: none
    }

    .internal-pages-content-tools btn {
        width: auto!important
    }

    .internal-pages-content-tools .row {
        width: 50%!important;
        min-width: 50%;
        margin: 0!important
    }

    .internal-pages-content-tools i {
        padding-left: 0!important
    }

    .internal-pages-content-tools .col.pl-0 {
        padding-left: 15px!important
    }

    .internal-pages-content-tools>.btn {
        margin: 0 15px!important
    }

    .internal-pages-content-tools .btn {
        margin-bottom: 0!important
    }

    .news-tag-spn {
        flex-direction: row;
        top: -30px;
        right: 12px;
        left: 12px;
        width: unset!important;
        transform: unset;
        margin: unset!important;
        padding: 8px 16px;
        justify-content: flex-start;
        height: 40px!important
    }

    .news-tag-spn img {
        width: 20px!important;
        height: 20px!important;
        margin-left: 10px;
        margin-top: 0!important;
        margin-bottom: 0
    }

    .home-misc-news h3 {
        font-size: 16px
    }

    h1.internal-pages-title.font-weight-bold.d-flex.align-items-center {
        flex-direction: column
    }



    header.main-header {
        border-bottom: 5px solid #333c3f
    }

    .internal-pages-content-tools {
        display: flex;
        margin: 0 -15px;
        margin-bottom: 25px
    }

    .author-page-info-cont {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    .author-page-info--img {
        margin-bottom: 16px
    }

    .author-page-info--name {
        font-size: 36px
    }

    .author-page-info {
        padding: 0
    }
}

body.ardark {
    background-color: #1b1d1f;
    color: #fff
}

.ardark header.main-header {
    background-color: #1b1d1f;
    color: #fff!important
}

.ardark ul#top-views-list a {
    color: #fff!important
}

.ardark .home-section-text-title h1,.ardark span.articles-title.d-flex.align-items-center.text-muted,.ardark div#writters-container *,.ardark span.articles-title,.ardark .other-news-item h3 {
    color: #fff!important
}

.ardark .section-main-title,.ardark .articles-list a,.ardark div#editors-choices-list>a,.ardark .other-news-item a:not(.news-tag-spn) {
    color: #fff!important
}

.ardark ul#top-views-list a,.ardark button.navbar-toggler {
    border-color: #343b3f!important
}

.ardark .slick-dots li button,.ardark div#writters-container .slick-dots li button {
    background-color: #fff
}

.ardark .footer-follow-us,.ardark div#media-center-cont {
    background-color: #333c3f
}

.ardark a.daily-paper-link:after {
    background: linear-gradient(0deg,rgb(26 30 32) 40%,rgba(255,255,255,0) 100%)
}

.ardark span.top-view-number {
    color: #333c3f
}

.ardark .internal-pages-title {
    color: #fff
}

.ardark .text-muted {
    color: #cecece
}

.ardark .internal-page-header-info {
    background-color: #343b3f
}

.ardark .internal-pages-content {
    color: #fff
}

.ardark .btn-outline-dark {
    color: #fff!important
}

.ardark .page-tags-item {
    background-color: #1a1e20;
    border: 1px solid #9c9c9c;
    color: #fff!important
}

.ardark .bg-primary {
    background-color: #343b3f!important
}

.ardark a {
    color: #fff
}

.ardark hr {
    border-top: 1px solid rgb(51 60 63)
}

.ardark .issue-news-items-cont * {
    color: #fff!important
}

.ardark .list-page-item a {
    background-color: #343b3f
}

.ardark .list-page-item a * {
    color: #fff!important
}

.ardark ul#top-views-list a:hover {
    background-color: #545e63
}

.ardark .page-pagger {
    background-color: #333c3f!important;
    border-color: #333c3f!important
}

.ardark .page-link {
    color: #fff;
    background-color: #333c3f;
    border: 1px solid #1a1e20
}

.ardark a.page-link:hover {
    background-color: #1a1e20;
    border-color: #1a1e20;
    color: #fff!important
}

.ardark .writters-slider-item-listpage a {
    border: 1px solid #1a1e20;
    box-shadow: 0 20px 0 #1a1e20;
    background-color: #1a1e20
}

.ardark .writters-slider-item-listpage a:hover {
    box-shadow: 0 10px 20px #090a0a
}

.ardark .writters-slider-item-listpage a * {
    color: #fff!important
}

.ardark .zoomin.disable,.ardark .zoomout.disable {
    background-color: #6f6f6f;
    border-color: #a5a5a5
}

.ardark .timeline-Viewport * {
    color: #fff!important;
    background-color: #1b1d1f!important
}

.ardark div#main-nav {
    background-color: #1b1d1f
}

.ardark .dropdown-menu {
    background-color: #343b3f
}

.ardark .text-secondary {
    color: #fff!important
}

.ardark .flat-text-news-cont .section-main-title {
    background-color: #1b1d1f!important;
    border-color: #333c3f!important
}

.ardark .flat-text-news-cont .section-main-title {
    background-color: #1b1d1f!important;
    border-color: #333c3f!important
}

.ardark .flat-text-news-cont .section-main-title:hover,.ardark div#editors-choices-list>a:hover {
    background-color: #2a3133!important
}

.ardark .list-page-item a:hover,.ardark div#editors-choices-list>a:hover {
    background-color: #545e62
}

.ardark a.daily-paper-link span {
    color: #fff!important
}

.ardark div#wiki-choices-list a.slick-slide {
    background-color: #1b1d1f;
    box-shadow: 0 2px 20px #000
}

.ardark div#wiki-choices-list a.slick-slide:hover {
    box-shadow: 0 2px 30px #000
}

.ardark div#wiki-choices-list a.slick-slide * {
    color: #fff
}

.ardark .header-sm-icons a {
    box-shadow: 0 2px 14px #000
}

.ardark .top-menu-cont .container {
    box-shadow: 0 10px 40px #000
}

.ardark .header-logo img {
    filter: brightness(0) invert(1)
}

.ardark div#editors-choices-list a {
    background-color: #1b1d1f;
    box-shadow: 0 2px 20px #000
}

.ardark div#editors-choices-list a * {
    color: #fff
}

.ardark ul#top-views-list {
    box-shadow: 0 10px 50px #000
}

.ardark .small-new-item .news-item {
    background-color: #1b1d1f;
    box-shadow: 0 2px 20px #000
}

.ardark .small-new-item .news-item * {
    color: #fff
}

.ardark .articles-list a {
    background-color: #1b1d1f;
    box-shadow: 0 0 40px #000
}

.ardark .other-news-item a {
    background-color: #1b1d1f
}

.ardark .small-new-item .news-block-link:hover {
    box-shadow: 0 2px 30px #000!important
}

.ardark .small-new-item .news-block-link:hover {
    box-shadow: 0 2px 30px #000!important
}

.ardark .news-block-link:hover {
    box-shadow: 0 2px 30px #000!important
}

.ardark .header-sm-icons a {
    color: #fff!important
}