.md-contact-widget{opacity:0;transition:.2s opacity;z-index:10000;position:fixed!important;height:70px;width:70px;right:20px;bottom:50px}
.md-contact-widget *{box-sizing:border-box}
.md-contact-widget.active{opacity:1}
.md-contact-widget.left{left:20px;right:auto}
.md-contact-widget.md{width:60px;height:60px}
.md-contact-widget.sm{width:50px;height:50px}

.md-contact-btn{width:70px;height:70px;position:absolute;right:0;background-color:#f35704;border-radius:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}
.md-contact-widget.md .md-contact-btn{width:60px;height:60px}
.md-contact-widget.sm .md-contact-btn{width:50px;height:50px}
.md-contact-btn p{font-family:Ubuntu,Arial,sans-serif;color:#fff;font-weight:700;font-size:10px;line-height:11px;margin:0}

.md-contact-btn .static{position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-26px;width:52px;height:52px;text-align:center;transition:.2s all}
.md-contact-btn .static svg{width:24px;height:24px;color:#FFF}
.md-contact-btn.no-text .static{margin-top:-12px}
.md-contact-widget.sm .md-contact-btn .static{margin-top:-16px}

.md-contact-btn .icons{background-color:#fff;width:44px;height:44px;border-radius:50px;position:absolute;overflow:hidden;top:50%;left:50%;margin-top:-22px;margin-left:-22px;transition:.2s all}
.md-contact-widget.md .md-contact-btn .icons,.md-contact-widget.sm .md-contact-btn .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.md-contact-btn .icons.hide,.md-contact-btn .static.hide{opacity:0;transform:scale(0)}

.md-contact-btn .icons-line{top:8px;left:12px;display:flex;position:absolute;transform:translateX(30px);height:24px;transition:.2s all}
.md-contact-btn .icons-line span{display:inline-block;width:24px;height:24px;margin-right:40px}
.md-contact-btn .icons-line span svg{width:24px;height:24px}
.md-contact-btn .icons.hide .icons-line{transform:scale(0)}

.md-contact-btn .md-contact-close{color:#FFF}
.md-contact-btn .md-contact-close svg{transform:rotate(180deg) scale(0);transition:ease-in .12s all;display:block}
.md-contact-btn .md-contact-close.opened svg{transform:rotate(0) scale(1)}

.md-contact-btn .pulsation{width:84px;height:84px;border-radius:50px;position:absolute;left:-7px;top:-7px;z-index:-1;transform:scale(0);animation:md-pulse 2s infinite}
.md-contact-btn .pulsation:nth-of-type(2n){animation-delay:.5s}
.md-contact-btn .pulsation.stop{animation:none}
.md-contact-widget.md .md-contact-btn .pulsation{width:74px;height:74px}
.md-contact-widget.sm .md-contact-btn .pulsation{width:64px;height:64px}

.md-contact-menu{background:#FFF;box-shadow:0 0 10px rgba(0,0,0,.6);width:235px;position:absolute;bottom:80px;right:0;display:flex;flex-direction:column;align-items:flex-start;padding:14px 0;border-radius:7px;transform-origin:80% 105%;transform:scale(0);transition:ease-out .12s all;z-index:10000}
.md-contact-menu::before{position:absolute;bottom:-7px;right:25px;border-right:8px solid transparent;border-top:8px solid #FFF;border-left:8px solid transparent;content:''}
.md-contact-menu.opened{transform:scale(1)}
.md-contact-widget.md .md-contact-menu{bottom:70px}
.md-contact-widget.sm .md-contact-menu{bottom:60px}
.md-contact-widget.left .md-contact-menu{right:auto;left:0;transform-origin:10% 105%}
.md-contact-widget.left .md-contact-menu::before{left:25px;right:auto}

.md-contact-menu .messanger{display:flex;align-items:center;margin:0;cursor:pointer;width:100%;padding:8px 20px 8px 60px;position:relative;min-height:54px;text-decoration:none}
.md-contact-menu .messanger:hover{background-color:#EEE}
.md-contact-menu .messanger span{position:absolute;left:10px;top:50%;margin-top:-20px;display:block;width:40px;height:40px;border-radius:50%;color:#FFF;text-align:center}
.md-contact-menu .messanger span svg{width:24px;height:24px;display:block;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}
.md-contact-menu .messanger p{margin:0;font-family:Arial,sans-serif;font-size:14px;color:rgba(0,0,0,.87)}

.md-contact-prompt{background:#FFF;box-shadow:0 0 10px rgba(0,0,0,.6);color:#787878;font-family:Arial,sans-serif;font-size:16px;line-height:18px;position:absolute;bottom:10px;right:80px;white-space:nowrap;padding:18px 20px 14px;border-radius:7px;transform:scale(0);transition:ease-out .12s all;z-index:10000}
.md-contact-prompt::before{position:absolute;bottom:16px;right:-8px;border-left:8px solid #FFF;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}
.md-contact-prompt.active{transform:scale(1)}
.md-contact-prompt .md-contact-prompt-close{position:absolute;right:6px;top:6px;cursor:pointer;height:14px;width:14px;padding:2px}
.md-contact-prompt .md-contact-prompt-close svg{height:10px;width:10px;display:block}
.md-contact-widget.md .md-contact-prompt{bottom:5px;right:70px}
.md-contact-widget.sm .md-contact-prompt{bottom:0;right:60px}
.md-contact-widget.left .md-contact-prompt{left:80px;right:auto;transform-origin:0 50%}
.md-contact-widget.left .md-contact-prompt::before{border-right:8px solid #FFF;border-left:0;left:-15px;right:auto}

.md-contact-prompt-typing{display:inline-block;position:relative;top:4px;left:3px}
.md-contact-prompt-typing>div{display:inline-block;border-radius:50%;width:10px;height:10px;background:#ccc;margin:0 2px;animation:md-updown 2s infinite}
.md-contact-prompt-typing>div:nth-child(2){animation-delay:.1s}
.md-contact-prompt-typing>div:nth-child(3){animation-delay:.2s}

@keyframes md-pulse{0%{transform:scale(0);opacity:1}50%{opacity:.5}100%{transform:scale(1);opacity:0}}
@keyframes md-updown{0%,43%,100%{transform:translateY(0)}25%,35%{transform:translateY(-10px)}}
@media(max-width:468px){.md-contact-widget.opened{width:auto;right:20px;left:20px}}