.sidebar-scroller *,.sidebar-scroller *:after,.sidebar-scroller *:before{position:relative}
.fx{margin-top:0!important}
[class^=i_]:before,[class*=" i_"]:before{font-family:'Line Awesome Brands';speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1}
.scrollbar-track{pointer-events:none;opacity:0;transition:opacity .3s,background .3s;position:absolute;z-index:9999;background-color:#eee;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.scrollbar-track:hover,.scrollbar-track.show{opacity:1}
.landh .scrollbar-track,.scrollbar-track.show{opacity:1}
.scrollbar-track-y{height:100%;width:3px;top:0;right:0;margin:0 auto;background:rgba(0,0,0,.1)}
.scrollbar-track-y .scrollbar-thumb{cursor:pointer;pointer-events:auto;width:8px;left:-2px;border-radius:5px 0 0 5px}
.scrollbar-track-y .scrollbar-thumb:before{content:'';width:7px;height:100%;left:-4px;position:absolute;top:0;background:rgba(255,255,255,.15);border-radius:calc(15px / 2)}
.landh .scrollbar-track-y .scrollbar-thumb:before{background:#16141c!important;border-radius:calc(15px / 2)}
.scroll{position:absolute;bottom:calc(25px + 2%);left:calc(15px + 2%);height:calc(40px + 15 * (100vw - 320px)/1080)}
.scroll>div{width:3px;background-color:#edf1f3;height:100%}
.scroll>div:after,.scroll>div:before{content:'';bottom:-2px;position:absolute;background:inherit;height:25%;width:inherit}
.scroll>div:before{transform:rotate(-40deg);transform-origin:bottom left;border-bottom-left-radius:3px}
.scroll>div:after{transform:rotate(40deg);transform-origin:bottom right;border-bottom-right-radius:3px}
#app{overflow:hidden;z-index:99}
.cirbc{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;align-items:center;justify-content:center}
.cirbc .cirb,.cirbc .cirbr{width:150vw;height:150vw;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cirbc .cirbr{background-color:#16141c;width:0;height:0}
.cirbc svg{fill:none;stroke-linecap:round;stroke-dasharray:0 999;opacity:0;width:100px;fill:transparent;stroke-width:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}
.cirbc .ico{z-index:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:#edf1f3}
.cirbc .ico i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}
.sp{height:100vh;pointer-events:none}
.sp-3{height:30vh}
#e{color:#edf1f3;text-align:left;padding-top:50vh;pointer-events:none;height:0}
#e h2 span{display:block}
.eavl{color:#edf1f3;width:100%;position:absolute;top:0;display:flex;align-items:center;text-align:right}
.eavl>*{flex:1;margin:auto}
.eavl .ct{}
.eavl h2{font-size:calc(25px + 15 * (100vw - 320px)/1080);font-weight:200;width:50%;left:calc(-80px - 30 * (100vw - 320px)/1080)}
.eavl h2 span{display:block}
.eavl h2 strong{font-weight:800}
#h,.she{pointer-events:none;position:absolute;width:100%;display:flex;pointer-events:none;align-items:center;justify-content:space-between;padding:calc(15px + 2%) calc(15px + 2%) calc(15px + 2%) calc(25px + 2%);z-index:9997}
#h .h1{position:absolute;top:0;left:0;transform:translateY(-110%)}
.she{z-index:9998;justify-content:flex-end}
.she a{margin-left:auto;pointer-events:auto}
#h.mixb{z-index:500;mix-blend-mode:difference}
#h.mixb .bn{pointer-events:none}
#h.hcl,.mix:not(.onav) #h{mix-blend-mode:difference}
#h>*:not(#n){pointer-events:auto;z-index:10}
#h>.r{margin-left:auto;display:flex;align-items:center}
#h .pho{font-size:calc(14px + 3 * (100vw - 320px)/1080);font-weight:800;color:#edf1f3;display:inline-block;margin-right:20px;opacity:0;visibility:hidden;left:30px;transition:.6s .1s}
#h .pho i{margin-right:10px}
.onav #h .pho{opacity:1;left:0;visibility:visible;transition:.6s .5s}
#h .lg{width:calc(160px + 30 * (100vw - 320px)/1080);display:block;transition:.4s}
#h .logo{width:100%;overflow:hidden;transition:width .4s,opacity .2s}
html:not(.creaOpen) .fix:not(.onav) #h:not(:hover) .logo{width:36.2%}
body[class*=blck-]:not(.onav) #h .logo svg,body:not(.onav) #h.blck-1 .logo svg{fill:#16141c}
body[class*=whte-]:not(.onav) #h .logo svg{fill:#edf1f3!important}
.bn{transition:opacity .2s;cursor:pointer;width:calc(55px + 7 * (100vw - 320px)/1080);height:calc(55px + 7 * (100vw - 320px)/1080);border-radius:50%;display:flex;align-items:center;justify-content:center}
.bn>div{width:calc(22px + 4 * (100vw - 320px)/1080);height:10px}
.bn>div>span{transition:background .4s;position:absolute;width:100%;height:2px;background-color:#edf1f3}
body[class*=blck-]:not(.onav) .bn>div>span,body:not(.onav) #h.blck-1 .bn>div>span{background-color:#16141c}
body[class*=whte-]:not(.onav) .bn>div>span{background-color:#edf1f3}
.bn>div>span:nth-child(1){top:0;transition:background .4s,top .2s .2s,transform .2s}
.bn.clos>div>span:nth-child(1),html.creaOpen .bn>div>span:nth-child(1){top:4px;transform:rotate(45deg)}
.onav .bn>div>span:nth-child(1),.bn.closH>div>span:nth-child(1){top:4px;transform:rotate(45deg);transition:background .4s,bottom .2s,transform .2s .2s}
.onav:not(.fonav) .bn:hover>div>span:nth-child(1){transform:rotate(0);transition:background .4s,transform .2s}
.bn>div>span:nth-child(2){bottom:0;transition:background .4s,bottom .2s .2s,transform .2s}
.bn.clos>div>span:nth-child(2),html.creaOpen .bn>div>span:nth-child(2){bottom:4px;transform:rotate(-45deg)}
.bn.closH>div>span:nth-child(2),.onav .bn>div>span:nth-child(2){bottom:4px;transform:rotate(-45deg);transition:background .4s,bottom .2s,transform .2s .2s}
.onav:not(.fonav) .bn:hover>div>span:nth-child(2){transform:rotate(0);transition:background .4s,transform .2s}
.bn svg{mix-blend-mode:normal;pointer-events:none;transition:all .8s,opacity 0s .8s;stroke-linecap:round;stroke-dasharray:0 999;fill:transparent;stroke-width:4px;position:absolute;top:0;left:0;opacity:0}
.onav .bn svg,.bn:hover svg{stroke-dasharray:300 999;opacity:1;transition:all .8s,opacity 0s;transform:rotate(90deg)}
#we:not(.r){z-index:100;overflow:hidden;width:100%;height:100vh;background:linear-gradient(120deg,#16141c,#09080b);color:#edf1f3;display:flex;align-items:center;justify-content:center;padding:calc(50px + 5%) 0}
#we .wec{width:70%;z-index:10}
#we .wem{font-size:calc(25px + 50 * (100vw - 320px)/1080);font-weight:800;line-height:1.2;white-space:nowrap;margin-top:calc(15px + 2%);margin-bottom:calc(30px + 4%)}
#we .wem>div{overflow:hidden;margin-bottom:calc(0px - 15 * (100vw - 320px)/1080)}
#we .wem>div>div{display:flex;align-items:center}
#we .wem .wew{display:inline-block;width:100%;color:transparent;height:100%;overflow:hidden}
#we .wem .wew>div{transform:translateY(0%);position:absolute;top:0}
#we .wem .wew>div.active{transform:translateY(0%)}
#we .tc svg{fill:#edf1f3}
#we .screen{pointer-events:none;position:absolute;right:calc(-25px - 30 * (100vw - 320px)/1080);width:calc(500px + 300 * (100vw - 320px)/1080);top:47%;transform:translateY(-50%);z-index:0}
#we .screen .sc{width:100%}
#we .screen .kb{width:60%;position:absolute;bottom:-2%;left:3%}
#we .screen .ms{width:17%;position:absolute;bottom:-8%;left:55%}
#we .sm{overflow:hidden;padding:10px;z-index:100;width:65.6%;height:57%;background-color:#110f16;position:absolute;top:22.7%;left:21%;transform:rotateY(6deg) skewY(26.4deg) skewX(-10.5deg);border-radius:3px}
#we .sm:before{z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;content:''}
#we .sm *{position:absolute;border-radius:3px}
#we .smc{height:calc(100% - 30px);top:15px;width:calc(100% - 30px);left:15px}
#we .smc .smc_h{background-color:#16141c;width:100%;top:0;height:13%}
#we .smc .smc_lg1{left:3.5%;height:8%;top:5%}
#we .smc .smc_lg>div{width:calc(7px + 5 * (100vw - 320px)/1080);height:calc(10px + 5 * (100vw - 320px)/1080);border-radius:50%}
#we .smc .smc_lg>div:nth-child(2){left:calc(10px + 5 * (100vw - 320px)/1080)}
#we .smc .smc_lg>div:nth-child(3){left:calc(20px + 10 * (100vw - 320px)/1080)}
#we .smc .smc_u{height:1.3%;top:6%;right:5%;width:50%;display:flex;align-items:center;justify-content:space-between}
#we .smc .smc_u li{position:relative;width:20%;height:100%}
#we .smc .smc_u div{width:100%;height:100%;background-color:#24212d;right:0;top:0}
#we .smc .smc_h{background-color:#16141c;width:100%;top:0;height:13%;display:flex;align-items:center}
#we .smc .smc_s{width:100%;top:15%;height:50%;display:flex;align-items:center}
#we .smc .smc_s>div{width:80%;height:30%;left:10%}
#we .smc .smc_s-sub{background-color:#24212d;width:30%;top:0;height:6%;display:flex;align-items:center}
#we .smc .smc_s-tit{width:50%;top:30%;height:20%;display:flex;align-items:center}
#we .smc .smc_s-tit.t2{width:40%;top:60%;height:20%;display:flex;align-items:center}
#we .smc .smc_a{width:20%;left:0;height:42%;background-color:#16141c;top:65%}
#we .smc .smc_a-c{width:18%;left:1%;height:40%;top:65%;z-index:5;padding:10px}
#we .smc .smc_a-c li{width:80%;height:2%;background-color:#24212d;position:relative;margin-top:10%}
#we .smc .smc_a-c li.fi{width:100%;margin-top:20%}
#we .smc .smc_c4{width:41%;right:50%;height:30%;background-color:#16141c;top:135%}
#we .smc .smc_c1{width:78%;height:42%;background-color:#16141c;top:65%}
#we .smc .smc_cv div{width:100%;height:1%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(20deg);transform-origin:center center;background-color:#24212d}
#we .smc .smc_cv div:nth-child(2){transform:translate(-50%,-50%) rotate(-20deg)}
#we .smc .smc_c4 div{transform:translate(-50%,-50%) rotate(30deg)}
#we .smc .smc_c4 div:nth-child(2){transform:translate(-50%,-50%) rotate(-30deg)}
#we .smc .smc_c2{width:50%;height:20%;left:5%;background-color:#110f16;top:95%}
#we .smc .smc_c3{width:40%;height:50%;left:10%;top:100%}
#we .smc .smc_c3 div{position:relative;margin-top:3%;width:100%;height:1%;position:relative;background-color:#24212d}
#we .smc .smc_c3 div.fi{height:2%}
#we .smc .smc_c3 div.fim{width:80%}
#we .smc .smc_c3 div.fim+.fi{margin-top:15%}
#we .smc .smc_c3 div.fi+div:not(.fi){margin-top:6%}
#we .smc .smc_ul{display:flex;top:175%;width:100%;height:35%;left:1%}
#we .smc .smc_ul div{position:relative;height:100%;width:33.33%;max-width:33.33%;flex-basis:33.33%}
#we .smc .smc_ul div>span{display:block;width:0;height:100%;background-color:#16141c;position:relative}
#we .smc .smc_ul span>span{top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:block;border:2px solid #edf1f3;width:calc(30px + 20 * (100vw - 320px)/1080);height:calc(35px + 20 * (100vw - 320px)/1080)}
#we .smc .smc_f{width:100%;height:1px;top:226%;left:0%}
#we .smc .smc_f>div{width:40%;height:3px;background-color:#24212d;left:48%;transform:translateX(-50%)}
#we .smc .smc_f>div:nth-child(2){width:25%;top:calc(7px + 3 * (100vw - 320px)/1080)}
#we .smc .smc_lg2{left:44%;height:8%;top:218%}
#we .down{height:70px;width:2px;background-color:#edf1f3;margin-top:calc(30px + 3%)}
[data-work]{pointer-events:auto;cursor:pointer}
#wr{display:none;position:fixed;top:0;height:100%;width:100%;z-index:8888;align-items:center;justify-content:center;color:#edf1f3;text-align:center}
#wr .bg{position:absolute;bottom:0;height:0;width:100%;opacity:1;background:linear-gradient(120deg,#16141c,#09080b);border-radius:3px}
#wr .wrc{position:absolute;width:1000px;height:600px;z-index:1;border-radius:3px;overflow:hidden}
#wr .wrb{z-index:10;padding:calc(25px + 5%);height:100%}
#wr .wrb h2{font-size:calc(25px + 15 * (100vw - 320px)/1080);font-weight:800;line-height:1.3;overflow:hidden}
#wr .wrb h2 span{display:inline-block}
#wr .wrb h3{font-size:calc(17px + 8 * (100vw - 320px)/1080);font-weight:200;margin-bottom:calc(25px + 3%)}
#wr .wrb h4{font-size:calc(16px + 6 * (100vw - 320px)/1080);font-weight:800}
#wr .wrl{position:absolute;bottom:0;width:100%;height:5px;border-top:1px solid rgba(255,255,255,.01);background:rgba(0,0,0,.1)}
#wr .wrl .line{position:absolute;width:0;height:4px}
#wr .wrp{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;left:0;top:0}
#wr .wrp ul{margin-top:calc(15px + 2%);font-size:calc(12px + 2 * (100vw - 320px)/1080);display:flex;white-space:nowrap}
#wr .wrp ul li{paddin:0 10px 10px}
#wr .ckb{transition:.2s;padding:calc(15px + 1%) calc(20px + 1%) calc(13px + 1%);font-weight:800;display:inline-block;border:2px solid transparent;background:rgba(0,0,0,.2);border-radius:3px;cursor:pointer;user-select:none;-moz-user-select:none}
#cl{color:#16141c;transition:color .8s .3s;text-align:center;position:fixed;top:0;left:0;height:100%;width:100%;z-index:9999;background-color:#edf1f3;display:flex;align-items:center;justify-content:center}
.wcl #cl{color:#edf1f3;pointer-events:none}
#cl .clc{z-index:5;display:none}
#cl .tit{z-index:10;overflow:hidden;font-weight:800;font-size:calc(18px + 30 * (100vw - 320px)/1080);line-height:1.2;letter-spacing:-1px;margin-bottom:calc(10px + 5 * (100vw - 320px)/1080)}
#cl .tit>*{display:inline-block}
#cl .tit .s2{position:absolute;width:100%;top:0;left:0;text-align:center;transform:translateY(100%)}
#cl p{font-size:calc(13px + 4 * (100vw - 320px)/1080)}
#cl .logo{display:none;z-index:5;width:calc(100px + 20 * (100vw - 320px)/1080);position:absolute;bottom:calc(15px + 10 * (100vw - 320px)/1080);left:50%;transform:translateX(-50%)}
#cl .logo svg{transition:fill .8s .2s;fill:#16141c}
html:not(.ie) #cl .logo svg{height:20px}
.wcl #cl .logo svg{fill:#edf1f3}
#cl .bg{z-index:1;background-color:red;position:absolute;bottom:0;width:100%;height:0;left:0;overflow:hidden}
#cl .bg>div{position:absolute;top:0;left:0;width:100vw;height:100vh}
#cl .clb{margin-top:calc(25px + 10 * (100vw - 320px)/1080)}
#cl [data-color]{transition:0s!important;width:calc(30px + 5 * (100vw - 320px)/1080);height:calc(30px + 5 * (100vw - 320px)/1080);background-color:#16141c;display:inline-block;margin:0 6px;border-radius:50%;cursor:pointer}
#cl [data-color]:before{opacity:0;transition:.2s;position:absolute;border-radius:50%;border:2px solid #16141c;width:calc(100% + 8px);height:calc(100% + 8px);left:-4px;top:-4px;content:''}
#cl [data-color]:hover:before{opacity:1}
#ld{text-align:center;position:fixed;top:0;left:0;height:100%;width:100%;z-index:9998;display:flex;align-items:center;justify-content:center}
#ld .bg{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0}
#ld .logo{width:calc(180px + 100 * (100vw - 320px)/1080);z-index:5;overflow:hidden}
#ld .logo svg{fill:#edf1f3}
#n{color:#edf1f3;display:none;position:absolute;height:100vh;width:100%;left:0;top:0;z-index:5}
.onav #n{pointer-events:auto}
#n>*{width:50%;height:100%}
#n>*>*{z-index:5}
#n .bg{position:absolute;top:0;left:0;width:100%;height:0%;z-index:0}
#n .nr .bg{top:auto;bottom:0;left:auto;right:0}
#n .nr .bg{background:linear-gradient(to top,#16141c,#09080b)}
#n .nl .bg{background:linear-gradient(to top,#16141c,#09080b)}
#n .nl{display:flex;align-items:center;justify-content:center}
#n .nl .nlc{width:100%;font-weight:800;font-size:calc(25px + 23 * (100vw - 320px)/1080);padding-left:calc(25px + 15%);line-height:1.3}
#n .nl nav li{overflow:hidden;margin-top:calc(10px + 5 * (100vw - 320px)/1080)}
#n .nl nav li:nth-child(4){display:none}
#n .nl nav a{transition:color .3s;display:inline-block;transform:translateY(0%)}
#n .nl nav a:hover{color:#16141c}
#n .ms{transform:translateY(50px);opacity:0;flex-wrap:wrap;padding:0 calc(15px + 1%);display:flex;font-weight:400;font-size:calc(11px + 2 * (100vw - 320px)/1080);position:absolute;bottom:calc(10px + 10 * (100vw - 320px)/1080);left:0;text-align:center;justify-content:center;width:100%}
#n .ms li{margin-bottom:10px}
#n .ms li:not(:last-child):after{content:'';width:3px;height:3px;background:rgba(255,255,255,.5);display:inline-block;margin:0 10px;border-radius:50%;top:-2px}
#n .ms a:hover{color:#16141c}
#n .nr{display:flex;align-items:center}
#n .nr .nrc{padding:0 calc(25px + 15%)}
#n .nr .art li{margin-top:calc(25px + 5%)}
#n .nr .art a{transition:color .4s;line-height:1.2;display:inline-block;font-size:calc(16px + 8 * (100vw - 320px)/1080);font-weight:800}
#n .nr .art a span{display:inline-block}
#n .nr .art time{color:#888;opacity:.6;font-size:calc(12px + 2 * (100vw - 320px)/1080);display:block;margin-bottom:calc(15px + 1%)}
#n .nr .tc svg{fill:#edf1f3}
#n .nr .rs{display:flex;font-size:calc(18px + 5 * (100vw - 320px)/1080);margin-top:calc(30px + 5%)}
#n .nr .rs li + li{margin-left:20px}
#sv{min-height:100vh}
/* GSAP pin wraps .rg in .pin-spacer; spacer still captures clicks unless disabled */
#sv .pin-spacer{pointer-events:none!important}
#svlg{position:relative;z-index:2}
#sv .rg{pointer-events:none;position:absolute;top:0;width:100%;padding-left:65%;z-index:1}
#sv .lgt{position:relative;z-index:2}
#sv .lgt .bcc,
#sv .lgt .bcc a{position:relative;z-index:5;pointer-events:auto}
#sv .data-scroller-fixed{position:fixed;position:fixed;top:0;bottom:0;margin:0 auto}
#sv .cir{width:76vh;height:76vh;border-radius:50%;top:12vh;    /* right: -200px; */}
.sandcup-log-scroll{position:absolute;width:250px;top:0;left:0;right:0;bottom:0;margin:auto;transform-origin:center center}
#sv .circ{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px solid #cdcccf}
#sv .circm{width:1px;height:1px;position:absolute;top:50%;left:50%}
#sv .rnd{width:1px;height:1px;position:absolute}
#sv .rnd>div{width:calc(140px + 50 * (100vw - 320px)/1080);height:calc(140px + 50 * (100vw - 320px)/1080);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#sv .rnd>div>div{transform-origin:center center;box-shadow:0 1px 3px 1px rgba(99,0,243,.2);width:5%;height:5%;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#sv .rnd i{font-size:calc(65px + 30 * (100vw - 320px)/1080);color:#edf1f3;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#sv .crc{position:absolute}
#sv .crc img{width:45%}
#sv .crc>div{position:absolute;width:100%;height:100%}
#sv .crc:nth-child(1){height:1px;width:38vh;right:0}
#sv .crc:nth-child(1)>div{right:0}
#sv .crc:nth-child(1) .rnd{left:0}
#sv .crc:nth-child(2){height:38vh;width:1px;bottom:0}
#sv .crc:nth-child(2)>div{bottom:0}
#sv .crc:nth-child(2) .rnd{top:0}
#sv .crc:nth-child(3){height:1px;width:38vh;left:0}
#sv .crc:nth-child(3)>div{left:0}
#sv .crc:nth-child(3) .rnd{right:0}
#sv .crc:nth-child(4){height:38vh;width:1px;top:0}
#sv .crc:nth-child(4)>div{top:0}
#sv .crc:nth-child(4) .rnd{bottom:0}
#sv .crc:nth-child(5){height:38vh;width:1px;top:0}
#sv .crc:nth-child(5)>div{top:0}
#sv .crc:nth-child(5) .rnd{bottom:0}
#sv .lgt{height:100vh;width:100%;display:flex;align-items:center;padding-right:50%;padding-left:11%}
@media screen and (min-width:1400px) and (max-width:1600px){
#sv .lgt{padding-left:calc(50% - 670px);padding-right: 30%;}
}
#sv .lgt h3{font-weight:200;font-size:calc(18px + 10 * (100vw - 320px)/1080);line-height:1.3}
#sv .lgt h3 strong{font-weight:800;display:block;font-size:130%}
#sv .lgt .tx{font-size:calc(13px + 2 * (100vw - 320px)/1080);width:80%;line-height:1.8;margin:0;color:#666;letter-spacing:.25px;padding-top:30px}
#sv .lgt .tx:nth-of-type(1){padding-bottom:20px}
#sv .lgb{height:100vh}
#sv .lgb5{height:25vh}
.sp-5{position:absolute;top:0}
.lgtxt{color:#edf1f3;text-align:center;z-index:100;height:100%;display:flex;align-items:center;font-weight:200}
.lgtxt>div{width:100%}
.lgtxt h2{margin:0 auto calc(25px + 3%);font-weight:200;font-size:calc(25px + 20 * (100vw - 320px)/1080);width:90%}
.lgtxt h2 strong{font-weight:800}
.lgtxt .step{white-space:nowrap;font-size:calc(50px + 50 * (100vw - 320px)/1080);font-weight:700}
.lgtxt .stepc{position:absolute;left:100%}
.lgtxt .stepc span{font-weight:200;font-style:italic}
.lgtxc{text-align:left;height:100vh;min-height:600px;max-height:950px;display:flex;align-items:center}
.lgtxc .ct>div{width:calc(50% - 100px);left:calc(50% + 100px)}
.lgtxc h3{font-size:calc(14px + 10 * (100vw - 320px)/1080);font-weight:200}
.lgtxc h3>*{display:block}
.lgtxc h3>strong{font-weight:800}
.lgtxc .txt{font-size:calc(12px + 2 * (100vw - 320px)/1080);width:100%;font-weight:200;line-height:1.8;margin:calc(25px + 2%) auto 0;color:#edf1f3}
.lgtxc .txt strong{font-weight:800}
.lgtxt .tc{position:absolute;bottom:0;margin-bottom:calc(15px + 30 * (100vh - 320px)/1080)}
#co{padding:calc(30px + 8%) 0;text-align:center;color:#edf1f3;z-index:5000}
#co .ct{z-index:1}
#co h2{font-weight:800;margin-bottom:calc(20px + 3%);line-height:1.3}
#co h2 small{font-size:calc(20px + 10 * (100vw - 320px)/1080)}
#co h2 span{display:inline-block}
#co h2 strong{font-weight:200;overflow:hidden;font-size:calc(30px + 30 * (100vw - 320px)/1080);display:block;margin-bottom:5px}
#co fieldset{background:#edf1f3;width:calc(300px + 100 * (100vw - 320px)/1080);max-width:100%;margin-left:auto;margin-right:auto;min-height:50px}
#co fieldset+fieldset{margin-top:27px}
#co fieldset.txt{overflow:hidden;width:calc(400px + 100 * (100vw - 320px)/1080)}
#co fieldset>label{padding-top:18px}
#co fieldset.act>label{color:#edf1f3;top:-15px;padding-top:0;font-weight:800;font-size:12px}
#co fieldset.act>textarea{color:#000;max-height:250px;overflow:visible}
#co fieldset.act>input{color:#000}
#co fieldset+.btfb button{top:10px!important}
@keyframes fireworkone{
0%{opacity:0}
25%{opacity:.15}
50%{opacity:.3}
75%{opacity:.15}
100%{opacity:0}
}
@keyframes fireworktwo{
0%{opacity:0}
25%{opacity:.45}
50%{opacity:.8}
75%{opacity:.45}
100%{opacity:0}
}
@keyframes fireworthree{
0%{opacity:0}
25%{opacity:.55}
50%{opacity:1}
75%{opacity:.55}
100%{opacity:0}
}
@keyframes elastic-pulse{
0%{transform:scale(.2)}
100%{transform:scale(1)}
}
.img-firework{animation-duration:1s;animation-iteration-count:infinite;animation-name:elastic-pulse;animation-delay:0s}
#cof{padding:0 calc(20px + 200 * (100vw - 320px)/1080);position:absolute;top:15px;left:0;width:100%;height:100%;overflow:hidden;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}
.whte-99 #cof{pointer-events:auto}
#cof form{width:100%;padding:calc(25px + 10 * (100vw - 320px)/1080) 0;text-align:center}
#cof .btf{transition:color .3s,background .3s,transform .3s;z-index:100;margin:0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background:rgba(0,0,0,.05);width:calc(40px + 10 * (100vw - 320px)/1080);height:calc(40px + 10 * (100vw - 320px)/1080);font-size:calc(15px + 5 * (100vw - 320px)/1080)}
html:not(.mob) #cof .btf:hover{background-color:#edf1f3}
#cof .btf:active{transform:scale(.8)}
#cof .times{top:-100px;opacity:0;margin-bottom:calc(15px + 1%)}
#cof .times:hover{transform:rotate(-90deg)}
#cof .times:active{transform:scale(.8) rotate(-90deg)}
#cof .btfb{display:flex;justify-content:center;margin-top:calc(15px + 1%);position:absolute;bottom:0;width:100%;transform:translateY(calc(100% + 15px))}
#cof .btfb .btf{margin:0 5px}
#cof .tit{font-weight:800;font-size:calc(18px + 18 * (100vw - 320px)/1080);overflow:hidden;line-height:1.2}
#cof .tit>div:not(.t1){position:absolute;transform:translateY(100%);top:0;width:100%}
#cof .fc{margin-top:calc(20px + 1%)}
#cof .fm1{z-index:1}
#cof .fm1>div{transition:height 1s!important}
#cof .fc>div:not(.fm1){z-index:1;position:absolute;top:0;width:100%;height:100%;pointer-events:none}
#cof .fm2{z-index:0}
#cof .slc{margin:0 -5px;display:flex;justify-content:center;flex-wrap:wrap}
#cof .slc li{padding:5px}
#cof .slc3 li{width:33.33%;max-width:33.33%;flex-basis:33.33%}
#cof .slc li>div{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(0,0,0,.05);box-shadow:0 15px 50px transparent;transition:all .4s,transform .2s;padding:calc(25px + 10 * (100vw - 320px)/1080) calc(20px + 10 * (100vw - 320px)/1080);cursor:pointer;border-radius:30px}
html:not(.mob) #cof .slc li>div:hover{background-color:#edf1f3;box-shadow:0 15px 50px rgba(0,0,0,.2)}
#cof .slc li>div:active{transform:scale(.9)}
#cof .slc i{opacity:.7;transition:transform .4s;display:inline-block;font-size:calc(45px + 10 * (100vw - 320px)/1080)}
#cof .slc li>div:hover i{transform:scale(1.2) rotate(-5deg)}
#cof .slc .t{font-size:calc(16px + 3 * (100vw - 320px)/1080);font-weight:700}
#cof .slc i+.t{margin-top:calc(15px + 5 * (100vw - 320px)/1080)}
[data-range]{width:30%;margin:calc(15px + .5%) auto calc(35px + 1%);height:3px}
[data-range]:before{content:"";position:absolute;top:0;left:-10px;width:calc(100% + 20px);height:100%;z-index:0;background:rgba(0,0,0,.05);border-radius:25px;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset}
[data-range] .ui-slider-range{opacity:.5;cursor:pointer;height:100%;background-color:#16141c;border-radius:25px;box-shadow:0 0 0 1px rgba(0,0,0,.05) inset}
[data-range] .ui-slider-handle{cursor:grab;width:20px;height:20px;border-radius:50%;display:block;position:absolute;top:50%;transform:translate(-50%,-50%)}
[data-range] .value{background-color:#edf1f3;transition:.1s;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center bottom;font-size:10px;padding-top:15px;font-weight:700;width:40px;height:40px;border-radius:50%;text-align:center;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 10px rgba(0,0,0,.05)}
[data-range] .both-max:before{opacity:0;transition:.2s;width:100%;text-align:center;content:'ou +';position:absolute;bottom:9px;left:0;font-size:9px}
[data-range].maxi .both-max:before{opacity:1}
[data-range] .ui-state-active{cursor:grabbing;z-index:9999;bottom:100%}
[data-range] .ui-state-active .value{transform:translate(-50%,-25%) scale(1.5)}
#et{padding:calc(30px + 10%) 0;overflow:hidden;z-index:4000}
#et .swp{margin:0 calc(-3px - 30 * (100vw - 320px)/1080)}
#et .tc{left:-10px;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);z-index:100;background-color:#edf1f3;box-sizing:content-box;border:5px solid #edf1f3}
#et .swiper-wrapper{cursor:grab}
#et.premove .swiper-wrapper{cursor:grabbing}
#et .sw{height:calc(300px + 300 * (100vw - 320px)/1080);max-height:70vh;padding:0 calc(6px + 60 * (100vw - 320px)/1080);cursor:grab}
#et .cont{width:100%;height:100%;background-color:#edf1f3}
#et .bg{overflow:hidden}
#et.move .bg{transform:scale(.9)}
#et .bg:after{opacity:.5;content:'';background-color:#16141c}
#et.move .bg:after{opacity:0}
#et .bg,#et .bg>div,#et .bg:after{position:absolute;top:0;left:0;width:100%;height:100%}
#et .bg>div{height:150%}
#et.move .bg>div{transform:scale(1.1)}
#et .txt{user-select:none;-moz-user-select:none;transition:opacity .8s!important;position:absolute;left:0;top:20px;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center}
#et.move .txt{opacity:.2}
#et .nm{white-space:nowrap;font-size:calc(35px + 65 * (100vw - 320px)/1080);text-align:center;font-weight:800;color:#edf1f3;z-index:10;line-height:.9}
#et .txt ul{margin-top:calc(10px + 5 * (100vw - 320px)/1080);color:#edf1f3;display:flex;align-content:center;justify-content:center;font-size:calc(10px + 4 * (100vw - 320px)/1080);font-weight:400}
#et .txt ul li:not(:last-child):after{vertical-align:middle;margin:0 7px;top:-1px;content:'';display:inline-block;width:3px;height:3px;background-color:#edf1f3;border-radius:50%}
#f{overflow:hidden;font-size:calc(12px + 2 * (100vw - 320px)/1080);color:#5c5c5c;line-height:1.5;padding:calc(30px + 3%) 0 calc(25px + 3%);font-weight:700;background:linear-gradient(120deg,#16141c,#09080b)}
#f .clo{display:flex;margin-top:calc(15px + 1%)}
#f .clo button{width:20px;height:20px;border-radius:50%}
#f .clo button+button{margin-left:8px}
#f .clo button:before{transition:.2s;content:"";position:absolute;top:-3px;left:-3px;width:26px;height:26px;z-index:0;border:1px solid #edf1f3;border-radius:50%;opacity:0}
#f .clo button:hover:before{opacity:.2}
#f .clo button.select:before{opacity:1}
#f .ct{display:flex}
#f .l,#f .lm{padding-right:calc(25px + 7%)}
#f .r{margin-left:auto}
#f .logo{fill:#edf1f3;width:200px;margin-bottom:calc(20px + 1%)}
#f h4{margin-top:3px;font-size:calc(13px + 3 * (100vw - 320px)/1080);margin-bottom:calc(20px + 1%)}
#f .inf{color:#edf1f3;font-size:calc(20px + 3 * (100vw - 320px)/1080);line-height:1.3;font-weight:800}
#f .inf>*{cursor:pointer;transition:color .3s}
#f .rs{margin-bottom:calc(20px + 1%);display:flex;justify-content:space-between;font-size:calc(18px + 2 * (100vw - 320px)/1080)}
#f .rs li+li{margin-left:calc(10px + 15 * (100vw - 320px)/1080)}
#f .rs i{font-weight:300}
#f .r{text-align:right}
#f .r a:hover{color:#edf1f3}
fieldset{text-align:left;border:0;background:rgba(0,0,0,.4);border-radius:25px;height:45px;font-size:14px}
fieldset ul{background:#ff4e4e;width:35px;height:35px;position:absolute;right:5px;top:5px;border-radius:50%;padding:0}
fieldset ul:before{font-family:'font awesome 5 pro';content:'\f00d';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
fieldset ul li{display:none}
fieldset+fieldset{margin-top:13px}
fieldset>*{position:absolute;height:100%;width:100%;border:0;padding:16px 25px;resize:none}
fieldset>label{transition:.2s;color:#6d6681}
fieldset.act>label{height:15px;padding-top:0;font-size:10px;top:-4px}
fieldset.txt{height:auto;min-height:45px}
fieldset textarea{position:relative;overflow:hidden}
.tp{overflow:hidden;text-align:center;padding-top:calc(80px + 4%);background:linear-gradient(120deg,#16141c,#09080b);color:#edf1f3}
.tp .ct{z-index:5;padding:calc(50px + 2%) 0}
.tp .sub{margin-bottom:calc(15px + 5 * (100vw - 320px)/1080);font-size:calc(11px + 1 * (100vw - 320px)/1080);text-transform:uppercase;letter-spacing:calc(5px + 6 * (100vw - 320px)/1080)}
.tp .h1{font-weight:800;font-size:calc(20px + 20 * (100vw - 320px)/1080);margin-bottom:calc(5px + 10 * (100vw - 320px)/1080)}
.tp .bg{opacity:.08;filter:blur(5px) grayscale(1);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
#err{height:100vh;color:#edf1f3;display:flex;align-items:center}
#err .smile{font-weight:800;font-size:calc(50px + 15 * (100vw - 320px)/1080)}
#err .error-code{font-weight:800;font-size:calc(18px + 8 * (100vw - 320px)/1080);margin:calc(25px + 2%) 0 calc(10px + .5%)}
#err p{line-height:1.3;font-size:calc(13px + 3 * (100vw - 320px)/1080);margin-bottom:calc(25px + 2%)}
.def h2{font-size:calc(17px + 7 * (100vw - 320px)/1080)}
.def h3{font-size:calc(15px + 5 * (100vw - 320px)/1080);font-weight:400}
.def h4{font-size:calc(14px + 5 * (100vw - 320px)/1080);font-weight:800}
.def *+figure,.def *+h2,.def *+h3{margin-top:calc(30px + 5 * (100vw - 320px)/1080)}
.def *+h4{margin-top:calc(25px + 5 * (100vw - 320px)/1080)}
.def *+.p{margin-top:calc(20px + 5 * (100vw - 320px)/1080)}
.def .p{font-weight:400;font-size:calc(13px + 1 * (100vw - 320px)/1080);line-height:1.6;color:#3f3b48}
.def .p strong{display:inline}
.def .p>*+*{margin-top:calc(15px + 5 * (100vw - 320px)/1080)}
.def .p ul li{padding-left:15px}
.def .p ul li+li{margin-top:10px}
.def .p ul li:before{content:'•';position:absolute;left:0}
.shre{margin-top:calc(25px + 2%);padding-top:calc(20px + .5%);border-top:1px solid rgba(0,0,0,.08);display:flex;font-weight:800;font-size:calc(13px + 3 * (100vw - 320px)/1080)}
.shre ul{margin-left:15px;font-weight:400;font-size:calc(15px + 3 * (100vw - 320px)/1080);display:flex;align-items:center}
.shre ul li+li{margin-left:10px}
.hspan span{display:block;white-space:nowrap}
.hspan>span{line-height:1.2;overflow:hidden;margin-bottom:calc(0px - 5 * (100vw - 320px)/1080)}
@media screen and (max-width:1600px){
#f .ct{width:90vw}
#f .l,#f .lm{padding-right:calc(20px + 5%)}
}
@media screen and (max-width:1250px){
#sv .rg{padding-left:75%}
#sv .lgt{padding-right:35%}
}
@media screen and (max-width:1084px){
.ct,#we .wec{width:85vw}
#f .ct{flex-wrap:wrap}
#f .l{order:10;padding-top:calc(15px + 1%);margin-top:calc(15px + 1%);border-top:1px solid rgba(255,255,255,.05);width:100%;max-width:100%;flex-basis:100%;display:flex;align-items:center;justify-content:space-between;padding-right:0}
#f .logo{margin-bottom:0}
#f .l br{display:none}
#f .clo{margin-top:0}
.afar{display:block}
.afar .left{width:100%;max-width:100%;flex-basis:100%;padding-right:0}
.afar .asi{padding-left:0;border-left:0;width:100%;max-width:100%;flex-basis:100%}
.afar .asi h3{font-size:calc(17px + 8 * (100vw - 320px)/1080);border-top:1px solid rgba(0,0,0,.08);margin-top:calc(25px + 2%);padding-top:calc(15px + 1%)}
.afar .asi .lasc h4{font-size:calc(16px + 5 * (100vw - 320px)/1080)}
.afar .asi .gct{display:flex;align-items:center;margin:-7px}
.afar .asi .gct>*{margin-top:0;margin:7px}
#crea .cre{display:flex;flex-direction:column}
#crea .cre .l{position:relative;width:100%;height:auto;padding-bottom:calc(40px + 10 * (100vw - 320px)/1080)}
#crea .cre .r{width:100%;position:relative}
#crea .cre .bca{display:inline-block;margin-right:25px}
.line-p span{font-size:9px}
}
#app{overflow:visible!important;height:auto!important}
.scroll-content{transform:none!important}

/* @media screen and (min-width:901px) {
#sv .rg>div {
    transform: none!important
}
} */
@media screen and (max-width:950px){
html:not(.horiz) #app .app-c.appet{overflow:visible}
.ec{display:block;width:100%;max-width:100%;overflow:hidden}
.ec>*:not(.cov){height:auto}
.ec section:not(.cov){display:block}
.ec section>.ct,.ec .pres .ct,.ec .part-2 .ct{padding:calc(45px + 50 * (100vw - 320px)/1080) 0;width:85vw;margin:auto}
.ec .cov .tc{left:50%;transform:translateX(-50%)}
.ec .tc i.awr{animation:arrowd 1s infinite linear}
.ec .tc i:before{display:block;transform:rotate(90deg)}
.ec .pres .info>div{width:50%}
.ec .mck{margin:5vh auto}
.ec .mck-5{margin-bottom:-3vh}
.ec .mck img{max-height:auto;max-width:100%}
.ec .mck.mck-1{left:-10vw}
.ec .mck.mck-3{margin-top:-15vw}
.ec .bga{width:100%;height:calc(350px + 250 * (100vw - 320px)/1080)}
.ec .bga>div{width:100%;height:150%}
.ec .desc>div{width:50%}
.ec .tch{left:50%;top:0}
.ec .tch+.ct{padding:calc(70px + 20 * (100vw - 320px)/1080) 0}
.line-ec{height:2px}
.ec .part-lg .ct{display:block}
.ec .part-lg .lgs{flex-direction:column;margin:calc(30px + 3%) auto calc(50px + 200 * (100vw - 320px)/1080);margin-left:0}
.ec .part-lg .lgs img{width:calc(350px + 200 * (100vw - 320px)/1080);max-width:85%;margin-left:auto;margin-right:auto}
.ec .part-lg .lgs img+img{margin-top:calc(40px + 3%)}
.ec .resul .chif{flex-wrap:wrap;margin-top:10px}
.ec .resul .chif>div{width:50%;max-width:50%;flex-basis:50%;margin-right:0;margin-top:calc(15px + 2%)}
.ec .resul .nmb{margin:0 calc(15px + 1%) 0 0}
.ec section.nxt{width:100%;height:100vh;display:flex}
#sv .rg{padding-left:0!important;left:0;display:none}
#sv .rg>div{transform:translateY(-70%) rotate(-90deg);transform-origin:center center}
#sv .rg .cir{top:0;width:100vw;height:100vw}
#sv .rg .rnd{transform:rotate(90deg)}
#sv .lgt{padding:0vw 0 0!important;text-align:center;height:auto!important}
#sv .lgt .tx{width:100%;padding:0 15px;margin:calc(25px + 15 * (100vw - 320px)/1080) 0;text-align:left}
#sv .crc:nth-child(1),#sv .crc:nth-child(3){width:50vw}
#sv .crc:nth-child(2),#sv .crc:nth-child(4){height:50vw}
#sv .lgt h3 strong{font-weight:800;display:block;font-size:130%}
.eavl{text-align:center;margin-top:0!important;position:relative;align-items:flex-end}
.eavl h2{display:none;transform:none!important;opacity:1!important;width:100%;top:100vh;left:0}
.eavl .ct{width:100%;text-align:center}
.lgtxc .ct>div{width:100%;left:0;text-align:center}
.cirbc svg,.cirbc .ico{top:30%}
}
@media screen and (max-width:900px){
#n .nr{display:none}
#n .nl{width:100%;text-align:center}
#n .nl .nlc{padding:0 calc(20px + 3%);font-size:calc(25px + 30 * (100vw - 320px)/1080)}
#n .nl nav li:nth-child(4){display:block}
#h .pho i{display:none!important}
#cof{padding:0 calc(10px + 60 * (100vw - 320px)/1080)}
}
@media screen and (min-width:851px){
.lst>*.big{width:100%;max-width:100%;flex-basis:100%}
.lst .big>*{display:flex}
.lst .big .lf{width:50%;max-width:50%;flex-basis:50%;padding-right:25px;margin-bottom:0}
.lst .big .rg{align-self:center;width:50%;max-width:50%;flex-basis:50%;padding-left:25px}
.lst .big h2{font-size:calc(24px + 15 * (100vw - 320px)/1080)}
}
@media screen and (max-width:850px){
.lst>*{padding:calc(10px + 15 * (100vw - 320px)/1080) 20px}
#crea .cre .l{padding-top:calc(90px + 30 * (100vw - 320px)/1080)}
#crea .cre .l .lct .dte{margin-bottom:0}
#crea .cre .l .lct .p{display:none}
#cn{width:calc(400px + 200 * (100vw - 320px)/1080);margin:40vh auto 0;max-width:100%}
#map{width:100%;height:150vh;top:-40vh}
#map:after{content:'';position:absolute;bottom:0;left:0;height:50vh;width:100%;z-index:10;background:linear-gradient(to top,#16141c,rgba(0,0,0,0))}
#map .mapboxgl-control-container{display:none}
}
@media screen and (max-width:800px){
#f .ct{width:85vw}
#f .logo{width:150px}
#f .ct>*{width:100%;max-width:100%;flex-basis:100%}
#f .rm,#f .lm{margin:5px 0;display:flex;align-items:center;justify-content:space-between;padding-right:0}
#f h4{margin-bottom:0}
#f .inf{font-size:calc(15px + 4 * (100vw - 320px)/1080)}
#f .inf br{display:none}
#f .tl:after{content:'-';margin-left:5px;pointer-events:none;color:#edf1f3!important}
#f .r{padding-top:calc(15px + 1%);margin-top:calc(15px + 1%);border-top:1px solid rgba(255,255,255,.05);width:100%;max-width:100%;flex-basis:100%;display:flex;align-items:center;justify-content:space-between;padding-right:0}
#f .rs{margin-bottom:0}
#sc{text-align:center}
#sc .tc{margin:auto}
#sc .ls li{margin-top:calc(40px + 10 * (100vw - 320px)/1080);width:100%;max-width:100%;flex-basis:100%}
#sc .ls .ic{margin:auto;width:calc(100px + 50 * (100vw - 320px)/1080);height:calc(100px + 50 * (100vw - 320px)/1080)}
#sc .ic svg{stroke-width:2px;opacity:0}
#sc i{font-size:calc(25px + 15 * (100vw - 320px)/1080)}
#sc .ls.lsl>li{display:block;width:50%;max-width:50%;flex-basis:50%;margin-top:calc(40px + 10 * (100vw - 320px)/1080)}
#sc .ls.lsl .ic{margin-right:auto;margin-bottom:calc(20px + 5 * (100vw - 320px)/1080)}
#sc .ls .p{margin-left:auto;margin-right:auto;width:90%}
.nvsw{justify-content:center}
}
@media screen and (max-width:780px){
#et .tc{top:0;left:50%;transform:translate(-50%,-50%)}
}
@media screen and (max-width:750px){
#f .rm,#f .lm{margin:0;display:block;text-align:center}
#f .rm{margin-top:15px;margin-bottom:5px}
#f .r{padding-top:25px}
#f h4{margin-bottom:5px}
#f .inf{font-size:calc(14px + 10 * (100vw - 320px)/1080)}
#f .l{flex-direction:column;padding-top:25px}
#f .clo{margin-top:15px}
.lst{margin-top:5px}
.lst>*{width:100%;max-width:100%;flex-basis:100%}
#a .gcat a i{font-size:calc(50px + 20 * (100vw - 320px)/1080);margin-bottom:0}
#a .gcat a span{display:none}
}
@media screen and (max-width:700px){
.ec .resul .chif>div{width:100%;max-width:100%;flex-basis:100%}
.ec .pres .txt{font-size:calc(13px + 2 * (100vw - 320px)/1080)}
.ec .sb{font-size:10px;letter-spacing:2px}
}
@media screen and (max-width:680px){
.afar .asi .gct{flex-wrap:wrap}
.afar .asi .gct>*{padding:calc(30px + 10 * (100vw - 320px)/1080) 15px}
.afar .asi .gct a i{font-size:calc(30px + 5 * (100vw - 320px)/1080)}
#we{align-items:flex-end}
#sc h2{font-size:calc(20px + 10 * (100vw - 320px)/1080)}
}
@media screen and (max-width:600px){
#cof .slc li{width:50%;max-width:50%;flex-basis:50%}
#cof .slc li>div{padding:calc(20px + 10 * (100vw - 320px)/1080) calc(15px + 10 * (100vw - 320px)/1080)}
#cof .slc li i{font-size:calc(40px + 10 * (100vw - 320px)/1080)}
#cof .slc .t{font-size:calc(14px + 5 * (100vw - 320px)/1080)}
.swe .nme{font-size:calc(30px + 15 * (100vw - 320px)/1080)}
#eu .eui{height:calc(400px + 200 * (100vw - 320px)/1080)}
.ec .desc{flex-wrap:wrap}
.ec .desc>*{width:100%;max-width:100%;flex-basis:100%}
.ec .desc>*+*{margin-top:calc(25px + 2%)}
}
@media screen and (max-width:550px){
#sc .ls.lsl>li{width:100%;max-width:100%;flex-basis:100%}
#h .pho{display:none}
}
@media screen and (max-width:600px){
#cof .slc li>div{padding:calc(15px + 8 * (100vw - 320px)/1080) calc(10px + 8 * (100vw - 320px)/1080)}
#cof .slc li i{font-size:calc(35px + 8 * (100vw - 320px)/1080)}
#cof .slc .t{font-size:calc(13px + 4 * (100vw - 320px)/1080)}
}
*::-moz-selection{background:#fe6571;color:#fff}
*::selection{background:#fe6571;color:#fff}
.color_bg,.color_bg_af:after,#ld .bg,#cl .bg>div,#n .nl .bg,.scrollbar-track-y .scrollbar-thumb:before,#co,#we .smc .smc_s-tit,#we .smc .smc_lg>div,#we .smc .fi,#sv .rnd>div>div,.tag:after,#a .r button:after,.ltml,#map .marker,.ec .list-s i:after,.swe .bg,#ck{background:linear-gradient(320deg,#fe6571,#fe6571)!important}
.drg,#sc .ls h4 strong,.afar .gct a small:before,#a .gcat a small:before,html:not(.ie) #we .wem .wew>div,#e .lgtxt h3 span,#e .lgtxt h2 strong,.ec .resul .tit small,.afar .p a:not([data-editor-btn]),#sc .p a:not([data-editor-btn]):not(.btn),#h .pho .phone:before,.def .p ul li:before{background:linear-gradient(to right,#fe6571,#fe6571);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#wr .wrl .line,.btn:before,.line-ec .ln{background:linear-gradient(to right,#fe6571,#fe6571)}
.swe .fab:hover,.ec .nxt a:hover .tc,.ec [data-go]:hover,.line-ec .lp>div:hover,.shre a:hover,#n .nr a:hover,#n .nr .art li:hover a,html.ie #we .wem .wew>div,[data-range] .value,.color_h:hover,#wr .ckb:hover,.c1,#f .inf>*:hover,#f a:hover,html:not(.mob) #cof .slc li>div:hover,#cof .btf:hover,.tag:hover{color:#fe6571}
#wr input:checked+.ckb,#we .smc .smc_ul span>span{border-color:#fe6571}
#map .mapboxgl-ctrl-group>button:hover,.eth [data-cursor] .cur2,.tInf time:after{background:#fe6571}
html:not(.horiz) #app .app-c{overflow:hidden}
@media screen and (max-width:767px){
#sv .rg{display:none}
.market-research-section{padding:80px 0}
.market-research-section .sidebar-scroller .default-button{margin-bottom:30px}
.sp{height:0!important}
#e{padding-top:0}
}