/* 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: 0%;
    right: 1%;
    width: 500px;
    height: 700px;
    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.3), 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.3), 0 15px 12px rgba(0, 0, 0, 0.252);
    background: white;
    padding: 0px 0px 0px 0px;
    height: 700px;
    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.25, 0.46, 0.45, 0.94)
        6s both;
    animation: slide-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 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.25, 0.46, 0.45, 0.94)
        6s both;
    animation: slide-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 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) scaleY(1);
    }
    10% {
        transform: rotate(-3deg) scaleX(0.8) scaleY(0.8);
    }
    20% {
        transform: rotate(-3deg) scaleX(0.8) scaleY(0.8);
    }
    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) scaleY(1);
    }
    10% {
        -moz-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8);
    }
    20% {
        -moz-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8);
    }
    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) scaleY(1);
    }
    10% {
        -webkit-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8);
    }
    20% {
        -webkit-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8);
    }
    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) scaleY(1);
    }
    10% {
        -o-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8);
    }
    20% {
        -o-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8);
    }
    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) scaleY(1);
    }
    10% {
        -ms-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8);
    }
    20% {
        -ms-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8);
    }
    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, 0.35);
    color: rgba(50, 162, 219, 0.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, 0.75),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.35),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.35),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.35),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.55),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.95);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.95),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.75),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.35),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.35),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.35),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.55);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.55),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.95),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.75),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.35),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.35),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.35),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.55),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.95),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.75),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.35),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.35),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.55),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.95),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.75),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.35),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.35),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.35),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.55),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.95),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.75),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.35),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.35),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.35),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.55),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.95),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.75),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.35),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.35),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.35),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.55),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.95),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.75);
    }
}
@keyframes loaderAnimaion {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.75),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.35),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.35),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.35),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.55),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.95);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.95),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.75),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.35),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.35),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.35),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.55);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.55),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.95),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.75),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.35),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.35),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.35),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.55),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.95),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.75),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.35),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.35),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.55),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.95),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.75),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.35),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.35),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.35),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.55),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.95),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.75),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.35),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.35),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.35),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.55),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.95),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.75),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(50, 162, 219, 0.35),
            1.8em -1.8em 0 0em rgba(50, 162, 219, 0.35),
            2.5em 0em 0 0em rgba(50, 162, 219, 0.35),
            1.75em 1.75em 0 0em rgba(50, 162, 219, 0.35),
            0em 2.5em 0 0em rgba(50, 162, 219, 0.35),
            -1.8em 1.8em 0 0em rgba(50, 162, 219, 0.55),
            -2.6em 0em 0 0em rgba(50, 162, 219, 0.95),
            -1.8em -1.8em 0 0em rgba(50, 162, 219, 0.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;
    }
}