.chatbot .chatbot-container .menu__brand h2,body,html{color:#fff;font-family:Roboto,sans-serif}body,html{height:100%;background:#000;font-size:16px;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chatbot{position:fixed;z-index:999;width:100%}.chatbot .icon-container{position:fixed;background:#364e5f;width:56px;height:56px;border-radius:100%;z-index:10;right:25px;bottom:25px;transition:all .4s;box-shadow:0 5px 55px 0 rgba(0,0,0,.4);animation:float 6s ease-in-out infinite;cursor:pointer}.chatbot .icon-container:after,.chatbot .icon-container:before{width:0;height:0;position:absolute;bottom:-23px;left:-3px;display:block;content:""}.chatbot .icon-container:after{border:15px solid transparent;border-top:25px solid #364e5f;-webkit-transform:rotate(35deg);-moz-transform:rotate(35deg);-ms-transform:rotate(35deg);-o-transform:rotate(35deg);transform:rotate(35deg);transition:all .4s}.chatbot .icon-container:before{border:12px solid transparent;-webkit-transform:rotate(35deg) scale(3);-moz-transform:rotate(35deg) scale(3);-ms-transform:rotate(35deg) scale(3);-o-transform:rotate(35deg) scale(3);transform:rotate(35deg) scale(3);z-index:-1}.chatbot .icon-container:hover{background:#3c5668}.chatbot .icon-container:hover:after{border-top-color:#3c5668}.chatbot .icon-container .icon{display:block;border-radius:100%;position:relative;top:27px;left:2px}.chatbot .icon-container .icon .dot,.chatbot .icon-container .icon .dot.dot-left,.chatbot .icon-container .icon .dot.dot-right{position:absolute;display:block;width:7px;height:7px;background-color:#fff;border-radius:100%;transition:all,.4s .1s,cubic-bezier(.55,0,.1,1)}.chatbot .icon-container .icon .dot{top:50%;left:50%;margin-top:-5px;margin-left:-5px;animation:wave .8s .4s ease-out infinite}.chatbot .icon-container .icon .dot.dot-left{content:"";margin-left:-17px;animation:wave .8s .2s ease-out infinite}.chatbot .icon-container .icon .dot.dot-right{margin-left:7px;animation:wave .8s .6s ease-out infinite}.chatbot .icon-container .icon.display-none{display:none}.chatbot .burger{display:none;position:relative;left:14px;top:18px}.chatbot .burger .burger__patty{width:28px;height:2px;margin:0 0 4px;background:#fff}.chatbot .burger .burger__patty:last-child{margin-bottom:0}.chatbot .burger.burger--close{-webkit-transform:rotate(180deg);transform:rotate(180deg);display:inline-block}.chatbot .burger.burger--close .burger__patty:nth-child(1){-webkit-transform:rotate(45deg) translate(4px,4px);transform:rotate(45deg) translate(4px,4px)}.chatbot .burger.burger--close .burger__patty:nth-child(2){opacity:0}.chatbot .burger.burger--close .burger__patty:nth-child(3){-webkit-transform:rotate(-45deg) translate(5px,-4px);transform:rotate(-45deg) translate(5px,-4px)}.chatbot .chatbot-container{position:fixed;top:0;width:100%;visibility:hidden}.chatbot .chatbot-container.menu--active{visibility:visible}.chatbot .chatbot-container .menu__brand,.chatbot .chatbot-container .menu__list{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;float:left;width:50%;height:100vh;overflow:hidden}.chatbot .chatbot-container .menu__list{margin:0;padding:0;background:#364d5f;list-style-type:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);transition:all .4s cubic-bezier(.23,1,.32,1)}.chatbot .chatbot-container .menu__list div{width:100%;height:100%}.chatbot .chatbot-container .menu__list.menu__list--active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.chatbot .chatbot-container .menu__brand{background:#000;transition:all .4s cubic-bezier(.23,1,.32,1);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);padding:0 30px}.chatbot .chatbot-container .menu__brand.menu__brand--active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.chatbot .chatbot-container .menu__brand .logo{opacity:0;transition:all .3s;transform:translateY(-40%);transition-delay:.2s}.chatbot .chatbot-container .menu__brand .logo.sft{opacity:1;transform:translateY(0)}.chatbot .chatbot-container .menu__brand h2{font-weight:700;font-size:70px;margin:20px;line-height:70px;opacity:0;transition:all .3s;transform:translateY(40%);transition-delay:.3s}.chatbot .chatbot-container .menu__brand h2.sfb{opacity:1;transform:translateY(0)}.chatbot .chatbot-container .menu__brand p{color:#aeaeae;max-width:560px;line-height:28px;margin:0 auto;text-align:center;font-weight:400;opacity:0;transition:all .3s;transform:translateY(40%);transition-delay:.4s}.chatbot .chatbot-container .menu__brand p.sfb{opacity:1;transform:translateY(0)}@media screen and (max-width:768px){.menu__brand,.menu__list{float:none!important;width:100%!important;min-height:0!important}.menu__brand.menu__brand--active,.menu__brand.menu__list--active,.menu__list.menu__brand--active,.menu__list.menu__list--active{-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.menu__list{height:100vh!important;-webkit-transform:translate3d(-100%,0,0)!important;transform:translate3d(-100%,0,0)!important}.menu__brand{height:0!important;-webkit-transform:translate3d(100%,0,0)!important;transform:translate3d(100%,0,0)!important}.menu__brand .logo{width:90px!important;height:90px!important}.chatbot .icon-container{top:25px;right:25px}.navbar-toggle{margin-right:85px!important}}@keyframes wave{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}#hu-message-input .menu-button{padding:20px 10px!important}