/* CRYPTO */
.footer-new { z-index:100; }
.crypto-container { background:#0F1017; overflow:hidden; }
    .crypto-container * { font-family: 'Inter', sans-serif; }
    .crypto-container h1, .crypto-container h2, .crypto-container h3, .crypto-container p { margin-bottom:0 !important; }

    .backtop-icons { position:fixed; }
    .top-cryptos-wrapper { width:100%; padding-bottom:100px; position:relative; z-index:2; }
    /*.top-cryptos-wrapper:before { content:''; position:absolute; left: calc(50% - 950px); height:100%; width:50px; top:0; background: linear-gradient(to right,  rgba(15,16,23,1) 0%,rgba(15,16,23,0) 100%); z-index:1; }
    .top-cryptos-wrapper:after { content:''; position:absolute; left: 0; width:100%; height:50px; bottom:70px; background: linear-gradient(to bottom, rgba(15,16,23,0) 0%,rgba(15,16,23,1) 100%); z-index:1; }*/

        .top-cryptos { max-width: 1470px; position:relative; margin:0 auto; min-height:900px; }
        .top-cryptos:before { content:''; position:absolute; width:706px; height:706px; top:100px; left:calc(50% - 353px); background:url('../images/crypto/circle.png') no-repeat 50% 50% / contain; z-index:1; }
            .top-cryptos > h1 { font-size: 48px; line-height: 58px; text-align: center; color: #fff; font-weight: 700; z-index: 2; position: absolute; width: 100%; padding-top: 0; top: 100px; }
            .header-circle { position:relative; z-index: 2; margin-top:0px; }
                .header-age { background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgb(255, 255, 255) 50%,rgba(255,255,255,0.5) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:40px; line-height:48px; text-align:center;   padding-bottom: 20px; min-height: 200px; padding-top: 335px; font-weight: 700; }
                @-moz-document url-prefix() {
                    .header-age { color:#fff; }
                }
                    .header-age > strong { font-size:150px; font-weight: 800; }
                html[lang=sw] .header-age { line-height: 84px; margin-top: -25px; padding-bottom: 60px; padding-top: 270px; }
                html[lang=sw] .header-age strong { display: block; }
                .top-cryptos-wrapper .header-prize { background: linear-gradient(to bottom,  rgba(33,36,45,0.25) 0%,rgba(59,65,84,0.25) 100%); padding:8px 40px; border-radius:50px; margin:0 auto; display:table; }
                    .top-cryptos-wrapper .header-prize > p { font-size:12px; text-align:center; font-weight:300; line-height: 15px; color:#fff !important; }
                    .top-cryptos-wrapper .header-prize > div { padding-top:2px; text-align:center; color:#A590C7; font-size:36px; line-height:44px; font-weight:700; }
                .top-text { padding-top:155px; position: relative; z-index: 5; }
                    .top-text > p { font-size:13px; line-height:19px; color:#C4C4ED !important; padding-bottom: 10px; text-align:center; }

                .white-link { margin-top:30px; position: relative; z-index: 5; }
                    .white-link > a { display:table; margin:0 auto; border-radius: 50px; background: #fff; padding:20px 40px; color: #1F2233 !important; font-size: 20px; line-height: 24px; font-weight: 500; text-decoration: none !important; text-align: center; }
                    .white-link > a:hover { background: rgba(255,255,255,.8); }

    .podlog { border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.04); background: rgba(228, 185, 255, 0.05); box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.05) inset; backdrop-filter: blur(16px); }
    .black-wrapper { width:100%; position:relative; z-index:2; }
    .black-wrapper + .mid-wrapper { padding-top:100px; }
        .why-list { max-width:1470px; position:relative; margin:0 auto; padding: 30px 20px 40px; }
            .black-wrapper h2 { color: #FFF; text-align: center; font-size: 40px; line-height:48px; font-weight: 700;}
            .crypto-container .why-blocks { padding:80px 0 20px; }
                .crypto-container .why-blocks > div > p { color:#C4C4ED !important; }
                .crypto-container .why-blocks > div > div { color:#fff !important; }
            .why-list > p { padding-top: 20px; color: #C4C4ED !important; text-align: center; font-size: 13px; line-height: 19px; }

        .why-list + .how-list { max-width:1470px; position:relative; margin:0 auto; padding: 40px 20px; margin-top: 100px; }
            .how-blocks { display:grid; grid-template-areas: "H1 H2 H3 H4 H5"; gap:40px; padding:80px 0 50px; }
                .how-blocks > div { position:relative; padding-top:80px; }
                .how-blocks > div:before { content:''; position:absolute; top:0; height:60px; width:60px; left:calc(50% - 30px); }
                #how1 { grid-area: H1; }
                #how2 { grid-area: H2; }
                #how3 { grid-area: H3; }
                #how4 { grid-area: H4; }
                #how5 { grid-area: H5; }
                #how1:before { background:url('../images/crypto/how1.svg') no-repeat; }
                #how2:before { width:50px; left:calc(50% - 25px); background:url('../images/crypto/how2.svg') no-repeat; }
                #how3:before { background:url('../images/crypto/how3.svg') no-repeat; }
                #how4:before { background:url('../images/crypto/how4.svg') no-repeat; }
                #how5:before { background:url('../images/crypto/how5.svg') no-repeat; }
                    .how-blocks > div > p { color: #C4C4ED !important; text-align: center; font-size: 14px; line-height:20px; }
            .how-list > p { color: #FFF !important; text-align: center; font-size: 15px; line-height:19px; font-weight: 700; }
            .how-list > p > span { color:#8BC9FF !important; text-decoration: none; cursor:pointer; }
            .how-list > p > span:hover { text-decoration: underline; }


        .mid-back2 { z-index: 4; }

        .mid-back2 + .mid-back2 { margin-top:30px; }
            .mid-back2 .top-challenge { padding: 30px 40px 40px; }
            .mid-back2 .challenge-block > h2 { text-align:center; max-width: inherit; }
            .mid-back2 .challenge-block > p { text-align:center; max-width: inherit; color: #8989A0 !important; }
            .mid-back2 .grid-jspace > div strong { color: #8989A0 !important; }
            .mid-back2 .grid-jspace > div span { color: #fff; }
            .mid-back2 .challenge-grid > div > span { color:#737388; top:auto !important; bottom: 9px; line-height: 13px; }
            .mid-back2 .challenge-grid > div.past > strong { color: rgba(255,255,255,.3) !important; }
            .mid-back2 .challenge-grid > div.active > span { color: #fff !important; }
            .mid-back2 .challenge-grid > div.active > strong { color: #fff !important; }
            .mid-back2 .challenge-grid > div:before { background: #48465E; }
            .mid-back2 .challenge-grid > div.active:before { background: #fff; }

            .mid-back2 .challenge-timer p, .mid-back2 .ch-timer-blocks div { color:#8989A0 !important; }
            .mid-back2 .ch-timer-blocks div strong { color:#fff !important; }
            .mid-back2 .challenge-year > p { color:#737388 !important;}
            .mid-back2 .challenge-year > div { background: #fff !important; }
            .mid-back2 .challenge-block .mob-only-place > i { width:auto !important; }

            .mid-back2 .challenge-timer { display:table; margin:0 auto 40px; right:auto !important; left:auto !important; position:relative; background:rgba(0,0,0,.2); border:1px solid #323141; }
            .mid-back2 .ch-place-block > p span { background: #3A2F4D; color: #A8A2BB; }
            .mid-back2 .ch-place-block > div { color:#fff; }
            .mid-back2 .ch-fond-block > p { color: #8989A0 !important; }
            .mid-back2 .ch-fond-block > div { color: #fff; }
            .mid-back2 .challenge-block .mob-only-place > i { background: url('../images/crypto/place.svg') no-repeat 50% 100%; }
            .mid-back2 .challenge-block .mob-only-place, .mid-back2 .challenge-block .mob-only-place > i { color:#A8A2BB !important; }
            .mb-r { margin-right:20px; }
            .mb-l { margin-left:20px; }

    .end-of-back { background: linear-gradient(to bottom,  rgba(15,16,23,0) 0%,rgba(15,16,23,1) 100%); position:relative; width:100%; z-index:2; }
        .after-contests { max-width:1470px; position: relative; z-index: 3; padding:30px 20px; margin:20px auto 0; }
            .after-contests > p { color: #FFF !important; text-align: center; font-size: 15px; font-weight: 700; line-height: 19px; }

    .no-back { background:#0F1017; position:relative; width:100%; z-index:2; }

    .before-topfoot-wrapper { width:100%; padding-top:100px; position:relative; z-index:2; }
        .before-topfoot { max-width:1400px; position:relative; margin:0 auto; }
            .before-topfoot > h2 { color: #FFF !important; text-align: center; font-size: 40px; font-weight: 700; line-height: 48px; }
            .before-topfoot > p { color: #8989A0 !important; font-size: 16px; line-height: 24px; text-align: center; padding: 20px 0; }

    .top-foot-wrapper { position:relative; z-index:2; }
        .top-foot-inside { width:100%; position:relative; padding-bottom: 100px; }
            .top-foot { max-width:1400px; position:relative; margin:0 auto; }
                .top-foot-h2 { color:#fff; padding-top:610px; 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:100px; position:relative; z-index: 3; }
                .top-foot-p { color: #fff; text-align: center; font-size: 15px; line-height:19px; font-weight: 700; }

    .howgetprize-wrapper { width:100%; padding-top: 50px; position:relative; z-index:2; }
        .howgetprize { max-width:1400px; position:relative; margin:0 auto; }
            .howgetprize > h2 { color: #FFF !important; text-align: center; font-size: 40px; font-weight: 700; line-height: 48px; }
            .howgetprize-blocks { padding-top:50px; display:grid; grid-template-columns: 1fr 1fr 1fr; gap:60px; }
                .howgetprize-blocks > div > p { text-align: center; }
                .howgetprize-blocks > div > p + p { padding-top:20px; color: #8989A0 !important; text-align: center; font-size: 16px; }
                    .howgetprize-blocks > div > p strong { color: #fff; text-align: center; font-size: 20px; font-weight: 700; }
            .howgetprize > p { padding-top:50px; color: #FFF !important; text-align: center; font-size: 15px; line-height:19px; font-weight: 700; }

    .howgetballs-wrapper { width:100%; padding-top: 150px; position:relative; z-index:2;}
        .howgetballs { max-width:1400px; position:relative; margin:0 auto; }
            .howgetballs > h2 { color: #FFF !important; text-align: center; font-size: 40px; font-weight: 700; line-height: 48px; }
            .howgetballs > p { padding-top:20px; color: #8989A0 !important; text-align: center; font-size: 16px; }
            .howgetballs-blocks { padding-top:50px; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:20px; }
                .howgetballs-blocks > div { padding:30px 20px 10px; }
                    .howgetballs-blocks > div > h3 { color: #FFF; font-size: 20px; line-height:24px; font-weight: 700;  padding-bottom:20px; margin:0 !important; }
                    .howgetballs-blocks > div > p { color: #C5C5D9; font-size: 13px; line-height: 19px; padding-bottom:20px; }

    .crypto-container .ratings-wrapper { padding-top: 150px; position:relative; z-index:2;}
        .crypto-container .ratings-wrapper > h2 { color: #FFF !important; text-align: center; font-size: 40px; font-weight: 700; line-height: 48px; }

            .crypto-container .tabs { border-bottom: 1px solid #2E2A3B; padding-top:50px; }
                .crypto-container .tabs > li.active, .crypto-container .tabs > li:hover { background:#2E2A3B; border-radius: 4px; }
                .crypto-container .tabs > li.active > a, .crypto-container .tabs > li.active > a > strong, .crypto-container .tabs > li:hover > a > strong, .crypto-container .tabs > li:hover > a > p { color:#fff !important; }

                .crypto-container .tabs > li > a > p { color: #fff; }
                .crypto-container .tabs > li > a > strong { color: #8BC9FF; }
                .crypto-container #winners-bars .tabs > li > a { color:#8BC9FF !important; }
                .crypto-container #winners-bars .tabs > li.active > a, .crypto-container #winners-bars .tabs > li:hover > a { color:#fff !important; }
                .crypto-container #winners-bars .tab-pane > div { color: #8BC9FF !important; }
                .crypto-container #winners-bars .tab-pane > div.active { color: #fff !important; }

                .crypto-container .rating-search > input[type="text"] { border: 1px solid #B0B0B0; background: #0F1017; }
                .crypto-container .rating-blocks .empty-rating { color:#B0B0B0; }
                .crypto-container table > tbody > tr:nth-of-type(2n+1) { background-color: transparent; }
                .crypto-container .win-title { color: #fff !important; padding-bottom:10px; }
                .crypto-container .rating-blocks table th { color: #fff; }
                .crypto-container .rating-blocks table td { color: #fff; background: #2E2A3B; }

                .crypto-container .ratings-wrapper .white-link { margin-top:50px; }
                .crypto-container .new-pagination .pagination li > span { color: #797979 !important; }
                .crypto-container .pagination li > a { color: #8BC9FF !important; }
                .crypto-container .new-pagination .pagination li.active > a { color: #fff !important; }

    .blogz-wrapper { padding-top: 150px; width:100%; position:relative; z-index:2;}
        .blogz { max-width:1400px; position:relative; margin:0 auto; display:grid; gap:20px; }
        .blogz3 { grid-template-columns: 1fr 1fr 1fr; }
        .blogz2 { max-width:928px; grid-template-columns: 1fr 1fr; }
        .blogz1 { max-width:453px; grid-template-columns: 1fr; }
            .blogz > div > .blog-img { padding-bottom:30px; }
                .blogz > div > .blog-img a { text-decoration: none !important; display: block; overflow: hidden; }
                    .blogz > div > .blog-img img { max-width:100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); height:247px; }
                .blogz > div > .blog-img > a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
            .blogz > div > a { color: #fff; font-size: 18px; font-weight: 500; line-height: 26px; }
            .blogz > div > a:hover { text-decoration:underline; }
            .blogz > div > p { padding-top:10px; color: #C5C5D9; font-size: 13px; line-height: 19px; }

    .crypto-container .faq-wrapper { padding:150px 0; position:relative; z-index:2;}
        .crypto-container .faq-wrapper h2 { color: #fff !important; }
            .crypto-container .faq-block h3 { color: #fff !important; margin: 0 !important; }
            .crypto-container .faq-block h4 {color: #FFF !important; margin: 0 !important; font-size: 18px; line-height:26px; font-weight: 700; padding-bottom:10px; }
                .crypto-container .faq-block p, .faq-block li { color: #8989A0 !important; }
                .crypto-container .faq-block a { color: #fff !important; }

                .crypto-container .faq-block p + h4 { padding-top:20px; }
                .faq-half { max-width:650px; }

@media (max-width: 1500px) {
    .crypto-container .why-list, .crypto-container .why-list + .how-list { margin-left:20px; margin-right:20px; width: calc(100% - 40px);}
    .crypto-container .after-contests { margin:20px 20px 0; }
}

@media (max-width: 1420px) {
    .top-cryptos-wrapper { padding-bottom:100px; }
    .top-cryptos { padding:0 20px; min-height:inherit; }
    .top-cryptos > h1 { font-size: 36px; line-height: 48px; }

    .crypto-container .why-list, .crypto-container .why-list + .how-list, .crypto-container .after-contests { padding: 30px 20px; }
    .top-foot .before-topfoot > p { padding:5px 20px 0; }
}

@media (min-width: 1201px) {
    .before-topfoot-wrapper { display:none; }
    .top-foot .before-topfoot { display:block; }
}

@media (max-width: 1200px) {
    .crypto-container .ratings-wrapper { padding: 100px 20px 0; }
    .before-topfoot-wrapper { display:block; }
    .top-foot .before-topfoot { display:none; }
    .before-topfoot-wrapper .before-topfoot { padding:0 20px; }
    .before-topfoot-wrapper + .top-foot-wrapper { margin-top:30px; }
    .crypto-container .after-contests { margin:20px 10px 0; }
}

@media (max-width: 900px) {
    .black-wrapper h2, .before-topfoot > h2, .howgetprize > h2, .howgetballs > h2, .crypto-container .ratings-wrapper > h2 { font-size: 32px; line-height: 40px; }

    .top-foot-h2 { font-size:30px; line-height:40px; }
    .top-foot > p { font-size: 24px; line-height: 32px; }

    .how-blocks { grid-template-areas:"H1 H1 H2 H2 H3 H3" "H4 H4 H4 H5 H5 H5"; }
    #how4 { margin-left:40%; }
    #how5 { margin-right:40%; }
    body[dir=rtl] #how4 { margin-left:auto; margin-right:40%; }
    body[dir=rtl] #how5 { margin-right:auto; margin-left:40%; }

    .blogz { max-width: inherit !important; grid-template-columns: 1fr !important; gap: 50px; }
    .blogz > div > .blog-img img { height:auto; max-width: 100%; }

    .crypto-container .new-pagination .pagination > li > a, .crypto-container .new-pagination .pagination > li > span { background: #2E2A3B !important; color: #858585 !important; }
    .crypto-container .new-pagination .pagination li.active > a { background: #2E2A3B !important; border: 1px solid #E6E6E6 !important; color: #8BC9FF !important; }

    .crypto-container .new-pagination .pagination > li.first, .crypto-container .new-pagination .pagination > li.last { background: #2E2A3B !important; }
    .crypto-container .new-pagination .pagination > li.first span:before, .crypto-container .new-pagination .pagination > li.first a:before, .crypto-container .new-pagination .pagination > li.last span:before, .crypto-container .new-pagination .pagination > li.last a:before { border: 1px solid #858585; border-left: none; border-top: none; }
   
}

@media (min-width: 721px) {
    .backtop-icons { width: 2216px; height: 1140px; left: calc(50% - 1108px); top: 22px; z-index:1; background:url('../images/crypto/backtop-icons2.jpg') no-repeat 50% 50%; }
    .after-contests { border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.04); background: rgba(228, 185, 255, 0.05); box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.05) inset; backdrop-filter: blur(16px); }
}

@media (max-width: 720px) {
    .backtop-icons { width:745px; height:946px; left:calc(50% - 372px); top: -124px; z-index:1; background:url('../images/crypto/backtop-icons-mob2.jpg') no-repeat 50% 50%; }

    .white-link > a { padding:13px 30px; font-size: 16px; line-height:24px; }

    .top-cryptos-wrapper { padding-bottom: 0;}
    .top-cryptos-wrapper:after { bottom:0; }
    .top-cryptos > h1 { left: 20px; width: calc(100% - 40px); top: 48px; font-size: 24px; line-height: 32px; }
    .top-cryptos:before { width:353px; height:353px; top:98px; left:calc(50% - 176px); }
    .header-circle { position: absolute; margin-top: auto !important; top: 170px; width: 280px; left: calc(50% - 140px); }
    .header-age { font-size:24px; line-height:26px; min-height: inherit; padding-top: 40px; }
    .header-age > strong { font-size: 80px; }
    .header-age-before { margin-top: -20px; }
    html[lang=sw] .header-age { line-height: 50px; margin-top: 10px; padding-bottom: 20px; padding-top: 0; }
    .top-cryptos-wrapper .header-prize { padding: 4px 22px; }
    .top-cryptos-wrapper .header-prize > p { line-height: 14px; font-size: 10px; font-weight: 300; }
    .top-cryptos-wrapper .header-prize > div { font-size: 20px; line-height: 18px; padding-bottom: 2px; }
    .top-text { padding-top: 430px; }
    .mid-back2 .ch-place-block > p span { background: transparent; }

    .crypto-container .why-list + .how-list { margin-top:50px; }

    .black-wrapper { padding-top: 100px; }

    .crypto-container .black-wrapper h2, .crypto-container .before-topfoot > h2, .crypto-container .howgetprize > h2, .crypto-container .howgetballs > h2 { font-size: 24px; line-height: 32px; }
    .crypto-container .ratings-wrapper > h2 { font-size: 24px !important; line-height: 32px !important; }

    .crypto-container .top-foot-h2 { font-size:18px; line-height:26px; }
    .crypto-container .top-foot > p { font-size: 14px; line-height: 20px; }

    .crypto-container .why-blocks { padding: 50px 0 20px; }

    .black-wrapper + .mid-wrapper { padding-top:100px; }

    .how-blocks { padding-top:50px; }
    .how-blocks { grid-template-areas:"H1" "H2" "H3" "H4" "H5"; }
    #how4 { margin-left:auto !important; margin-right: auto !important; }
    #how5 { margin-left:auto !important; margin-right: auto !important; }

    .howgetprize-blocks { grid-template-columns: 1fr; gap: 40px; }
    .howgetprize-blocks > div > p + p { padding-top: 10px; }

    .howgetballs-wrapper { padding-top: 100px; }

    .howgetballs-blocks { grid-template-columns: 1fr !important; }

    .blogz-wrapper { padding-top: 100px; }

    .crypto-container .faq-wrapper { padding: 100px 0; }
    .faq-half { max-width:inherit; }
}

@media (max-width: 520px) {
    .backtop-icons { top:-82px; }
    .header-circle { margin-top: 70px; }
}

@media (max-width: 350px) {
    .crypto-container { margin-top:58px; }
}
@media (max-width: 320px) {
    .top-cryptos > h1 { font-size: 18px; line-height: 26px; }
}

/* FOOTBALLs */
@media (min-width:1920px) {
    .top-foot-wrapper { background:url('../images/crypto/footballs.png') no-repeat 50% 0; width:100%; position:relative; }
    /*.top-foot-wrapper:before { left:calc(50% - 960px); background: linear-gradient(to right,  rgba(15,16,23,1) 0%,rgba(15,16,23,0) 100%); }
    .top-foot-wrapper:after { right:calc(50% - 960px); background: linear-gradient(to left,  rgba(15,16,23,1) 0%,rgba(15,16,23,0) 100%); }

    .top-foot-inside:before, .top-foot-inside:after { content:''; position:absolute; width:100%; height:100px; }
    .top-foot-inside:before { top:0; background: linear-gradient(to bottom,  rgba(15,16,23,1) 0%,rgba(15,16,23,0) 100%); }
    .top-foot-inside:after { bottom:0; background: linear-gradient(to top,  rgba(15,16,23,1) 0%,rgba(15,16,23,0) 100%); }*/
}
@media (max-width:1919px) {
    .top-foot-wrapper { min-height: inherit; backdrop-filter: inherit; }
    .top-foot:before { content: ''; position:absolute; left:calc(50% - 690px); background:url('../images/crypto/footballs.png') no-repeat 50% 0 / contain; width:1380px; height:776px; z-index:3; }
    .top-foot:after { content: ''; position:absolute; left:calc(50% - 690px); top:100px; width:1380px; height:576px; z-index:2;  backdrop-filter: blur(16px); }
    
    .before-topfoot { position: relative; top: -20px; }

    .crypto-container .top-foot-h2 { padding-top: 335px; font-size: 40px; line-height: 48px; padding-bottom: 10px; }
    .crypto-container .top-foot > p { font-size: 28px; line-height: 36px; position: relative; z-index: 3; }
    .crypto-container .top-foot-p { position: relative; z-index: 3; }

}
@media (max-width:1400px) {
    .top-foot-wrapper { min-height: 350px; }
    .top-foot:before { left:calc(50% - 480px); width:960px; height:541px; }
    .top-foot:after { left:calc(50% - 480px); width:960px; height:341px; }

    .before-topfoot { top: -40px; }

    .crypto-container .top-foot-h2 { padding-top: 260px; font-size: 32px; line-height: 40px; }
    .crypto-container .top-foot > p { font-size: 20px; line-height: 28px; padding-bottom: 50px; }
    .crypto-container .top-foot-p { font-size: 14px; line-height: 20px; max-width: 780px; display: table; margin: 0 auto; }
}

@media (min-width:1201px) {
    .no-back { padding-top:100px; }
}

@media (max-width:1200px) {
    .crypto-container .top-foot-wrapper { padding-top:0; }
}

@media (max-width:991px) {
    .top-foot:before { left:calc(50% - 360px); width:720px; height:406px; }
    .top-foot:after { left:calc(50% - 360px); width:720px; height:306px; top:50px; }
    .crypto-container .top-foot-h2 { padding-top: 220px; font-size: 24px; line-height: 32px; }
    .crypto-container .top-foot > p { padding-bottom: 105px; }
    .crypto-container .top-foot-p { max-width: 520px; }
    .crypto-container .top-foot-inside { padding-bottom:50px; }
}

@media (max-width:780px) {
    .top-foot-wrapper { min-height: 250px; margin-top:50px; }
    .top-foot:before { left:calc(50% - 240px); width:480px; height:270px; }
    .top-foot:after { left:calc(50% - 240px); width:480px; height:170px; }
    .crypto-container .top-foot-h2 { padding-top: 140px; font-size: 18px; line-height: 26px; }
    .crypto-container .top-foot > p { padding-bottom: 65px; }
    .crypto-container .top-foot-p { max-width: inherit; font-size: 15px; line-height: 21px; }
    .crypto-container .before-topfoot > h2 { font-size: 20px; line-height: 24px; }
    .crypto-container .top-foot > p { font-size: 14px; line-height: 20px; }
}

@media (max-width:780px) {
    .crypto-container .before-topfoot-wrapper { padding-top: 50px; }
}

@media (max-width:520px) {
    .crypto-container .top-foot-h2 { padding-top: 120px; }
    
    .crypto-container .top-foot:before { left: 10px; width: calc(100% - 20px); height: 100%; }
}

/* Loader */
#participants-data-win { position:relative; }
#participants-data-win.loading:before { content:''; left:0; top:0; width:100%; height:100%; position:absolute; z-index:1; background:rgba(15,16,23,.8) !important; }

.loaderhead { position: absolute; width: 100px; height: 100px; left: calc(50% - 50px); top: 30px; z-index:2; }
.loader { width: 100px; height: 100px; border-radius: 50%; display: inline-block; position: relative; background: linear-gradient(0deg, rgba(15,16,23, 0.25) 33%, rgba(0, 136, 204, 1) 100%) !important; box-sizing: border-box; animation: rotation 1s linear infinite; }
.loader::after { content: ''; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 96px; height: 96px; border-radius: 50%; background: rgba(15,16,23,1) !important; }

@keyframes rotation {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg)}
}