*,::after,::before{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{background:linear-gradient(135deg,#044f48,#345093);background-size:cover;background:#fff;font-family:Avenir,"Open Sans",sans-serif;font-size:14px;line-height:1.3;overflow:hidden}.bg{width:100%;height:100%;top:0;left:0;z-index:1;filter:blur(80px);transform:scale(1.2);background:#fff}.chat{position:relative;width:100%;height:calc(100% - 15px);max-height:500px;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-title{flex:0 1 45px;position:relative;z-index:2;width:100%;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{width:100%;height:auto}.messages{flex:1 1 auto;overflow:hidden;position:relative;width:100%}.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;margin:8px 0;font-size:14px;line-height:1.4;margin-left:35px;position:relative;border:1px solid #ccc}.messages .message img{width:100%;height:auto;margin:16px 0}.messages .message .timestamp{position:absolute;bottom:-15px;font-size:10px;color:#555;right:30px}.messages .message .checkmark-sent-delivered{position:absolute;bottom:-15px;right:10px;font-size:12px;color:#999}.messages .message .checkmark-read{color:#00f;position:absolute;bottom:-15px;right:16px;font-size:12px}.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 .avatar img{width:100%;height:auto}.messages .message.message-personal{float:right;text-align:right;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 .5s linear both;animation:bounce .5s linear both}.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;border:none;-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::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;margin-left:-7px}.messages .message.loading span::after{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;margin-left:7px;-webkit-animation-delay:.3s;animation-delay:.3s}.message-box{flex:0 1 42px;width:90%;background:#fff;margin:2px auto;padding:10px;position:relative;border-radius:20px;height:72px;border:1px solid #ccc}.message-box .message-input{background:0 0;border:none;outline:0!important;resize:none;font-size:15px;height:52px;margin:0;padding-right:20px;width:250px;color:#444}.message-box textarea:focus:-webkit-placeholder{color:transparent}.message-box .message-level{position:absolute;text-align:center;font-family:Arial,sans-serif;padding:3px 5px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.message-box .message-level:hover{background-color:#f1f1f1;cursor:pointer}.message-box .message-level:focus{border-color:#0078d7;outline:0;box-shadow:0 0 5px rgba(0,120,215,.5);background-color:#fff}.message-box .message-submit{position:absolute;z-index:1;top:38px;right:10px;color:#4a90e2;border:none;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-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}@-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)}100%{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)}100%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}@-webkit-keyframes ball{from{transform:translateY(0) scaleY(.8)}to{transform:translateY(-10px)}}@keyframes ball{from{transform:translateY(0) scaleY(.8)}to{transform:translateY(-10px)}}.avenue-messenger{opacity:1;border-radius:20px;height:calc(100% - 60px)!important;max-height:550px!important;min-height:220px!important;width:360px;background:#ace2e1;position:fixed;right:20px;bottom:20px;margin:auto;z-index:10;box-shadow:2px 10px 40px rgba(22,20,19,.4);-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:-50px;right:0;margin:auto;width:101px;height:50px;background:0 0;z-index:12}.avenue-messenger div{font-size:14px;color:#232323}.close{display:block;width:100px;height:100px;margin:1em auto;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:99em;opacity:.5}.close:hover{opacity:.9}.circle{display:block;width:80px;height:80px;margin:1em auto;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:99em;border:2px solid #fff}.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{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:5px;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 .items span{color:#111;z-index:12;font-size:14px;text-align:center;position:absolute;right:0;top:40px;height:86px;line-height:40px;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;width:48px;opacity:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}.menu .button{font-size:30px;z-index:12;text-align:right;color:#333;content:"...";display:block;width:48px;line-height:25px;height:40px;border-top-right-radius:20px;position:absolute;right:0;padding-right:10px;cursor:pointer;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}.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:667px),screen and (max-width:450px){.avenue-messenger{z-index:2147483001!important;width:100%!important;height:100%!important;max-height:none!important;top:0!important;left:0!important;right:0!important;bottom:0!important;border-radius:0!important;background:#fff}.avenue-messenger div.agent-face{top:-10px!important}.chat{border-radius:0!important;max-height:initial!important}.chat-title{padding:20px 20px 15px 10px!important;text-align:left}.circle{width:80px;height:80px;border:1px solid #fff}.menu .button{border-top-right-radius:0}}@media only screen and (min-device-width:667px){div.half{margin:auto;width:80px;height:40px;background-color:#fff;border-top-left-radius:60px;border-top-right-radius:60px;border-bottom:0;box-shadow:1px 4px 20px rgba(22,20,19,.6);-webkit-box-shadow:1px 4px 20px rgba(22,20,19,.6);-moz-box-shadow:1px 4px 20px rgba(22,20,19,.6)}}