.page-template-template-world-cup-022 .site-header {
    padding: 40px 0;
    background-color: #5A172D;
    background-image: url("../img/wc-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    position: relative;
}
.world-cup-main-news{
    background-color: #5A172D;
    background-image: url("../img/wc-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
}
.page-template-template-world-cup-022 .site-header:before{
    content: '';
    width: 721px;
    height: 100%;
    background-image: url("../img/wc-022-page-header-bg.png");
    background-size: 128%;
    position: absolute;
    top: 0;
    right: 15%;
    background-repeat: no-repeat;
    background-position: 87% 0;
}
.page-template-template-world-cup-022 .site-header .ok-master-head-adv{display: none;}
.page-template-template-world-cup-022 .ok-logo-wrap h2{
    color: white;
    font-size: 72px;
    line-height: 0.6;
    margin: 23px 0 0;
    font-family: 'khand', sans-serif;
    font-weight: 600;
}
.page-template-template-world-cup-022 .ok-logo-wrap{
    text-align: left;
    display: flex;
    align-items: center;
    flex: 0 0 40%;
}

.page-template-template-world-cup-022 .ok-current-time{
    order: 3;
    margin-left: 20px;
}


.page-template-template-world-cup-022 .site-header  .ok-logo-wrap > a{
    margin-right: 30px;
    margin-top: 0;
    max-width: 81px;
    overflow: hidden;
}

.ok-worldcup-review-posts ul li{
    padding-left: 0;
}

.page-template-template-world-cup-022 .ok-logo-wrap > a img{max-width: 258px;}
.page-template-template-world-cup-022 .site-header .ok-logo-wrap a > img{max-width: 410px}
.page-template-template-world-cup-022 .ok-nav{background-color: #4F1927}
.page-template-template-world-cup-022 .ok-nav ul li:hover > a,
.page-template-template-world-cup-022 .ok-nav ul li.current-menu-item > a{color: #FBD601}

.page-template-template-world-cup-022 .ok-section-video-2 .ok-section-title h2{
    color:#3C0917;
}
.page-template-template-world-cup-022 .ok-section-video-2 .ok-section-title h2 .circle-arrow{color: #3C0917;background-color: rgba(255,255,255,.1)}
.page-template-template-world-cup-022 .ok-section-video-2 .ok-section-title h2 .circle-arrow:hover{
    color: white;
    background-color: #3C0917;
}

.page-template-template-world-cup-022 .ok-section-video-2 .ok-post-ltr a{color: inherit;}
.page-template-template-world-cup-022 .ok-section-video-2 .ok-post-ltr a .ok-post-content-wrap h2{font-size: 20px;color: rgba(255,255,255,.8)}
.page-template-template-world-cup-022 .ok-section-video-2 .ok-post-ltr a .ok-post-content-wrap h2:hover{color: #A32547;}
.page-template-template-world-cup-022 .ok-section-video-2 .ok-post-ltr:not(:last-child){margin-bottom: 30px;}
.page-template-template-world-cup-022 .ok-section-video-2 .ok-post-ltr .ok-post-content-wrap svg{height: 18px;width: 18px;fill: #A32547;}
.page-template-template-world-cup-022 .play-icon{background-color: #A32547}


/*Main news top*/
.page-template-template-world-cup-022 .sport-main-top-news{
    padding: 0;
    height: 580px;
    overflow: hidden;
    background-color: #1c1f26;
}

.page-template-template-world-cup-022 .ok-sport-page-spot-news-wrap{height: 100%;width: 100%}
.page-template-template-world-cup-022 .ok-sport-page-spot-news-wrap .ok-sport-main-news-img{height: 100%;flex:2;max-width: 60%;width: 60%}
.page-template-template-world-cup-022 .ok-sport-page-spot-news-wrap .ok-sport-post-content-wrap{flex:1;max-width: 470px;width: 40%}
.page-template-template-world-cup-022 .ok-sport-page-spot-news-wrap .ok-sport-main-news-img .ok-post-thumb{height: 100%;width: 100%;object-fit: cover;object-position: center top;opacity: 0.88}

.page-template-template-world-cup-022 .ok-sport-post-content-wrap{
    padding: 60px;
    align-self: center;
}

.page-template-template-world-cup-022 .ok-sport-post-content-wrap .ok-news-title-txt{
    font-size: 48px;
    line-height: 1.1;
    margin-bottom: 20px;
    color: white;
}

.page-template-template-world-cup-022 .ok-sport-post-content-wrap .ok-post-ltr a .ok-post-content-wrap h2{color: white}
.page-template-template-world-cup-022 .ok-sport-post-content-wrap .ok-post-ltr a .ok-post-content-wrap h2:hover{color: #A32547}
.page-template-template-world-cup-022 .ok-sport-post-content-wrap .ok-card-sifaris{margin-bottom: 0;}
.page-template-template-world-cup-022 .page-template-template-world-cup-022 .ok-sidebar-card-news .ok-news-post{border-color: rgba(255,255,255,.18)}

.page-template-template-world-cup-022 .ok-sport-main-news-img{position: relative;overflow: hidden}
.page-template-template-world-cup-022 .ok-sport-main-news-img >a {display: block;height: 100%;width: 100%;}
.page-template-template-world-cup-022 .ok-sport-main-news-img >a > img{width: 100%;height: 100%;object-fit: cover;object-position: center top;opacity: 0.88;transition: all .3s ease-in-out}

.page-template-template-world-cup-022 .ok-sport-main-news-img:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6), transparent, transparent, transparent);
    z-index: 6;
}

.page-template-template-world-cup-022 .ok-sport-main-news-img:hover >a > img{transform: scale(1.04)}

.page-template-template-world-cup-022 .ok-sport-main-news-img .ok-news-title-txt{
    color: white;
    font-weight: 700;
    font-size: 44px;
    line-height: 1.1;
    margin: 0;
    transition: all .3s ease;
    padding-right: 130px;
}
.page-template-template-world-cup-022 .ok-sport-main-news-img .ok-news-title-txt:hover{
    color: #e5a72e;
}

.page-template-template-world-cup-022 .text-bring-front{
    position: absolute;
    right: 60px;
    bottom: 60px;
    width: 100%;
    max-width: 718px;
    z-index: 8;
}

.text-bring-front .ok-news-tags{margin-bottom: 18px;background-color:#e5a72e }

.sport-misc .ok-news-post a .ok-post-thumb{height:218px;}


.page-template-template-world-cup-022 .ok-antarwarta-section .ok-interview-spot{background-image: linear-gradient(45deg, #e5a72e, #E5A956); }
.page-template-template-world-cup-022 .ok-antarwarta-section .post-title-wrap .ok-news-post-hour{color:white}
.page-template-template-world-cup-022 .ok-antarwarta-section .ok-interview-spot > div.post-img-wrap .quote-img{background: #b58746;}

.page-template-template-world-cup-022 .ok-section-jiwan-saili .ok-section-title h2{color: #e5a72e}

.page-template-template-world-cup-022 .ok-section-jiwan-saili .ok-post-overlay > a:before{
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.24), transparent, transparent, transparent);
}

.ok-sport-page-spot-news-wrap > a{
    position: relative;
    width: 100%;
}

.ok-sport-page-spot-news-wrap .ok-spot-news-img{
    flex: 2;
    max-width: 75%;
    height: 524px;
    border-radius: 4px;
    overflow: hidden;
}

.ok-sport-page-spot-news-wrap .ok-spot-news-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.ok-sport-page-spot-news-wrap .title-card{
    position: absolute;
    background-color: #f0f0f0;
    padding: 40px 60px;
    top: 100px;
    right: 0;
    z-index: 9;
    max-width: 40%;
    border-radius: 4px;
}

.ok-sport-page-spot-news-wrap .title-card h2{
    font-size: 34px;
    line-height: 1.2;
    color: black;
    margin-bottom: 0;
}

.ok-sport-page-spot-news-wrap .title-card p{
    font-size: 18px;
    color: rgba(0,0,0,.68);
}

.main-match-board{
    background: linear-gradient(248.71deg, #99264B 0%, #53182B 64.02%);
    border-radius: 8px;
    padding: 20px;
    color: white;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main-match-board > div,
.other-match> div{
    flex: 1;
    text-align: center;
}
.match-info{
    flex: 2;
    margin: 0 15px;
}
.team-info{
    min-width: 114px;
    max-width: 114px;
}

.team-flag{
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 50%;
    vertical-align: top;
}
.team-name{
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-top: 10px;
}

.team-score{
    font-weight: 700;
    font-size: 28px;
    line-height: 1;
    margin-top: 5px;
}
.match-info>span{display: block}

.match-date{
    font-size: 12px;
    line-height: 1;
    margin-top: 10px;
}
.match-time{
    font-weight: 200;
    font-size: 24px;
    color: #FBD601;
}

.upcoming-matches h5{
    font-size: 24px;
    margin: 0 0 10px 0;
    color: white;
}

.other-match{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
    border-radius: 8px;
    background-color: rgba(255,255,255,.08);
    color: white;
    padding: 5px 10px;
    align-items: center;
}

.other-match .team-flag{
    height: 24px;
    width: 24px;
    margin: 0 10px;
}
.other-match > div.team-info{text-align: left}
.other-match > div.team-info .team-name{font-size: 14px;font-weight: 500;margin-top: 0}
.other-match > div.team-info:last-child{text-align: right}
.other-match > div.match-info .match-date{margin-top: 0}
.other-match > div.match-info .match-time{line-height: 1;font-size: 20px}

@media all and (min-width: 768px) and (max-width: 1024px){


    .page-template-template-world-cup-022 .site-header{background-color: #d4a20a !important}
    .page-template-template-world-cup-022 .site-header{padding: 20px 0;}
    .page-template-template-world-cup-022 .site-header.mobile-site-header .ok-user-activity .ok-push-menu-trigger > span{background-color: white}

    .page-template-template-world-cup-022 .mobile-site-header .ok-login-trigger{
        color: white;
        border-color: white;
    }
    .page-template-template-world-cup-022 .ok-logo-wrap h2{font-size: 50px;margin-top: 8px;}

    .page-template-template-world-cup-022 .ok-khelkud-samachar .ok-grid-12 .span-8{grid-column: span 12;}
    .page-template-template-world-cup-022 .ok-khelkud-samachar .ok-grid-12 .span-5{grid-column: span 12;}
    .page-template-template-world-cup-022 .ok-khelkud-samachar .ok-grid-12 .span-4,
    .page-template-template-world-cup-022 .ok-khelkud-samachar .ok-grid-12 .span-3{grid-column: span 6;}
    .page-template-template-world-cup-022 .ok-khelkud-samachar .ok-grid-12 .span-3 .ok-sidebar-card-news > div{flex: 0 0 100%}

    .page-template-template-world-cup-022 .ok-section-video-2 .span-8,
    .page-template-template-world-cup-022 .ok-section-video-2 .span-4{grid-column: span 12;}
    .page-template-template-world-cup-022 .ok-section-video-2 .span-4{display: flex;flex-wrap: wrap}
    .page-template-template-world-cup-022 .ok-section-video-2 .span-4 >div{flex: 0 0 50%;padding-right: 24px;}

    .page-template-template-world-cup-022 .ok-antarwarta-section .span-8,
    .page-template-template-world-cup-022 .ok-antarwarta-section .span-4{grid-column: span 12;}
    .page-template-template-world-cup-022 .ok-antarwarta-section .span-4{grid-column: span 6;}
    .page-template-template-world-cup-022 .ok-antarwarta-section .ok-grid-12 > div:first-child{padding-right: 0;}

    .page-template-template-world-cup-022 .ok-sidebar-card-news >div{padding-right: 0}
    .page-template-template-world-cup-022 .ok-section-prawas .ok-bichar-sidebar > div:nth-child(2){flex: 0 0 100%}

    .page-template-template-world-cup-022 .lifestyle-bises .ok-container{display: block;margin: 0;width: 100%}

    .page-template-template-world-cup-022 .sport-main-top-news{height: auto}
    .page-template-template-world-cup-022 .sport-main-top-news .ok-sport-page-spot-news-wrap{display: block;}
    .page-template-template-world-cup-022 .sport-main-top-news .ok-sport-page-spot-news-wrap .ok-sport-main-news-img,
    .page-template-template-world-cup-022 .sport-main-top-news .ok-sport-page-spot-news-wrap .ok-sport-post-content-wrap{width:100%;max-width: 100%}
    .page-template-template-world-cup-022 .sport-main-top-news .ok-sport-page-spot-news-wrap .ok-sport-post-content-wrap{padding: 40px;}
    .page-template-template-world-cup-022 .sport-main-top-news .ok-sport-page-spot-news-wrap .ok-sport-main-news-img .text-bring-front{right: 0;}

    .page-template-template-world-cup-022 .site-header::before{display: none}
    .page-template-template-world-cup-022 .ok-logo-wrap{flex: 1;margin-left: 20px;}
    .upcoming-matches{padding: 20px}

}

@media all and (max-width: 767px) {
    /* Inner page header responsive*/
    .page-template-template-world-cup-022 .site-header{background-color: #d4a20a !important;}
    .page-template-template-world-cup-022 .site-header .ok-logo-wrap a > img{max-width: 224px;}

    .page-template-template-world-cup-022 .site-header .ok-logo-wrap > a{max-width: 45px;margin-right: 8px;}

    .page-template-template-world-cup-022 .ok-logo-wrap h2{font-size: 34px;margin-top: 8px;}

    .page-template-template-world-cup-022 .site-header.mobile-site-header .ok-user-activity .ok-push-menu-trigger > span{background-color: white}

    .page-template-template-world-cup-022 .mobile-site-header .ok-login-trigger{
        color: white;
        border-color: white;
    }
    .page-template-template-world-cup-022 .ok-samachar-spot-news{margin-bottom: 20px;}

    .page-template-template-world-cup-022 .sport-main-top-news{padding: 0;height: auto}
    .page-template-template-world-cup-022 .ok-section-video-2 .ok-post-ltr a .ok-post-content-wrap h2{font-size: 18px;}

    .page-template-template-world-cup-022 .ok-sport-page-spot-news-wrap .ok-sport-post-content-wrap{max-width: 100%;padding: 20px 0;}

    .page-template-template-world-cup-022 .ok-sport-page-spot-news-wrap{display: block}

    .page-template-template-world-cup-022 .ok-sport-page-spot-news-wrap .ok-sport-main-news-img{
        max-width: 100%;
        width: 100%;
        height: 324px;
    }

    .page-template-template-world-cup-022 .text-bring-front{right: 0;border-bottom: 20px;padding: 0 20px 0;bottom: 20px;}
    .page-template-template-world-cup-022 .ok-sport-main-news-img .ok-news-title-txt{font-size: 22px;}

    .ok-khelkud-samachar .span-5 .ok-post-overlay{
        min-height: 324px;
        height: 324px;
        border-radius: 0;
        margin-bottom: 20px;
    }
    .ok-khelkud-samachar .span-5 .ok-post-overlay a .ok-post-thumb{border-radius: 0;}
    .ok-khelkud-samachar .ok-card-sifaris{margin-bottom: 0;}

    .page-template-template-world-cup-022 .ok-khelkud-samachar .ok-sidebar-card-news.ok-card-sifaris .ok-news-post{
        border-color: rgba(0,0,0,.1);
    }

    .page-template-template-world-cup-022 .ok-section-video-2 .ok-post-overlay a .ok-post-thumb{border-radius: 0;}
    .page-template-template-world-cup-022 .ok-section-video-2{padding-bottom: 0;}
    .page-template-template-world-cup-022 .ok-section-video-2 .ok-spot-news .ok-post-content-wrap{padding: 20px;}
    .page-template-template-world-cup-022 .ok-section-video-2 .ok-spot-news a h2.ok-news-title-txt{font-size: 22px;}
    .page-template-template-world-cup-022 .ok-section-video-2 .ok-post-ltr:not(:last-child){
        border-color: rgba(255,255,255,.1);
        margin-bottom: 20px;
    }

    .page-template-template-world-cup-022  .sport-misc .ok-news-post a .ok-post-thumb{height: 75px;}

    .sport-misc .span-3:last-child .ok-post-ltr{
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
    }

    .ok-sport-page-spot-news-wrap .title-card{
        position: static;
        max-width: 100%;
        padding: 10px 24px;
    }
    .ok-sport-page-spot-news-wrap .ok-spot-news-img{
        height: 300px;
        flex: 0 0 100%;
        border-radius: 0;
        max-width: 100%;
    }
    .ok-sport-page-spot-news-wrap > a{
        text-decoration: none;
    }


    .page-template-template-world-cup-022 .ok-section-manoranjan,
    .page-template-template-world-cup-022 .ok-section-manoranjan .ok-grid-12 > div{padding: 0;}

    .page-template-template-world-cup-022 .ok-section-manoranjan .ok-post-overlay{
        height: 324px;
        border-radius: 0;
    }


}