@-webkit-keyframes bounce{0%{transform:matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1)}4.7%{transform:matrix3d(.45,0,0,0,0,.45,0,0,0,0,1,0,0,0,0,1)}9.41%{transform:matrix3d(.883,0,0,0,0,.883,0,0,0,0,1,0,0,0,0,1)}14.11%{transform:matrix3d(1.141,0,0,0,0,1.141,0,0,0,0,1,0,0,0,0,1)}18.72%{transform:matrix3d(1.212,0,0,0,0,1.212,0,0,0,0,1,0,0,0,0,1)}24.32%{transform:matrix3d(1.151,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1)}29.93%{transform:matrix3d(1.048,0,0,0,0,1.048,0,0,0,0,1,0,0,0,0,1)}35.54%{transform:matrix3d(.979,0,0,0,0,.979,0,0,0,0,1,0,0,0,0,1)}41.04%{transform:matrix3d(.961,0,0,0,0,.961,0,0,0,0,1,0,0,0,0,1)}52.15%{transform:matrix3d(.991,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1)}63.26%{transform:matrix3d(1.007,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1)}85.49%{transform:matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}@keyframes bounce{0%{transform:matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1)}4.7%{transform:matrix3d(.45,0,0,0,0,.45,0,0,0,0,1,0,0,0,0,1)}9.41%{transform:matrix3d(.883,0,0,0,0,.883,0,0,0,0,1,0,0,0,0,1)}14.11%{transform:matrix3d(1.141,0,0,0,0,1.141,0,0,0,0,1,0,0,0,0,1)}18.72%{transform:matrix3d(1.212,0,0,0,0,1.212,0,0,0,0,1,0,0,0,0,1)}24.32%{transform:matrix3d(1.151,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1)}29.93%{transform:matrix3d(1.048,0,0,0,0,1.048,0,0,0,0,1,0,0,0,0,1)}35.54%{transform:matrix3d(.979,0,0,0,0,.979,0,0,0,0,1,0,0,0,0,1)}41.04%{transform:matrix3d(.961,0,0,0,0,.961,0,0,0,0,1,0,0,0,0,1)}52.15%{transform:matrix3d(.991,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1)}63.26%{transform:matrix3d(1.007,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1)}85.49%{transform:matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}@-webkit-keyframes ball{0%{transform:translateY(0) scaleY(.8)}to{transform:translateY(-10px)}}@keyframes ball{0%{transform:translateY(0) scaleY(.8)}to{transform:translateY(-10px)}}*,::after,::before{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;overflow:auto!important}.bg,body{background:#fff}body{background-size:cover;font-family:"Avenir","Open Sans",sans-serif;font-size:14px;line-height:1.3}.bg{width:100%;height:100%;top:0;left:0;z-index:1;filter:blur(80px);transform:scale(1.2)}.chat{height:calc(100% - 15px);max-height:100%;z-index:10;overflow:hidden;background:0 0;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;display:flex;justify-content:space-between;flex-direction:column}.chat,.chat-title,.messages{position:relative;width:100%}.chat-title{flex:0 1 45px;z-index:2;border-bottom:1px solid #ccc;color:#777;padding-top:50px;padding-bottom:5px;background-color:#fff;text-align:center}.chat-title h1,.chat-title h2{font-weight:400;font-size:14px;margin:0;padding:0}.chat-title h2{font-size:11px;letter-spacing:1px}.chat-title .avatar{position:absolute;z-index:1;top:8px;left:9px;border-radius:30px;width:60px;height:60px;overflow:hidden;margin:0;padding:0;border:1px solid #fff}.chat-title .avatar img,.messages .message .avatar img{width:100%;height:auto}.messages{flex:1 1 auto;overflow:hidden}.messages .messages-content{position:absolute;top:0;left:0;height:101%;width:100%}.messages .message{clear:both;float:left;padding:6px 10px 7px;border-radius:20px 20px 20px 0;background:#f7eedd;font-size:14px;line-height:1.4;margin:8px 0 8px 35px;position:relative;border:1px solid #ccc;width:85%}.messages .message .timestamp{position:absolute;bottom:-15px;font-size:10px;color:#555;right:30px}.messages .message .checkmark-read,.messages .message .checkmark-sent-delivered{position:absolute;bottom:-15px;right:10px;font-size:12px;color:#999}.messages .message .checkmark-read{color:#00f;right:16px}.messages .message .avatar{position:absolute;z-index:1;bottom:-15px;left:-35px;border-radius:30px;width:30px;height:30px;overflow:hidden;margin:0;padding:0;border:2px solid rgba(255,255,255,.5)}.messages .message.message-personal{float:right;text-align:left;background:#fff;border:1px solid #ccc;border-radius:20px 20px 0 20px}.messages .message:last-child{margin-bottom:30px}.messages .message.new{transform:scale(0);transform-origin:0 0;-webkit-animation:bounce 500ms linear both;animation:bounce 500ms linear both}.messages .message.loading span::after,.messages .message.loading span::before,.messages .message.loading::before{position:relative;content:"";display:block;width:5px;height:5px;border-radius:50%;background:#888;z-index:2;margin-top:4px;-webkit-animation:ball .45s cubic-bezier(0,0,.15,1) alternate infinite;animation:ball .45s cubic-bezier(0,0,.15,1) alternate infinite}.messages .message.loading::before{border:0;-webkit-animation-delay:.15s;animation-delay:.15s}.messages .message.loading span{display:block;font-size:0;width:20px;height:10px;position:relative}.messages .message.loading span::after,.messages .message.loading span::before{margin-left:-7px}.messages .message.loading span::after{margin-left:7px;-webkit-animation-delay:.3s;animation-delay:.3s}.messages .message span.nilai{display:none}.message-box{flex:0 1 42px;width:90%;background:#fff;margin:2px auto;padding:10px;position:relative;border-radius:20px;height:130px;border:1px solid #ccc}.message-box .message-input{background:0 0;border:0;outline:0!important;resize:none;font-size:15px;height:100px;margin:0;padding-right:35px;width:400px;color:#444}.message-box.question .message-input{width:100%;padding-right:68px}.message-box.user-id .message-input{height:24px}.message-box textarea:focus:-webkit-placeholder{color:transparent}.message-box .message-login,.message-box .message-submit{position:absolute;z-index:1;top:9px;right:10px;color:#4a90e2;border:0;background:#fff;font-size:12px;text-transform:uppercase;line-height:1;padding:6px 10px;border-radius:5px;outline:0!important;transition:background .2s ease;cursor:pointer}.message-box .message-login:hover,.message-box .message-submit:hover{background:#fff;color:#333}.mCSB_scrollTools{margin:1px -3px 1px 0;opacity:0}.mCSB_inside>.mCSB_container{margin-right:0;padding:0 10px}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.5)!important}.avenue-messenger{opacity:1;border-radius:20px;height:calc(100% - 80px)!important;max-height:100%!important;min-height:220px!important;width:calc(100% - 40px)!important;background:#ace2e1;position:fixed;right:20px;bottom:20px;margin:auto;z-index:10;border:thin solid #ace2e1;-webkit-transition:.3s all ease-out .1s,transform .2s ease-in;-moz-transition:.3s all ease-out .1s,transform .2s ease-in}.avenue-messenger div.agent-face{position:absolute;left:0;top:-75px;right:0;margin:auto;width:101px;height:50px;background:0 0;z-index:12}.avenue-messenger div{font-size:14px;color:#232323}.close{width:100px;background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:.5}.close:hover{opacity:.9}.circle,.close{display:block;height:100px;margin:1em auto;border-radius:99em}.contact-icon .circle:hover{box-shadow:0 3px 7px rgba(0,0,0,.3);-webkit-box-shadow:0 3px 7px rgba(0,0,0,.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,.3);transition:.2s all ease-out .2s;-webkit-transition:.2s all ease-out .2s;-moz-transition:.2s all ease-out .2s}.arrow_box:after{margin-top:-5px}.arrow_box{position:relative;background:#fff;border:1px solid #4a90e2}.arrow_box:after,.arrow_box:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.menu .button,.menu .items span{z-index:12;width:48px;position:absolute;right:0;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}.menu .items span{color:#111;font-size:14px;text-align:center;top:40px;height:86px;line-height:40px;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;opacity:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.menu .button{font-size:30px;text-align:right;color:#333;content:"...";display:block;line-height:25px;height:40px;border-top-right-radius:20px;padding-right:10px;cursor:pointer}.menu .button.active{background:#ccc}.menu .items span.active{opacity:1}.menu .items a{color:#111;text-decoration:none}.menu .items a:hover{color:#777}@media only screen and (max-device-width:800px),screen and (max-width:450px){.avenue-messenger{width:calc(100% - 40px)}}@media only screen and (min-device-width:800px){div.half{margin:auto;height:100px}}