.fifa-wrap .top-blue-wrap {
    float: left;
    width: 100%;
    background: url(../img/top-fifa.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 50px;
    box-sizing: border-box;
}
.details{
    top:15%;
}
.dim-results{
    z-index:9999
}
.popup{
    background:none;
}
.logo-wrap{
    margin-top:0px;
    width:170px;
    position:relative;
}
.tm{
    position:absolute;
    top:125Px;
    right:11px;
    color:#8a1538;
    font-size:11px;
    font-weight: bold;
}
.tm-head{
    font-size:12px;
    position:absolute;
    margin-top:55px;
}
.tm-sheme{
    position:absolute;
    top:0;
    right:15px;
    color:#000;
    font-size:12px;
}
.teems{
    width:calc(100% - 170px);
}
.fifa-wrap .teem{
    background:#8a1538;
    border-radius:20px;
}
.fifa-wrap .watch-now{
    margin-top:50px;
}
.fifa-wrap .soon{
    border-radius:30px;
    padding-left:27px;
    box-sizing:border-box;
}
.soon{
    padding-left:15px;
}
.soon:before{
    content:none;
}
.fifa-wrap .live-fifa{
    float:left;
    width:100%;
    margin-top:227px;
}
.fifa-wrap .live-fifa.live-fifa-no-margin{
    margin-top:50px;
}
.fifa-wrap .live-fifa .info-container{
    padding:30px 15px;
    box-sizing:border-box;
}
.fifa-wrap .live-fifa .info-container  .soon:before{
    content:none !important;
}
.fifa-wrap .countries-new{
    float:left;
    width:100%;
    margin-bottom:30px;
    margin-top:20px;
    text-align:center;
    display: flex;
    flex-direction: column;

}
.countries{
    justify-content:space-around;
}
/*.country{
    width:auto;
}*/

.tab1{
    position:relative;
}
.tab1:after{
    position:absolute;
    content:"";
    background: rgb(186 2 55);
    opacity:0.9;
    width:100%;
    height: 100%;
    left:0;
    top:0;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}
.fifa-wrap .live-fifa .info-container .soon{
    margin-top:8px;
}
.fifa-wrap .live-fifa .info-container .soon.soon-w{
    padding-left:18px;
}
.see-live{
    background:#541312;
}
.fifa-wrap .countries-new span.name{
    float:left;
    margin:0 8px;
    color:#8a1538;
    font-size:24px;
    font-weight: bold;
}
.fifa-wrap .info-container{
    float:left;
    width:300px;
    border-top-left-radius:60px;
    background:#ff034c;
    min-height: 320px;
    position:relative;
    margin-top:-167px;
}
.fifa-wrap .info-container:before{
    position:absolute;
    content:"";
    bottom:-70px;
    left:150px;
    width:150px;
    height: 200px;
    background:url("../img/ghost.png") no-repeat center;
    background-size:100%;
}
.groups-box{
    float:left;
    width:100%;
    margin-top:20px;

}
.groups-box span{

  font-size:14px;
}
.groups-box span{
    color: #8a1538;

}
.fifa-wrap .image-container{
    margin-top: -140px;
    border: 1px solid #ff034c;
    background: #000;
}
.flowplayer {      background-color: #000 !important; }
.fifa-wrap .image-container-fifa{
    float:left;
    width:65%;
    position:relative;
    z-index:999;
}
.fifa-wrap .smaller-video-wrap{
    width:85%;
    margin-top:175px;
    margin-left:50px;
    -webkit-box-shadow: 10px 10px 0px 0px rgb(186 2 55);
    -moz-box-shadow: 10px 10px 0px 0px rgba(186,2,55,1);
    box-shadow: 10px 10px 0px 0px rgb(186 2 55);
}
.fifa-wrap .image-container-fifa:before{
    position:absolute;
    content:"";
    left:-170px;
    top:-25Px;
    width:100%;
    height: 700px;
    background:url("../img/vote.png") no-repeat center;
    background-size:100%;
}
.fifa-wrap .game-wrap{
    float:left;
    width:100%;
    position:relative;

}
.fifa-wrap .game-wrap:before{
    position:absolute;
    content:"";
    left:-369px;
    top:5Px;
    width:100%;
    height: 700px;
    background:url("../img/vote.png") no-repeat center;
    background-size:60%;
}
.fifa-wrap .wrap_survey_vote{
    float:left;
    width:35%;
    padding:20px;
    box-sizing:border-box;
    position:relative;
    z-index: 999;
}
.fifa-wrap .soon.soon-w{
    color:#eeeee4;
    background:#700424 !important;
    padding-left:30px;
    box-sizing:border-box;
}
.soon:before {
    position: absolute;
    content: "";
    left: 5px;
    top: 6px;
    background: url(../img/play_icon.svg) no-repeat center;
    width: 20px;
    height: 20px;
    background-size: 16px;
}
.fifa-wrap .center-box span{
    margin-top:7px;
    text-transform:uppercase;
}
.fifa-wrap .country img{
    border:1px solid #fff;
    border-radius:0px;
}
 body .fifa-wrap .teems .teem span {
     text-align:left;
     float:left;
     font-size:12px;
     color:#eeeee4;
 }
 .inputs-hld input{
     border-radius:7px;
     height: 50px;
     line-height: 50px;
     background:#eeeee4;
 }
 .check-label{
     color:#eeeee4;
 }
 .send-btn{
     height: 50px;
     line-height: 50px;
     border-radius:7px;
     background:  #01cfb7;
     color: #8a1538;
     font-weight: bold;
 }
 .send-btn:hover{
     color:#000;
     background:#01cfb7;
 }
 .buttons-holder{
     background:none;
     padding-left:0px;
     box-sizing:border-box;
     margin-top:30px;
     margin-bottom:30px;
     /*overflow: scroll;*/
 }
 .buttons-holder:before{
     content:none;
 }
 .buttons-holder .tab-btn1.active{
     color:#01cfb7;
     border-bottom:3px solid #01cfb7;
 }
 .buttons-holder .tab-btn1.active.sportal{
     border-bottom:3px solid #ea7c1f;
 }
 .buttons-holder .tab-btn1 img{
     width:150px;
     float:left;
 }
 .tabs-hld{
     background:none;
     padding-bottom:50px;
     box-sizing:border-box;
     padding-left:0px;
     padding-right:0px;
 }
 .image-box{
     min-height: 130px;
     max-height: 180px;
     height: 180px;
     border-radius:10px;
 }
 .video-txt{
     position:relative;
     /* padding-left:45px; */
     box-sizing:border-box;
     font-size:18px;
     display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding-top:10px;
    /* height: 130px; */
    line-height: 22px;

 }
 .video-txt:before{
     position:absolute;
     content:"";
     left:0;
     top:0;
     width:40px;
     height: 130px;
     /* background:url("../img/icon1.png") no-repeat center; */
     background-size:100%;
 }
 .video-txt.sportal:before{
     position:absolute;
     content:"";
     left:0;
     top:0;
     width:0px;
     height: 0px;
     /* background:url("../img/icon3.png") no-repeat center; */
     background: none;
     background-size:100%;
 }
 .video-txt.sportal{
     padding-left:0px;
     padding-top:10px;
 }
 .img-icon-slider {
     padding-right:10px;
 }
 .title-icon-slider {
     padding-right:10px;
 }
 .euro-title{
     position:relative;
     margin-top:25px;
     color:#eeeee4;
 }
 .euro-title:before{
     position:absolute;
     content:"";
     left:0;
     bottom:-40px;
     width:100%;
     height: 28px;
     background: url("../img/title.svg") no-repeat center;
     background-size:100%;
 }
 span.b-top{
     border-top:none;

 }
 .date-box{
     position:relative !important;
 }
 .date-box:before{
     position:absolute;
     content:"";
     left:0;
     top:12px;
     width:100%;
     height: 20px;
     background:url("../img/element_eeeee4.svg") no-repeat center;
     background-size:100%;
 }
 .groups{
     background:none;
 }
 .groups .euro-title{
     color:#fff;
     margin-bottom:30px;
 }
 .group-box{
     border-radius:0px;
     background:none;
 }
 .group-box tr{
     border-bottom:1px solid #01cfb7;
 }
 .group-title{
     background:none;
     color:#01cfb7;
 }
 .group-box .group-title img{
     border:none;
 }
 .name-box{
     color:#fff;
 }
 .group-box td{
     color:#fff;
 }
 .group-box img{
     border-radius:0px;
     border:1px solid #fff;
 }
 .group-box a{
     float:left;
     width:100%;
     color:#fff;
     font-weight: bold;
 }
 .groups-btns{
    position: absolute;
    width: 10%;
    right: 45%;
    top:85%;
    height: 50px;
 }
 .groups-slider{
     padding-bottom:100px;
 }
 .groups-btns .swiper-button-prev{
     width: 50px;
    height: 50px;
    background: url(../img/prevfifa.png) no-repeat center !important;
    background-size: 40px !important;
    border-radius:0px;
    border:none;

 }
 .groups-btns .swiper-button-next{
     width: 50px;
    height: 50px;
    background: url(../img/nextfifa.png) no-repeat center !important;
    background-size: 40px !important;
    border-radius:0px;
    border:none;

 }
 .popup-vote{
     display:none;
 }
 .popup-vote.active{
     display:block;
 }
 .soon.soon-expect{
     background:#eeeee4;
     color:#700424 !important;
 }
 .bttns{
     float:left;
     margin-top:60px;
     display: flex;
    flex-direction: row;


 }
 .bttns .new-game1{
     float:left;
     width:50%;
     position:relative;
     padding-left:65px;
     box-sizing:border-box;
     color:#eeeee4;
     font-size:23px;
     background:#620e29;
     line-height: 50px;
     border-top-left-radius:13px;
     border-top-right-radius:13px;
 }
 .bttns .new-game1:before{
     content:"";
     position:absolute;
     left:10px;
     top:0;
     background:url("../img/game2.png") no-repeat center;
     width:50px;
     height: 50px;
     background-size:80%;
 }
 .bttns .new-game1.active:before{
     content:"";
     position:absolute;
     left:10px;
     top:0;
     background:url("../img/game2.png") no-repeat center;
     width:50px;
     height: 50px;
     background-size:80%;
 }
 .bttns .new-game2{
     float:right;
     width:50%;
     position:relative;
     padding-left:65px;
     box-sizing:border-box;
     color:#fff;
     font-size:23px;
     color: #fff;
     height: 50px;
     line-height: 50px;
     border-top-left-radius:13px;
     border-top-right-radius:13px;
     background:#620e29;
 }
 .bttns .new-game2:before{
     content:"";
     position:absolute;
     left:10px;
     top:0;
     background:url("../img/game1-white.png") no-repeat center;
     width:50px;
     height: 50px;
     background-size:80%;
 }
 .bttns .new-game2.active:before{
     content:"";
     position:absolute;
     left:5px;
     top:0;
     background:url("../img/game1-white.png") no-repeat center;
     width:50px;
     height: 50px;
     background-size:80%;
 }
 .bttns .tab-btn11.active{
     background:#b20336;
     color:#fbfbfb;
 }
 .more-news{
    float: left;
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
    color:#fff;
    font-size:16px;
    text-transform:uppercase;
    text-decoration:underline;
 }
 .more-news:hover{
     color:#fff;
     text-decoration:none;
 }
 .all-videos{
     position:absolute;
     z-index:99;
     width:100%;
     left:0;
     border: solid rgb(186 2 55);
     border-width: 0px 1px 1px 1px;
     height: 100%;
     border-bottom-right-radius: 13px;
border-bottom-right-radius: 13px;
 }
 .video-wrap{
     float:left;
     background:#f5034d url("../img/gamenew-bg.png") no-repeat bottom;
     padding:20px;
     box-sizing:border-box;
     margin-top:0;
     background-size:100%;
 }
 .video-wrap-last{
    float:left;

     background:#620e29 url("../img/Game_Qatar2022_emotion.svg") no-repeat center;
     padding:20px;
     box-sizing:border-box;
     background-size:100%;
     height: 350px;
     cursor:pointer;
     border: 2px solid #f5034d;
     border-radius:8px;
 }
 .grid-item{
     width:320px;
     max-width: 100%;
     padding:20px;
     /*margin:10px;  */
 }

 .video-wrap a.img{
     float:left;
     width:100%;
     height:250px;
     max-height: 250px;
     overflow: hidden;
     object-fit:contain;
     -webkit-box-shadow: 10px 10px 0px 0px rgba(186,2,55,1);
    -moz-box-shadow: 10px 10px 0px 0px rgba(186,2,55,1);
    box-shadow: 10px 10px 0px 0px rgba(186,2,55,1);
    margin-top:35px;
 }
 .video-wrap img{
     float:left;
     width:100%;
     height: 100%;
 }
 .video-title{
     float:left;
     width:100%;
     margin-top:15px;
     margin-bottom:10px;
     color:#000;
     min-height: 25px;
     height: 25px;
     overflow: hidden;
 }
 .video-title:hover{
     color:#000;
 }
 .image-container iframe{
     border:0;
 }
 .questionnaire{
     float:left;
     width:100%;
     padding:10px;
     box-sizing:border-box;
     /*border:solid  rgb(186 2 55); */
     border-width:0px 1px 1px 1px;
     position:relative;
     z-index: 9999;
 }
.other-des{
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height: 100%;
     background: #620e29;
     opacity:0.2;
 }

 .your-vote{
    float: left;
    padding: 6px 45px;
    box-sizing: border-box;
    color: #8a1538;
    background: #01cfb7;
    border-radius: 10px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #8a1538;
    margin-top: 5px;
 }
 .your-vote:hover{
     color:#000;
     border:1px solid #000;
 }
 .number{
     float:right;
     background:#fff;
     color:#000;
     padding:3px;
     border-radius:50%;
     width:80px;
     height: 80px;
     border:2px solid #01cfb7;
     line-height: 50px;
     text-align: center;
     position:relative;
     left:35px;
     bottom:-10px;
     font-weight: bold;
     color:#8a1538;
     display: flex;
    flex-direction: column;
    line-height: 20px;
    padding-top: 15px;

 }

 .pop-txt{
    float:left;
    width:100%;
    color: #ff034c;
    position:relative;
    z-index:999;
 }
 .pop-txt p{
    float:left;
    width:100%;
    color: #ff034c;
 }
 .buttons-holder .tab-btn1{
     color:#eeeee4;
 }
 .video-txt{
     color:#eeeee4;
 }
 .swiper-button-prev{
     top:23% !important;
 }
 .swiper-button-next{
     top:23% !important;
 }
 .see-live{
     right:0;
 }
 .info-container .soon{
     left:20px;
     width:100px;
 }
 .vote1{
     overflow: auto;
     left:30%;
     top:30%;
     position: fixed;
     padding:50px;
     box-sizing:border-box;
     background:#eeeee4;
     width:600px;
     z-index: 9999;
     border-radius:10px;
 }
 .close{
     top:20px;
     z-index:999;
 }
.btnns-hld-scroll {
    float:left;
    /*width:750px;
    overflow: scroll;*/
}
/*.grid-item{
    width:400px;
}*/
.info-slide{
    width:31%;
    margin:0 1%;
    float:left;
    height: 300px;
    max-height: 300px;
    margin-bottom: 15px;
}
#results .countries{
    display:flex;
}
#results .date-box {
    height: 50px;
    line-height: 10px;
    width: 24%;
}