/*
Theme Name: Kora X
Theme URL: https://elshaikh.net
Version: 1.0
Author: Elshaikh Team
Author URI: https://www.elshaikh.net
Text Domain: Elshaikh
This Theme Designed By Ahmed Elshaikh
*/
@charset "UTF-8";
:root {
    --main-color: #931800;
}
@font-face {
    font-family: "Neo Sans Arabic";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Neo Sans Arabic"), url(UI/fonts/NeoSansArabic.woff) format("woff");
}
body {
    font-family: Neo Sans Arabic, Segoe UI;
    line-height: 33px;
    width: 100%;
    margin: 0;
    background: #eceef2;
    color: #000;
    font-size: 16px;
    direction: rtl;
}
#tod-match {
    display: none;
}
a {
    color: #222;
    text-decoration: none;
}
img {
    font-size: 0;
}
strong {
    font-weight: 500;
}
a:focus,
a:hover {
    color: var(--main-color);
    transition: 0.5s ease;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
    list-style: none;
}
.container {
    max-width: 1100px;
    margin: auto;
    padding: 0 12px;
}
.menu-section {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.navbar-brand {
    float: right;
    width: 200px;
    margin: 9px 0 0;
    background: var(--main-color);
    border-radius: 8px;
}
.img-responsive {
    display: flex;
    float: right;
    height: 75px;
    max-width: 100%;
}
.navmenu {
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
    float: right;
}
.navsiteta {
    padding-right: 20px;
}
.navsites {
    float: left;
    margin: 25px 0;
}
.navmenu .nav li {
    float: right;
    position: relative;
}
.navmenu .nav .navsiteta a {
    padding: 0 8px;
    height: 83px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    font-weight: bold;
}
.navmenu .nav .navsiteta a:hover {
    border-bottom: 2px solid var(--main-color);
}
.menublabel.clo {
    display: none;
}
.menu-section h1,
.menu-section h2 {
    display: none;
}
.menu-section h1,
.menu-section h2 {
    display: none;
}
.navmenu .nav ul {
    margin: 0;
    padding: 0;
    float: left;
}
.navmenu .nav li [class*="fa"] {
    display: block;
    position: relative;
    padding-top: 8px;
}
.dnmo,
.navmenu .nav .navsites a {
    height: 35px;
    width: 35px;
    padding: 0;
    display: grid;
    background: #474747;
    margin-right: 5px;
    border-radius: 8px;
    float: left;
    cursor: pointer;
    text-align: center;
    color: #FFF;
    box-sizing: border-box;
    overflow: hidden;
}
.navmenu .navsites .twitter a {
    background: #55acee;
}
.navmenu .navsites .facebook a {
    background: #4267b2;
}
.navmenu .navsites .google-news a {
    background: #ea4335;
}
#menubtn {
    position: absolute;
    visibility: hidden;
}
.dnmo.mo {
    display: none;
}
.icon.dnmoi,
.navmenu .nav .navsites a .icon {
    width: 20px;
    height: 20px;
    display: table;
    margin: 8px auto;
    background-size: 100% 100%;
}
.icon.twitter {
    background: no-repeat center
        url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016 c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992 c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056 c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152 c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792 c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44 C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568 C480.224,136.96,497.728,118.496,512,97.248z' class=''%3E%3C/path%3E%3C/svg%3E");
}
.icon.facebook {
    background: no-repeat center
        url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M288,176v-64c0-17.664,14.336-32,32-32h32V0h-64c-53.024,0-96,42.976-96,96v80h-64v80h64v256h96V256h64l32-80H288z' class=''%3E%3C/path%3E%3C/svg%3E");
}
.icon.google-news {
    background: no-repeat center
        url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='m512.288 152.697-67.644-13.455v-123.579h-377v123.579l-67.644 13.455 52.644 264.661v79.268h407v-79.268zm-52.644 110.885v-61.956h-50.232l-8.037-40.402 75.636 15.045zm-362-217.919h317v87.612l-19.603-3.899-10.573-53.153-286.824 57.052zm-62.368 130.606 325.621-64.77 17.927 90.127h-326.18v61.956zm394.368 290.356h-347v-235h347z' class=''%3E%3C/path%3E%3C/svg%3E");
}
.icon.dnmoi {
    background: no-repeat center
        url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241.072 241.072' %3E%3Cpath fill='%23fff' d='M202.167,156.857c-44.236,0-80.085-35.842-80.085-80.078c0-29.923,16.43-55.951,40.733-69.707 C150.088,2.498,136.373,0,122.082,0C55.506,0,1.535,53.971,1.535,120.528c0,66.584,53.971,120.544,120.547,120.544 c57.269,0,105.18-39.937,117.454-93.485C228.374,153.484,215.665,156.857,202.167,156.857L202.167,156.857z' class=''%3E%3C/path%3E%3C/svg%3E");
}
#telegramme {
    position: fixed;
    z-index: 9999999;
    color: #000;
    bottom: 25px;
    right: 25px;
    width: 150px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    text-align: center;
}
#telegramme p {
    font-size: 12px;
}
.clossme {
    float: right;
    position: absolute;
    bottom: 15px;
    right: 7px;
    padding: 0 5px;
}
#telegramme a {
    position: relative;
    color: #fff;
    background: #08c;
    border-radius: 20px;
    padding: 3px 7px;
    font-size: 13px;
    margin: auto;
    display: table;
    line-height: 20px;
}
.box-title {
    padding: 12px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-radius: 8px 8px 0 0;
    background: #eceef2;
}
.box-title h1,
.box-title h2,
.box-title h3,
.nav-tabs li a {
    font-size: 15px;
    background: #474747;
    color: #fff;
    float: right;
    padding: 0 10px;
    border-radius: 8px;
}
.blogpost .box-title a {
    color: #fff;
}
.nav-tabs li .shomo {
    background: #eceef2;
    color: #000;
    border: 1px solid #ddd;
}
footer {
    position: relative;
    background: #fff;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    margin-top: 15px;
}
.footermb {
    background: #eceef2;
    overflow: hidden;
    padding: 12px 0;
}
.footermb .weba {
    float: right;
}
.footermb .weba a {
    margin: 0;
}
.footermb li {
    float: left;
}
.footermb a {
    background: #eceef2;
    margin-right: 10px;
    font-size: 13px;
    padding: 0 7px;
    display: block;
    border-radius: 8px;
}
.footermb .weba {
    float: left;
}
.footermb .weba a {
    margin: 0;
}
.footermb li {
    float: right;
}
.tabsbox {
    margin-top: 15px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    background: #fff;
    position: relative;
    border-radius: 8px;
}
.wdthbox {
    padding: 12px;
    text-align: justify;
    overflow: hidden;
    position: relative;
    font-weight: 400;
}
.panel-default {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    background: #fff;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 8px;
}
h2.boxstitle {
    background: var(--main-color);
}
.nav-tabs {
    float: left;
}
.nav-tabs li {
    float: right;
    margin-right: 12px;
}
.nav-tabs li a {
    background: #931800;
}
.nav-tabs .yema a {
    background: #104783;
}
.nav-tabs .tomat a {
    background: #caa107;
}
.match-container {
    overflow: hidden;
    text-align: center;
    background: #eceef2;
    margin-bottom: 12px;
    position: relative;
    border-radius: 8px;
    order: 2;
}
.match-container h4 {
    margin: 30px 0;
}
.match-container a {
    color: #222;
}
.no-data__msg {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #666;
}
.match-container.finshed #match-time,
.match-container.gools #match-time,
.match-container.live #match-time {
    display: none;
}
.match-container.comming #result,
.match-container.commingsoon #result {
    display: none;
}
.left-team,
.match-center,
.right-team {
    width: 33.33333333%;
    float: right;
}
.team-logo {
    float: right;
    width: 50%;
}
.left-team .team-logo {
    float: left;
}
.team-logo img {
    margin: 10px auto;
    display: flex;
}
.team-name {
    margin: 28px auto;
    display: table;
}
.match-timing {
    margin: 12px auto;
}
#result {
    font-size: 21px;
    letter-spacing: 5px;
    margin-right: -5px;
    display: none;
}
.match-timing .date,
.match-timing .live:before {
    color: #fff;
    background: #263545;
    border-radius: 8px;
    font-size: 14px;
    padding: 0 10px;
    line-height: 1.9;
    display: table;
    margin: auto;
    margin-top: 6px;
    position: relative;
}
.match-timing .live {
    background: #d00000;
}
.match-timing .end {
    background: #474747;
}
.match-timing .soon {
    background: #0f6f37;
}
.match-info {
    border-top: 1px solid #ddd;
    display: table;
    overflow: hidden;
    width: 100%;
}
.match-info li {
    width: 33.33333333%;
    float: right;
    font-size: 14px;
    font-weight: 100;
}
.overlay-match {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    background: rgb(0 0 0 / 60%);
    z-index: 9;
}
.match-container:hover .overlay-match {
    opacity: 1;
}
.text-match {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 45px;
    margin: auto;
    left: 0;
    top: 0;
    width: 45px;
    background: no-repeat center
        url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M256,0C114.617,0,0,114.615,0,256s114.617,256,256,256s256-114.615,256-256S397.383,0,256,0z M344.48,269.57l-128,80  c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-0.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176 c0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238,0.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57 S349.156,266.641,344.48,269.57z' class=''%3E%3C/path%3E%3C/svg%3E");
}
.blogpost {
    margin-bottom: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    background: #fff;
    border-radius: 8px;
}
.grid-post {
    padding: 12px 12px 0;
    padding-bottom: 0;
    overflow: hidden;
}
.queryEmpty {
    padding: 12px 12px 0;
}
.grid-posts {
    margin: 0 -6px;
}
.blog-posts-hentry {
    float: right;
    width: 25%;
}
.blog-post.hentry.index-post {
    background: #eceef2;
    margin: 0 6px 12px 6px;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}
.post-image-wrap img {
    object-fit: cover;
    height: 160px;
    width: 100%;
    display: grid;
}
.post-info {
    padding: 10px;
}
.post-info h3 {
    margin: 0;
    line-height: 1.5;
    font-size: 15px;
    height: 43px;
    overflow: hidden;
    font-weight: 500;
}
#blog-pager {
    margin: auto;
    display: table;
}
#blog-pager a {
    font-size: 15px;
    float: right;
    padding: 0 10px;
    margin: 0 0 12px 12px;
    background: #eceef2;
    border-radius: 8px;
}
.blogpost p {
    margin: 12px 12px 0;
}
.menublabel.op{
    display: none;
}
li#CloseMenu {
    display: none;
}
li#CloseMenu i {
    float: left;
    font-size: 20px;
    padding-top: 7px;
}
@media screen and (max-width: 1000px) {
    .navbar-brand {
        margin: 8px auto;
        display: table;
        float: none;
        width: initial;
        padding: 0 20px;
    }
    .menublabel.clo {
        display: block;
        margin: 0 0 15px;
        cursor: pointer;
    }
    .menulabc,
    .navmenu .nav .navsiteta a {
        background: #474747;
        display: block;
        padding: 0 12px;
        height: initial;
        color: #fff;
        margin: 0;
        border-radius: 8px;
        border: 0;
    }
    .navsites {
        float: none;
    }
    .navsiteta {
        padding: 0;
    }
    .menublabel.clo .liwte {
        position: absolute;
        left: 25px;
        top: 20px;
    }
    .menublabel.op {
        cursor: pointer;
        border-radius: 8px;
        height: 40px;
        width: 37px;
        background: #3e3e3e;
        position: absolute;
        right: 12px;
        top: 25px;
        display: block;
        text-align: center;
        line-height: 40px;
        color: #FFF;
        font-size: 22px;
    }
    .menublabel.op .liwte {
        margin: auto;
        display: table;
        margin-top: 11px;
    }
    .dnmo.mo {
        display: block;
        position: absolute;
        left: 12px;
        top: 25px;
    }
    .menublabel.clo .line.line-1 {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 10px;
        left: 0;
    }
    .menublabel.clo .line.line-2 {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        top: 10px;
        left: 0;
    }
    .liwte .line {
        display: block;
        width: 22px;
        height: 3px;
        background: #fff;
        border-radius: 1px;
        margin: auto;
        margin-bottom: 5px;
    }
    .navmenu .linkm {
        float: none;
        z-index: 99;
        height: 100vh;
        width: 250px;
        position: fixed;
        top: 0;
        right: -300px;
        margin: auto;
        background: #fff;
        transition: all 0.7s ease 0s;
        padding: 15px;
        overflow-x: hidden;
        box-shadow: 0 1px 6px rgba(32, 33, 36, 0.4);
    }
    .dnmo{
        position: absolute;
        top: -8px;
        left: 15px;
        width: 40px;
        height: 40px;
    }
    body.menuActive .linkm {
        right: 0;
    }
    li#CloseMenu{
        display:block
    }
    .navmenu .linkm li {
        float: none;
        margin-bottom: 15px;
    }
    .navmenu .nav a {
        margin: 0;
        margin-left: 12px;
    }
    .navmenu .linkm li.siteta a {
        margin: 0;
    }
    .navmenu .linkm li.sites {
        float: right;
    }
    .navmenu .linkm li.dnmo {
        display: none;
    }
    .post-thumb {
        height: 400px;
    }
    #telegramme {
        border-radius: 0;
        box-shadow: inherit;
        bottom: 0;
        right: 0;
        width: 100%;
    }
    #telegramme p {
        display: none;
    }
    #telegramme a {
        display: inline-block;
        margin-right: 5px;
    }
}
@media screen and (max-width: 500px) {
    .menublabel.op {
        top: 15px;
    }
    .dnmo.mo {
        top: 15px;
    }
    .menu-section .container {
        padding: 0 12px;
    }
    .img-responsive {
        height: 55px;
        width: 160px;
    }
    .panel-default .box-title {
        padding: 12px 12px 0;
    }
    .panel-default .box-title h2 {
        display: block;
        width: 95%;
        text-align: center;
        margin-bottom: 6px;
    }
    .panel-default .nav-tabs {
        float: none;
        margin: 0;
        display: inline-block;
        width: 100%;
    }
    .panel-default .nav-tabs li {
        width: 33.33%;
        margin: 0;
    }
    .panel-default .nav-tabs li a {
        text-align: center;
        padding: 0;
        float: none;
        display: block;
    }
    .nav-tabs .toma a {
        margin: 0 6px;
    }
    .team-logo img {
        margin: 7px auto;
        margin-bottom: 0;
        width: 50px;
        height: 50px;
    }
    .team-name {
        margin: 7px auto;
        margin-top: 0;
    }
    .match-timing {
        margin: 13px auto;
    }
    .team-logo {
        width: 100%;
    }
    .match-info {
        display: none;
    }
    .blog-posts-hentry {
        width: 100%;
    }
    .post-image-wrap {
        float: right;
        margin-left: 12px;
    }
    .post-info h3 {
        height: 55px;
        line-height: 18px;
    }
    .blog-post.hentry.index-post {
        margin-top: 1px;
    }
    .post-image-wrap img {
        height: 75px;
        width: 125px;
    }
    .whatsapp.whatsapp-mobile {
        display: block;
    }
    .whatsapp.whatsapp-desktop {
        display: none;
    }
    #main .container {
        padding: 0;
    }
}
body.Night {
    background: #1c2733;
    color: #fff;
}
50% {
    opacity: 0;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.Night a {
    color: #fff !important;
}
.Night a:hover {
    color: #f80 !important;
}
.Night .navmenu .nav .navsiteta a:hover {
    border-bottom: 2px solid #f80;
}
.Night .menu-section:before {
    background: rgb(41 41 41 / 78%);
}
.Night .dnmo,
.Night .menublabel.op,
.Night .menulabc,
.Night .navbar-brand,
.Night .navmenu #menubtn:checked ~ .linkm .navsiteta a,
.Night .navmenu .nav .navsites a {
    background-color: #1c2733;
}
.Night .menublabel .liwte .line {
    background: #fff;
}
.Night .blog-post.hentry.item-post,
.Night .blogpost,
.Night .box-title h1,
.Night .box-title h2,
.Night .box-title h3,
.Night .coMatch,
.Night .links,
.Night .match-timing .end,
.Night .menu-section,
.Night .nav-tabs li a,
.Night .navmenu .linkm,
.Night .panel-default,
.Night .tabsbox,
.Night .tourItem .links a,
.Night footer {
    background: #263545;
}
.Night .matchTime .end {
    background: #023e5d;
}
.Night .col-md-4.info {
    border-top: 1px solid #263545;
}
.Night .blogpost .nav-tabs li a:after,
.Night .box-title h1:after,
.Night .box-title h2:after,
.Night .box-title h3:after {
    border-color: transparent #3e3e3e transparent transparent;
}
.Night #blog-pager a,
.Night #latejubna,
.Night #latenone,
.Night #postsacs .tourItem.em,
.Night #postsacs h1,
.Night #postsacs h2,
.Night #postsacs h3,
.Night #postsacs h4,
.Night .Share-tags,
.Night .blog-post.hentry.index-post,
.Night .jubnna,
.Night .match-container,
.Night .post-share,
.Night .post-tags,
.Night .tourItem .item,
.Night table,
.Night table tbody .odd {
    background: #1c2733;
    border: 0;
}
.Night .box-title,
.Night .postTimestamp {
    background: #121a23;
    border: 0;
}
.Night .table-bordered tr {
    border-bottom: 1px solid #1c2733;
}
.Night .table-bordered tr {
    border-bottom: 1px solid #1c2733;
}
.Night .table-bordered td {
    border-right: 1px solid #1c2733;
}
.Night .jb-anchor {
    color: #b0b3b8 !important;
}
.Night .post-tags li {
    background: #1c2733;
    border: 0;
}
.Night .footermb,
.Night .footermb a {
    background: #1c2733;
}
.Night .main-post-meta {
    border-top: 1px solid #1c2733;
    border-bottom: 1px solid #1c2733;
    background: #1c2733;
}
.Night .form-group input,
.Night .post-pagination .form-group,
.Night .row.goals .col-md-2 .panel.panel-default {
    color: #e4e6eb;
    background: #121a23 !important;
}
.Night .row.goals .col-md-2 .panel.panel-default {
    background-color: #1c2733;
}
.Night #postsacs .panel-footer .hr,
.Night .panel-footer {
    border: 0;
    background-color: #1c2733;
    border-top: 1px solid #424242;
}
.Night .brow.even,
.Night table tbody tr.even,
.Night table thead tr {
    background-color: #1c2733;
}
.Night .match-info {
    border-top: 1px solid #263545;
}
#tom-match,
#yes-match {
    display: none;
}
footer > .container {
    display: flex;
    clear: both;
    padding: 0;
    flex-wrap: wrap;
}
.fo-section {
    width: 25%;
    padding: 20px 12px;
    box-sizing: border-box;
}
.fo-section.no-items {
    padding: 0;
}
.fo-title {
    border-bottom: #ddd solid 1px;
    padding: 5px 0;
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 16px;
    position: relative;
}
.Night .fo-title {
    border-bottom: #1c2733 solid 1px;
}
.fo-title::before {
    background: var(--main-color);
    content: "";
    height: 3px;
    position: absolute;
    width: 23px;
    bottom: -1.5px;
}
.fo-section li {
    padding: 0;
    list-style: outside;
    color: #3fc75d;
    width: 100%;
    margin-right: 16px;
}
.fo-section li a {
    color: #484848;
    display: block;
    font-size: 14px;
}
@media screen and (max-width: 900px) {
    .fo-section {
        width: 50%;
    }
}
@media screen and (max-width: 480px) {
    .fo-section {
        width: 100%;
    }
}
.Night .footermb,
.Night .footermb a {
    background: #1c2733;
}
.blog-post.hentry.item-post #HTML201,
.blog-post.hentry.item-post #HTML202,
.blog-post.hentry.item-post #HTML203 {
    display: block;
}
.adheader {
    margin-bottom: 12px;
    padding: 0 2px;
}
.hqy-lazy {
    opacity: 0;
    transition: all 0.5s;
}
.hqy-loaded {
    opacity: 1;
}
.jmb_banner.container {
    margin-bottom: 15px;
}
.message-box {
    color: #2c7635;
    background-color: #dff0d4;
    border: #d6e9c4 solid 1px;
    padding: 4px 15px;
    border-radius: 4px;
    text-align: right;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 9px;
}
.message-box strong {
    margin-left: 5px;
}
.flexwraps .commingsoon {
    order: 3;
}
.flexwraps {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 12px 12px 0;
    box-sizing: border-box;
}
.flexwraps .live {
    order: 1;
}
.flexwraps .soon {
    order: 1;
}
.flexwraps .gools {
    order: 4;
}
.flexwraps .end,
.flexwraps .finshed {
    order: 5;
}
.navmenu .nav .sub-menu {
    display: none;
}
.navbar-brand a.logo {
    color: #fff;
}
.navbar-brand a.logo span {
    display: block;
    text-align: center;
}
.navbar-brand a.logo span:nth-child(1) {
    font-size: 22px;
    font-weight: bold;
}
.dnmo, .navmenu .nav .navsites a span {
    display: block;
    box-sizing: border-box;
}
.coMatch {
    position: relative;
    margin-bottom: 15px;
    border-radius: 8px;
    padding: 12px;
    background: #fff;
    box-shadow: 0 0 4px rgb(0 0 0 / 30%);
}
.backMatch {
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 8px;
    background-size: 100% 100%;
}
.baMatch {
    overflow: hidden;
    display: block;
    background: rgb(0 0 0 / 59%);
}
.colmd {
    width: 40%;
    float: right;
    text-align: center;
    padding: 45px 0 35px 0;
    color: #fff;
    z-index: 10;
    position: relative;
}
.colmd.ce {
    width: 20%;
    z-index: 5;
    padding-top: 170px;
}
.teamlogo {
    max-width: 100px;
    height: 100px;
    background-size: contain;
    margin: 15px auto;
    background-repeat: no-repeat;
    background-position: center;
}
.matchvs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    top: 0;
    content: '
    vs&#39: ;
    font-size: 80px;
    font-weight: bold;
    margin-top: 25px;
}
.blog-post.hentry.item-post {
    background: #fff;
    overflow: hidden;
    border-radius: 8px;
    padding: 0 12px 12px;
}
.postTimestamp {
    background: #eceef2;
    margin: 0 -12px 12px;
}
.posts-title {
    padding: 10px 12px;
}
.post-title {
    line-height: 1.5;
    overflow: hidden;
    font-size: 24px;
}
#postsacs {
    font-size: 17px;
    text-align: justify;
    -webkit-touch-callout: none;
    /* -webkit-user-select: none; */
    -khtml-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    font-weight: 400;
}
#postsacs p {
    margin-bottom: 15px;
}
.blogpost p {
    margin: 12px 12px 0;
}
#postsacs h1, #postsacs h2, #postsacs h3 {
    display: table;
    padding: 5px 15px;
    background-color: #eceef2;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0;
    line-height: 1.5;
    text-align: right;
    border-radius: 8px;
}
.post-share, .post-tags, .jubnna, #latejubna {
    overflow: hidden;
    border-radius: 8px;
    padding: 12px;
    background: #eceef2;
    margin-top: 15px;
}
.share-links {
    text-align: center;
}
.share-links li {
    float: right;
    width: 25%;
}
.share-links .telegram {
    background: #3ca2d9;
}
.share-links li a {
    font-size: 15px;
    background: var(--main-color);
    padding: 5px 10px;
    height: 30px;
    display: block;
    color: #fff;
    margin-right: 10px;
    border-radius: 4px;
}
.share-links .facebook {
    background: #3b5998;
    margin: 0;
}
.share-links .twitter {
    background: #55acee;
}
.share-links .whatsapp {
    background: #5EAF2E;
}
.whatsapp.whatsapp-mobile {
    display: none;
}
.table-bordered {
    text-align: right;
    width: 100%;
    border-collapse: collapse;
    background-color: #eceef2;
    border-radius: 8px;
}
.table-bordered tr {
    border-bottom: 1px solid #d8dbe1;
}
.table-bordered td, table th {
    font-weight: 500;
    padding: 12px;
    line-height: 25px;
}
.table-bordered td {
    border-right: 1px solid #d8dbe1;
}
.table-bordered tr:last-child {
    border: 0;
}
.teamname {}
.teamname a {
    color: #FFF;
    font-weight: bold;
    font-size: 20px;
}
.championsSlide {direction: rtl;position: relative;margin: 16px auto 10px;overflow: hidden;width: calc(100% - 30px);}
.owl-item {
    float: left;
}
.championsSlide .owl-item li {
    display: block;
}
.championsSlide .owl-item li a {
    color: #222;
    display: block;
    background: #f1ebeb;
    padding: 0 20px;
    border-radius: 50px;
    transition: .2s all ease;
}
.owl-nav.disabled {
    display: none;
}
.owl-dots {
    display: none;
}
.championsSlide * {
    position: relative;
}
.slides {
    direction: rtl;
}
.championsSlide .owl-item li a:hover,
.championsSlide .owl-item li a.active {
    background: #263545;
    color: #fff;
}
.flexwraps h3 {
    display: table;
    margin: 60px auto 80px;
    font-size: 30px;
    color: #263545;
}
.match-container.end div#match-hour,
.match-container.live div#match-hour {
    display: none;
}
.notFoundMatches {
    display: table;
    margin: 0 auto;
    padding: 60px 0;
    text-align: center;
}
.notFoundMatches h4 {
    font-size: 30px;
    padding-bottom: 10px;
}
.match-timing div#match-hour {
    direction: ltr;
    display: table;
    margin: 0 auto;
}
.match-timing div#match-hour em {
    font-style: normal;
}
.breadCrumb {
    display: inline-block;
    background: #ffffff;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 0 4px rgb(0 0 0 / 30%);
    border-radius: 10px;
    padding: 0px 16px;
    box-sizing: border-box;
}
.breadCrumb * {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 1px;
    box-sizing: border-box;
}
.teamsorder_rw {
    padding: 5px 0;
    background-color: #eceef2;
    width: 100%;
    color: #fff;
    font-weight: 700;
    display: table;
    text-align: right;
}
.teamsorder_rw:nth-child(1) {
    background: #eceef2;
    border-bottom: 1px solid #dddddd14;
    color: #222;
}
.teamsorder_rw li.teamsorder_li {
    display: inline-block;
    float: right;
    box-sizing: border-box;
    text-align: right;
}
.teamsorder_rw li.teamsorder_li.li_order {
    text-align: center;
    width: 6%;
    padding-right: 0 !important;
    font-size: 20px !important;
    color: #222 !important;
    width: 5% !important;
}
.teamsorder_rw li.teamsorder_li.li_team, li.teamsorder_li.li_info.li_team.child_2.logo {
    padding-right: 22px;
    width: 31%;
}
.teamsorder_rw li.teamsorder_li.li_info {
    padding-right: 32px;
    width: 7%;
    text-align: center;
}
li.teamsorder_li.li_info.li_order.child_1 {
    font-weight: 400;
    font-size: 30px;
    color: #c3c3c3;
    text-align: center;
}
.teamsorder_item li.teamsorder_li.li_info.li_team.child_2.logo i, .teamsorder_item li.teamsorder_li.li_info.li_team.child_2.logo img {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}
.teamsorder_item li.teamsorder_li.li_info.li_team.child_2.logo .teamsorder_li.name {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    margin-right: 8px;
}
li.teamsorder_li.li_info.childs_info {
    font-weight: 400;
    font-size: 20px;
    padding-top: 6px;
    color: #212020;
}
.teamsorder_item:nth-child(2n+0) {
    background: #d9dee8;
}
li.teamsorder_li.li_info.li_team.child_2.logo {
    text-align: right;
}
ul.ChampionsUL {
    display: flex;
    background: #eceef2;
    padding: 5px 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #00000017;
}
ul.ChampionsUL li {
    flex: 1;
    border-left: 1px solid #00000017;
    padding: 0 10px;
    text-align: center;
}
ul.ChampionsUL li svg {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
}
ul.ChampionsUL li i {
    vertical-align: top;
    display: inline-block;
    font-size: 28px;
    line-height: 40px;
}
ul.ChampionsUL li > div {
    display: inline-block;
    padding: 3px 0 0;
}
ul.ChampionsUL li:last-child {
    border: 0;
}
.TeamPlayers {}
h3.title-h3 {
    display: table;
    padding: 5px 15px;
    background-color: #eceef2;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0;
    line-height: 1.5;
    text-align: right;
    border-radius: 8px;
}
.players__holder {
    display: flex;
    flex-wrap: wrap;
}
.players__holder .player__div {
    flex: 1;
    display: inline-block;
    margin: 0 4px;
    /* overflow: hidden; */
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #eceef2;
    padding: 2px;
    min-width: 110px;
    max-width: 150px;
}
.players__holder .player__div a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.players__holder .player__div a .player__image {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 110px;
}
.players__holder .player__div a .player__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.players__holder .player__div a h5 {
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
    margin: 0;
    padding: 0;
}
.players__holder .player__div a p {
    margin: 0;
    line-height: 20px;
    text-align: center;
    padding-top: 5px;
    font-size: 12px;
}
.players__holder * , .players__holder {
    position: relative;
    box-sizing: border-box;
}
.teamsorder_rw.teamsorder_item.selected {
    background: #bbc0cc !important;
}
.servers {
    display: block;
    width: 100%;
    position: relative;
    margin: 20px 0;
}
.servers ul {
    display: table;
    margin: 0 auto 10px;
}
.servers .iframe {
    position: relative;
    box-sizing: border-box;
    padding-bottom: 60%;
    border-radius: 5px;
    overflow: hidden;
}
.servers .iframe iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.servers ul li {
    display: inline-block;
    background: #263545;
    padding: 0px 20px;
    position: relative;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    transition: .3s all ease;
    cursor: pointer;
    margin: 0 5px;
}
.servers ul li.active {
    background: red;
}
.post-tags li {
    float: right;
    display: block;
    margin: 0 0 12px 12px;
    padding: 0 10px;
    background: #fff;
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
}
.post-tags {
    padding: 12px 12px 0;
}
p.hometext {
    display: block;
    padding: 13px 21px;
    margin: 0;
    line-height: 25px;
    font-size: 14px;
}
.Night .breadCrumb {
    background: #121a23;
    box-shadow: none;
}
.elshaikh {
    background: #eceef2;
    margin-right: 10px;
    font-size: 13px;
    padding: 0 17px;
    display: block;
    border-radius: 8px;
    float: left;
}
.elshaikh a {
    display: inline-block;
    background: transparent !important;
    color: #333 !important;
    padding: 0 !important;
    font-weight: bold !important;
    font-size: 14px;
    margin: 0 !important;
}
.site {
    float: right;
}
.Night .elshaikh a {
    color: #fff !important;
}
.Night .elshaikh {
    background: #263545;
}
.post-thum {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 290px;
    overflow: hidden;
}
.post-thum img {
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    display: block;
}
.Night .teamsorder_rw:nth-child(1) {
    background: #121a23;
    color: #FFF;
}
.Night h3.title-h3 {
    background: #121a23;
}
.Night .teamsorder_rw li.teamsorder_li.li_order {
    color: #FFFF !important;
}
.teamsorder_rw:not(.teamsorder_item) li.teamsorder_li.li_order,
.teamsorder_rw:not(.teamsorder_item) li.teamsorder_li.li_team {
    font-size: 14px !important;
}
.Night .teamsorder_item:nth-child(2n+0) {
    background: #1a2532;
    color: #FFF;
}
.Night .teamsorder_rw {
    background: #121a23;
}
.Night li.teamsorder_li.li_info.childs_info {
    color: #FFFF;
}
.Night ul.ChampionsUL {
    background: #1a2734;
}
@media (max-width: 700px){
.teamsorder_rw li.teamsorder_li:nth-child(10), .teamsorder_rw li.teamsorder_li:nth-child(7), .teamsorder_rw li.teamsorder_li:nth-child(8), .teamsorder_rw li.teamsorder_li:nth-child(9) {
    display: none;
}
.teamsorder_rw:not(.teamsorder_item) li.teamsorder_li.li_info:not(.li_team) {
    width: 10%;
    text-align: center;
}
.teamsorder_rw li.teamsorder_li.li_info, li.teamsorder_li.li_info.childs_info {
    width: 10%;
    font-size: 12px;
    padding: 0;
    text-align: center;
}
.teamsorder_rw li.teamsorder_li.li_team, li.teamsorder_li.li_info.li_team.child_2.logo {
    width: 39%;
}
.teamsorder_rw:not(.teamsorder_item) li.teamsorder_li.li_order,
.teamsorder_rw:not(.teamsorder_item) li.teamsorder_li.li_team {
    font-size: 12px !important;
}
}
.dnmo {
    float: left;
    margin-top: 25px;
}
.Night ul.ChampionsUL li svg {
    fill: #FFF;
}
.Night .players__holder .player__div {
    background: #1a2734;
}
.navbar-brand a.logo img {
    display: block;
    width: 100%;
    max-width: 200px;
}
span.Score {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 0;
    font-size: 60px;
}
span.Score.logo2 {
    right: 0;
    left: auto;
}
@media(max-width: 600px){
    .matchvs{
        font-size: 40px;
    }
    span.Score {
        font-size: 30px;
    }
    .teamname a{
        font-size: 17px;
    }
    .teamlogo{
        max-width: 80px;
        height: 80px;
    }
}
.post-thum img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.channel-header h1.post-title {
    position: absolute;
    bottom: 0;
    background: linear-gradient(to top,#1e1e1e,#2e2e2e00);
    width: 100%;
    padding: 150px 20px 10px;
    color: #FFF;
}
.channel-header {
    position: relative;
    overflow: hidden;
    margin: 0 -12px;
}
.channel-header h1.post-title a {
    color: #FFFF;
}
@media(max-width: 700px){
    .servers .iframe {
        padding-bottom: 450px;
    }
}
.paginate {
    display: table;
    margin: 10px auto 20px;
}
.paginate li {
    float: right;
    margin: 0 4px;
}
.paginate li * {
    display: block;
    padding: 5px 16px;
    background: #eceef2;
    border-radius: 8px;
    cursor: pointer;
}
.paginate li span.page-numbers.current {
    background: #262626;
    color: #FFF;
}
.Night .paginate li * {
    background: #1c2733;
}
.Night .paginate li span.page-numbers.current {
    background: #354d66;
}
.Night .teamsorder_rw.teamsorder_item.selected {
    background: #172b42 !important;
}
.postimg {
    display: block;
    width: 100%;
}

.postimg img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.footermb.footerMenuLinks {background: #e1e7f1;text-align: center;}

.footermb.footerMenuLinks ul.menu-footer.menu {
    display: table;
    margin: 0 auto;
}
.Night .footermb.footerMenuLinks {background: #18222c;}
.live #result {
    display: block;
}
.match-timing div#match-hour em {float: left;padding-right: 9px;}

#postsacs > * {
    position: relative !important;
    overflow: hidden !important;
}
:root{--blue:#5e72e4;--indigo:#5603ad;--purple:#8965e0;--pink:#f3a4b5;--red:#f5365c;--orange:#fb6340;--yellow:#ffd600;--green:#2dce89;--teal:#11cdef;--cyan:#2bffc6;--white:#ffffff;--gray:#6c757d;--gray-dark:#32325d;--light:#ced4da;--lighter:#e9ecef;--primary:#e14eca;--secondary:#f4f5f7;--success:#00f2c3;--info:#1d8cf8;--warning:#ff8d72;--danger:#fd5d93;--light:#adb5bd;--dark:#212529;--default:#344675;--white:#ffffff;--neutral:#ffffff;--darker:black;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
*,*::before,*::after{box-sizing:border-box}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
[tabindex="-1"]:focus{outline:0!important}
h5,h6{margin-top:0;margin-bottom:.5rem}
a{color:#e14eca;text-decoration:none;background-color:transparent}
a:hover{color:#c221a9;text-decoration:none}
code{font-size:87.5%;color:#f3a4b5;word-break:break-word}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col{flex-basis:0;flex-grow:1;max-width:100%}
.btn{border:none;position:relative;overflow:hidden;background:#344675;background-image:linear-gradient(to bottom left,#344675,#263148,#344675);background-size:210% 210%;background-position:top right;background-color:#344675;box-shadow:none;color:#fff !important;font-weight:600;padding:10px 15px;line-height:1.35em;border-radius:.20rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-align:center;user-select:none;cursor:pointer;display:block;width:100%}
.btn:hover{color:#020203;text-decoration:none}
.fade{transition:opacity .15s linear}
.fade:not(.show){opacity:0}
.close{float:right;font-size:1.3125rem;font-weight:600;line-height:1;color:rgba(0,0,0,.6);text-shadow:none;opacity:.5}
.close:hover{color:rgba(0,0,0,.6);text-decoration:none}
button.close {
	padding: 0;
	background: transparent;
	border: 0;
	appearance: none;
	border: 0;
	outline: 0;
	box-shadow: 0 0;
}
  .modal{position:fixed;top:0;left:0;z-index:1050000000000000000;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(34,42,66,.2);border-radius:.2857rem;box-shadow:0 10px 50px 0 rgba(0,0,0,.5);outline:0}
.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e9ecef;border-top-left-radius:.2857rem;border-top-right-radius:.2857rem}
.modal-header .close{margin-top:-10px;cursor:pointer}
.modal-title{margin-bottom:0;line-height:1.1}
.modal-body{position:relative;flex:1 1 auto;padding:24px 24px 16px}
@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-content{box-shadow:0 15px 35px rgba(50,50,93,.2),0 5px 15px rgba(0,0,0,.17)}}
.modal.show .modal-dialog{-webkit-transform:translate(0,30%);transform:translate(0,30%)}
.btn:hover,.btn:focus,.btn:active,.btn:active:focus,.btn:active:hover{background-color:#263148!important;background-image:linear-gradient(to bottom left,#344675,#263148,#344675)!important;background-image:-webkit-linear-gradient(to bottom left,#344675,#263148,#344675)!important;background-image:-o-linear-gradient(to bottom left,#344675,#263148,#344675)!important;background-image:-moz-linear-gradient(to bottom left,#344675,#263148,#344675)!important;color:#fff;box-shadow:none}
.btn:active{box-shadow:none!important;transform:translateY(1px)!important;transition:all .15s ease}
.btn:not([data-action]):hover{box-shadow:2px 2px 6px rgba(0,0,0,.4);transform:translateY(-1px);-webkit-transform:translateY(-1px)}
.btn:disabled,.btn:disabled:hover,.btn:disabled:focus,.btn:disabled:active{background-color:#344675;border-color:#344675}
.btn:hover,.btn:focus{opacity:1;filter:alpha(opacity=100);outline:0!important}
.btn:active{box-shadow:none;outline:0!important}
.btn-sm{font-size:.875rem;border-radius:3px;padding:5px 15px}
.modal-content{border:0}
.modal-content .modal-header{border-bottom:none}
.modal-content .modal-header .modal-title{color:#222a42}
.modal-content .modal-body{line-height:1.9}
.modal .modal-header .close{color:#fd5d93;text-shadow:none}
.modal .modal-header .close:hover,.modal .modal-header .close:focus{opacity:1}
body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
h5,h6{line-height:1.2}
button{font-family:poppins,sans-serif}
h5,h6{font-weight:400;color:rgba(255,255,255,.8)}
a{color:#000000;font-weight:300} 
a:hover,a:focus{color:#e14eca}
h5{line-height:1.4em;margin-bottom:15px}
h6{text-transform:uppercase;font-weight:600}
code{color:#f3a4b5}
.modal-content{background-color:#1f252e;color:#fff!important}
.white{color:#fff!important}
#stream{border-radius:5px 5px 0 0;text-align:center;height:420px;width:100%}
.server-name {
	margin: 0 -3px 5px;
	display: flex !important;
	justify-content: space-between !important;
	padding: 0;
}
 .server-name li{width:100%;margin:0 3px;font-size:15px}
@media screen and (max-width:640px){#stream{width:100%;height:330px}.server-name{width:100%;height:100%;direction:rtl;text-align:center;overflow:auto;overflow-y:auto;overflow-y:auto;overflow-y:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin:0 auto}.server-name li{display:inline-block;vertical-align:middle;background-image:none;white-space:nowrap;-moz-user-select:none;cursor:pointer;position:relative;margin:0 3px 0}}
@media screen and (max-width:480px){#stream{width:100%;height:260px}}
.AlbaEmbed{background:#000;padding:5px;overflow:hidden;max-width:900px;margin:0 auto}
.server-name .btn.active{background:#a0002a!important}
.server-name li:nth-child(3) .btn.active,.server-name li:nth-child(4) .btn.active{background:#0035b3!important}
#controls{margin-bottom:0}