form.chat *{transition:all .5s;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-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;-moz-user-select:none;-ms-user-select:none;user-select:none}form.chat span.spinner{-moz-animation:loading-bar 1s 1;-webkit-animation:loading-bar 1s 1;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 .fromThem,form.chat .myMessage{max-width:50%;word-wrap:break-word;margin-bottom:20px}form.chat .message:hover .myMessage{-webkit-transform:translateX(-130px);transform:translateX(-130px)}form.chat .message:hover .fromThem{-webkit-transform:translateX(130px);transform:translateX(130px)}form.chat .message:hover date{opacity:1}.fromThem,form.chat .myMessage{position:relative;padding:10px 20px;color:#fff;border-radius:25px;clear:both;font:400 15px 'Open Sans',sans-serif}form.chat .myMessage{background:#00e34d;color:#fff;float:right;clear:both}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:16px 14px;-webkit-transform:translate(0,-2px);transform:translate(0,-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;-webkit-transform:translate(-30px,-2px);transform:translate(-30px,-2px)}form.chat .fromThem{background:#e5e5ea;color:#000;float:left;clear:both}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:16px 14px;-webkit-transform:translate(0,-2px);transform:translate(0,-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;-webkit-transform:translate(-30px,-2px);transform:translate(-30px,-2px)}form.chat date{position:absolute;top:10px;font-size:14px;white-space:nowrap;vertical-align:middle;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:0 0;color:#00e34d;font-weight:700;text-align:right;float:right}form.chat .fromThem,form.chat .myMessage{font-size:12px}form.chat .message:hover .myMessage{transform:translateY(18px);-webkit-transform:translateY(18px)}form.chat .message:hover .fromThem{transform:translateY(18px);-webkit-transform:translateY(18px)}form.chat .fromThem date,form.chat .myMessage date{top:-20px;left:auto;right:0;font-size:12px}form.chat .fromThem,form.chat .myMessage{max-width:90%}@-moz-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%}}@keyframes loading-bar{0%{width:0%}90%{width:90%}100%{width:100%}}.iphone{width:300px;height:609px;background-image:url(http://www.adobewordpress.com/tasarim/images/iphone6.png);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-color:#00e34d;padding:10px 20px;border-radius:25px;font:400 15px 'Open Sans',sans-serif}