@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);body,html{font-family:Roboto,sans-serif;border:none;margin:0;padding:0}.chat_button{z-index:999;position:fixed;bottom:20px;right:90px;width:40px;height:40px;border-radius:50%;background-color:#0051ad!important;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 0 3px #222}.chat_button:hover{background-color:#999}.chat_button i.comment-ch img{position:fixed;max-width:25px;top:-10px;right:7px}.chat_button i.close-ch img{max-width:25px;position:fixed;top:-3px;right:7px}.chat_button i{position:absolute;font-size:10px;color:#fff;display:block;text-align:center;left:0;right:0;top:18px}.chat_button i:first-child{transform:scale(1);transition:all .2s ease-in-out}.chat_button i:last-child{transform:rotate(180deg) scale(0);transition:all .2s ease-in-out}.chat_open i:first-child{transform:scale(0);transition:all .2s ease-in-out}.chat_open i:last-child{transform:rotate(0) scale(1);transition:all .2s ease-in-out;top:15px;font-size:30px}footer form{position:fixed;top:115px;left:45px;width:350px;height:400px}footer form input{margin:10px;width:250px;padding:5px;border-radius:5px;border:1px solid #e6e6e6;color:#adadad}footer .chat_container{position:fixed;bottom:0;right:0;opacity:0;z-index:-50;background:#fff;transform:scale(.95);max-width:370px;width:150px;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16)!important;box-shadow:0 5px 40px rgba(0,0,0,.5)!important;transition:all .2s ease-in-out}footer .chat_header{position:relative;box-sizing:border-box;padding:20px 20px;transition:all .2s ease-in-out;height:auto}footer .chat_content{position:absolute;right:0;bottom:58px;left:0;padding:0 25px;padding-bottom:25px}footer .chat_footer{position:absolute;bottom:0;left:0;right:0}footer .chat_active{opacity:1;bottom:180px;right:50px;transform:scale(1);z-index:200}footer .message_input{resize:none;border:none;position:absolute;bottom:0;left:0;right:0}footer textarea{-webkit-box-sizing:border-box;box-sizing:border-box;padding:18px;padding-right:100px;padding-left:29px;width:100%;height:100%;font-size:14px;font-weight:400;line-height:1.33;background-color:#fff;white-space:pre;white-space:pre-wrap;word-wrap:break-word;outline:0;font-family:Roboto,sans-serif;color:#adadad}footer textarea::-webkit-input-placeholder{color:#cecece}footer textarea:-moz-placeholder{color:#cecece}footer textarea::-moz-placeholder{color:#cecece}footer textarea:-ms-input-placeholder{color:#cecece}.chat_buttons{z-index:10;float:right;right:20px;bottom:2px;position:absolute}.chat_buttons i{color:#2392ec;padding:6px;cursor:pointer;transition:all .1s ease-in-out;-webkit-appearance:none}.chat_buttons i:last-child{font-size:33px;padding:4px 5px}.chat_buttons i:hover{opacity:.8}.chat_buttons i.submit-button img{fill:#0051ad;margin-left:120px}.chat_header h1{padding:0;font-size:20px;font-weight:700;color:#555;margin:5px 5px 0 0;line-height:20px;transition:all .2s ease-in-out;font-family:Roboto,sans-serif}.chat_header p{position:absolute;bottom:45px;right:80px;padding:0;letter-spacing:normal;margin:0;color:#555;transition:all .2s ease-in-out;font-size:12px}.chat_header .eng{right:170px}.chat_active{bottom:100px}.chat_open i:last-child{top:5px}.chat_button i{font-size:45px;top:20px}.agent_holder{display:block;clear:both;margin-top:20px;margin-bottom:20px}.avatar{float:left;max-width:75px;margin-right:25px}.avatar:last-child{margin-right:0}.avatar img{border-radius:50%;width:51px;margin:0 auto;display:block}.avatar p{text-align:center;font-size:12px;margin-top:10px}.agent_holder:after,.agent_holder:before{content:"";display:table}.agent_holder:after{clear:both}.agent_holder{zoom:1}.chat_header:after,.chat_header:before{content:"";display:table}.chat_header:after{clear:both}.chat_header{zoom:1;z-index:1}.clearfix:after,.clearfix:before{content:'.';display:block;font-size:0;height:0;line-height:0;overflow:hidden;visibility:hidden;width:0}.part-2{width:85%;float:left}.hide_active{position:absolute;top:-9000px;transition:opacity .2s ease-in-out;opacity:0}.header_close{max-height:89px;transition:all .2s ease-in-out}.header_close .hide_active{display:block;opacity:1;top:18px}.header_close h1{margin-left:65px}.header_close p{margin-left:65px;max-width:215px;height:20px;overflow:hidden}.header_close .agent_holder{display:none}.header_close .header_info{display:none}.client_chat{float:right}.client_chat p{margin:0;padding:17px 20px;background-color:#2392ec;color:#fff;border-radius:3px;font-size:14px;margin-left:50px}.agent_chat{float:left;position:relative}.agent_chat p{margin:0;padding:17px 20px;background-color:#f5f5f5;color:#333;border-radius:3px;font-size:14px;margin-left:40px;margin-right:50px}.agent_chat img{width:30px;border-radius:50%;float:left;position:absolute;bottom:3px}.chat_box{margin-top:15px}.typing_notice{display:block;position:relative;float:left;margin:0 auto;width:100%;text-align:center;margin-top:20px}.typing_notice p{font-size:12px;margin:0;color:#bbb}.composer{position:absolute;bottom:0;left:0;right:0;min-height:58px;max-height:200px!important;border-top:1px solid #e6e6e6;overflow:hidden}@media screen and (min-width:320px){footer .chat_button{right:10px;bottom:20px;width:40px;height:40px}footer .chat_container{height:40px;max-width:125px;right:25px;bottom:70px}footer .chat_button i.comment-ch img{top:-11px;right:8px}footer .chat_button i.close-ch img{top:-2px;right:9px;max-width:23px}.chat_buttons i.submit-button img{margin:5px 0 5px 80px}.chat_content form,.chat_footer textarea,.part-2 .avatar,.part-2 p,footer .chat_content{display:none}footer .chat_header{padding:5px 10px}footer .chat_header h1{font-size:18px}footer .chat_buttons i:last-child{font-size:29px;padding:4px 5px}}