form.chat *{transition:all .5s;box-sizing:border-box;-webkit-box-sizing:border-box}
form.chat{margin:0;cursor:default;position:absolute;left:0;right:0;bottom:0;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;user-select:none}
form.chat span.spinner{animation:loading-bar 1s 1;-webkit-animation:loading-bar 1s 1;display:block;height:2px;background-color:#00e34d;transition:width .2s;position:absolute;top:0;left:0;right:0;z-index:4}
form.chat .messages{display:block;overflow-x:hidden;overflow-y:scroll;position:relative;height:90%;width:100%;padding:2% 3%;border-bottom:1px solid #ecf0f1}
form.chat ::-webkit-scrollbar{width:3px;height:1px;transition:all .5s;z-index:10}
form.chat ::-webkit-scrollbar-track{background-color:#fff}
form.chat ::-webkit-scrollbar-thumb{background-color:#bec4c8;border-radius:3px}
form.chat .message{display:block;width:98%;padding:.5%}
form.chat .message p{margin:0}
form.chat .myMessage,form.chat .fromThem{max-width:50%;word-wrap:break-word;margin-bottom:20px}
form.chat .message:hover .myMessage{transform:translateX(-130px);-webkit-transform:translateX(-130px)}
form.chat .message:hover .fromThem{transform:translateX(130px);-webkit-transform:translateX(130px)}
form.chat .message:hover date{opacity:1}
form.chat .myMessage,.fromThem{position:relative;padding:10px 20px;color:#fff;border-radius:25px;clear:both;font:400 15px 'Open Sans',sans-serif}
form.chat .myMessage{background:#00e34d;float:right;border-bottom-right-radius:20px 0}
form.chat .myMessage:before{content:"";position:absolute;z-index:1;bottom:-2px;right:-8px;height:19px;border-right:20px solid #00e34d;border-bottom-left-radius:15px 0;transform:translate(-1px,-2px)}
form.chat .myMessage:after{content:"";position:absolute;z-index:1;bottom:-2px;right:-42px;width:12px;height:20px;background:#fff;border-bottom-left-radius:10px;transform:translate(-30px,-2px)}
form.chat .fromThem{background:#e5e5ea;color:#000;float:left;border-bottom-left-radius:30px 0}
form.chat .fromThem:before{content:"";position:absolute;z-index:2;bottom:-2px;left:-7px;height:19px;border-left:20px solid #e5e5ea;border-bottom-right-radius:15px 0;transform:translate(-1px,-2px)}
form.chat .fromThem:after{content:"";position:absolute;z-index:3;bottom:-2px;left:4px;width:26px;height:20px;background:#fff;border-bottom-right-radius:10px;transform:translate(-30px,-2px)}
form.chat date{position:absolute;top:10px;font-size:14px;white-space:nowrap;color:#8b8b90;opacity:0;z-index:4}
form.chat .myMessage date{left:105%}
form.chat .fromThem date{right:105%}
form.chat input{font:400 13px 'Open Sans',sans-serif;border:0;padding:0 15px;height:10%;outline:0}
form.chat input[type=text]{width:73%;float:left}
form.chat input[type=submit]{width:23%;background:transparent;color:#00e34d;font-weight:700;text-align:right;float:right}
form.chat .myMessage,form.chat .fromThem{font-size:12px;max-width:90%}
form.chat .message:hover .myMessage,form.chat .message:hover .fromThem{transform:translateY(18px);-webkit-transform:translateY(18px)}
form.chat .myMessage date,form.chat .fromThem date{top:-20px;font-size:12px;left:0;right:auto}
@keyframes loading-bar{0%{width:0}90%{width:90%}100%{width:100%}}
@-webkit-keyframes loading-bar{0%{width:0}90%{width:90%}100%{width:100%}}
.iphone{width:300px;height:609px;background:url('/images/iphone6.png') no-repeat;background-size:100% 100%;margin:0 auto;position:relative}
.border{position:absolute;top:12.3%;right:7%;left:7%;bottom:12%;overflow:hidden}
a.article{position:fixed;bottom:15px;left:15px;display:table;text-decoration:none;color:#fff;background:#00e34d;padding:10px 20px;border-radius:25px;font:400 15px 'Open Sans',sans-serif}