*,::after,::before{box-sizing:border-box}
*{margin:0;padding:0;outline:0;list-style:none}
:root{
    --main_color:#510000;
    --font_size:16px;
    --body_bg:#eceef2;
    --header_color:#222;
    --logo_bd:#510000;
    --logo_color:#fff;
    --todaybg:#510000;
    --yrsdaybg:#8d0ffc;
    --tomorobg:#0d6cbf;
    --footer_bd:#fff;
    --footer_color:#222;
    --footer_border:#ddd;
    --cop_bd:#eceef2;
    --cop_color:#222;
    --bk-hd-bg:transparent;
    --btn-bg:#273340;
    --match-bg:#fff;
    --Gray1:#eceef2;
    --Gray2:#ddd;
    --Gray3:#d8dbe1;
    --LightColor:#fff;
    --DarkColor:#273340;
    --bk-shadow:transparent;
    --rounded:8px;
    --yall-padding:12px;
}
.Night,.Night body{
    --header_color:#fff;
    --body_bg:#0B0E11;
    --Gray2:#2B333E;
    --Gray3:#0B0E11;
    --logo_color:#fff;
    --footer_border:#0B0E11;
    --Gray1:#15181F;
    --LightColor:transparent;
    --footer_bd:transparent;
    --cop_bd:#0B0E11;
    --DarkColor:#15181F;
    --bk-shadow:transparent;
    --match-bg:#15181F;
}

html{scroll-behavior:smooth}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--body_bg);color:#000;font-size:var(--font_size);font-weight:500;line-height:1.5}
.Night body,.Night{color:#fff}

a{color:#222;text-decoration:none}
a:hover{color:var(--main_color);transition:.5s ease}
img{font-size:0}
strong{font-weight:600}

.d-none{display:none}
.d-fx{display:flex}
.fx-cen,.AY_Inner{display:flex!important;align-items:center!important}
.fx-wrap{display:flex;flex-wrap:wrap}
.gap-5{gap:5px}
.gap-10{gap:10px}
.gap-20{gap:20px}
.screen-reader{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}

.container{max-width:1024px;margin:0 auto;padding:0 var(--yall-padding)}

/* Buttons */
.aya-btn,.MT_Stat{
    position:relative;
    background:var(--btn-bg);
    padding:4px 10px 5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:var(--rounded);
    color:#fff;
    font-size:15px;
    text-align:center;
}
a.aya-btn:hover{opacity:.8}
.AY-Dtab li.today .aya-btn{--btn-bg:var(--todaybg)}
.AY-Dtab li.today .aya-btn.active{--btn-bg:var(--todaybg)}
.AY-Dtab li.yesterday .aya-btn{--btn-bg:var(--yrsdaybg)}
.AY-Dtab li.tomorrow .aya-btn{--btn-bg:var(--tomorobg)}

/* Header */
#AYaHeader{position:relative;margin-bottom:15px}
#AYaHeader .HdrInner{width:100%;background:transparent;box-shadow:none;position:relative;min-height:95px}
#AYaHeader .HdrInner>.container{min-height:85px}

.AYaLogo{
    background:var(--logo_bd);
    box-sizing:border-box;
    max-width:200px;
    border-radius:var(--rounded);
    position:relative;
    overflow:hidden;
    min-height:75px;
    min-width:170px;
}
.AYaLogo::before{
    content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);
    animation:shine 3s 1;
}
@keyframes shine{0%{left:-100%}20%{left:100%}100%{left:100%}}
.AYaLogo.textlogo{padding:5px}
.AYaLogo>a{display:flex;flex-direction:column;justify-content:center;height:100%}
.AYaLogo span{display:block;text-align:center;color:var(--logo_color);font-size:19px;min-height:4px;line-height:33px}
.AYaLogo .SiteName{font-size:28px;font-weight:700}

.AYaMainNav{flex:1}
.AYaMainNav li{position:relative}
.MainMenu li>a{padding:8px;display:block;white-space:nowrap;font-size:17px;color:var(--header_color)}
.MainMenu li a:hover{color:var(--main_color)}

.hed-btn{
    width:40px;height:40px;min-width:40px;min-height:40px;
    border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
    cursor:pointer;transition:background .3s;background:transparent;color:var(--header_color);
}
.hed-btn:hover{background:rgba(0,0,0,.05)}
.hed-btn .icon,.hed-btn svg{width:22px;height:22px;fill:currentColor;stroke:none}
.Night .hed-btn,.Night .AYaSocial a{color:#fff!important}
.Night .hed-btn svg,.Night .AYaSocial svg{fill:#fff!important}

.AYaSocial .twitter a{color:#000}
.AYaSocial .facebook a{color:#1877f2}
.AYaSocial .youtube a{color:#cd201f}
.AYaSocial .telegram a{color:#24a1de}
.AYaSocial .whatsapp a{color:#25D366}

/* SVG icons stroke fix */
#i-sun line,#i-sun circle{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.Night .mon{display:none}
html:not(.Night) .sun{display:none}

/* Block */
.AY_Block{margin-bottom:20px;box-shadow:0 0 4px var(--bk-shadow);background:var(--LightColor);overflow:hidden;border-radius:var(--rounded)}
.AY_Block.AY-Fixture{background:transparent;box-shadow:none}
.AY_Block.AY-Fixture .AYb_Head{background:transparent;border:0}
.AYb_Head{padding:12px;overflow:hidden;border-bottom:1px solid var(--Gray2);border-radius:var(--rounded) var(--rounded) 0 0;background:var(--bk-hd-bg);display:flex;justify-content:space-between}
.AYb_Head h2{font-size:16px}

/* Tabs */
.AY-Dtab{flex-wrap:wrap}
.AY-Dtab li{margin:0}
.AY-Dtab li a{height:100%;display:inline-flex;padding:4px 10px}
.tmz-name-header{display:flex}

/* Matches */
.albaflex{width:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:12px 12px 0;min-height:300px}
.albaflex .not-started{order:3}
.albaflex .live{order:1}
.albaflex .comming-soon{order:2}
.albaflex .finished{order:4}

.AY_Match{
    overflow:hidden;text-align:center;background:var(--match-bg);
    border:1px solid var(--Gray2);margin-bottom:12px;position:relative;
    border-radius:var(--rounded);padding:12px 15px;
    --stat-bg:#15181F;
}
.AY_Match a{color:#222}
.Night .AY_Match a{color:#fff}

.MT_Mask{
    position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;
    opacity:0;cursor:pointer;background:rgba(0,0,0,.6);z-index:9;
    border-radius:var(--rounded);
}
.MT_MaskText{
    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 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,80c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176c0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238,.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57S349.156,266.641,344.48,269.57z'%3E%3C/path%3E%3C/svg%3E");
}
.AY_Match:hover .MT_Mask{opacity:1}

.MT_Info{display:none!important}
.AY_Inner{flex-wrap:nowrap}
.MT_Team{display:flex;align-items:center;flex-direction:column!important;width:calc((100% - 130px)/2)}
.MT_Team.TM2{flex-direction:column!important}
.TM_Logo{width:100%;margin-bottom:6px}
.TM_Logo img{margin:0 auto;width:55px!important;height:55px!important;max-width:55px;max-height:55px;object-fit:contain;display:block}
.TM_Name{margin:0 auto;font-weight:500;font-size:14px}
.MT_Data{margin:0 auto;width:130px;display:flex;flex-direction:column;align-items:center}
.MT_Time{font-size:16px;color:var(--main_color);height:20px;line-height:20px;margin:0 auto}
.MT_Result{font-size:21px;display:inline-flex;gap:5px;justify-content:center;align-items:center;height:20px;line-height:20px;margin:0 auto;font-weight:700}
.MT_Stat{font-size:13px;margin:6px auto 0;height:25px;min-width:60px;--btn-bg:var(--stat-bg)}
.TourName{font-size:11px;color:#888;margin-top:4px;text-align:center}

/* Status visibility */
.AY_Match.not-started .MT_Result,
.AY_Match.comming-soon .MT_Result{display:none}
.AY_Match.live .MT_Time,
.AY_Match.finished .MT_Time,
.AY_Match.comming-soon .MT_Time{display:none}

/* Live blink */
@keyframes blinker{50%{background:#d00000}}
.AY_Match.live .MT_Stat{--stat-bg:#d00000;animation:blinker 500ms ease-in-out infinite}
.AY_Match.finished{opacity:.85;--stat-bg:#474747}
.AY_Match.comming-soon{--stat-bg:#0f6f37}

/* Spinner */
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.spinner{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--main_color)}
.spinner svg{animation:spin 2s linear infinite;width:36px;height:36px}
.no-data__msg{min-height:250px;display:flex;align-items:center;justify-content:center;width:100%;color:#666;font-size:18px}

/* Footer */
#AYaFooter{position:relative;margin-top:15px;width:100%}
.FW-Area{background:var(--footer_bd);width:100%}
.FW-Area li{list-style:outside;color:#3fc75d;width:100%;margin-right:16px}
.FW-Area li a{color:#484848;display:block;font-size:14px;line-height:33px}
.Night .FW-Area li a{color:#aaa}
.FWidget{width:25%;padding:20px 12px;box-sizing:border-box}
.FW-Title{margin-bottom:10px;position:relative}
.FW-Title::before{background:var(--main_color);content:"";height:3px;position:absolute;width:23px;bottom:-1.5px}
.FW-Title .title{border-bottom:var(--footer_border) solid 1px;padding-bottom:8px;font-weight:700;font-size:16px;display:inline-block}
.AYa-SiteInfo{position:relative}
.AYa-SiteInfo a{font-size:13px;padding:0 7px;display:block;color:var(--cop_color);border-radius:var(--rounded)}
.SnfoInner{background:var(--cop_bd);color:var(--cop_color);padding:20px 0}
.cp-text{font-size:13px}

/* Overlay */
.SiteOverlay{width:100%;height:100%;position:fixed;top:0;right:0;left:0;z-index:50;opacity:0;visibility:hidden;transition:all .2s;background:rgba(0,0,0,.8)}
html.OpenMenu .SiteOverlay{visibility:visible;opacity:1;cursor:pointer}

/* Desktop nav */
@media screen and (min-width:1001px){
    .AYaLogo{width:200px;margin:8px 0}
    .hed-btn.op,.hed-btn.mo,.CloseNave{display:none!important}
    .AYaMainNav{align-items:center;display:flex}
    .MainMenu{flex:1;display:flex;flex-wrap:wrap}
}

/* Mobile nav */
@media screen and (max-width:1000px){
    .AYaLogo{margin:8px auto;width:auto;flex:0 0 auto}
    .AYaMainNav{
        float:none;z-index:99;height:100%;width:280px;position:fixed;
        top:0;right:-300px;margin:auto;transition:all .7s ease;
        padding:60px 15px 15px;overflow-x:hidden;
        box-shadow:0 1px 6px rgba(32,33,36,.4);background:var(--LightColor);
    }
    html.OpenMenu .AYaMainNav{right:0}
    .MainMenu li{width:100%;margin-bottom:15px}
    .MainMenu li a{background:var(--DarkColor);padding:6px 12px 7px;color:#fff;border-radius:var(--rounded)}
    .AYaSocial{justify-content:space-between}
    .hed-btn.op,.hed-btn.mo{height:40px;width:40px}
    .liwte .line{display:flex;width:22px;height:3px;background:var(--header_color);border-radius:1px;margin:5px 0}
    .CloseNave{display:inline-block;cursor:pointer;right:calc(50% - 14px);position:absolute;top:20px;width:20px;height:20px}
    .CloseNave .line{background:var(--DarkColor);position:absolute;width:20px;height:3px;border-radius:1px}
    .CloseNave .line.line-1{transform:rotate(45deg)}
    .CloseNave .line.line-2{transform:rotate(-45deg)}
    html.OpenMenu,html.OpenMenu>body{overflow:hidden}
}

@media screen and (max-width:900px){.FWidget{width:50%}}
@media screen and (max-width:480px){.FWidget{width:100%}}

@media screen and (max-width:500px){
    body{--yall-padding:8px}
    .TM_Logo img{width:42px!important;height:42px!important;max-width:42px;max-height:42px}
    .TM_Name{font-size:12px}
    .AY-Dtab li a{font-size:13px;padding:4px 8px}
    .MT_Result{font-size:18px}
    .AYaLogo .SiteName{font-size:22px}
}