.minbyminSticky{opacity:0;visibility:hidden;z-index:1}
.euroMinByMin .minbyminSticky { opacity:1;visibility:visible;position: fixed; width: 1282px; bottom: -108px; height: 218px; left: calc((100% - 1282px) / 2); background: linear-gradient(to bottom,#333,#000);}

/*** EntryPoint ***/
.EntryPoint { position: absolute; left: 50%; transform: translateX(-50%); z-index: 3; bottom: 90px; color: #FFF; width: 1282px; height: 65px; background: #8b1538; text-align: center;overflow: hidden; -webkit-transition-property: -webkit-transform, bottom; -moz-transition-property: -moz-transform, bottom; transition-property: transform, bottom; transition: transform 0.8s,-webkit-transform 0.8s,bottom 0.2s; }
.closeMinbyMin .EntryPoint { bottom: 0 }
.EntryPoint:after { content: ""; background: url(../Images/YKACN19-pattern.png) repeat 50px -100px; position: absolute; bottom: 0; left: 0; background-size: 20%; width: 100%; height: 100%; opacity: 0.3 }
.EntryIconArrow { display: block !important; height: 0px; width: 100%; padding: 0 !important; position: fixed; right: 7%; bottom: 80px; z-index: 4; }
.EntryIconArrow span { background-color: #005120; padding: 3px 3px 0px; border: 2px solid #005120; border-bottom: none; color: #FFF; cursor: pointer; height: 25px; }
.EntryIconArrow span:before { content: "F"; line-height: 1.1; }
.EntryIconArrow .rotate:before { content: "F"; line-height: 1.1; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.EntryPoint .entryPointBtn { position: absolute; top: 15px; left: 0; width: 100%; height: 100%; z-index: 3 }
.EntryPoint .cont { display: block; width: 100%; padding: 0 10px; margin-right: auto; margin-left: auto; height: 100%; position: relative; bottom: 15px; z-index: 2 }
.EntryPoint .cont .Entrylink { display: block; height: 80px; width: 100%; position: absolute; bottom: 0; }
.EntryPoint .cont .goNow { position: relative }
.EntryPoint .cont .EntryWorldCup { float: right; width: 40%; }
.EntryPoint .cont .EntryWorldCup .mainImg, .EntryPoint .cont .EntryWorldCup .mobImg { height: 70px; margin-top: 10px }
.EntryPoint .cont .EntryWorldCup .mobImg { display: none }
.EntryPoint .cont .EntryTextCup { float: right; margin: 20px auto 0; width: 25%; text-align: right; display: none }
.EntryPoint .cont .EntryTextCup span { display: block; font-size: 20px;   font-weight: bold; line-height: 1.5; color: #FFF; }
.EntryPoint .cont .EntryButton { float: right; margin: 30px auto 0; width: 20%; }
.EntryPoint .cont .EntryButton a { position: relative }
.EntryPoint .cont .EntryButton span { position: absolute; right: 35px; top: 6px; color: #FFF; font-weight: bold;   font-size: 14px; }
.EntryPoint .footballWC { float: left; width: 25%; }
.EntryPoint .EntrySocial { margin: 25px auto; width: 10%; text-align: center; position: relative; }
.EntryPoint .EntrySocial a.icon-fb::before { content: "b"; color: #fff; height: 40px; width: 40px; border-radius: 50%; border: 1px solid #FFF; line-height: 2.4; }
.EntryPoint .EntrySocial a.icon-tw::before { content: "!"; color: #fff; height: 40px; width: 40px; border-radius: 50%; border: 1px solid #FFF; line-height: 2.4; }
.EntryPoint .EntryAds { width: 15%; text-align: left; float: left; margin-top: 25px }
.EntryPoint .EntryAds img { height: 45px; margin-right: 20px }
.active { display: block; }
.Unactive { display: none !important; }

.euroMinByMin .minbyminSticky.closeMinbyMin {
    bottom: -230px;
}
.championStrip .championMain .FullWidthBK { position: relative; margin-bottom: 0; margin-top: 0;overflow:visible }

.championStrip .EntryPoint { height: 130px }
.championStrip .EntryPoint:after { display: none }
.championStrip .EntryPoint .cont { padding: 0; height: auto; bottom: 0 }
.championStrip .championMain .FullWidthBK:after { height: 100% }
.championStrip .championMain .championHeader { display: inline-block; float: right; width: 100%; position: relative; height: 130px; z-index: 2; }
.championStrip .championMain .FullWidthBK h1 { position: absolute; right: 100px; top: 50%; transform: translateY(calc(-50% - 40px)); color: #eecfd7; font-size: 60px; line-height: 1.8; font-family: aarefRuqaaBold,Arial; }

.championStrip .closeStrip { position: absolute;top: 0;border-radius: 10px 0 0 0;
    left: 0; width: 32px; height: 29px; z-index: 10; background:#FF7300}
.championStrip .closeStrip:after, .championStrip .closeStrip:before { content: ''; position: absolute; top:3px ; width: 2px; height: 75%; background-color: #fff; pointer-events: none; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.championStrip .closeStrip:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.championStrip .closeStrip:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.championStrip .EntryPoint .entryPointBtn { top: 0 }
.championStrip .championMain .FullWidthBK h1:before { content: "تابع الآن";   font-size: 15px; position: absolute; bottom: -50px; right: 0; font-weight: normal; background: #b34665; text-align: center; color: #fff; line-height: 2.6; border-radius: 6px; overflow: hidden; width: 100%; height: 40px }
.championStrip .EntryIconArrow span:before { line-height: 1.8 }
.euroInner .championStrip .championMain .FullWidthBK .euroHeader,
.euroInner .championStrip .championMain .FullWidthBK:after { display: inline-block }
.hideOTP .championStrip .EntryPoint { z-index: 9999 }
/** acnstrip **/
.acnStrip .EntryPoint { background-color: #0847B5 }
.acnStrip .EntryPoint .asset { display: inline-block; float: left; width: 100%; height: 42px; position: absolute; bottom: 20px; right: 0 }
.acnStrip .EntryPoint .asset:before { content: ''; background: url(../Images/ACN2022/stripright.png) top right no-repeat; width: 360px; height: 100%; POSITION: ABSOLUTE; right: 0; bottom: 0; background-size: 100% auto; }
.acnStrip .EntryPoint .asset:after { content: ''; background: url(../Images/ACN2022/stripleft.png) top left no-repeat; width: 360px; height: 100%; POSITION: ABSOLUTE; left: 0; bottom: 0; background-size: 100% auto; }
/*.acnStrip.championStrip .championMain .championHeader { height: 130px }*/
.championStrip .championMain .championHeader:before{content:'';background:url(../Images/leftPatternStrip.svg) bottom left no-repeat;background-size: 100% auto;
    width: 32px;
    height: 134px;
    position: absolute;
    left: 0;
    bottom: 0;}
.euroMinByMin .minbyminSticky.closeMinbyMin .EntryPoint{bottom:100px}
.acnStrip.championStrip .championMain .FullWidthBK .championHeader .buttonText{ width: 625px;display: flex;
    justify-content: space-between;
    align-items: center;}
.acnStrip.championStrip .championMain .FullWidthBK .championHeader .buttonTextSpan{display: block;font-size:16px;color:#fff;margin-top:15px;font-family: 'droidLight', arial}
.acnStrip.championStrip .championMain .FullWidthBK .championHeader a { display:flex;justify-content:center;align-items:center;width: 166px;height: 42px;line-height:42px;border-radius: 8px;background: #FF7300;color:#fff;font-family: 'droidBold';font-size: 18px;}
.acnStrip .EntryPoint {bottom:110px;border-radius: 10px 10px 0 0;border: 0;background: url(../Images/stripBKCAF.webp) right center no-repeat;background-size:cover}

.acnStrip.championStrip .championMain .FullWidthBK span{     display: inline-block; width: 100%; font-size: 38px; font-family: 'droidBold';line-height:1}    
.mainaball{display: inline-block;position: absolute;z-index: 0;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;pointer-events:none}
.championStrip .textcontainer{width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;}
.championStrip .textcontainer .floatImg{position:absolute;width:106px;height:48px;top:9px;right:97px}
.championStrip .textcontainer .floatImg.ykLogo{width:126px;height:21px;top:18px;left:38px;right:auto}
.championStrip .textcontainer .assests{    width: 234px; margin-top: -10px;}
.championStrip .textcontainer p{display:inline-block;float:right;color:#fff;font-size:38px;font-weight:700;line-height:50px;}
.championStrip .textcontainer p span{color:#F2B844;font-size:44px}
.euroMinByMin .minbyminSticky.bottom {
    z-index: 99;
}
.euroMinByMin .minbyminSticky.closeMinbyMin .championMain .championHeader:before{display:none}


@media screen and (min-width:1360px) and (max-width:1919px) {
      .championStrip .textcontainer{padding:0 168px}

        .euroMinByMin .minbyminSticky { left: calc((100% - 1100px) / 2) ;width: 1100px; }
            .EntryPoint { width: 1100px }
           .championStrip .textcontainer p{font-size:28px}
           .acnStrip.championStrip .championMain .FullWidthBK .championHeader .buttonText{width:500px}
           .acnStrip.championStrip .championMain .FullWidthBK .championHeader a{width: 150px;
    height: 36px;
    line-height: 36px;    font-size: 16px;}
}

@media screen and (min-width:1360px) and (max-width:1439px) {
    .championStrip .textcontainer{padding:0 168px}
     .euroMinByMin .minbyminSticky { left: calc((100% - 1100px) / 2) ;width: 1100px; }
            .EntryPoint { width: 1100px }
}

@media screen and (min-width:1280px) and (max-width:1359px) {
    .championStrip .textcontainer{padding:0 148px}
   .euroMinByMin .minbyminSticky { left: calc((100% - 1000px) / 2);width: 1000px; }
        .EntryPoint { width: 1000px }

        .championStrip .textcontainer .assests { width: 196px;margin-top: 2px;}
 .championStrip .textcontainer p{font-size:32px}
            .acnStrip.championStrip .championMain .FullWidthBK .championHeader .buttonText{    width: 550px;}
             .acnStrip.championStrip .championMain .FullWidthBK .championHeader a{width: 150px;
    height: 36px;
    line-height: 36px;    font-size: 16px;}
}


@media screen and (min-width:1024px) and (max-width:1279px) {
    .acnStrip.championStrip .championMain .FullWidthBK span{font-size:34px}
    .acnStrip.championStrip .championMain .FullWidthBK .championHeader a{width:136px}

      .euroMinByMin .minbyminSticky { left: calc((100% - 800px) / 2);width: 800px  }
         .EntryPoint { width: 800px }
                 .championStrip .textcontainer .assests {width: 160px; margin-top: 12px;}

         .championStrip .textcontainer p{font-size:24px}
            .acnStrip.championStrip .championMain .FullWidthBK .championHeader .buttonText{    width: 370px;}
             .acnStrip.championStrip .championMain .FullWidthBK .championHeader a{width: 105px;
    height: 36px;
    line-height: 36px;    font-size: 16px;}
    .championStrip .textcontainer .floatImg.ykLogo {
        width: 110px;
        height: 18px;
    }

    .championStrip .textcontainer .floatImg {
        width: 80px;
        height: 38px;
    }
}


@media only screen and (min-width:768px) and (max-width:1023px) {
        .EntryPoint {
        width: 100%;
    }
       
  
    .acnStrip.championStrip .championMain .FullWidthBK span{font-size:34px}

    .euroMinByMin .minbyminSticky .teamResult .matchDescription .matchText { width: 346px }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .manOfTheMatch { width: 290px }
    .EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li .desc{margin-top:0}
    .championStrip{width:100%}

    .euroMinByMin .minbyminSticky { width: 100%;left: 0  }
        .EntryPoint .cont {
        width: 100%;
        max-width: 100%;
    }
       .championStrip .textcontainer p{font-size:18px}
            .acnStrip.championStrip .championMain .FullWidthBK .championHeader .buttonText{    width: 328px;}
             .acnStrip.championStrip .championMain .FullWidthBK .championHeader a{        width: 105px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;;}
    .championStrip .textcontainer .floatImg.ykLogo {
        width: 110px;
        height: 18px;
    }

    .championStrip .textcontainer .floatImg {
        width: 80px;
        height: 38px;
    }
 
}


@media screen and (min-width:320px) and (max-width:767px) {
          .EntryPoint {
        width: 100%;
    }
        .EntryPoint .cont {
        width: 100%;
        max-width: 100%;
    }
         .bottom .EntryPoint {
        position: absolute;
        top: auto;
        bottom: 110px;
    }

    .euroMinByMin .minbyminSticky.bottom {
        bottom: -140px;
        border-radius: 0;
    }    .euroMinByMin .minbyminSticky {
        left: 0;width:100%
    }
    .championStrip{width:100%}
        
    .championStrip .textcontainer{width: 300px; padding: 0;margin:0 auto;position:relative}
    .bottom .acnStrip.championStrip .EntryPoint{bottom:140px}
    .championStrip .textcontainer p{font-size: 18px;        line-height: 2;}
    .acnStrip.championStrip .championMain .FullWidthBK .championHeader .buttonTextSpan{font-size:11px;font-family:'droidLight', arial;        font-weight: 400;
        text-align: center;}
    .acnStrip.championStrip .championMain .FullWidthBK span{font-size:22px}
   .bottom.closeMinbyMin .acnStrip.championStrip .EntryPoint{bottom:0}
   .championStrip .textcontainer .assests{width:90px;margin-top: 0;}
               .acnStrip.championStrip .championMain .championHeader, .acnStrip.championStrip .EntryPoint, .acnStrip.championStrip .championMain .FullWidthBK { height: 100px ;border-radius:10px 10px 0 0}
   .acnStrip.championStrip .championMain .FullWidthBK .championHeader .buttonText{               gap: 5px; width: 185px;
        flex-direction: column;
        justify-content: flex-start;margin-top: 10px;}

    .acnStrip .EntryPoint .asset:before, .acnStrip .EntryPoint .asset:after {width:115px }
    .acnStrip.championStrip .championMain .FullWidthBK span{top: 43px;
    font-size: 22px;}

    .acnStrip.championStrip .championMain .FullWidthBK .championHeader a {width: 96px;
height: 26px;line-height:26px;font-size:14px}
    .championStrip .championMain .championHeader:before{    background: url(../Images/leftPatternStripMob.svg) bottom left no-repeat;
    background-size: 100% auto;}
     .euroMinByMin.showSpnsrBtm .minbyminSticky { width: 100%; -webkit-transform: translate(-50%, -60px); -ms-transform: translate(-50%, -60px); transform: translate(-50%, -60px); }
    .euroMinByMin.showSpnsrBtm .minbyminSticky.maximize { bottom: 0; height: 186px }
    .euroMinByMin.showSpnsrBtm .minbyminSticky.closeMinbyMin { bottom: -210px; }
        .euroMinByMin .minbyminSticky .closeMinbyMin { top: 6px; left: 6px; width: 16px; height: 16px; }

         .euroMinByMin .minbyminSticky .topSponsor{width: 56px;height: 50px;background: #2c2c2c;top: -36px;padding: 3px 6px;left:30px;}

            .euroMinByMin .minbyminSticky.top { z-index: 9999 }
            .mainaball {
        height: auto;
    }
.championStrip .championMain .championHeader:after{width:24px;height:24px}
             /*   .acnStrip.championStrip .championMain .FullWidthBK {
        overflow: hidden;
    }*/
    .acnStrip .EntryPoint {
        background: url(../Images/stripBKCAFMob.webp) right center no-repeat;
        background-size: cover;
    }
             .championStrip .textcontainer .floatImg{width:60px;height:27px;    top: 5px;
    right: -7px;}
             .championStrip .textcontainer .floatImg.ykLogo{width:70px;height:12px;left:5px;top:8px}
}