#Kama-container .Kama-messenger-frame {
  z-index: 2147483000!important;
  position: fixed!important;
  bottom: 20px;
  right: 20px;
  height: calc(100% - 20px - 20px);
  width: 376px!important;
  min-height: 250px!important;
  max-height: 704px!important;
  -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16)!important;
  box-shadow: 0 5px 40px rgba(0, 0, 0, .16)!important;
  border-radius: 8px!important;
  overflow: hidden!important;
  opacity: 1!important;
}
#Kama-container{
  opacity: 0;
}
#Kama-container .Kama-app-launcher-enabled .Kama-messenger-frame {
  height: calc(100% - 20px - 80px - 20px);
  bottom: calc(20px + 80px);
}

#Kama-container .Kama-messenger-frame>iframe {
  width: 100%!important;
  height: 100%!important;
  border: 0;
}

#Kama-container-body {
  overflow: hidden;
}

#Kama-container .Kama-launcher {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  font-family: "Kama-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#Kama-container .Kama-launcher-open-icon svg {
  width: 28px;
  height: 32px;
}

#Kama-container .Kama-launcher-close-icon svg {
  width: 14px;
  height: 14px;
}

#Kama-container .Kama-launcher-frame {
  z-index: 2147483000 !important;
  position: fixed !important;
  bottom: 20px;
  right: 20px;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  /*background: #286efa!important;*/
  background: linear-gradient(135deg, rgb(140, 198, 63), #1c773c);
}

#Kama-container .Kama-launcher-active.Kama-launcher-open-icon {
  opacity: 1;
  -webkit-transform: rotate(30deg) scale(0);
  transform: rotate(30deg) scale(0);
}

#Kama-container .Kama-launcher-open-icon {
  opacity: 1;
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}

#Kama-container .Kama-launcher-close-icon, #Kama-container .Kama-launcher-open-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  -webkit-transition: opacity .08s linear, -webkit-transform .16s linear;
  transition: opacity .08s linear, -webkit-transform .16s linear;
  transition: transform .16s linear, opacity .08s linear;
  transition: transform .16s linear, opacity .08s linear, -webkit-transform .16s linear;
}

#Kama-container .Kama-launcher-open-icon svg {
  width: 28px;
  height: 32px;
}

#Kama-container .Kama-launcher * {
  cursor: pointer;
}

#Kama-container .Kama-launcher-close-icon {
  opacity: 0;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

#Kama-container .Kama-launcher-active.Kama-launcher-close-icon {
  opacity: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

#Kama-container .Kama-launcher-close-icon svg {
  width: 14px;
  height: 14px;
}

#Kama-container .Kama-launcher-close-icon svg path {
  fill: rgb(255, 255, 255);
}

#Kama-container .Kama-launcher-open-icon svg path {
  fill: rgb(255, 255, 255);
}


#Kama-container .Kama-launcher-spin {
  animation: spin 4s infinite;
  animation-delay: 2s;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(900deg);
  }

  20% {
    transform: rotate(180deg);
  }

  30% {
    transform: rotate(450deg);
  }

  40% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

.Kama-launcher-bounce {
  animation: bounce 4s infinite;
  animation-delay: 2s;
}
@keyframes bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }

  4% {
    transform: scale(1.1, .9) translateY(0);
  }

  12% {
    transform: scale(.9, 1.1) translateY(-10px);
  }

  20% {
    transform: scale(1.05, .95) translateY(0);
  }

  22.8% {
    transform: scale(1, 1) translateY(-3px);
  }

  25.6% {
    transform: scale(1, 1) translateY(0);
  }
  
  40% {
    transform: scale(1, 1) translateY(0);
  }
  
  100% {
    transform: scale(1, 1) translateY(0);
  }
}

.Kama-launcher-heartbeat {
  animation: heartbeat 4s infinite;
  animation-delay: 2s;
}
@keyframes heartbeat {
  0% {
    transform: scale(0.8);
  }

  10% {
    transform: scale(1.1);
  }

  16% {
    transform: scale(0.8);
  }

  24% {
    transform: scale(1.1);
  }
  
  40% {
    transform: scale(1);
  }

  100% {
    transform: scale(1);
  }
}

.Kama-launcher-wiggle {
  animation: wiggle 4s infinite;
  animation-delay: 2s;
}
@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }

  7.5% {
    transform: rotate(15deg);
  }

  15% {
    transform: rotate(-15deg);
  }

  22.5% {
    transform: rotate(15deg);
  }

  30% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

#Kama-container .Kama-launcher-rubberBand.Kama-launcher-open-icon {
  animation: rubberBand 4s infinite;
  animation-delay: 2s;
}
@keyframes rubberBand {
from {
    transform: scale3d(1, 1, 1);
  }

  12% {
    transform: scale3d(1.25, 0.75, 1);
  }

  16% {
    transform: scale3d(0.75, 1.25, 1);
  }

  20% {
    transform: scale3d(1.15, 0.85, 1);
  }

  26% {
    transform: scale3d(.95, 1.05, 1);
  }

  30% {
    transform: scale3d(1.05, .95, 1);
  }
  40% {
    transform: scale3d(1, 1, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.icon_img {
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  object-fit: contain;
  /*border-radius: 50%;*/
}

/**
 * ==============================================
 * Invitation Message
 * ==============================================
 */
.box1 {
  margin: 50px auto;
  max-width: 500px;
  border: 1px solid grey;
  border-radius: 0.5rem;
  background-color: white;
  padding: 20px !important;
  text-align: center;
  font-weight: 500;
  color: #00bfb6;
  font-family: arial;
  font-size: medium;
  position: fixed;
  bottom: 8%;
  right: 3%;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* speech bubble 8 */

.sb8:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid grey;
  border-top: 10px solid grey;
  border-bottom: 10px solid transparent;
  right: 20px;
  bottom: -21px;
}

.sb8:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #fff;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
  right: 21px;
  bottom: -19px;
}

.invitation_m {
  opacity: 0;
  cursor: default;
}

@-webkit-keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
 /**
 * ==============================================
 * Invitation Message
 * ==============================================
 */

@media only screen and (max-device-width: 667px), screen and (max-width: 450px) {
  #Kama-container .Kama-messenger-frame {
    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;
  }
}

@media only screen and (min-device-width: 667px) and (max-device-width: 1281px) {
  #Kama-container .Kama-app-launcher-enabled .Kama-messenger-frame {
    height: 75vh!important;

  }

  #Kama-container .Kama-messenger-frame {
    width: 50vh!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}