/* builderbot css */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans&family=Lato&family=Poppins&display=swap');



.betterbot_main-img{    
    background: url(images/bg.jpg);
    height: 1100px;
    background-repeat: repeat-x, no-repeat;
    background-origin: border-box;
    width: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    text-align:center;
    box-sizing: border-box;
}

.betterbot_main-img h1{
  font-size:53px;
  font-weight: 700;
      -webkit-margin-after: 0.3em;
      box-sizing: border-box;
} 

.betterbot_main-img h2{
  font-size: 37px;
  letter-spacing: 1px;
  font-weight: 300;
  -webkit-margin-before: 0em;
  box-sizing: border-box;
}

.betterbot_main-img h2:after{
    text-align: center;
    height: 8px;
    background: white;
    width: 200px;
    margin: 0 auto;
    border-radius: 7px;
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 37px;
    box-sizing: border-box;
}

#betterbot_title{
    position: relative;
    top: 12%;
    color: white;
    box-sizing: border-box;
}

.betterbot_button-wrapper{
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 10px;
  width: 120px;
  box-sizing: border-box;
}
.betterbot_button-wrapper, .betterbot_chat-btn, .betterbot_chat-bubble{
  visibility: visible!important;
  z-index: 100000 !important;
  box-sizing: border-box;
}
.betterbot_chat-btn{
 
  
    -webkit-animation: jello-vertical 12s infinite both;
            animation: jello-vertical 12s infinite both;
  

  width: 100%;
  max-width: 100%;
  cursor: pointer;
  top:9px;
  z-index: 100000;
  position: relative;
  box-sizing: border-box;
  /* -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45); */
}

.betterbot_resident-icon{
  cursor: pointer;
  max-width: 160px;
  height: auto;
  /* margin-left: -40px; */
}

.betterbot_button-wrapper:focus{
  box-shadow:none;
  outline: none;
}

/* Optional: Customize .focus-visible */
.betterbot_button-wrapper:focus:not(.betterbot_button-wrapper:focus-visible) {
  box-shadow:none;
  outline: none;
}

/* Optional: Customize .focus-visible */
.betterbot_button-wrapper:focus-visible {
  outline: none;
  box-shadow: 0 0 4px 4px #42accd;
}

.betterbot_button-wrapperbutton:focus:not(:focus-visible) {
  box-shadow: 0;
}
.betterbot_button-wrapperbutton:focus-visible {
    box-shadow: 0;
}

.betterbot_gif-wrapper{
   /*display: block; */
  /* background: white; */
   /*width: 100px; */
   /*height: 100px; */
   /*position: relative; */
  /* border-radius: 20px; */
   /*padding: 10px; */
  /* box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45); */
  /* -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45); */
  /* -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45); */
  /* -o-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45); */
  /* background: white; */
   /* overflow: hidden;  */
   /*box-sizing: border-box; */
}

.betterbot_botInfoText {
  
 
  
    -webkit-animation: vibrate-3 0.5s linear 5s 3 both;
            animation: vibrate-3 0.5s linear 5s 3 both;
  

  margin-top: 8px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  background: #57a9ca;
  line-height: 15px;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border-radius: 20px;
  box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45);
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45);
  -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45);
  -o-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45);
  cursor: pointer;
  box-sizing: border-box;
  }
.betterbot_chat-bubble{
  width: 110px;
  position : fixed;
  bottom: 5%;
  right: 2.3%;
  box-sizing: border-box;
}
#betterbot_bot-chat{
    position : fixed;
    bottom: 3%;
    right: 1%;
    width : 600px;
    height : 580.65px;
    box-sizing: border-box;
}
#betterbot_bot-chat iframe{
    border-radius: 15px;
    border: none;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.252);
    box-sizing: border-box;
    height: 100% !important;
}

.betterbot_bot-container{
    z-index: 900000 !important;
    box-sizing: border-box;
}

#betterbot_botPicker{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-orient:vertical; 
    -webkit-box-direction:normal; 
        -ms-flex-direction:column; 
            flex-direction:column;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
  border-radius: 15px;
    border: none;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.252);
    background:white;
    padding:0px 0px 0px 0px;
    height:600px;
    position: relative;
    overflow:hidden;
    z-index: 9000000;;
    box-sizing: border-box;
}

#betterbot_botPicker img{
  width: 225px;
  padding: 5px 0px;
  cursor:pointer;
  border-radius:5px!important;
  box-sizing: border-box;
}

.betterbot_bot_desc{
  text-align:center;
  background: #F2F2F2;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  width: 225px;
  padding: 10px 8px;
  margin-bottom: 2.5%;
  cursor:pointer;
  box-sizing: border-box;
}

.betterbot_bot_desc h3{
  margin: 0px;
  box-sizing: border-box;
}

.betterbot_bot_desc p{
  font-size: 13.5px!important;
  margin: 5px 0px!important;
  box-sizing: border-box;
}

.betterbot_chat-btn:hover{
   animation: animationFrames linear 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  box-sizing: border-box;
}

/*.betterbot_chat-bubble{
  animation: button-wobble linear 300s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: button-wobble linear 300s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: button-wobble linear 300s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: button-wobble linear 300s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: button-wobble linear 300s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}*/



.betterbot_chat-bubbles{
  text-align: right;
background: white;
border-radius: 15px 15px 0px 15px;
color: #333;
padding: 6%;
padding-left: 10px;
padding-right: 10px;
float: right;
white-space: nowrap;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
position: relative;
cursor: pointer;
margin-bottom: 5px;
z-index: 10000;
clear: both;
left: -20px;
top: 13px;
-webkit-animation: slide-in-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 6s both;
animation: slide-in-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 6s both;
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45);
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45);
 -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45);
 -o-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.45);
 box-sizing: border-box;

}
.betterbot_chat-bubbles span{
  color: #57a9ca;
  font-weight: bold;
  cursor: pointer; 
  box-sizing: border-box;
}

.betterbot_chat-bubbles img{
  width: 20px !important;
  padding-top: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.betterbot_chat-bubbles_close{
  color: white;
  background: #f9f9f9;
  padding: 0;
  line-height: 1px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  -webkit-animation: slide-in-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 6s both;
  animation: slide-in-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 6s both;
  z-index: 10000;
  height: 30px;
width: 30px;
box-sizing: border-box;
  
  
}

/* chat-btn animation */

/* ----------------------------------------------
 * Generated by Animista on 2018-12-8 1:17:28
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/* ----------------------------------------------
 * Generated by Animista on 2018-12-8 1:35:42
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/* ----------------------------------------------
 * Generated by Animista on 2018-12-8 1:40:28
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation jello-vertical
 * ----------------------------------------
 */
 @-webkit-keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  90% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  93% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  94% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  95% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  96.5% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  97.5% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  99% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  90% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  93% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  94% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  95% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  96.5% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  97.5% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  99% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/**
 * ----------------------------------------
 * animation vibrate-3
 * ----------------------------------------
 */
 @-webkit-keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  30% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  50% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  70% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  90% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  30% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  50% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  70% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  90% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}




 @-webkit-keyframes animationRotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  

  80% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }

  90% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }

  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes animationRotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  
  80% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }

  90% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }

  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}


@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes animationFrames{
  0% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  40% {
    transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  50% {
    transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  60% {
    transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  70% {
    transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  80% {
    transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  90% {
    transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  100% {
    transform:  rotate(0deg) scaleX(1.03) scaleY(1.03) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -moz-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  40% {
    -moz-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  50% {
    -moz-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  60% {
    -moz-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  70% {
    -moz-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  80% {
    -moz-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  90% {
    -moz-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  100% {
    -moz-transform:  rotate(0deg) scaleX(1.03) scaleY(1.03) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -webkit-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  40% {
    -webkit-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  50% {
    -webkit-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  60% {
    -webkit-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  70% {
    -webkit-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  80% {
    -webkit-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  90% {
    -webkit-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) scaleX(1.03) scaleY(1.03) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -o-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  40% {
    -o-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  50% {
    -o-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  60% {
    -o-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  70% {
    -o-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  80% {
    -o-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  90% {
    -o-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  100% {
    -o-transform:  rotate(0deg) scaleX(1.03) scaleY(1.03) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -ms-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  40% {
    -ms-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  50% {
    -ms-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  60% {
    -ms-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  70% {
    -ms-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  80% {
    -ms-transform:  rotate(-3deg) scaleX(1.03) scaleY(1.03) ;
  }
  90% {
    -ms-transform:  rotate(3deg) scaleX(1.03) scaleY(1.03) ;
  }
  100% {
    -ms-transform:  rotate(0deg) scaleX(1.03) scaleY(1.03) ;
  }
}


/* chat-bubble animation */

@keyframes button-wobble{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  0.05% {
    transform:  translate(-25px,0px)  rotate(-5deg) ;
  }
  0.1% {
    transform:  translate(20px,0px)  rotate(3deg) ;
  }
  0.15% {
    transform:  translate(-15px,0px)  rotate(-3deg) ;
  }
  0.2% {
    transform:  translate(10px,0px)  rotate(2deg) ;
  }
  0.25% {
    transform:  translate(-5px,0px)  rotate(-1deg) ;
  }
  0.3% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100%{
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-moz-keyframes button-wobble{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  0.05% {
    transform:  translate(-25px,0px)  rotate(-5deg) ;
  }
  0.1% {
    transform:  translate(20px,0px)  rotate(3deg) ;
  }
  0.15% {
    transform:  translate(-15px,0px)  rotate(-3deg) ;
  }
  0.2% {
    transform:  translate(10px,0px)  rotate(2deg) ;
  }
  0.25% {
    transform:  translate(-5px,0px)  rotate(-1deg) ;
  }
  0.3% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100%{
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-webkit-keyframes button-wobble {
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  0.05% {
    transform:  translate(-25px,0px)  rotate(-5deg) ;
  }
  0.1% {
    transform:  translate(20px,0px)  rotate(3deg) ;
  }
  0.15% {
    transform:  translate(-15px,0px)  rotate(-3deg) ;
  }
  0.2% {
    transform:  translate(10px,0px)  rotate(2deg) ;
  }
  0.25% {
    transform:  translate(-5px,0px)  rotate(-1deg) ;
  }
  0.3% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100%{
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-o-keyframes button-wobble {
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  0.05% {
    transform:  translate(-25px,0px)  rotate(-5deg) ;
  }
  0.1% {
    transform:  translate(20px,0px)  rotate(3deg) ;
  }
  0.15% {
    transform:  translate(-15px,0px)  rotate(-3deg) ;
  }
  0.2% {
    transform:  translate(10px,0px)  rotate(2deg) ;
  }
  0.25% {
    transform:  translate(-5px,0px)  rotate(-1deg) ;
  }
  0.3% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100%{
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-ms-keyframes button-wobble {
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  0.05% {
    transform:  translate(-25px,0px)  rotate(-5deg) ;
  }
  0.1% {
    transform:  translate(20px,0px)  rotate(3deg) ;
  }
  0.15% {
    transform:  translate(-15px,0px)  rotate(-3deg) ;
  }
  0.2% {
    transform:  translate(10px,0px)  rotate(2deg) ;
  }
  0.25% {
    transform:  translate(-5px,0px)  rotate(-1deg) ;
  }
  0.3% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100%{
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}
.betterbot_loader {
  margin: 20px auto;
  font-size: 10px;
  width: 1em;
  height: 1em;
  background: rgba(50, 162, 219,.35);
  color: rgba(50, 162, 219,.35);
  border-radius: 50%;
  position: absolute;
  top: 44%;
  left: 50%;
  text-indent: -9999em;
  -webkit-animation: loaderAnimaion 1.1s infinite ease;
  animation: loaderAnimaion 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes loaderAnimaion {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.75), 1.8em -1.8em 0 0em rgba(50, 162, 219,.35), 2.5em 0em 0 0em rgba(50, 162, 219,.35), 1.75em 1.75em 0 0em rgba(50, 162, 219,.35), 0em 2.5em 0 0em rgba(50, 162, 219,.35), -1.8em 1.8em 0 0em rgba(50, 162, 219,.35), -2.6em 0em 0 0em rgba(50, 162, 219,.55), -1.8em -1.8em 0 0em rgba(50, 162, 219,.95);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.95), 1.8em -1.8em 0 0em rgba(50, 162, 219,.75), 2.5em 0em 0 0em rgba(50, 162, 219,.35), 1.75em 1.75em 0 0em rgba(50, 162, 219,.35), 0em 2.5em 0 0em rgba(50, 162, 219,.35), -1.8em 1.8em 0 0em rgba(50, 162, 219,.35), -2.6em 0em 0 0em rgba(50, 162, 219,.35), -1.8em -1.8em 0 0em rgba(50, 162, 219,.55);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.55), 1.8em -1.8em 0 0em rgba(50, 162, 219,.95), 2.5em 0em 0 0em rgba(50, 162, 219,.75), 1.75em 1.75em 0 0em rgba(50, 162, 219,.35), 0em 2.5em 0 0em rgba(50, 162, 219,.35), -1.8em 1.8em 0 0em rgba(50, 162, 219,.35), -2.6em 0em 0 0em rgba(50, 162, 219,.35), -1.8em -1.8em 0 0em rgba(50, 162, 219,.35);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.35), 1.8em -1.8em 0 0em rgba(50, 162, 219,.55), 2.5em 0em 0 0em rgba(50, 162, 219,.95), 1.75em 1.75em 0 0em rgba(50, 162, 219,.75), 0em 2.5em 0 0em rgba(50, 162, 219,.35), -1.8em 1.8em 0 0em rgba(50, 162, 219,.35), -2.6em 0em 0 0em rgba(50, 162, 219,.35), -1.8em -1.8em 0 0em rgba(50, 162, 219,.35);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.35), 1.8em -1.8em 0 0em rgba(50, 162, 219,.35), 2.5em 0em 0 0em rgba(50, 162, 219,.55), 1.75em 1.75em 0 0em rgba(50, 162, 219,.95), 0em 2.5em 0 0em rgba(50, 162, 219,.75), -1.8em 1.8em 0 0em rgba(50, 162, 219,.35), -2.6em 0em 0 0em rgba(50, 162, 219,.35), -1.8em -1.8em 0 0em rgba(50, 162, 219,.35);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.35), 1.8em -1.8em 0 0em rgba(50, 162, 219,.35), 2.5em 0em 0 0em rgba(50, 162, 219,.35), 1.75em 1.75em 0 0em rgba(50, 162, 219,.55), 0em 2.5em 0 0em rgba(50, 162, 219,.95), -1.8em 1.8em 0 0em rgba(50, 162, 219,.75), -2.6em 0em 0 0em rgba(50, 162, 219,.35), -1.8em -1.8em 0 0em rgba(50, 162, 219,.35);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.35), 1.8em -1.8em 0 0em rgba(50, 162, 219,.35), 2.5em 0em 0 0em rgba(50, 162, 219,.35), 1.75em 1.75em 0 0em rgba(50, 162, 219,.35), 0em 2.5em 0 0em rgba(50, 162, 219,.55), -1.8em 1.8em 0 0em rgba(50, 162, 219,.95), -2.6em 0em 0 0em rgba(50, 162, 219,.75), -1.8em -1.8em 0 0em rgba(50, 162, 219,.35);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.35), 1.8em -1.8em 0 0em rgba(50, 162, 219,.35), 2.5em 0em 0 0em rgba(50, 162, 219,.35), 1.75em 1.75em 0 0em rgba(50, 162, 219,.35), 0em 2.5em 0 0em rgba(50, 162, 219,.35), -1.8em 1.8em 0 0em rgba(50, 162, 219,.55), -2.6em 0em 0 0em rgba(50, 162, 219,.95), -1.8em -1.8em 0 0em rgba(50, 162, 219,.75);
  }
}
@keyframes loaderAnimaion {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.75), 1.8em -1.8em 0 0em rgba(50, 162, 219,.35), 2.5em 0em 0 0em rgba(50, 162, 219,.35), 1.75em 1.75em 0 0em rgba(50, 162, 219,.35), 0em 2.5em 0 0em rgba(50, 162, 219,.35), -1.8em 1.8em 0 0em rgba(50, 162, 219,.35), -2.6em 0em 0 0em rgba(50, 162, 219,.55), -1.8em -1.8em 0 0em rgba(50, 162, 219,.95);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.95), 1.8em -1.8em 0 0em rgba(50, 162, 219,.75), 2.5em 0em 0 0em rgba(50, 162, 219,.35), 1.75em 1.75em 0 0em rgba(50, 162, 219,.35), 0em 2.5em 0 0em rgba(50, 162, 219,.35), -1.8em 1.8em 0 0em rgba(50, 162, 219,.35), -2.6em 0em 0 0em rgba(50, 162, 219,.35), -1.8em -1.8em 0 0em rgba(50, 162, 219,.55);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.55), 1.8em -1.8em 0 0em rgba(50, 162, 219,.95), 2.5em 0em 0 0em rgba(50, 162, 219,.75), 1.75em 1.75em 0 0em rgba(50, 162, 219,.35), 0em 2.5em 0 0em rgba(50, 162, 219,.35), -1.8em 1.8em 0 0em rgba(50, 162, 219,.35), -2.6em 0em 0 0em rgba(50, 162, 219,.35), -1.8em -1.8em 0 0em rgba(50, 162, 219,.35);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.35), 1.8em -1.8em 0 0em rgba(50, 162, 219,.55), 2.5em 0em 0 0em rgba(50, 162, 219,.95), 1.75em 1.75em 0 0em rgba(50, 162, 219,.75), 0em 2.5em 0 0em rgba(50, 162, 219,.35), -1.8em 1.8em 0 0em rgba(50, 162, 219,.35), -2.6em 0em 0 0em rgba(50, 162, 219,.35), -1.8em -1.8em 0 0em rgba(50, 162, 219,.35);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.35), 1.8em -1.8em 0 0em rgba(50, 162, 219,.35), 2.5em 0em 0 0em rgba(50, 162, 219,.55), 1.75em 1.75em 0 0em rgba(50, 162, 219,.95), 0em 2.5em 0 0em rgba(50, 162, 219,.75), -1.8em 1.8em 0 0em rgba(50, 162, 219,.35), -2.6em 0em 0 0em rgba(50, 162, 219,.35), -1.8em -1.8em 0 0em rgba(50, 162, 219,.35);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.35), 1.8em -1.8em 0 0em rgba(50, 162, 219,.35), 2.5em 0em 0 0em rgba(50, 162, 219,.35), 1.75em 1.75em 0 0em rgba(50, 162, 219,.55), 0em 2.5em 0 0em rgba(50, 162, 219,.95), -1.8em 1.8em 0 0em rgba(50, 162, 219,.75), -2.6em 0em 0 0em rgba(50, 162, 219,.35), -1.8em -1.8em 0 0em rgba(50, 162, 219,.35);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.35), 1.8em -1.8em 0 0em rgba(50, 162, 219,.35), 2.5em 0em 0 0em rgba(50, 162, 219,.35), 1.75em 1.75em 0 0em rgba(50, 162, 219,.35), 0em 2.5em 0 0em rgba(50, 162, 219,.55), -1.8em 1.8em 0 0em rgba(50, 162, 219,.95), -2.6em 0em 0 0em rgba(50, 162, 219,.75), -1.8em -1.8em 0 0em rgba(50, 162, 219,.35);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219,.35), 1.8em -1.8em 0 0em rgba(50, 162, 219,.35), 2.5em 0em 0 0em rgba(50, 162, 219,.35), 1.75em 1.75em 0 0em rgba(50, 162, 219,.35), 0em 2.5em 0 0em rgba(50, 162, 219,.35), -1.8em 1.8em 0 0em rgba(50, 162, 219,.55), -2.6em 0em 0 0em rgba(50, 162, 219,.95), -1.8em -1.8em 0 0em rgba(50, 162, 219,.75);
  }
}

/*
@media (min-width:375px) 
and (max-width:812px){
    #betterbot_bot-chat{
    position : fixed;
    bottom: 12%;
    right: 20%;
    width : 80%!important;
    height : 80%!important;
    }
    .betterbot_chat-btn{
    width:180px!important;
    right:10%!important;
    }
    .betterbot_main-img h1{
  font-size: 30px!important;
    }
    .betterbot_main-img h2{
  font-size: 18px!important;
    }
  
}
*/
@media (max-width: 812px)  {
  #betterbot_bot-chat{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  #betterbot_botPicker{
    height: 100% !important;
  }
}

@media only screen and  (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) { 

  #betterbot_bot-chat{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  #betterbot_botPicker{
    height: 100% !important;
  }
  #betterbot_bot-chat iframe{
   
    width:100%;
    
  }
}

.betterbot_button-wrapper.betterbot_left{
  left:20px;
  right: unset;
}

.betterbot_left .betterbot_chat-bubbles{
  float: left;
  border-radius: 15px 15px 15px 0px;
  left:15px;
}

.betterbot_left .betterbot_chat-bubbles_close{
  border-radius: 15px;
}

.betterbot_chat-bubbles:hover {
    text-decoration: underline;
}

.betterbot_bot-container.betterbot_left {
  left: 1%;
  right: unset;
}




@media (max-width: 500px) {

  .betterbot_button-wrapper  {
    margin-bottom: 10px !important;
    right: 10px;
    width: 100px;
  }

  .betterbot_chat-bubbles {
    font-family: 'Lato';
    font-size: 16px;
    left: 0;
    margin-bottom: 10px;
    padding: 8px 10px;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(105, 105, 105, 0.25);
  } 

  .betterbot_chat-bubbles_close {
    margin-bottom: 5px;
    padding: 0px;
  }


      .betterbot_gif-wrapper {
        width: 80px;
      }
      .betterbot_chat-btn {
        width: 80px;
      }

      .betterbot_botInfoText {
        width: 80px;
        margin: 0px;
        margin-top: 10px;

      }

      .betterbot_resident-icon {
        max-width: 80px;
        margin: 10px 0 0 5px;
      }
}

@media (max-width: 480px) {
  .betterbot_chat-bubbles {
    margin:  0 0 5px 0;
    padding: 5px 10px;
   }

   .betterbot_chat-bubbles_close { 
    padding: 0;
   }

}