/*
    @ Copyright © 2021 www.nuixw.fr
    @ Site : graphlinq.io

/************* font-face **************/

    @font-face{font-family:'Gilroy';src:url('../fonts/gilroy-regular.eot');src:local('Gilroy Regular'),local('Gilroy-Regular'),url('../fonts/gilroy-regular.eot') format('embedded-opentype'),url('../fonts/gilroy-regular.woff2') format('woff2'),url('../fonts/gilroy-regular.woff') format('woff'),url('../fonts/gilroy-regular.ttf') format('truetype');font-weight:normal;font-style:normal;}
    @font-face{font-family:'Gilroy';src:url('../fonts/gilroy-bold.eot');src:local('Gilroy Bold'),local('Gilroy-Bold'),url('../fonts/gilroy-bold.eot') format('embedded-opentype'),url('../fonts/gilroy-bold.woff2') format('woff2'),url('../fonts/gilroy-bold.woff') format('woff'),url('../fonts/gilroy-bold.ttf') format('truetype');font-weight:bold;font-style:normal;}
    @font-face{font-family:'Gilroy';src:url('../fonts/gilroy-black.eot');src:local('Gilroy Black'),local('Gilroy-Black'),url('../fonts/gilroy-black.eot') format('embedded-opentype'),url('../fonts/gilroy-black.woff2') format('woff2'),url('../fonts/gilroy-black.woff') format('woff'),url('../fonts/gilroy-black.ttf') format('truetype');font-weight:900;font-style:normal;}
    @font-face{font-family:'Gilroy';src:url('../fonts/gilroy-light.eot');src:local('Gilroy Light'),local('Gilroy-Light'),url('../fonts/gilroy-light.eot') format('embedded-opentype'),url('../fonts/gilroy-light.woff2') format('woff2'),url('../fonts/gilroy-light.woff') format('woff'),url('../fonts/gilroy-light.ttf') format('truetype');font-weight:300;font-style:normal;}
    @font-face{font-family:'Gilroy';src:url('../fonts/gilroy-medium.eot');src:local('Gilroy Medium'),local('Gilroy-Medium'),url('../fonts/gilroy-medium.eot') format('embedded-opentype'),url('../fonts/gilroy-medium.woff2') format('woff2'),url('../fonts/gilroy-medium.woff') format('woff'),url('../fonts/gilroy-medium.ttf') format('truetype');font-weight:500;font-style:normal;}
    @font-face{font-family:'Gilroy';src:url('../fonts/gilroy-mediumitalic.eot');src:local('Gilroy Medium Italic'),local('Gilroy-MediumItalic'),url('../fonts/gilroy-mediumitalic.eot') format('embedded-opentype'),url('../fonts/gilroy-mediumitalic.woff2') format('woff2'),url('../fonts/gilroy-mediumitalic.woff') format('woff'),url('../fonts/gilroy-mediumitalic.ttf') format('truetype');font-weight:500;font-style:italic;}
    @font-face{font-family:'Gilroy';src:url('../fonts/gilroy-ultralight.eot');src:local('Gilroy UltraLight'),local('Gilroy-UltraLight'),url('../fonts/gilroy-ultralight.eot') format('embedded-opentype'),url('../fonts/gilroy-ultralight.woff2') format('woff2'),url('../fonts/gilroy-ultralight.woff') format('woff'),url('../fonts/gilroy-ultralight.ttf') format('truetype');font-weight:200;font-style:normal;}
    @font-face{font-family:'Gilroy';src:url('../fonts/gilroy-regularitalic.eot');src:local('Gilroy Regular Italic'),local('Gilroy-RegularItalic'),url('../fonts/gilroy-regularitalic.eot') format('embedded-opentype'),url('../fonts/gilroy-regularitalic.woff2') format('woff2'),url('../fonts/gilroy-regularitalic.woff') format('woff'),url('../fonts/gilroy-regularitalic.ttf') format('truetype');font-weight:normal;font-style:italic;}
    @font-face{font-family:'Gilroy';src:url('../fonts/gilroy-extrabold.eot');src:local('Gilroy Extrabold'),local('Gilroy-Extrabold'),url('../fonts/gilroy-extrabold.eot') format('embedded-opentype'),url('../fonts/gilroy-extrabold.woff2') format('woff2'),url('../fonts/gilroy-extrabold.woff') format('woff'),url('../fonts/gilroy-extrabold.ttf') format('truetype');font-weight:800;font-style:normal;}
    @font-face{font-family:'Gilroy';src:url('../fonts/gilroy-lightitalic.eot');src:local('Gilroy Light Italic'),local('Gilroy-LightItalic'),url('../fonts/gilroy-lightitalic.eot') format('embedded-opentype'),url('../fonts/gilroy-lightitalic.woff2') format('woff2'),url('../fonts/gilroy-lightitalic.woff') format('woff'),url('../fonts/gilroy-lightitalic.ttf') format('truetype');font-weight:300;font-style:italic;}

/************* general **************/

    *,*:after,*:before{font-family:'Gilroy', sans-serif;position:relative;box-sizing:border-box;}
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
    input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{box-shadow:0 0 0 0 transparent inset;transition:0s;background-color:inherit;}
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
    a,button,[data-mail]{transition:.3s;cursor:pointer;color:inherit;}
    button{border:0;padding:0;background:none;display:inline-block;}
    a,a:hover,button,button:hover,*:focus,*:active{text-decoration:none;outline:none;}
    body{overflow:hidden;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
    ol,ul{list-style:none;}
    blockquote,q{quotes:none;}
    blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
    table{border-collapse:collapse;border-spacing:0;}
    strong{font-weight:800;}
    img{max-width:100%;}
    svg, img{vertical-align:bottom;}
    input,textarea{background:transparent;border:0;resize:none;}
    .swiper-slide{flex:1 0 auto;}
    .swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%;}

    /* selection styling */
        *::-moz-selection{background-color:#4e01fe;color:#fff;}
        *::selection{background-color:#4e01fe;color:#fff;}

    /* selection placeholder */
        ::-webkit-input-placeholder{color:inherit;opacity:.5;}
        ::-moz-placeholder{color:inherit;opacity:.5;}
        ::-ms-input-placeholder{color:inherit;opacity:.5;}


/*----------------------------------------------------< PRESET APP >---------------------------------------------------*/

    /* * */
        html, body{background-color:#0e0c1c;color:#ece7fd;width:100%;height:100%;overflow:hidden;font-family:'Gilroy', sans-serif;font-weight:300;}

    /* ct */
        .ct{width:90%;max-width:1300px;margin:auto;padding:0 3%;}

    /* scrollbar */
        .scrollbar-track{cursor:grab;opacity:0;transition:opacity .3s, background .3s;position:fixed;z-index:5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
        .scrollbar-track:hover, .scrollbar-track.show{opacity:1;}
        .scrollbar-track-y{height:100%;width:2px;top:0;right:0;margin:0 auto;}
        .scrollbar-track-y .scrollbar-thumb{width:7px;right:100%;background:linear-gradient(to bottom, #5519ee, #9a23e6);border-radius:5px;}

    /* gradient */
        .dg{background:linear-gradient(to right, #5519ee, #9a23e6);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
        .dguni{background:linear-gradient(to right, #ff286f, #ff007a);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
    
    /* b */
        .b{color:#fff;font-weight:bold;cursor:pointer;display:inline-block;transition:transform .2s;padding:19px 25px 17px;font-size:calc(12px + 2 * (100vw - 320px) / 1080);border-radius:100px;overflow:hidden;}
        .b:active{transform:scale(.9);}
        .b:before{transition:transform .8s;content:'';position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(to right, #5519ee, #9a23e6, #ff286f);}
        .b.bs:before{background:linear-gradient(to left, #5519ee, #9a23e6, #ff286f);}
        .b.buni:before{background:linear-gradient(to right, #9a23e6, #ff286f, #ff007a);}
        .b:hover:before{transform:translateX(-50%);}
        .b img{width:20px;top:-3px;margin-left:5px;}
		    
    /* bsecond color */
        .bsecond{color:#fff;font-weight:bold;cursor:pointer;display:inline-block;transition:transform .2s;padding:19px 25px 17px;font-size:calc(12px + 2 * (100vw - 320px) / 1080);border-radius:100px;overflow:hidden;}
        .bsecond:active{transform:scale(.9);}
        .bsecond:before{transition:transform .8s;content:'';position:absolute;top:0;left:0;width:200%;height:100%;background: linear-gradient(to right, #25b8d5, rgb(75 0 255), rgb(43 133 210));}
        .bsecond.bs:before{background:linear-gradient(to left, #5519ee, #9a23e6, #ff286f);}
        .bsecond.buni:before{background:linear-gradient(to right, #9a23e6, #ff286f, #ff007a);}
        .bsecond:hover:before{transform:translateX(-50%);}
        .bsecond img{width:20px;top:-3px;margin-left:5px;}

            /* b3 */
            .bthree{color:#fff;font-weight:bold;cursor:pointer;display:inline-block;transition:transform .2s;padding:14px 20px 13px;font-size:calc(12px + 2 * (100vw - 320px) / 1080);border-radius:100px;overflow:hidden;}
            .bthree:active{transform:scale(.9);}
            .bthree:before{transition:transform .8s;content:'';position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(to right, #5519ee, #9a23e6, #ff286f);}
            .bthree.bs:before{background:linear-gradient(to left, #5519ee, #9a23e6, #ff286f);}
            .bthree.buni:before{background:linear-gradient(to right, #9a23e6, #ff286f, #ff007a);}
            .bthree:hover:before{transform:translateX(-50%);}
            .bthree img{width:20px;top:-3px;margin-left:5px;}
                
        /* b4 color */
            .bfour{color:#fff;font-weight:bold;cursor:pointer;display:inline-block;transition:transform .2s;padding:14px 20px 13px;font-size:calc(12px + 2 * (100vw - 320px) / 1080);border-radius:100px;overflow:hidden;}
            .bfour:active{transform:scale(.9);}
            .bfour:before{transition:transform .8s;content:'';position:absolute;top:0;left:0;width:200%;height:100%;background: linear-gradient(to right, #25b8d5, rgb(75 0 255), rgb(43 133 210));}
            .bfour.bs:before{background:linear-gradient(to left, #5519ee, #9a23e6, #ff286f);}
            .bfour.buni:before{background:linear-gradient(to right, #9a23e6, #ff286f, #ff007a);}
            .bfour:hover:before{transform:translateX(-50%);}
            .bfour img{width:20px;top:-3px;margin-left:5px;}


    /* h */
        .h3{font-size:calc(20px + 5 * (100vw - 320px) / 1080);font-weight:200}
        .h3 strong{font-size:125%;display:block;margin-top:calc(2px + 2 * (100vw - 320px) / 1080);}
        
        .ti{font-weight:bold;font-size:calc(18px + 20 * (100vw - 320px) / 1080);}
        .tp{line-height:1.5;font-size:calc(15px + 3 * (100vw - 320px) / 1080);color:#b4a5e7;margin:calc(15px + 15 * (100vw - 320px) / 1080) auto;max-width:85%;width:calc(400px + 200 * (100vw - 320px) / 1080);}
    
    /* p */
        .p{font-size:calc(14px + 3 * (100vw - 320px) / 1080);line-height:1.7;font-weight:400;color:#b4a5e7;}
        * + .p{margin-top:calc(20px + 5 * (100vw - 320px) / 1080);}
        .p > * + *{margin-top:calc(10px + 3 * (100vw - 320px) / 1080);}

    /* vv */
        .vv{opacity:.1;position:absolute;top:50%;left:50%;width:calc(150px + 50 * (100vw - 320px) / 1080);transform:translate(-50%, -50%);}


/*----------------------------------------------------< APP >---------------------------------------------------*/

/************* app **************/

    #app, #app .scroll-content{position:absolute;width:100%;height:100%;z-index:1;}
    #app{opacity:0;}


/************* header **************/

    #h{opacity:0;z-index:1000;width:100%;transition:padding .7s;position:fixed;padding:calc(20px + 25 * (100vw - 320px) / 1080);display:flex;align-items:center;justify-content:space-between;}
    .fx #h{padding:calc(15px + 10 * (100vw - 320px) / 1080);}
    #h > *{z-index:10;}
    #h > .l{z-index:20;}
    #h:before{content:'';transition:height .7s, box-shadow .7s;position:absolute;left:0;top:0;z-index:0;width:100%;height:0;background-color:#110e21;}
    .fx #h:before{height:100%;box-shadow:0 0 calc(30px + 30 * (100vw - 320px) / 1080) rgba(0,0,0,.2);}
    #h .lo{display:flex;width:calc(160px + 40 * (100vw - 320px) / 1080);}
    #h .bnv{background:linear-gradient(to right, #5519ee, #9a23e6);border-radius:50%;width:45px;height:45px;overflow:hidden;display:none;position:absolute;right:0;top:50%;transform:translateY(-50%);}
    #h .bnv svg{width:80px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
    #h .bnv path{fill:none;stroke:#ece7fd;stroke-width:2;--length:24;--offset:-38;stroke-dasharray:var(--length) var(--total-length);stroke-dashoffset:var(--offset);transition:all .8s cubic-bezier(.645,.045,.355,1);}
    #h .bnv .l-1, #h .bnv .l-3{--total-length:125;}
    #h .bnv .l-2{--total-length:70;}
    .onav #h .bnv .l-1, .onav #h .bnv .l-3{--length:22;--offset:-92.5;}
    .onav #h .bnv .l-2{--length:0;--offset:-50;}


/************* nav **************/
    
    #n ul{display:flex;align-items:center;font-weight:bold;font-size:calc(14px + 2 * (100vw - 320px) / 1080);}
    #n ul li + li{margin-left:calc(30px + 30 * (100vw - 320px) / 1080);}
    #n a:not(.b):hover{color:#fff;text-shadow:0 3px 20px rgba(255,255,255,.5), 0 1px 5px rgba(255,255,255,.8);}


/************* default **************/
    
    #df{padding:calc(130px + 50 * (100vw - 320px) / 1080) 0 calc(40px + 30 * (100vw - 320px) / 1080);}
    #df:before{content:'';width:100%;height:130%;position:absolute;z-index:0;left:0;bottom:40%;background:radial-gradient(#2f2955 0%, #0e0c1c 70%);}
    #df h1{font-size:calc(25px + 25 * (100vw - 320px) / 1080);font-weight:bold;text-align:center;}
    #df h2{font-size:calc(20px + 20 * (100vw - 320px) / 1080);font-weight:bold;}
    #df h1 + *, #df .p + h2{margin-top:calc(25px + 20 * (100vw - 320px) / 1080);}
    #df h2 + .p{margin-top:calc(15px + 10 * (100vw - 320px) / 1080);}


/************* a **************/
    
    #a{padding-top:calc(130px + 50 * (100vw - 320px) / 1080);text-align:center;}
    #a .px1{position:absolute;width:20%;top:30%;left:-5%;opacity:1!important;}
    #a .px2{position:absolute;width:18%;top:30%;right:-5%;opacity:1!important;}
    #a > *{z-index:10;}
    #a .bg{background:radial-gradient(#1c1836 0%, transparent 70%);width:calc(700px + 500 * (100vw - 320px) / 1080);height:calc(700px + 500 * (100vw - 320px) / 1080);z-index:0;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
    #a h1{font-weight:200;font-size:calc(18px + 20 * (100vw - 320px) / 1080);}
    #a h1 strong{display:block;font-size:125%;margin-top:calc(3px + 5 * (100vw - 320px) / 1080);}
    #a p{line-height:1.5;font-size:calc(15px + 3 * (100vw - 320px) / 1080);color:#b4a5e7;margin:calc(15px + 15 * (100vw - 320px) / 1080) auto;max-width:85%;width:calc(400px + 200 * (100vw - 320px) / 1080);}


/************* b **************/
    
    #b{margin-top:calc(80px + 50 * (100vw - 320px) / 1080);}
    #b .ct{max-width:1400px}
    #b .bl{display:flex;justify-content:space-between;}
    #b .blb{align-self:flex-start;box-shadow:0 15px calc(15px + 20 * (100vw - 320px) / 1080) rgba(0,0,0,.3);overflow:hidden;width:calc(33.33% - 45px);text-align:center;padding:calc(25px + 10 * (100vw - 320px) / 1080) calc(20px + 5 * (100vw - 320px) / 1080) calc(20px + 10 * (100vw - 320px) / 1080);background-color:#131026;border-radius:30px;}
    #b .blb:after{background:linear-gradient(to left, transparent, #5519ee, transparent);content:'';position:absolute;bottom:0;width:80%;height:3px;z-index:0;left:10%;filter:blur(1px);}
    #b .blb.blb2{transform:translateY(60%);}
    #b .blb:before{content:'';width:100%;height:130%;position:absolute;z-index:0;left:0;bottom:40%;background:radial-gradient(#2f2955 0%, #131026 70%);}
    #b .bll{width:70px;z-index:100;transform:translateY(25%);}
    #b .bll > div{width:100px;height:2px;position:absolute;top:50%;left:50%;}
    #b .bll.bll1 > div{background:linear-gradient(to right, #05f24f, #fbff00);transform:translate(-50%, -50%) rotate(45deg);}
    #b .bll.bll2 > div{background:linear-gradient(to right, #3a49d0, #ec02f4);transform:translate(-50%, -50%) rotate(-45deg);}
    #b .bll span{position:absolute;top:50%;transform:translateY(-50%);width:15px;height:15px;background:blue;display:block;border-radius:50%;}
    #b .bll span:nth-child(1){left:-11px;}
    #b .bll span:nth-child(2){right:-11px;}
    #b .bll.bll1 span:nth-child(1){background-color:#05f24f;}
    #b .bll.bll1 span:nth-child(2){background-color:#fbff00;}
    #b .bll.bll2 span:nth-child(1){background-color:#3a49d0;}
    #b .bll.bll2 span:nth-child(2){background-color:#ec02f4;}
    #b h2{font-weight:bold;font-size:calc(17px + 4 * (100vw - 320px) / 1080);}
    #b p{font-size:calc(13px + 2 * (100vw - 320px) / 1080);color:#b4a5e7;font-weight:400;line-height:1.5;margin-top:calc(15px + 3 * (100vw - 320px) / 1080);}
  

/************* c **************/
    
    #c{z-index:1000;text-align:center;padding:calc(40px + 60 * (100vw - 320px) / 1080) 0 0;background:linear-gradient(to bottom, #0c0b18, #090912);margin:calc(150px + 70 * (100vw - 320px) / 1080) 0;} 
    #c .cb{align-items:center;display:flex;text-align:left;margin-top:calc(70px + 40 * (100vw - 320px) / 1080);}
    #c .cbi{align-self:flex-start;width:calc(400px + 150 * (100vw - 320px) / 1080);}
    #c .cbc{flex:1;}
    #c .cbc .bct{margin-top:20px;}
    #c .cb:nth-child(odd) .cbi{order:2;padding-left:60px;}
    #c .cb:nth-child(even) .cbi{padding-right:60px;}
    #c .cb:nth-child(odd) .cbc{order:1;}

    ._c{border-radius:calc(20px + 15 * (100vw - 320px) / 1080);background-color:#151229;overflow:hidden;box-shadow:0 15px calc(15px + 20 * (100vw - 320px) / 1080) rgba(0,0,0,.3);}
    ._cl{position:absolute;width:16%;background:#151229;height:2%;border-radius:50px;z-index:300;}
    ._cl svg{position:absolute;height:98%;top:1%;right:0;}
    ._cm{position:absolute;width:2%;z-index:500;}
    ._cb{transform:scale(.8);opacity:0;overflow:hidden;background-color:#151229;border-radius:calc(13px + 5 * (100vw - 320px) / 1080);z-index:100;position:absolute;box-shadow:0 10px calc(10px + 10 * (100vw - 320px) / 1080) rgba(0,0,0,.1);}
    ._cb:before{content:'';width:100%;height:20%;position:absolute;left:0;top:0;}
    ._cb1:before{background-color:#05f24f;}
    ._cb2:before{background-color:#5029e5;}
    ._cb3:before{background-color:#ec02f4;}
    ._cb ._clo{transform:scale(.5);opacity:0;position:absolute;left:37%;width:25%;top:10%;height:100%;}
    ._cb ._ch{transform:scale(.5);opacity:0;position:absolute;left:41%;width:15%;top:10%;height:100%;}
    ._cu{height:2px;z-index:100;position:absolute;top:0;transform-origin:top left;}
    ._cu ._cub{position:absolute;top:0;height:100%;width:0;}
    ._cu ._cuo{opacity:0;position:absolute;top:0;height:100%;width:0;z-index:100;}
    ._cu ._cus{position:absolute;width:7px;height:7px;top:-2px;transform:scale(1);}
    ._cbb{position:absolute;bottom:5%;right:5%;background-color:#151229;color:#b4a5e7;padding:6px 12px;border-radius:30px;font-weight:bold;font-size:calc(9px + 1 * (100vw - 320px) / 1080);box-shadow:0 10px calc(10px + 10 * (100vw - 320px) / 1080) rgba(0,0,0,.1);}

    ._c1 ._cm{top:77%;left:43%;}
    ._c1 ._cb{width:30%;height:23%;}
    ._c1 ._cb1{top:10%;left:30%;}
    ._c1 ._cb2{top:37%;left:60%;}
    ._c1 ._cb3{top:65%;left:30%;}
    ._c1 ._cl1{top:34.8%;left:3.3%;}
    ._c1 ._cl2{top:67.7%;left:3.3%;}
    ._c1 ._cl3{top:10%;left:3.3%;}
    
    ._c2 ._cb{transform:scale(1);opacity:1;width:30%;height:23%;}
    ._c2 ._cb1{top:12%;left:12%;}
    ._c2 ._cb2{top:38%;left:60%;}
    ._c2 ._cb3{top:65%;left:12%;}
    ._c2 ._cu1{top:25%;left:42%;width:24.5%;transform:rotate(42deg);z-index:200;}
    ._c2 ._cu1 ._cus1{background-color:#05f24f;left:-3px;border-radius:50%;z-index:150;}
    ._c2 ._cu1 ._cus2{right:-3px;background-color:#5029e5;border-radius:50%;z-index:150;}
    ._c2 ._cu1 ._cub{background-color:#05f24f;}
    ._c2 ._cu1 ._cuo{right:0;background:linear-gradient(to right, #05f24f, #5029e5);}
    ._c2 ._cu2{top:78%;left:42%;width:25%;transform:rotate(-45deg);}
    ._c2 ._cu2 ._cub{background-color:#ec02f4;}
    ._c2 ._cu2 ._cus1{left:-5px;top:-3px;background-color:#ec02f4;border-radius:50%;z-index:150;}
    ._c2 ._cu2 ._cuo{right:0;background:linear-gradient(to right, #ec02f4, #5029e5);}
    
    ._c3 ._cb{transform:scale(1);opacity:1;width:30%;height:23%;}
    ._c3 ._cb1{top:12%;left:12%;}
    ._c3 ._cb2{top:38%;left:60%;}
    ._c3 ._cb3{top:65%;left:12%;}
    ._c3 ._cu1{top:25%;left:42%;width:24.5%;transform:rotate(42deg);z-index:200;}
    ._c3 ._cu1 ._cus1{background-color:#05f24f;left:-3px;border-radius:50%;z-index:150;}
    ._c3 ._cu1 ._cus2{right:-3px;background-color:#5029e5;border-radius:50%;z-index:150;}
    ._c3 ._cu1 ._cuo{opacity:1;width:100%;background:linear-gradient(to right, #05f24f, #5029e5);}
    ._c3 ._cu2{top:78%;left:42%;width:25%;transform:rotate(-45deg);}
    ._c3 ._cu2 ._cus1{left:-5px;top:-3px;background-color:#ec02f4;border-radius:50%;z-index:150;}
    ._c3 ._cu2 ._cuo{opacity:1;width:100%;background:linear-gradient(to right, #ec02f4, #5029e5);}

    ._c4 ._cm{left:60%;top:75%}
    ._c4 ._cf{position:absolute;z-index:150;width:10%;top:40%;left:45%;opacity:0;transform:scale(.5)}
    ._c4 ._cb{transform:scale(1);opacity:1;width:30%;height:23%;}
    ._c4 ._cx{position:absolute;z-index:100;left:0;top:0;width:20%;height:100%;left:40%;transform:scale(.3);opacity:0;}
    ._c4 ._cb1{top:12%;left:12%;}
    ._c4 ._cb2{top:38%;left:60%;}
    ._c4 ._cb3{top:65%;left:12%;}
    ._c4 ._cu1{top:25%;left:42%;width:24.5%;transform:rotate(42deg);z-index:200;}
    ._c4 ._cu1 ._cus1{background-color:#05f24f;left:-3px;border-radius:50%;z-index:150;}
    ._c4 ._cu1 ._cus2{right:-3px;background-color:#5029e5;border-radius:50%;z-index:150;}
    ._c4 ._cu1 ._cuo{opacity:1;width:100%;background:linear-gradient(to right, #05f24f, #5029e5);}
    ._c4 ._cu2{top:78%;left:42%;width:25%;transform:rotate(-45deg);}
    ._c4 ._cu2 ._cus1{left:-5px;top:-3px;background-color:#ec02f4;border-radius:50%;z-index:150;}
    ._c4 ._cu2 ._cuo{opacity:1;width:100%;background:linear-gradient(to right, #ec02f4, #5029e5);}

    ._c5 ._cfl{position:absolute;width:35%;bottom:0;left:35%;opacity:0;transform:scale(1)!important;}
    ._c5 ._gl{position:absolute;font-weight:bold;opacity:0;color:#ece7fd;left:85%;z-index:100;bottom:5%;font-size:calc(10px + 1 * (100vw - 320px) / 1080);}
    ._c5 ._cb{transform:scale(1);opacity:1;width:30%;height:23%;}
    ._c5 ._cb1{top:12%;left:12%;}
    ._c5 ._cb2{top:38%;left:60%;}
    ._c5 ._cb3{top:65%;left:12%;}
    ._c5 ._cu1{top:25%;left:42%;width:24.5%;transform:rotate(42deg);z-index:200;}
    ._c5 ._cu1 ._cus1{background-color:#05f24f;left:-3px;border-radius:50%;z-index:150;}
    ._c5 ._cu1 ._cus2{right:-3px;background-color:#5029e5;border-radius:50%;z-index:150;}
    ._c5 ._cu1 ._cuo{opacity:1;width:100%;background:linear-gradient(to right, #05f24f, #5029e5);}
    ._c5 ._cu2{top:78%;left:42%;width:25%;transform:rotate(-45deg);}
    ._c5 ._cu2 ._cus1{left:-5px;top:-3px;background-color:#ec02f4;border-radius:50%;z-index:150;}
    ._c5 ._cu2 ._cuo{opacity:1;width:100%;background:linear-gradient(to right, #ec02f4, #5029e5);}


/************* j **************/
    
    #j{margin-top:calc(50px + 20 * (100vw - 320px) / 1080);transform:translateY(50%);display:flex;align-items:center;padding:calc(25px + 30 * (100vw - 320px) / 1080) calc(20px + 20 * (100vw - 320px) / 1080) calc(20px + 30 * (100vw - 320px) / 1080);background-color:#131026;border-radius:calc(20px + 15 * (100vw - 320px) / 1080);box-shadow:0 15px calc(15px + 20 * (100vw - 320px) / 1080) rgba(0,0,0,.3);overflow:hidden;width:100%;text-align:center;}
    #j > *{flex:1;}
    #j:before{content:'';opacity:1;width:100%;height:130%;position:absolute;z-index:0;left:0;bottom:40%;background:radial-gradient(#2f2955 0%, #131026 70%);}
    #j h2{text-align:left;padding-left:calc(10px + 25 * (100vw - 320px) / 1080);font-weight:bold;font-size:calc(35px + 5 * (100vw - 320px) / 1080);}
    #j .b{margin:2px;}


/************* d **************/
    
    #d{text-align:center;padding:0 0 calc(40px + 50 * (100vw - 320px) / 1080);} 
    #d .bg{opacity:.5;background:radial-gradient(#1c1836 0%, transparent 70%);width:calc(700px + 500 * (100vw - 320px) / 1080);height:calc(700px + 500 * (100vw - 320px) / 1080);z-index:0;content:'';position:absolute;top:0;left:50%;transform:translate(-50%, -50%);}
    #d .dls{display:flex;flex-wrap:wrap;margin:calc(20px + 20 * (100vw - 320px) / 1080) -20px -20px;} 
    #d .dls > *{display:flex;align-items:center;justify-content:center;margin:20px;box-shadow:0 15px calc(15px + 20 * (100vw - 320px) / 1080) rgba(0,0,0,.3);overflow:hidden;width:calc(50% - 40px);text-align:center;padding:calc(25px + 10 * (100vw - 320px) / 1080) calc(20px + 5 * (100vw - 320px) / 1080) calc(20px + 10 * (100vw - 320px) / 1080);background-color:#131026;border-radius:30px;}
    #d .dls > *:after{content:'';position:absolute;bottom:0;width:80%;height:3px;z-index:500;left:10%;filter:blur(1px);}
    #d .dls > *:before{content:'';width:100%;height:130%;position:absolute;z-index:0;left:0;bottom:40%;background:radial-gradient(#2f2955 0%, #131026 70%);}
    #d h3{font-weight:bold;font-size:calc(16px + 3 * (100vw - 320px) / 1080);}
    #d h3:before{content:'“';font-size:calc(40px + 10 * (100vw - 320px) / 1080);margin-bottom:-15px;display:block;}
    #d .dls > *:nth-child(1) h3:before{color:#05f24f;}
    #d .dls > *:nth-child(1):after{background:linear-gradient(to left, transparent, #05f24f, transparent);}
    #d .dls > *:nth-child(2) h3:before{color:#5029e5;}
    #d .dls > *:nth-child(2):after{background:linear-gradient(to left, transparent, #5029e5, transparent);}
    #d .dls > *:nth-child(3) h3:before{color:#ec02f4;}
    #d .dls > *:nth-child(3):after{background:linear-gradient(to left, transparent, #ec02f4, transparent);}
    #d .dls > *:nth-child(4) h3:before{color:#fdfe54;}
    #d .dls > *:nth-child(4):after{background:linear-gradient(to left, transparent, #fdfe54, transparent);}
    #d .dls > *:nth-child(5) h3:before{color:#4a26d6;}
    #d .dls > *:nth-child(5):after{background:linear-gradient(to left, transparent, #4a26d6, transparent);}
    #d .dls > *:nth-child(6) h3:before{color:#8833de;}
    #d .dls > *:nth-child(6):after{background:linear-gradient(to left, transparent, #8833de, transparent);}
    #d p{font-size:calc(12px + 3 * (100vw - 320px) / 1080);color:#b4a5e7;font-weight:400;line-height:1.5;margin-top:calc(15px + 3 * (100vw - 320px) / 1080);}
  

/************* e **************/
    
    #e{text-align:center;padding:calc(40px + 60 * (100vw - 320px) / 1080) 0 calc(40px + 40 * (100vw - 320px) / 1080);background:linear-gradient(to top, #0c0b18, #090912);}
    #e .els{display:flex;align-items:flex-start;flex-wrap:wrap;}
    #e .els > *{cursor:pointer;margin:15px;box-shadow:0 15px calc(15px + 20 * (100vw - 320px) / 1080) rgba(0,0,0,.3);overflow:hidden;width:calc(25% - 30px);text-align:center;padding:calc(25px + 10 * (100vw - 320px) / 1080) calc(20px + 5 * (100vw - 320px) / 1080) calc(20px + 10 * (100vw - 320px) / 1080);background-color:#131026;border-radius:30px;}
    #e .els > * > *{z-index:10;}
    #e .els h3{transition:color .6s, text-shadow .6s;font-weight:bold;font-size:calc(15px + 2 * (100vw - 320px) / 1080);}
    #e .els p{transition:color .6s;font-size:calc(12px + 2 * (100vw - 320px) / 1080);color:#ece7fd;opacity:.7;font-weight:400;line-height:1.3;margin-top:10px;}
    #e .els > * img:not(.eb){animation:lo 2s infinite linear;width:15%;min-width:30px;margin-bottom:15px;}
    #e .els > * img.eb{transition:transform .6s, opacity .6s;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:40%;opacity:0;z-index:3;}
    #e .els > *:hover img.eb{transform:translate(-50%, -50%) scale(1.5);opacity:.1;}
    #e .els > *:before{transition:.6s;opacity:.1;content:'';width:100%;height:150%;position:absolute;z-index:2;left:0;top:0%;}
    #e .els > *:hover:before{opacity:1;}
    #e .els > *:nth-child(1):before{background:linear-gradient(to top, #008aff, #131026)}
    #e .els > *:nth-child(1) h3{color:#008aff;}
    #e .els > *:nth-child(3):before{background:linear-gradient(to top, #6000ff, #131026)}
    #e .els > *:nth-child(3) h3{color:#6000ff;}
    #e .els > *:nth-child(2):before{background:linear-gradient(to top, #00ccff, #131026)}
    #e .els > *:nth-child(2) h3{color:#00ccff;}
    #e .els > *:nth-child(4):before{background:linear-gradient(to top, #18fc3d, #131026)}
    #e .els > *:nth-child(4) h3{color:#18fc3d;}

    @keyframes lo{
        0%{transform:scale(.9);}
        50%{transform:scale(1.1);}
        100%{transform:scale(.9);}
    }


/************* footer **************/
    
    #f{background-color:#080810;padding:calc(30px + 30 * (100vw - 320px) / 1080) 0;}
    #f .ct{display:flex;}
    #f .ct > div{flex:1;}
    #f .ct > div img{width:calc(200px + 50 * (100vw - 320px) / 1080);}
    #f .ct > div p{margin-top:calc(15px + 5 * (100vw - 320px) / 1080);color:#685b93;font-size:calc(10px + 2 * (100vw - 320px) / 1080);}
    #f .ct ul{padding-top:10px;font-size:calc(12px + 4 * (100vw - 320px) / 1080);}
    #f .ct ul a{color:#b4a5e7;}
    #f .ct ul a:hover{color:#6e2ee1;}
    #f .ct ul li:first-child{margin-bottom:20px;font-weight:bold;font-size:calc(14px + 5 * (100vw - 320px) / 1080);}
   /*  #f .ct ul + ul{margin-left:calc(30px + 60 * (100vw - 320px) / 1080);} */
    #f .ct ul + ul{margin-left:4rem;}
    #f .ct ul li + li{margin-top:15px;}


/************* x **************/
    
    #x{position:absolute;width:100vw;height:calc(500px + 200 * (100vw - 320px) / 1080);position:absolute;top:0;left:0;z-index:0;transform:translateY(25%);pointer-events:none;}
    #x canvas{width:100%!important;height:calc(500px + 200 * (100vw - 320px) / 1080)!important;}


/************* y **************/
        
    #y{width:calc(400px + 200 * (100vw - 320px) / 1080);pointer-events:none;margin-top:calc(30px + 30 * (100vw - 320px) / 1080);left:50%;transform:translateX(-50%);}
    #y .yt{width:100%;z-index:50;}
    #y .yt > *{fill:transparent;stroke-width:5px;}
    #y .yt .ytt{stroke:#ede8fd;stroke-dasharray:100;animation:dash 8s linear infinite;filter:drop-shadow(0 2px 7px #9a23e6);}
    #y .yt .ytb{stroke:#5519ee;}
    #y .yl{position:absolute;top:84%;left:1.5%;width:18%;z-index:100;}
    #y .yl.yl2{left:81.5%;}
    #y .yl > *{fill:transparent;stroke-width:5px;}
    #y .yl .ylu{stroke:#ede8fd;stroke-dasharray:100;animation:dash 8s linear infinite;filter:drop-shadow(0 2px 7px #9a23e6);}
    #y .yl .ylb{stroke:#5519ee;}
    #y .yb{position:absolute;width:20%;}
    #y .yb.yb1{top:-22%;left:2%;}
    #y .yb.yb2{top:-22%;left:77%;}
    #y .yb.yb3{top:62%;left:-14%;z-index:100;}
    #y .yb.yb4{top:87%;left:14%;z-index:150;}
    #y .yb.yb5{top:87%;left:65%;z-index:150;}
    #y .yb.yb6{top:62%;left:94%;z-index:100;}
    #y .ys{position:absolute;width:15%;z-index:80;}
    #y .ys.ys1{left:17%;top:-.8%;}
    #y .ys.ys2{left:67.7%;top:-1.5%;}
    #y .ys.ys3{left:1%;top:82.5%;z-index:160;}
    #y .ys.ys4{left:85%;top:82.5%;z-index:160;}
    #y .ybs{width:35%;position:absolute;left:50%;top:18%;transform:translateX(-50%);z-index:100;}
    #y .ybs .ybsh{position:absolute;left:50%;z-index:70;transform:translateX(-50%);bottom:64%;width:83%;animation:shad 2s linear infinite;}
    #y .ybs .ybsg{position:absolute;width:28%;z-index:60;left:50%;transform:translateX(-50%);animation:yg 2s linear infinite;}
    #y .ylo{position:absolute;z-index:200;animation:ylo 2s linear infinite;}
    #y .ylo1{left:100.2%;top:57%;width:8%;}
    #y .ylo2{left:83%;top:-27%;width:8%;}
    #y .ylo3{left:9%;top:-28%;width:6%;}
    #y .ylo4{left:-7%;top:57%;width:7%;}
    #y .ylo5{left:20%;top:82%;width:8%;}
    #y .ylo6{left:70%;top:81%;width:8%;}
    #y .ysh{position:absolute;width:18%;z-index:250;animation:shad 2s linear infinite;}
    #y .ysh1{left:3%;top:-41%;}
    #y .ysh2{left:78%;top:-41%;}
    #y .ysh3{left:95%;top:43%;}
    #y .ysh4{left:-13%;top:43%;}
    #y .ysh5{left:15%;top:68%;}
    #y .ysh6{left:66%;top:68%;}

    @keyframes dash{
      to{stroke-dashoffset:1000;}
    }
    @keyframes shad{
      0%{opacity:1;}
      50%{opacity:.2;}
      100%{opacity:1;}
    }
    @keyframes yg{
      0%{top:-10%;}
      50%{top:-15%;}
      100%{top:-10%;}
    }
    @keyframes ylo{
      0%{margin-top:-10px;}
      50%{margin-top:5px;}
      100%{margin-top:-10px;}
    }

    
/*----------------------------------------------------< MEDIA QUERIES >---------------------------------------------------*/

/************* min 901 **************/ @media screen and (min-width:901px){

    #n ul a{transform:none!important;}

}
/************* max 1100 **************/ @media screen and (max-width:1100px){

    #f .ct ul + ul{margin-left:calc(25px + 30 * (100vw - 320px) / 1080);}

}
/************* max 1000 **************/ @media screen and (max-width:1000px){

    #e .els > *{width:calc(50% - 30px);}

}
/************* max 900 **************/ @media screen and (max-width:900px){

    #h .bnv{display:flex;}

    #n{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;width:100%;height:100vh;pointer-events:none;}
    .onav #n{pointer-events:auto;}
    #n:before{transition:1s;content:'';position:absolute;left:0;top:0;width:100%;height:0;z-index:0;background:linear-gradient(to bottom, #0f0d1e, #1b1734);}
    .onav #n:before{height:100%;}
    #n ul{padding-top:calc(40px + 20 * (100vw - 320px) / 1080);flex-direction:column;text-align:center;}
    #n ul li{overflow:hidden;}
    #n ul li + li{margin-left:0;margin-top:calc(35px + 15 * (100vw - 320px) / 1080);}
    #n ul a{transition:0s;display:inline-flex;}
    #n ul a:hover{text-shadow:0 0 0!important;}
    #n ul a:not(.b){font-size:calc(25px + 15 * (100vw - 320px) / 1080);}

    #c .cb{margin-top:calc(50px + 40 * (100vw - 320px) / 1080);flex-direction:column;text-align:center;}
    #c .cbc{order:1;padding:0;}
    #c .cbi{width:100%;order:2;padding:0!important;margin-top:calc(25px + 15 * (100vw - 320px) / 1080);}
    #c .cbi > *{margin:auto;width:calc(350px + 250 * (100vw - 320px) / 1080);max-width:100%;}

    #j{display:block;margin-top:calc(-30px - 20 * (100vw - 320px) / 1080);}
    #j h2{padding-left:0;text-align:center;font-size:calc(20px + 20 * (100vw - 320px) / 1080);margin-bottom:calc(20px + 15 * (100vw - 320px) / 1080);}

    #f .ct{flex-wrap:wrap;}
    #f .ct > div{border-bottom:1px solid rgba(255,255,255,.05);width:100%;flex-basis:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:calc(25px + 20 * (100vw - 320px) / 1080);margin-bottom:calc(25px + 20 * (100vw - 320px) / 1080)}
    #f .ct > div p{margin-top:0;}
    #f .ct ul{flex:1;}

    .badge {display:none;}
    .bjrb {
        margin-top: 30px;
        font-size: initial;
    }

}
/************* max 850 **************/ @media screen and (max-width:850px){
    
    #c{margin:calc(50px + 60 * (100vw - 320px) / 1080) 0;}

    #b{margin-top:calc(110px + 50 * (100vw - 320px) / 1080);}
    #b .bl{flex-direction:column;align-items:center;}
    #b .blb{width:90%;padding:calc(25px + 30 * (100vw - 320px) / 1080);left:5%;}
    #b .blb.blb2{transform:none;}
    #b .bll{height:50px;transform:none;}
    #b .bll > div{max-width:60px;}
    #b .bll span{width:12px;height:12px;}

    #d{margin-top:calc(180px + 20 * (100vw - 320px) / 1080)!important;} 

    #a .px1, #a .px2{display:none;}

}
/************* max 600 **************/ @media screen and (max-width:600px){
    
    #d .dls > *, #e .els > *{width:calc(100% - 30px);}

    #f .ct{display:block;text-align:center;}
    #f .ct img{max-width:70%;}
    #f .ct > div{padding-bottom:0;margin-bottom:calc(25px + 10 * (100vw - 320px) / 1080);display:block;border-bottom:0;}
    #f .ct > div p{margin-top:10px;}
    #f .ct ul + ul{margin-left:0!important;margin-top:calc(15px + 10 * (100vw - 320px) / 1080);}
    #f .ct ul li:first-child{font-size:calc(16px + 5 * (100vw - 320px) / 1080);}
    #f .ct ul a{font-size:calc(14px + 5 * (100vw - 320px) / 1080);}

}

/** lang selector **/

.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }

  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  
  @media screen and (min-width:901px){      
      .dropdown-content {
        display: none;
        position: absolute;
        background-color: #110e21;
        min-width: 160px;
        z-index: 1;
      }
    }
    
    @media screen and (max-width:900px){
        .dropdown-content {
          display: none;
          background-color: #110e21;
          min-width: 160px;
          z-index: 1;
        }

        .mobm {
            padding-bottom: 40px;
        }
  }
  
  .dropdown-content a {
    color:#fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-content a:hover {
    color:#fff;
    text-shadow:0 3px 20px rgba(255,255,255,.5), 0 1px 5px rgba(255,255,255,.8);
    }
  
  .dropdown:hover .dropdown-content {
    display: block;
  }
  
  .dropdown:hover .dropbtn {
      color:#fff;
      text-shadow:0 3px 20px rgba(255,255,255,.5), 0 1px 5px rgba(255,255,255,.8);
  }

  .glq-li {
      text-transform: uppercase;
  }
  .glq-flags a:before {
    content: "";
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -1px;
    display: inline-block;
    overflow: hidden;
    background-image: url(../images/rect_mate.png);
    background-size: auto 20px;
    width: 30px;
    height: 20px;
}

.glq-flags.flag-3 a:before {
    background-image: url(../images/circular_flag.png);
    background-size: auto 24px;
    border-radius: 0;
    width: 24px;
    height: 24px;
}

.glq-li.flag-3.en a:before {
    background-position: -2520px 0;
}

.glq-li.flag-3.fr a:before {
    background-position: -2760px 0;
}

.glq-li.flag-3.es a:before {
    background-position: -3576px 0;
}

.glq-li.flag-3.ru a:before {
    background-position: -2664px 0;
}

.glq-li.flag-3.zh a:before {
    background-position: -3240px 0;
}

.glq-li.flag-3.ar a:before {
    background-position: -3336px 0;
}

.glq-li.flag-3.jp a:before {
    background-position: -2448px 0;
}

.glq-li.flag-3.pt a:before {
    background-position: -3504px 0;
}

.glq-li.flag-3.et a:before {
    background-position: -2856px 0;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}
.badge {
    display: absolute;
    padding: 0.15em 0.2em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    border-radius: 0.25rem;
    top: -20px;
    left: -14px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.lftb {
    left: 30px;
}