@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:500px;
    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;
    height:330px
}
.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{
    content:'';
    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:#fff;
    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:1;
    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:94%!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:5px !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
}
div#main-nav > ul > li > a:hover ,.top-menu-more.show a.nav-link.dropdown-toggle ,.header-sm-icons a:hover,.home-section-text-title a
,.list-page-item a:hover,.page-article-tag a:hover .page-tags-item
{
    background-color: #731f98;
}
a,.list-page-item-info h3 {
    color: #731f98;
}
.header-sm-icons a,.section-main-title,footer.main-footer .download-app-content-text-title {
    color: #731f98 !important;
}
.slick-active button {
    background-color: #731f98 !important;
}
.page-tags-item {
    border: 1px solid #731f98;
}
.page-item.active .page-link {
    background-color: #731f98;
    border-color: #731f98;
}
button.navbar-toggler {
    border-color: #731f98 !important;
}
.navbar-toggler.x .icon-bar {
    background-color: #731f98;
}
.news-tag.news-tag-c1.news-tag-c3 {
    background-color: #731f98;
}
.form-control:focus {
    border-color: #731f98;
}
#top-menu-search:active {
    color: #fff;
}
div#main-nav > ul > li > a {
    font-size: 15px;
}