#App contactus{display:none;position:fixed;right:10%;top:40px;width:600px;height:270px;z-index:100}#App contactus.enabled{display:block}#App contactus div.win{background:linear-gradient(50deg,#5D42AF,#873FBA);padding:20px;border-radius:20px;height:100%;box-shadow:0 5px 18px 2px rgba(20,0,150,.4);visibility:hidden;opacity:0;transition:all .5s ease}#App contactus.show div.win{opacity:1;visibility:visible}#App contactus div.win::before{content:"";display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(20,0,100,.1)}#App contactus div.win b.btncls{background-color:#b677e3;display:inline-block;padding:5px;color:#582a7f;border-radius:30px;position:absolute;top:-10px;right:-10px;border:2px solid #7939b0;box-shadow:-2px 2px 4px #411c61;cursor:pointer;z-index:60}#App contactus div.win b.btncls i.icon{font-size:18px;width:18px}#App contactus div.win b.btncls:hover{background-color:#d29cf9}#App contactus.finish div.win b.btncls{background-color:#9ad597;color:#2c7536;border-color:#297524;box-shadow:-2px 2px 4px #2c7f2b}#App contactus.finish div.win b.btncls:hover{background-color:#fff}#App contactus div.win h3{position:absolute;top:-20px;left:50px;margin:0;padding:12px 24px;border-radius:20px;font-weight:var(--font-700);background:linear-gradient(50deg,#FF8D40,#FFD248);font-size:1em;color:#FFF;box-shadow:0 6px 0 rgba(0,0,50,.15);text-shadow:1px 1px 2px #75380f;z-index:10}#App contactus div.win div.flds{position:relative;z-index:1;white-space:nowrap;overflow:hidden;width:330px;transform:translate3d(220px,0,0);transition:transform 1s ease;transition-delay:.2s}#App contactus div.win div.flds div.fldcnt{transform:translate3d(0,0,0);transition:transform .1s linear;transition-delay:.45s}#App contactus div.win div.flds.pg2 div.fldcnt{transform:translate3d(calc(-100% - 30px),0,0)}#App contactus div.win div.flds div.page{display:inline-block;white-space:normal;width:100%;vertical-align:top}#App contactus div.win div.flds div.page + div.page{margin-left:20px}#App contactus div.win div.flds input,#App contactus div.win div.flds textarea{background:#9466d1;border:2px solid #502a71;padding:8px;border-radius:0 18px 18px 0;color:#3b1e55;font-family:var(--font-family);font-weight:var(--font-700)}#App contactus div.win div.flds input{position:relative;padding:6px 8px 6px 18px;border-left:none;z-index:0;width:260px;box-shadow:2px 2px 3px rgba(10,0,100,.2);outline:none}#App contactus div.win div.flds textarea{border-radius:18px;resize:none;width:256px;height:140px;outline:none;padding:18px;font-size:1.1em}#App contactus div.win div.flds input::placeholder,#App contactus div.win div.flds textarea::placeholder{font-family:var(--font-family);font-weight:var(--font-700);font-size:1em;color:#502a71;text-transform:none;letter-spacing:normal}#App contactus div.win div.flds div.ipts>div{position:relative;margin-top:16px;padding-left:33px}#App contactus div.win div.flds div.ipts b{display:block;position:absolute;aspect-ratio:1 / 1;top:-5px;left:0;bottom:-5px;background-color:#9466d1;border-radius:40px;border:2px solid #502a71;box-shadow:4px 0 3px rgba(10,0,100,.3)}#App contactus div.win div.flds div.ipts input.hl~b{background-color:#ff9841;animation:hl_field 1.5s linear infinite}@keyframes hl_field{ 0%{background-color:#ff9841} 50%{background-color:#ffcd47} 100%{background-color:#ff9841}}#App contactus div.win div.flds div.ipts i.icon{display:block;position:absolute;top:5px;left:5px;color:#502a71;font-size:1.5em;width:1.5em}#App contactus div.win div.flds input:focus{background:#a87fdf}#App contactus div.win div.flds input:focus~b{background:#a87fdf}#App contactus div.win div.flds input:focus~i.icon{color:#3b1e55}#App contactus div.win div.flds input.txsch,#App contactus div.win div.flds input.txnme{text-transform:uppercase}#App contactus div.win div.flds input.txcel{letter-spacing:3px}#App contactus div.win div.flds input.txcel::-webkit-inner-spin-button,#App contactus div.win div.flds input.txcel::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#App contactus div.win div.flds input.txeml{text-transform:lowercase}#App contactus div.win div.acts{text-align:right;padding:30px 0}#App contactus div.win globe{display:block;position:absolute;top:0;left:0;right:0;bottom:-40px;border-radius:20px;overflow:hidden;z-index:4;pointer-events:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#App contactus div.win globe b{display:block;position:absolute;background:#9466d1;aspect-ratio:1 / 1;width:600px;border-radius:600px;left:0;top:0;transform:translate3d(-370px,-100px,0);transition:all 1.5s ease-out}#App contactus div.win globe div.agnt1{display:block;position:absolute;left:10px;bottom:10px;aspect-ratio:2 / 3;width:200px;background:url(../im/contact/agent_1.png);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;transition:transform 1.2s ease-out;transform:translate3d(0,0,0)}#App contactus div.win globe div.agnt2{display:block;position:absolute;right:20px;bottom:20px;aspect-ratio:2 / 3;width:200px;background:url(../im/contact/agent_2.png);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;transition:transform .5s ease-out;transform:translate3d(200px,0,0)}#App contactus div.win div.flds.pg2{transform:translate3d(0px,0,0)}#App contactus div.win div.flds.pg2 + globe b{transform:translate3d(346px,30px,0)}#App contactus div.win div.flds.pg2 + globe div.agnt1{transform:translate3d(-200px,0,0)}#App contactus div.win div.flds.pg2 + globe div.agnt2{transform:translate3d(0px,0,0)}#App contactus div.win div.sending{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:50;visibility:hidden}#App contactus div.win div.sending div.info{position:relative;height:calc(100% - 40px);border-radius:20px;background:linear-gradient(50deg,#5D42AF,#873FBA);padding:40px;text-align:center;opacity:0;transform:translate3d(0,100px,0);transition:all .5s ease-out}#App contactus div.win div.sending div.info div.result{font-size:1.5em;font-weight:var(--font-700);color:#FFF}#App contactus div.win div.sending div.info div.agnt3{background:url(../im/contact/agent_3.png);background-position:50% 100%;background-repeat:no-repeat;background-size:contain;height:240px}#App contactus.sending div.win div.sending{visibility:visible}#App contactus.sending div.win div.sending div.info{opacity:1;transform:translate3d(0,0,0)}#App contactus div.win div.finish{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:50;visibility:hidden}#App contactus div.win div.finish div.info{position:relative;height:calc(100% - 40px);border-radius:20px;background:linear-gradient(50deg,#1078c1,#50ba3f);padding:40px;text-align:center;opacity:0;transform:translate3d(0,100px,0);transition:all .5s ease-out;display:flex}#App contactus div.win div.finish div.info div.agnt4{background:url(../im/contact/agent_4.png);background-position:50% 100%;background-repeat:no-repeat;background-size:contain;flex:none;width:200px}#App contactus div.win div.finish div.info div.result{font-size:1.9em;font-weight:var(--font-400);color:#FFF;flex:1;text-align:left;line-height:1.4;padding-left:30px;filter:drop-shadow(2px 4px 3px #0f3725)}#App contactus.finish div.win div.finish{visibility:visible}#App contactus.finish div.win div.finish div.info{opacity:1;transform:translate3d(0,0,0)}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (-webkit-min-device-pixel-ratio:1.2),only screen and (min-resolution:1.3dppx){ #App contactus{right:10px;left:4px;bottom:30px;width:unset;height:unset} #App contactus div.win{padding:6px} #App contactus div.win div.flds{top:40px;left:20px;width:calc(100% - 40px);transform:translate3d(0,0,0)} #App contactus div.win globe{bottom:-12px} #App contactus div.win globe b{top:unset;bottom:0;transform:translate3d(-310px,260px,0)} #App contactus div.win div.flds div.fldcnt{transition:transform .6s linear} #App contactus div.win div.flds.pg2 + globe b{transform:translate3d(46px,330px,0)} #App contactus div.win div.finish,#App contactus div.win div.sending{bottom:28px} #App contactus div.win div.sending div.info div.agnt3{position:absolute;bottom:30px;left:0;right:0} #App contactus div.win div.finish div.info{display:block;text-align:center;padding:40px 8px} #App contactus div.win div.finish div.info div.agnt4{height:260px} #App contactus div.win div.finish div.info div.result{padding:40px 10px 10px}}