*,*:before,*:after{box-sizing:border-box}html,body{height:100%}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}.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:0;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-transform:uppercase;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_box{flex:1 1 auto;position:relative;width:100%;overflow-y:auto;overflow:auto;height:100px;display:flex;flex-direction:column-reverse}.messages_box .messages_box-content{position:absolute;top:0;left:0;height:101%;width:100%}.messages_box .message_box{clear:both;float:left;padding:6px 10px 7px;border-radius:20px 20px 20px 0;background:#eee;margin:8px 0;font-size:14px;line-height:1.4;margin-left:35px;position:relative;border:1px solid #ccc;right:45px}.messages_box .message_box .timestamp{position:absolute;bottom:-15px;font-size:10px;color:#555;right:30px}.messages_box .message_box .checkmark-sent-delivered{position:absolute;bottom:-15px;right:10px;font-size:12px;color:#999}.messages_box .message_box .checkmark-read{color:blue;position:absolute;bottom:-15px;right:16px;font-size:12px}.messages_box .message_box .avatar{z-index:1;top:35px;left:41px;border-radius:30px;width:30px;height:30px;overflow:hidden;margin:0;padding:0;border:2px solid rgba(255,255,255,.5);right:0;position:relative;float:right}.messages_box .message_box .avatar img{width:100%;height:auto}.messages_box .message_box.message-personal{float:right;text-align:right;right:55px;background:rgba(235,128,2,.24);border:1px solid #ccc;border-radius:20px 20px 0}.messages_box .message:last-child{margin-bottom:30px}.created_at{color:#000}.messages_box .message-box.new{background:rgba(167,169,172,.61);transform:scale(0);transform-origin:0 0;-webkit-animation:bounce .5s linear both;animation:bounce .5s linear both}.messages_box .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_box .message.loading span{display:block;font-size:0;width:20px;height:10px;position:relative}.messages_box .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_box .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;-webkit-box-shadow:0px 1px 1px 1px rgba(0,0,0,.4);border-top:1px solid #e3e3e3;padding:12px;position:relative;border-radius:20px;height:50px;border:1px solid #ccc}.message-box .message-input{background:0 0;border:none;outline:none !important;resize:none;font-size:15px;height:40px;margin:0;padding-right:20px;width:325px;color:#444;margin-top:0 !important}.message-box textarea:focus:-webkit-placeholder{color:transparent}.message-box .message-submit{position:absolute;z-index:1;top:9px;right:10px;color:#4a90e2;border:none;background:#fff;font-size:12px;text-transform:uppercase;line-height:1;padding:10px;border-radius:5px;outline:none !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)}}.ds2d-help-content h1{width:26% !important}.avenue-messenger{opacity:1;border-radius:20px;height:calc(100% - 60px) !important;max-height:450px;min-height:220px !important;width:535px;background:#fff;position:fixed;right:35px;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:55px;height:104px;margin:1em auto;background-size:cover;background-repeat:no-repeat;background-position:center center}.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:10px !important;top:15px !important;height:26px;line-height:0;background:#fff;width:48px;opacity:1;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;height:40px}}.half{position:fixed;bottom:100px;right:50px;z-index:999}.loader-wrapper{position:absolute;width:100%;height:100%}.loader-wrapper .loader2{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #3498db;width:60px;height:60px;top:42%;left:41%;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:absolute}.avenue-messenger .messages_box .message_box.new{border-radius:20px 20px 20px 0 !important;float:left}.avenue-messenger .messages_box #message-personal,.avenue-messenger .messages_box #message-personal.email{border-radius:20px 20px 0 !important;float:right}.avenue-messenger .messages_box .message_box{max-width:70%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}