.ma-button.open i:before {content: "\f00d";}
.ma-button {position: fixed;cursor: pointer;z-index: 10000;}
.ma-icon {position: absolute;}
.ma-icon.mw-animation {-webkit-animation: tossing 1.5s infinite;-o-animation: tossing 1.5s infinite;animation: tossing 1.5s infinite;}
.ma-button.open .ma-icon.mw-animation {-webkit-animation: unset;-o-animation: unset;animation: unset;}
.ma-button.open .mw-animation i {transform: rotate(90deg);transition: 0.3s;}
.ma-icon i {display: flex;align-items: center;justify-content: center;font-size: 32px;}
.ma-icon {position: relative;border-radius: 100%;}
.ma-icon .slides {height: inherit;opacity: 0;position: absolute;width: inherit;z-index: 0;-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);-webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;-moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;-o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;transition: transform ease-in-out .5s, opacity ease-in-out .5s;}
.ma-icon > .slides.active {opacity: 1;z-index: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.ma-icon .slides span img {display: block;background-repeat: no-repeat;background-size: contain;}
.ma-icon .messenger-icon {position: relative;top: 3px;}
.ma-list {list-style: none;padding: 0;}
.ma-block {z-index: -1;min-width: 250px;background: #fff;padding: 0 15px;position: absolute;right: 5px;box-shadow: 1px 1px 15px 10px rgba(0, 0, 0, 0.1);border-radius: 3px;opacity: 0;visibility: hidden;transition: 0.3s;}
.ma-button.open .ma-block {z-index: 10000;opacity: 1;visibility: visible;}
.ma-block.mw-no-bg {min-width: unset;background: none;padding: unset;position: absolute;box-shadow: none;right: 0px;left: 0px;}
.ma-block.mw-no-bg .ma-link-text{opacity: 0;visibility: hidden;}
.ma-block.mw-no-bg.mw-tips .ma-link-text {opacity: 0;visibility: hidden;position: absolute;padding: 5px;border-radius: 15px;width: 220px;background: rgb(53 53 53 / 0.9);color: #fff;text-align: center;transition: 0.3s;}
.ma-block.mw-no-bg.mw-tips li .ma-link-text:after {opacity: 0;visibility: hidden;transition: 0.3s;content: ' ';position: absolute;top: 8px;width: 0px;height: 0px;margin-top: 0px;border: 7px solid transparent;}
.ma-block.mw-no-bg.mw-tips.tips-left li .ma-link-text:after {border-right-color: rgb(53 53 53 / 0.9);right: 99%;}
.ma-block.mw-no-bg.mw-tips.tips-right li .ma-link-text:after {border-left-color: rgb(53 53 53 / 0.9);left: 99%;}
.ma-block.mw-no-bg.mw-tips li:hover .ma-link-text:after, .ma-block.mw-no-bg.mw-tips li:hover .ma-link-text {opacity: 1;visibility: visible;}
.ma-block.mw-no-bg.mw-tips.tips-right li .ma-link-text {margin-right: 15px;right: 100%;}
.ma-block.mw-no-bg.mw-tips.tips-left li .ma-link-text {margin-left: 15px;left: 100%;}
.ma-block.mw-no-bg .ma-li span img {margin-right: 0px;transition: 0.7s;}
.ma-block.mw-no-bg .ma-li span img:hover {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.ma-li span img {width: 40px;height: 40px;margin-right: 10px;}
.ma-li a {display: flex;align-items: center;margin: 10px 0;font-size: 16px;transition: 0.2s;cursor: pointer;}
.ma-link-text {text-decoration: none;}
.ma-link-text:hover {text-decoration: none;}
.ma-pulse {position: absolute;}
.ma-pulse:before, .ma-pulse:after {content: " ";display: block;position: absolute;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius:100%;animation: pulse 2s linear infinite;opacity: 0;backface-visibility: hidden;}
.ma-pulse:after {animation-delay: .5s;}
.ma-button.open .ma-pulse {display: none;}
.ma-substrate.active {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;}
.ma-tips {position: absolute;min-width: 290px;background: #fff;box-shadow: 1px 1px 10px 5px rgb(0 0 0 / 10%);border-radius: 5px;overflow: hidden;cursor: default;opacity: 0;visibility: hidden;transition: 0.3s ease-in;}
.ma-tips-text {padding: 15px;font-size: 16px;line-height: 22px;}
.ma-tips-manager img {border-radius: 50%;border: 1px solid #f2f2f2;margin-right: 5px;}
.ma-tips-manager {font-size: 14px;padding: 5px 15px;color: #000;}
.ma-tips-close {position: absolute;top: 5px;right: 10px;font-size: 20px;cursor: pointer;}
.ma-button.open .ma-tips {display: none;}

@media only screen and (max-width: 768px) {
    .ma-button.open .ma-block.mw-no-bg.mw-tips li .ma-link-text:after, .ma-button.open .ma-block.mw-no-bg.mw-tips li .ma-link-text {opacity: 1;visibility: visible;}
}
@keyframes tossing {
    0% {transform: rotate(-20deg);}
    50% {transform: rotate(20deg);}
    100% {transform: rotate(-20deg);}
}
@-webkit-keyframes tossing {
    0% {-webkit-transform: rotate(-20deg);}
    50% {-webkit-transform: rotate(20deg);}
    100% {-webkit-transform: rotate(-20deg);}
}
@keyframes pulse
{
    0% {transform: scale(0.5);opacity: 0;}
    50% {opacity: 1;}
    100% {transform: scale(1);opacity: 0;}
}
@keyframes tips-fade
{
    0% {visibility: hidden;opacity: 0;}
    100% {visibility: visible;opacity: 1;}
}