@keyframes pulsation{
        0%{
            transform:scale(0);
            opacity:1
        }
        50%{
            opacity: .5
        }
        to{
            transform:scale(1);
            opacity:0
        }
    }
    @keyframes rotation{
        0%,100%,50%{
            transform:rotate(0)
        }
        25%{
            transform:rotate(30deg)
        }
        75%{
            transform:rotate(-30deg)
        }
    }
    #us_fixed_contact_button, .us-fixed-contact-pulsation {
        background: transparent;
    }
    #us_fixed_contact_button{
        position:fixed;
        right:30px;
        bottom:30px;
        width:70px;
        height:70px;
        background-color: transparent;
        border-radius:100%;
        cursor:pointer;
        z-index:10;
        font-family:'Open Sans',sans-serif;
        font-size:14px;
        letter-spacing:0em;
        z-index:1021;
    }
    #us_fixed_contact_button.clicked{
        z-index:1021;
    }
    
    .us-fixed-contact-pulsation{
        width:100px;
        height:100px;
        background-color:#71be00;
        border-radius:50px;
        position:absolute;
        left:-15px;
        top:-15px;
        z-index:-1;
        transform:scale(0);
        animation:pulsation 2s infinite
    }
    .us-fixed-contact-icon{
        color:#fff;
        width:44px;
        height:44px;
        border-radius:50px;
        position:absolute;
        top:calc(50% - 22px);
        right:calc(50% - 22px);
        overflow:hidden
    }
    .us-fixed-contact-icon .fa-comment-dots{
        animation:rotation 1.5s linear infinite
    }
    .us-fixed-contact-icon{
        font-size:28px
    }
    .us-fixed-contact-dropdown{
        position:absolute;
        bottom:60px;
        right:60px;
        padding:20px;
        border-radius:1px;
        background:#fff;
        display:block;
        opacity:0;
        z-index:-1;
        margin-bottom:20px;
        transition:margin-bottom 0.3s ease, opacity 0.3s ease;
        /*box-shadow:5px 12px 30px rgba(0,0,0,0.35);*/
        filter: url(#gooey);
        visibility:hidden;
        min-width:250px
    }
    .us-fixed-contact-dropdown.expanded{
        margin-bottom:0;
        opacity: .98;
        z-index:1;
        visibility:visible
    }
    
    .us-fixed-contact-item{
        color:#333
    }
    .us-fixed-contact-item:hover{
        color:#71be00;
        text-decoration:none;
    }
    .us-fixed-contact-item:not(:last-child){
        margin-bottom:18px
    }
    .us-fixed-contact-item-icon{
        display:block;
        width:40px;
        height:40px;
        border-radius:100%;
        margin-right:10px;
        color:#fff
    }
    .us-fixed-contact-item-icon i{
        font-size:18px
    }
    .us-fixed-contact-messenger{
        background:#0084ff
    }
    .us-fixed-contact-viber{
        background:#7c529d
    }
    .us-fixed-contact-telegram{
        background:#2ca5e0
    }
    .us-fixed-contact-skype{
        background:#31c4ed
    }
    .us-fixed-contact-whatsapp{
        background:#25D366
    }
    .us-fixed-contact-email{
        background:#50a8ff
    }
    .us-fixed-contact-call{
        background:#71be00
    }
    
    #us_fixed_contact_substrate{
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        left:0;
        background:transparent;
        z-index:0;
        display:none
    }
    #us_fixed_contact_substrate.active{
        z-index:1020;
        display:block;
        background: #00000078;
        backdrop-filter: blur(4px);
    }
    .masked{
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:10000
    }
    .masked_loading{
        border:3px solid #ccc;
        border-top-color:#666;
        border-radius:50%;
        width:4em;
        height:4em;
        animation:spin 1s linear infinite;
        z-index:10001;
        position:fixed;
        top:calc(50% - 2em);
        left:calc(50% - 2em)
    }
    @keyframes spin{
        to{
            transform:rotate(360deg)
        }
    }
    @media screen and (min-width: 992px) {
        .us-fixed-contact-viber-mobile {
            display: none !important
        }
    }
    @media screen and (max-width: 991px) {
        body.bottom #us_fixed_contact_button {
            bottom: 65px
        }
       
    }
    @media screen and (max-width: 767px) {
        #us_fixed_contact_button {
            z-index:1021;
            right: 15px;
            bottom: 15px
        }
    }
    @media screen and (max-width: 320px){
        .us-fixed-contact-dropdown{
            bottom:85px;
            right:10px
        }
        .us-fixed-contact-item-icon{
            width:35px;
            height:35px
        }
    }

    /* new button animation*/
   


#svgmask {
  position: absolute;
  top: -4000px;
  left: -4000px;
}
#gooey-button:hover{
    background-color: #9ad149;
}
#gooey-button:hover .bubbles .bubble {
  background-color: #9ad149;
  }
#gooey-button {
  padding: 7px 16px;
    font-size: 2rem;
    border: none;
    color: #ffffff;
    filter: url(#gooey);
    position: relative;
    background-color: #71BE00;
    -webkit-animation: move-butt 3.9s ease-in-out infinite alternate;
          animation: move-butt 3.9s ease-in-out infinite alternate;
  
}
#gooey-button:focus {
  outline: none;
}
#gooey-button .bubbles {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.us-fixed-contact-dropdown .bubbles .bubble {
  background-color: #ffffff;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: -1;
}
#gooey-button .bubbles .bubble {
  background-color: #71BE00;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: -1;
}
#gooey-button .bubbles .bubble:nth-child(1) {
  left: 20px;
  width: 47px;
  height: 47px;
  -webkit-animation: move-1 3.06s infinite;
          animation: move-1 3.06s infinite;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
#gooey-button .bubbles .bubble:nth-child(2) {
  left: 12px;
  width: 34px;
  height: 34px;
  -webkit-animation: move-2 3.12s infinite;
          animation: move-2 3.12s infinite;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
#gooey-button .bubbles .bubble:nth-child(3) {
  left: 14px;
  width: 17px;
  height: 17px;
  -webkit-animation: move-3 3.18s infinite;
          animation: move-3 3.18s infinite;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
#gooey-button .bubbles .bubble:nth-child(4) {
  left: 11px;
  width: 40px;
  height: 40px;
  -webkit-animation: move-4 3.24s infinite;
          animation: move-4 3.24s infinite;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
#gooey-button .bubbles .bubble:nth-child(5) {
  left: 19px;
  width: 17px;
  height: 17px;
  -webkit-animation: move-5 3.3s infinite;
          animation: move-5 3.3s infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
#gooey-button .bubbles .bubble:nth-child(6) {
  left: 12px;
  width: 30px;
  height: 30px;
  -webkit-animation: move-6 3.36s infinite;
          animation: move-6 3.36s infinite;
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}
#gooey-button .bubbles .bubble:nth-child(7) {
  left: 12px;
  width: 26px;
  height: 26px;
  -webkit-animation: move-7 3.42s infinite;
          animation: move-7 3.42s infinite;
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
}
#gooey-button .bubbles .bubble:nth-child(8) {
  left: 15px;
  width: 23px;
  height: 23px;
  -webkit-animation: move-8 3.48s infinite;
          animation: move-8 3.48s infinite;
  -webkit-animation-delay: 4.8s;
          animation-delay: 4.8s;
}
#gooey-button .bubbles .bubble:nth-child(9) {
  left: 16px;
  width: 28px;
  height: 28px;
  -webkit-animation: move-9 3.54s infinite;
          animation: move-9 3.54s infinite;
  -webkit-animation-delay: 5.4s;
          animation-delay: 5.4s;
}
#gooey-button .bubbles .bubble:nth-child(10) {
  left: 12px;
  width: 45px;
  height: 45px;
  -webkit-animation: move-10 3.6s infinite;
          animation: move-10 3.6s infinite;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
#gooey-button .bubbles .bubble:nth-child(11) {
  left: 20px;
  width: 44px;
  height: 44px;
  -webkit-animation: move-11 3.66s infinite;
          animation: move-11 3.66s infinite;
  -webkit-animation-delay: 6.6s;
          animation-delay: 6.6s;
}
#gooey-button .bubbles .bubble:nth-child(12) {
  left: 17px;
  width: 40px;
  height: 40px;
  -webkit-animation: move-12 3.72s infinite;
          animation: move-12 3.72s infinite;
  -webkit-animation-delay: 7.2s;
          animation-delay: 7.2s;
}
#gooey-button .bubbles .bubble:nth-child(13) {
  left: 20px;
  width: 40px;
  height: 40px;
  -webkit-animation: move-13 3.78s infinite;
          animation: move-13 3.78s infinite;
  -webkit-animation-delay: 7.8s;
          animation-delay: 7.8s;
}
#gooey-button .bubbles .bubble:nth-child(14) {
  left: 20px;
  width: 42px;
  height: 42px;
  -webkit-animation: move-14 3.84s infinite;
          animation: move-14 3.84s infinite;
  -webkit-animation-delay: 8.4s;
          animation-delay: 8.4s;
}
#gooey-button .bubbles .bubble:nth-child(15) {
  left: 15px;
  width: 32px;
  height: 32px;
  -webkit-animation: move-15 3.9s infinite;
          animation: move-15 3.9s infinite;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}



@keyframes move-butt {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(3px, -2px);
  }
   50% {
    transform: translate(-3px, -4px);
  }
   75% {
    transform: translate(3px, -8px);
  }
  100% {
    transform: translate(0, -14px);
  }
  
}

.us-fixed-contact-dropdown .bubbles .bubble:nth-child(1) {
  left: 152px;
  width: 21px;
  height: 21px;
  -webkit-animation: move-1 3.06s infinite;
          animation: move-1 3.06s infinite;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(2) {
  left: 82px;
  width: 36px;
  height: 36px;
  -webkit-animation: move-2 3.12s infinite;
          animation: move-2 3.12s infinite;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(3) {
  left: 32px;
  width: 48px;
  height: 48px;
  -webkit-animation: move-3 3.18s infinite;
          animation: move-3 3.18s infinite;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(4) {
  left: 62px;
  width: 86px;
  height: 86px;
  -webkit-animation: move-4 3.24s infinite;
          animation: move-4 3.24s infinite;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(5) {
  left: 121px;
  width: 66px;
  height: 66px;
  -webkit-animation: move-5 3.3s infinite;
          animation: move-5 3.3s infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(6) {
  left: 136px;
  width: 24px;
  height: 24px;
  -webkit-animation: move-6 3.36s infinite;
          animation: move-6 3.36s infinite;
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(7) {
  left: 48px;
  width: 29px;
  height: 29px;
  -webkit-animation: move-7 3.42s infinite;
          animation: move-7 3.42s infinite;
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(8) {
  left: 125px;
  width: 63px;
  height: 63px;
  -webkit-animation: move-8 3.48s infinite;
          animation: move-8 3.48s infinite;
  -webkit-animation-delay: 4.8s;
          animation-delay: 4.8s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(9) {
  left: 157px;
  width: 24px;
  height: 24px;
  -webkit-animation: move-9 3.54s infinite;
          animation: move-9 3.54s infinite;
  -webkit-animation-delay: 5.4s;
          animation-delay: 5.4s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(10) {
  left: 142px;
  width: 104px;
  height: 104px;
  -webkit-animation: move-10 3.6s infinite;
          animation: move-10 3.6s infinite;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(11) {
  left: 66px;
  width: 87px;
  height: 87px;
  -webkit-animation: move-11 3.66s infinite;
          animation: move-11 3.66s infinite;
  -webkit-animation-delay: 6.6s;
          animation-delay: 6.6s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(12) {
  left: 153px;
  width: 68px;
  height: 68px;
  -webkit-animation: move-12 3.72s infinite;
          animation: move-12 3.72s infinite;
  -webkit-animation-delay: 7.2s;
          animation-delay: 7.2s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(13) {
  left: 115px;
  width: 14px;
  height: 14px;
  -webkit-animation: move-13 3.78s infinite;
          animation: move-13 3.78s infinite;
  -webkit-animation-delay: 7.8s;
          animation-delay: 7.8s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(14) {
  left: 12px;
  width: 20px;
  height: 20px;
  -webkit-animation: move-14 3.84s infinite;
          animation: move-14 3.84s infinite;
  -webkit-animation-delay: 8.4s;
          animation-delay: 8.4s;
}
.us-fixed-contact-dropdown .bubbles .bubble:nth-child(15) {
  left: 148px;
  width: 24px;
  height: 24px;
  -webkit-animation: move-15 3.9s infinite;
          animation: move-15 3.9s infinite;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}

@-webkit-keyframes move-1 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(56px, 186px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}

@keyframes move-1 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(56px, 186px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-2 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-60px, -104px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-2 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-60px, -104px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-3 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(5px, -145px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-3 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(5px, -145px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-4 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-119px, 119px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-4 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-119px, 119px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-5 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(192px, -146px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-5 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(192px, -146px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-6 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(34px, -47px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-6 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(34px, -47px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-7 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(199px, 113px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-7 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(199px, 113px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-8 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(184px, -134px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-8 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(184px, -134px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-9 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-136px, -126px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-9 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-136px, -126px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-10 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-44px, -55px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-10 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-44px, -55px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-11 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-142px, 143px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-11 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-142px, 143px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-12 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(186px, -86px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-12 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(186px, -86px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-13 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(89px, -195px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-13 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(89px, -195px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-14 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-164px, -110px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-14 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(-164px, -110px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes move-15 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(190px, 189px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move-15 {
  0% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(190px, 189px);
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}