/* COMMON */
body { margin-bottom:0 !important; }
footer { position: relative !important; bottom: auto !important; }
footer.footer-ma { padding-top: 30px !important; }

.football-page { background:#020403; width:100%; overflow:hidden; }
.football-page h1, .football-page h2, .football-page h3, .football-page p { margin:0 !important; }
.football-page * { font-family: 'Inter', sans-serif; }

.footer-new .border-footer { display:none; }

    /* ----- TOP ----- */
    .top-foot-wrapper { background:url('../images/top_c.jpg') no-repeat 50% 0; width:100%; min-height:1082px; position:relative; }
        .top-foot { max-width:1384px; position:relative; margin:0 auto; }
            .top-foot > h1 { color:#fff; padding-top:580px; text-align:center; font-size:54px; font-weight:700; line-height:54px; padding-bottom:16px; position:relative; z-index: 3; text-transform: uppercase;}
            .top-foot > p { color:#fff !important; text-align:center; font-size:36px; font-weight:500; line-height:54px; padding-bottom:26px; position:relative; z-index: 3;}
            .blue-link { position:relative; z-index: 3; display: table; border-radius: 32px; margin: 0 auto; }
            .blue-link.shadow-link { filter: drop-shadow(0px 0px 75px rgba(95, 187, 251, 0.85)) drop-shadow(0px 3px 7px rgba(7, 11, 24, 0.20)) drop-shadow(0px 29px 17px rgba(7, 11, 24, 0.10)) drop-shadow(0px 79px 22px rgba(7, 11, 24, 0.00)); }
                .blue-link > a { display:table; margin:0 auto; border-radius: 36px; color: #ffffff !important; font-size: 20px; line-height:26px; padding:16px 32px; font-weight: 500; text-decoration: none !important; border:1px solid transparent; background: linear-gradient(180deg, #2EA3F5 0%, #007FD8 100%) padding-box, linear-gradient(to bottom,  rgba(77,177,246,1) 0%,rgba(77,177,246,0)) border-box; }
                .blue-link > a:hover { background:#007FD8; }
            .flash-link { box-shadow: 0px 79px 22px 0px rgba(7, 11, 24, 0.00), 0px 29px 17px 0px rgba(7, 11, 24, 0.10), 0px 3px 7px 0px rgba(7, 11, 24, 0.20), 0px 0px 75px 0px rgba(95, 187, 251, 0.85); }

    @media (min-width:1920px) {
        .top-foot-wrapper:before { content:''; position:absolute; top:0; left:calc(50% - 960px); width:100px; height:100%; background: linear-gradient(to right,  rgba(2,4,3,1) 0%,rgba(2,4,3,0) 100%); z-index:2; }
        .top-foot-wrapper:after { content:''; position:absolute; top:0; right:calc(50% - 960px); width:100px; height:100%; background: linear-gradient(to left,  rgba(2,4,3,1) 0%,rgba(2,4,3,0) 100%); z-index:2; }
    }
    @media (max-width:1920px) {
        .top-foot-wrapper { background-size: contain; }
        .top-foot > h1 { padding-top:540px; }
    }

    @media (max-width:1700px) {
        .top-foot > h1 { padding-top:480px; }
    }

    @media (max-width:1400px) {
        .top-foot-wrapper { min-height:800px; }
        .top-foot { padding:0 20px; }
        .top-foot > h1 { padding-top:380px; font-size:46px; line-height:54px; }
        .top-foot > p { font-size:28px; line-height:36px; }
    }

    @media (max-width: 1150px) {
        .top-foot > h1 { padding-top: 300px; font-size:42px; line-height:50px; }
        .top-foot > p { font-size:26px; line-height:34px; }
    }

    @media (max-width:991px) {
        .top-foot-wrapper { min-height:600px; }
        .top-foot > h1 { padding-top:280px; font-size:36px; line-height:42px; }
        .top-foot > p { font-size:24px; line-height:32px; }
    }

    @media (max-width:780px) {
        .top-foot-wrapper { min-height:450px; padding-bottom:50px; }
        .top-foot > h1 { padding-top:210px; font-size:30px; line-height:38px; }
        .top-foot > p { font-size:18px; line-height:26px; }
    }

    @media (max-width:520px) {
        .top-foot-wrapper { min-height: inherit; }
        .top-foot > h1 { padding-top:100px; font-size:28px; line-height:32px; padding-bottom: 5px; }
        .top-foot > p { font-size:16px; line-height:24px; padding-top:15px; }
        .blue-link { display:inherit; }
        .blue-link > a { font-size:16px; padding: 14px 30px; width:100%; text-align: center;}
    }
	
    @media (max-width:350px) {
        .top-foot > h1 { padding-top:60px; font-size:22px; line-height:28px; }
        .top-foot > p { font-size:14px; line-height:20px; }
		.football-page { padding-top: 50px; }
	}

    /* ----- ABOUT ----- */
    .about-wrapper { width:100%; }
        .about { max-width:1384px; position:relative; margin:0 auto; }
        .about1 { }
            .about1 > h2 { color: #ffffff !important; text-align: center; font-size: 48px; font-weight: 500; line-height: 48px; }
            .partner-logo { padding:50px 0; display:table; margin:0 auto; }
            .partner-logo > img { max-width:274px; height:auto; }
            .about1 > p { color: #ffffff !important; text-align: center; font-family: 'Roboto', sans-serif; font-size: 18px; line-height:26px; }
            .about1 > p > a { color:#0088cc; text-decoration: none; }
            .about1 > p > a:hover { text-decoration: underline; }
            
        .about2 { padding-bottom:100px; }
            .about2 > h3 { color: #FFF !important; text-align: center; font-size: 36px; font-weight: 500; line-height: 48px; padding-top:100px; }
            .about2 > p { text-align: center; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 26px; color:rgba(255,255,255,.6) !important; padding:20px 0 50px; }

            .about-blocks { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
                .about-blocks > div.about-block3 { grid-column: 1 / -1; width: 50%; justify-self: center; }
                    .about-blocks > div > img { max-width:calc(100% - 2px); border:1px solid rgba(255,255,255,.1); border-radius:16px; }
                    .about-blocks > div > p { padding-top:24px; font-size: 18px; line-height: 26px; color:rgba(255,255,255,.8); }

        .about3 { max-width:1384px; position:relative; margin:0 auto; background:#22262B; border-radius:16px; display: grid; align-items: center; min-height:239px; overflow: hidden; }
        body[dir=rtl] .about3 { direction: ltr; }
            .about3:before { content:''; position:absolute; right:0; height:239px; width:846px; background:url('../images/start-invest.png') no-repeat; }
            /*body[dir=rtl] .about3:before { right:auto; left:0; background:url('../images/start-invest-rtl.png') no-repeat; }*/
            .about-textblock { padding-left:50px; max-width:630px; position:relative; z-index:3; }
            body[dir=rtl] .about-textblock { text-align: right; }
            /*body[dir=rtl] .about-textblock { padding-right:50px; padding-left:0; }*/
                .about-textblock > h2 { color: #ffffff !important; font-size: 24px; font-weight: 700; line-height: 32px; padding-bottom:12px; }
                .about-textblock > p { color: rgba(255,255,255,.8) !important; font-size: 18px; line-height: 26px;}

    @media (max-width:1400px) {
        .about { padding: 0 20px; }
        .about1 > h2 { font-size: 36px; }
        .about2 > h3 { font-size: 30px; line-height:38px; }
        .about-textblock { max-width: 50%; }
        .about-textblock > h2 { font-size: 20px; line-height: 28px; }
        .about-textblock > p { font-size: 14px; line-height: 20px;}
        .about3:before { right: calc(50% - 700px); }
        /* body[dir=rtl] .about3:before { right: auto; left: calc(50% - 700px); } */
        
    }

    @media (max-width:780px) {
        .about1 > h2 { font-size: 28px; line-height: 36px; }
        .about1 > p { font-size: 16px; line-height:24px; }
        .about2 { padding-bottom: 50px; }
        .about2 > h3 { font-size: 24px; line-height:32px; padding-top:50px; }
        .about2 > p { font-size: 16px; line-height:24px; padding:16px 0 24px; }
        .about-blocks { grid-template-columns: 1fr; }
        .about-blocks > div.about-block3 { grid-column: 1; width: auto; }
        .about-blocks > div > p { font-size: 16px; line-height:24px; }

        .about3 { min-height:133px; padding:10px 0; }
        .about3:before { background-size: contain; height: 153px; width: 542px; right: calc(50% - 500px); }
        /*body[dir=rtl] .about3:before { background-size: contain; right: auto; left: calc(50% - 500px); }*/
        .about-textblock { max-width: 60%; padding-left:20px; }
        .about-textblock > h2 { font-size: 16px; line-height: 20px; }
        .about-textblock > p { font-size: 12px; line-height: 16px;}
    }

    @media (max-width:520px) {
        .about-textblock { z-index:3; }
        .about3 { overflow: hidden; }
        .about3:before { height: 153px; width: 306px; right: 0; bottom:0px; background:url('../images/start-invest-mob.png') no-repeat !important; }
        .about3:after { content:''; position: absolute; bottom:103px; right:0; width:306px; height:50px; background: linear-gradient(to bottom,  rgba(34,38,43,1) 0%,rgba(34,38,43,0) 100%); }
        /*
        body[dir=rtl] .about3:before { right: auto; left:0; left: calc(50% - 400px); }
        body[dir=rtl] .about3:after { right: auto; left:0; }
        */
    }

    @media (max-width:380px) {
        .about-textblock { max-width: inherit; padding:0 20px; }
        .about3:before { opacity:0.2; }
    }

    /* ----- TRADE-PLAY-WIN ----- */

    .tradeplaywin-wrapper { width:100%; min-height:700px; margin-top:100px; position:relative; }
    .tradeplaywin-wrapper:before, .tradeplaywin-wrapper:after { content:''; position:absolute; top:0; width:40px; height:100%; z-index:2; }
    .tradeplaywin-wrapper:before { left:calc(50% - 960px); background: linear-gradient(to right,  rgba(2,4,3,1) 0%,rgba(2,4,3,0) 100%); }
    .tradeplaywin-wrapper:after { right:calc(50% - 960px); background: linear-gradient(to left,  rgba(2,4,3,1) 0%,rgba(2,4,3,0) 100%); }
    
        .tradeplaywin { max-width:1920px; position:relative; margin:0 auto; }
            .tradeplaywin > h2 { color: #010416 !important; text-align: center; text-shadow: 0px 0px 6px #1A8DB2; font-size: 78px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; padding-top:435px; white-space: nowrap; }
            html[lang=my] .tradeplaywin > h2 { letter-spacing: inherit !important; }
            .tradeplaywin.lesser-lang > h2 { font-size: 58px; }
            .tradeplaywin > p { color: #fff !important; text-align: center; font-size: 40px; line-height: 50px; padding:72px 0 28px; }

    @media (min-width:2100px) {
        .tradeplaywin-wrapper { background:url('../images/mid-football.jpg') no-repeat 50% 0; }
    }

    @media (max-width:2099px) {
        .tradeplaywin-wrapper { min-height: 666px; }
        .tradeplaywin-wrapper:before { left:calc(50% - 900px); }
        .tradeplaywin-wrapper:after { right:calc(50% - 900px); }
        .tradeplaywin:before { content: ''; position:absolute; left:calc(50% - 900px); background:url('../images/mid-football.jpg') no-repeat 50% 0 / contain; width:1800px; height:666px; }
        .tradeplaywin > h2 { font-size: 68px; letter-spacing: 2px; position: relative; z-index: 4; padding-top: 406px; }
        .tradeplaywin.lesser-lang > h2 { font-size: 52px; }
        .tradeplaywin > p { font-size: 30px; line-height: 40px; z-index: 4; position: relative; padding-top: 60px; }
    }
    @media (max-width:1820px) {
        .tradeplaywin-wrapper { min-height: 518px; }
        .tradeplaywin:before { left:calc(50% - 690px); width:1380px; height:510px; }
        .tradeplaywin-wrapper:before { left:calc(50% - 690px); }
        .tradeplaywin-wrapper:after { right:calc(50% - 690px); }

        .tradeplaywin > h2 { padding-top: 307px; font-size: 62px; }
    }

    @media (max-width:1400px) {
        .tradeplaywin-wrapper { min-height: 350px; }
        .tradeplaywin:before { left:calc(50% - 480px); width:960px; height:355px; }
        .tradeplaywin-wrapper:before { left:calc(50% - 480px); width:30px; }
        .tradeplaywin-wrapper:after { right:calc(50% - 480px); width:30px; }
        .tradeplaywin > h2 { font-size: 34px !important; letter-spacing: 2px; padding-top: 206px; }
        .tradeplaywin > p { font-size: 24px; line-height: 32px; padding-top: 28px; }
    }

    @media (max-width:991px) {
        .tradeplaywin:before { left:calc(50% - 360px); width:720px; height:266px; }
        .tradeplaywin-wrapper:before { left:calc(50% - 360px); }
        .tradeplaywin-wrapper:after { right:calc(50% - 360px); }
        .tradeplaywin > h2 { font-size: 28px !important; line-height: 36px; padding-top: 150px; }
        .tradeplaywin > p { font-size: 18px; line-height: 26px; padding-top: 20px; }
    }

    @media (max-width:780px) {
        .tradeplaywin-wrapper { min-height: 250px; margin-top:50px; }
        .tradeplaywin { padding:0 20px; }
        .tradeplaywin:before { left:calc(50% - 240px); width:480px; height:178px; }
        .tradeplaywin-wrapper:before { left:calc(50% - 240px); width:20px; }
        .tradeplaywin-wrapper:after { right:calc(50% - 240px); width:20px; }
        .tradeplaywin > h2 { font-size: 24px !important; line-height:32px; padding-top: 98px; letter-spacing: 1px; }
        .tradeplaywin.lesser-lang > h2 { font-size: 16px !important; }
        .tradeplaywin > p { font-size: 14px; line-height: 20px; }
    }

    @media (max-width:480px) {
        .tradeplaywin:before { left:calc(50% - 160px); width:320px; height:119px; }
        .tradeplaywin-wrapper:before { left:calc(50% - 160px); }
        .tradeplaywin-wrapper:after { right:calc(50% - 160px); }
		.tradeplaywin > h2 { padding-top: 61px; }
        .tradeplaywin.lesser-lang > h2 { font-size: 11px !important; }
    }
	
    @media (max-width:350px) {
        .tradeplaywin:before { left:calc(50% - 120px); width:240px; height:89px; }
        .tradeplaywin-wrapper:before { left:calc(50% - 120px); }
        .tradeplaywin-wrapper:after { right:calc(50% - 120px); }
		.tradeplaywin > h2 { padding-top: 41px; }
		.tradeplaywin > h2 { font-size: 14px !important; }
        .tradeplaywin.lesser-lang > h2 { font-size: 9px !important; }
	}
    /* ----- AWARDS ----- */

    .awards-wrapper { width:100%; padding:100px 0; }
        .awards { max-width:1384px; position:relative; margin:0 auto; }
            .awards > h2 { color: #FFF; text-align: center; font-size: 48px; font-weight: 500; line-height: 48px; }
            .awards > p { font-family: 'Roboto', sans-serif; color:rgba(255,255,255,.6) !important; text-align: center; font-size: 18px; line-height: 26px; padding:20px 0 50px; }
            .award-blocks { display: grid; gap: 50px; padding-bottom:50px; }
            .award-blocks.tripple-grid { grid-template-columns: repeat(3, 1fr); }
            .award-blocks.double-grid { max-width:906px; margin:0 auto; grid-template-columns: repeat(2, 1fr); }

                .award-blocks > div { position:relative; }
                .award-blocks.tripple-grid > div:before { position:absolute; content:''; width:268px; height:437px; left:calc(50% - 134px); top:calc(50% - 219px); background:url('../images/awards/yellow.png') no-repeat; z-index:1; }
                .award-blocks.double-grid > div:before { position:absolute; content:''; width:351px; height:438px; left:calc(50% - 175px); top:calc(50% - 272px); background:url('../images/awards/white.png') no-repeat; z-index:1; }
                    .award-blocks > div img { width:152px; margin:0 auto; display:table; height: 238px; position:relative; z-index:3; }
                    .award-blocks > div div { background:#22262B; border-radius:2px; display:table; margin:0 auto; font-family: 'Roboto', sans-serif; font-size: 11px; font-weight: 500; line-height: 17px; text-transform: uppercase; padding:6px 10px; color:rgba(255,255,255,.6); }
                    .award-blocks > div p { font-family: 'Roboto', sans-serif; color:rgba(255,255,255,.6); text-align: center; font-size: 18px; line-height: 26px; padding-top:16px; }

            .purple-link { display:table; margin:60px auto 0px; }
                .purple-link > a { font-size: 18px; font-weight: 500; font-family: 'Roboto', sans-serif; color:#6BA9FE !important; text-decoration: none !important; line-height:26px; padding:17px 100px; background:rgba(2, 79, 163, .3); border-radius:32px; border:1px solid #6BA9FE; }
                .purple-link > a:hover { background:rgba(2, 79, 163, .5); }

    @media (max-width:1400px) {
        .awards { padding:0 20px; }
        .awards > h2 { font-size: 36px; line-height: 48px; }
        .award-blocks { max-width: 960px; margin: 0 auto; }

    }

    @media (max-width:991px) {
        .awards > h2 { font-size: 28px; line-height: 36px; }
        .award-blocks.tripple-grid { grid-template-columns: 1fr; }
        .award-blocks.double-grid { grid-template-columns: 1fr; }
    }

    @media (max-width:780px) {
        .awards-wrapper { padding:30px 0 50px; }
        .purple-link { margin: 0px auto; }
    }

    @media (max-width:520px) {
        .purple-link { display: block; }
        .purple-link > a { width:100%; display:block; text-align:center; padding:16px 20px; }
    }

    /* ----- ACHIEVEMENTS ----- */

    .achievements-wrapper { width:100%; }
    .tradeplaywin-wrapper + .achievements-wrapper { padding-top:100px; }
        .achievements { max-width:1384px; position:relative; margin:0 auto; }
            .achievements > h2 { color: #fff !important; text-align: center; font-size: 48px; font-weight: 500; line-height: 48px; padding-bottom:20px; }
            .achievements > p { color:rgba(255,255,255,.6) !important; text-align: center; font-size: 24px; line-height: 36px; }
            .football-news { padding-top:100px; max-width:720px; position:relative; margin:0 auto; }
                .football-news > h3 { color: #fff !important; text-align: center; font-size: 36px; font-weight: 500; line-height: 48px; padding-bottom:50px;}
                .football-news > img { max-width:100%; border-radius: 20px; overflow:hidden; }
                .football-news > ul { padding-top:20px; display:grid; width:100%; grid-template-columns: 1fr; gap:10px; padding-bottom: 50px; }
                    .football-news > ul > li { display:block; text-align:center; border-radius: 20px; background:#22262B; color:rgba(255,255,255,.8) !important; text-align: center; font-size: 18px; line-height: 26px; padding:16px; }
                    /*
                        .football-news > ul > li > a { display:block; text-align:center; border-radius: 20px; background:#22262B; color:rgba(255,255,255,.8) !important; text-align: center; font-size: 18px; line-height: 26px; padding:16px; text-decoration: none !important; }
                        .football-news > ul > li > a:hover { background:#3a4149; color:#fff !important; }
                    */
                    
    @media (max-width:1400px) {
        .achievements { padding:0 20px; }
        .achievements > h2 { font-size: 36px; line-height: 48px; padding-bottom:16px; }
        .achievements > p { font-size: 20px; line-height: 28px; }
    }
    
    @media (max-width:780px) {
        .tradeplaywin-wrapper + .achievements-wrapper { padding-top:50px; }
        .achievements > h2 { font-size: 28px; line-height: 36px; }
        .achievements > p { font-size: 16px; line-height: 24px; }
        .football-news { padding-top: 50px; }
        .football-news > h3 { font-size: 28px; line-height: 36px; }
        .football-news > ul { padding-bottom:16px; }
        .football-news > ul > li { font-size:16px; line-height:26px; }
    }

    /* ----- FACTS ----- */

    .facts-wrapper { width:100%; }
        .facts { max-width:1384px; position:relative; margin:0 auto; }
        .facts h2 { color: #FFF; text-align: center; font-size: 48px; font-weight: 500; line-height: 48px; padding:100px 0 50px; }
        .fact-blocks { display: grid; gap: 50px; }
        .fact-blocks.tripple-grid { grid-template-columns: repeat(3, 1fr); }
        .fact-blocks.double-grid { max-width:906px; margin:0 auto; grid-template-columns: repeat(2, 1fr); padding:50px 0 100px; }
            .fact-blocks > div { }
                .fact-img { position:relative; width:100px; height:100px; margin:0 auto; background: url('../images/fact-back.png') no-repeat 50% 50% / contain; z-index:1; }
                .fact-img:before { content:''; position:absolute; width:64px; height:64px; left:calc(50% - 32px); top:calc(50% - 32px); z-index: 2; background-size:contain !important; }
                #fact1:before { background: url('../images/fact1.svg') no-repeat; }
                #fact2:before { background: url('../images/fact2.png') no-repeat; }
                #fact3:before { background: url('../images/fact3.png') no-repeat; }
                #fact4:before { background: url('../images/fact4.svg') no-repeat; }
                #fact5:before { background: url('../images/fact5.svg') no-repeat; }
                
                .fact-title { color:#fff; text-align: center; font-size: 24px; font-weight: 500; line-height: 30px; padding:25px 0 20px; }
                .fact-blocks > div p { color:rgba(255,255,255,.8) !important; text-align: center; font-size: 18px; line-height: 26px; }

    @media (max-width:1400px) {
        .facts { padding:0 20px; }
        .facts > h2 { font-size: 36px; line-height: 48px; }
        .fact-blocks { max-width: 960px; margin: 0 auto; }
        .fact-title { font-size: 20px; line-height: 28px; padding-bottom:12px; }
        .fact-blocks > div p { font-size: 14px; line-height: 20px; }
    }

    @media (max-width:991px) {
        .facts > h2 { font-size: 28px; line-height: 36px; }
        .fact-blocks.tripple-grid { grid-template-columns: 1fr; }
        .fact-blocks.double-grid { grid-template-columns: 1fr; }
    }

    @media (max-width:780px) {
        .fact-blocks.double-grid { padding-bottom:50px; }
        .facts > h2 { padding-top:50px; }
        .fact-title { font-size: 16px; line-height: 24px; }
        .fact-blocks > div p { font-size: 12px; line-height: 16px; }
    }

    /* ----- END ----- */

    .end-footer-wrapper { width:100%; background:url('../images/footer.jpg?1') no-repeat 50% 0; position: relative; }
        .end-footer { max-width:926px; position:relative; margin:0 auto; min-height:718px; }
            .end-footer > p { text-align: center; font-size: 50px; font-weight: 700; line-height:60px; text-transform: uppercase; color:#fff !important; padding:50px 0 0px; }
            .end-footer .bottom-link { position: absolute; bottom: 100px; display: grid; justify-content: center; width: 100%; left:0; }
/*
    @media (min-width:1920px) {
        .end-footer-wrapper:before { content:''; position:absolute; top:0; left:calc(50% - 960px); width:100px; height:100%; background: linear-gradient(to right,  rgba(2,4,3,1) 0%,rgba(2,4,3,0) 100%); z-index:2; }
        .end-footer-wrapper:after { content:''; position:absolute; top:0; right:calc(50% - 960px); width:100px; height:100%; background: linear-gradient(to left,  rgba(2,4,3,1) 0%,rgba(2,4,3,0) 100%); z-index:2; }
    }
*/
    @media (max-width:1400px) {
        .end-footer { padding:0 20px; }
        .end-footer > p { font-size:40px; line-height:50px; }
    }

    @media (max-width:780px) {
        .end-footer > p { font-size:30px; line-height:40px; }

    }

    @media (max-width:520px) {
        .end-footer-wrapper { background: url('../images/footer-mob.jpg') no-repeat 50% 0 / cover; }
        .end-footer { min-height:550px; }
        .end-footer > p { font-size:24px; line-height:32px; padding: 40px 0 170px; }
    }