@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lujVj9_mf.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lujVj9_mf.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lujVj9_mf.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lujVj9_mf.woff2) format("woff2");unicode-range:U+0370-03ff}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lujVj9_mf.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lujVj9_mf.woff2) format("woff2");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhdu3cOWxy40.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxdu3cOWxy40.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxdu3cOWxy40.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBdu3cOWxy40.woff2) format("woff2");unicode-range:U+0370-03ff}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBdu3cOWxy40.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRdu3cOWxy40.woff2) format("woff2");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu3cOWxw.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}*,:after,:before{box-sizing:border-box}.chat-main{background-color:#f8f8f8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:Source Sans Pro,sans-serif;font-weight:400;background-image:url(../img/image.8c0327f3.jpeg);background-size:cover;background-repeat:none;height:100%;width:100%}.wrapper{width:1000px;height:800px;transform:translate(-50%)}.container,.wrapper{position:relative;left:50%}.container{top:50%;width:80%;height:75%;background-color:#fff;transform:translate(-50%,-50%)}.container .left{float:left;width:37.6%;height:100%;border:1px solid #e6e6e6;background-color:#fff}.container .left .top{position:relative;width:100%;height:96px;padding:29px}.container .left .top:after{position:absolute;bottom:0;left:50%;display:block;width:80%;height:1px;content:"";background-color:#e6e6e6;transform:translate(-50%)}.container .left input{float:left;width:188px;height:42px;padding:0 15px;border:1px solid #e6e6e6;background-color:#eceff1;border-radius:21px;font-family:Source Sans Pro,sans-serif;font-weight:400}.container .left input:focus{outline:none}.container .left a.search{display:block;float:left;width:42px;height:42px;margin-left:10px;border:1px solid #e6e6e6;background-color:#00b0ff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAOjSURBVHgBAJMDbPwB////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAABmAP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///0D////r////PgD////E//////////////////////////////////////////////8A////AP///0D////r////Pv///wAA/////////w////8A////AP///wD///8A////AP///wD///8A////AP///0D////r////Pv///wD///8AAP////////8A////AP///wD///8A////AP///wD///8A////AP///0D////r////Pv///wD///8A////AAD/////////AP///wD///8A////AP///wD///8A////AP///0D////r////Pv///wD///8A////AP///wAA/////////wD///8A////AP///wD///8A////AP///0D////r////Pv///wD///8A/////////wD///8AAP////////8A////AP///wD///8A////AP///zT////r////Pv///wD///8A////AP////////8A////AAD/////////AP///wD///8A////AP///wD///8K////NP///wD///8A////AP///wD/////////AP///wAB/////wAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAAEAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEgAAAAAAAAAAAAAAAAQAAADFAAAA7wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEAAAAAAAAAAABAAD//x2AjcOi8sd1AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:top 12px left 14px;border-radius:50%}.container .left .people{margin-left:-1px;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;width:calc(100% + 2px)}.container .left .people .person{position:relative;width:100%;padding:12px 10% 16px;cursor:pointer;background-color:#fff}.container .left .people .person:after{position:absolute;bottom:0;left:50%;display:block;width:80%;height:1px;content:"";background-color:#e6e6e6;transform:translate(-50%)}.container .left .people .person .headImage{float:left;width:40px;height:40px;margin-right:12px;border-radius:50%}.container .left .people .person .more{width:15px;height:3px;position:absolute;right:30px;bottom:10px;display:none}.container .left .people .person:hover .more{display:inline}.container .left .people .person .name{font-size:14px;line-height:22px;color:#1a1a1a;font-family:Source Sans Pro,sans-serif;font-weight:600}.container .left .people .person .time{font-size:14px;position:absolute;top:16px;right:10%;padding:0 0 5px 5px;color:#999;background-color:#fff}.container .left .people .person .preview{font-size:14px;display:inline-block;overflow:hidden!important;width:60%;white-space:nowrap;text-overflow:ellipsis;color:#999}.container .left .people .person .count{position:absolute;top:35px;right:10%;width:28px;height:18px;color:#999;font-size:10px;background-color:red;text-align:center;color:#fff;border-radius:2000px;width:30px}.container .left .people .person.active,.container .left .people .person:hover{margin-top:-1px;margin-left:-1px;padding-top:13px;border:0;background-color:#00b0ff;width:calc(100% + 2px);padding-left:calc(10% + 1px)}.container .left .people .person.active span,.container .left .people .person:hover span{color:#fff;background:transparent}.container .left .people .person.active:after,.container .left .people .person:hover:after{display:none}.container .right{position:relative;float:left;width:62.4%;height:100%}.container .right .top{width:100%;height:47px;padding:15px 29px;background-color:#eceff1}.container .right .top span{font-size:15px;color:#999}.container .right .top span .name{color:#1a1a1a;font-family:Source Sans Pro,sans-serif;font-weight:600}.container .right .chat{position:relative;display:none;overflow:hidden;padding:10px 25px 0 25px;border-width:1px 1px 1px 0;border-style:solid;border-color:#e6e6e6;height:calc(100% - 145px);justify-content:flex-end;flex-direction:column;overflow-y:auto}.container .right .chat.active-chat{display:block}.container .right .chat.active-chat .bubble{transition-timing-function:cubic-bezier(.4,-.04,1,1)}.container .right .chat.active-chat .bubble:first-of-type{-webkit-animation-duration:.15s;animation-duration:.15s}.container .right .chat.active-chat .bubble:nth-of-type(2){-webkit-animation-duration:.3s;animation-duration:.3s}.container .right .chat.active-chat .bubble:nth-of-type(3){-webkit-animation-duration:.45s;animation-duration:.45s}.container .right .chat.active-chat .bubble:nth-of-type(4){-webkit-animation-duration:.6s;animation-duration:.6s}.container .right .chat.active-chat .bubble:nth-of-type(5){-webkit-animation-duration:.75s;animation-duration:.75s}.container .right .chat.active-chat .bubble:nth-of-type(6){-webkit-animation-duration:.9s;animation-duration:.9s}.container .right .chat.active-chat .bubble:nth-of-type(7){-webkit-animation-duration:1.05s;animation-duration:1.05s}.container .right .chat.active-chat .bubble:nth-of-type(8){-webkit-animation-duration:1.2s;animation-duration:1.2s}.container .right .chat.active-chat .bubble:nth-of-type(9){-webkit-animation-duration:1.35s;animation-duration:1.35s}.container .right .chat.active-chat .bubble:nth-of-type(10){-webkit-animation-duration:1.5s;animation-duration:1.5s}.container .right .write{position:absolute;bottom:29px;left:30px;height:42px;padding-left:8px;border:1px solid #e6e6e6;background-color:#eceff1;width:calc(100% - 58px);border-radius:5px}.container .right .write input{font-size:16px;float:left;width:347px;height:40px;padding:0 10px;color:#1a1a1a;border:0;outline:none;background-color:#eceff1;font-family:Source Sans Pro,sans-serif;font-weight:400}.container .right .write .write-link.attach:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAYAAAArij59AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAIgSURBVHgBABAC7/0BmZmZBgAAAIsAAABVAAAAAAAAAKsAAAB1AAAA+gAAAAACAAAAigAAAB8AAAAwAAAAMAAAAB8AAACCAAAAAAAAAAAEAAAAXQAAACoAAADqAAAAAAAAAGsAAADSAAAAeAAAAP8CAAAAEgAAAOkAAAAAAAAAAAAAAOUAAAASAAAAAAAAAAACAAAAAAAAAAAAAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAA8gAAAA8AAADiAAAANgAAAAAAAADiAAAADwAAAPIEAAAAvAAAAFoAAABqAAAAsAAAAAAAAABlAAAAXAAAALwCAAAAegAAAH0AAAAbAAAAJAAAACQAAAAbAAAAewAAAHoCAAAA2QAAAD8AAABHAAAA5wAAAOcAAABHAAAAQAAAANkBAAD//2G2HFFdjEohAAAAAElFTkSuQmCC)}.container .right .write .write-link.attach:before,.container .right .write .write-link.smiley:before{display:inline-block;float:left;width:20px;height:42px;content:"";background-repeat:no-repeat;background-position:50%}.container .right .write .write-link.smiley:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAQgSURBVHgBABAE7/sBmZmZAAAAAAAAAAAAAAAAAAAAACoAAABkAAAASQAAACEAAAAAAAAA3gAAALgAAACcAAAA1gAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAYAAACUAAAAvwAAAOsAAABWAAAADwAAAA8AAABZAAAA7wAAAL8AAACYAAAACQAAAAAAAAAABAAAAAAAAAAGAAAAtQAAAPEAAAAmAAAA8QAAAAAAAAAAAAAAAAAAANEAAADRAAAAkQAAAJ4AAAC0AAAASQAAAPoCAAAAAAAAAI8AAADxAAAAVQAAAPEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADyAAAAVQAAAO8AAACPAAAAAAQAAAAsAAAAUgAAACcAAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAAYgAAANgAAACXAgAAAGMAAACWAAAA8gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADyAAAAkwAAAGQCAAAASAAAALIAAAAAAAAAAAAAAEoAAADxAAAASgAAAAAAAAAAAAAASgAAAPEAAABKAAAAAAAAAAAAAAC1AAAARAIAAAAiAAAA2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN4AAAAfBAAAAAAAAAAAAAAAAAAAAAAAAAC2AAAADwAAAAAAAAAAAAAAAAAAALYAAAAPAAAAAAAAAAAAAAAAAAAA+gAAAAYCAAAA3gAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnAAAA3gIAAAC4AAAATgAAAAYAAAC9AAAAkwAAABwAAAAAAAAAAAAAAAAAAAAAAAAAHAAAAJMAAAC9AAAABgAAAEwAAAC5AgAAAJ0AAABqAAAACAAAAE0AAADnAAAAqQAAAOsAAAD9AAAA/QAAAOsAAACpAAAA5wAAAE0AAAAIAAAAbQAAAJwBmZmZAAAAAJUAAAAXAAAAVQAAAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAKsAAADpAAAAawIAAAAAAAAAcQAAAA8AAACrAAAADwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAACrAAAAEQAAAHEAAAAAAgAAAAAAAAD6AAAASwAAAOgAAADaAAAAeQAAAC0AAAAGAAAABgAAAC8AAAB9AAAA2wAAAOwAAABMAAAA+gAAAAACAAAAAAAAAAAAAAD6AAAAbAAAAEIAAAAXAAAAqwAAAPQAAADuAAAApQAAABMAAABDAAAAaAAAAPcAAAAAAAAAAAEAAP//3UtRKNQY5cgAAAAASUVORK5CYII=)}.container .right .write .write-link.send:before{display:inline-block;float:left;width:20px;height:42px;margin-left:11px;content:"";background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAQgSURBVHgBABAE7/sBmZmZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkAAAB2AAAATAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABsAAACRAAAA3QAAAHAAAAC1BAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAAAB3AAAAWgAAAO4AAAAHAAAA9wAAAIoCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0AAACVAAAA0QAAAPgAAACGAAAACwAAAMAAAACcAAAA5gIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB8AAACXAAAA0AAAAPQAAAAoAAAA3wAAAG8AAABYAAAAMAAAAIkAAAAAAgAAAAAAAAAAAAAAAAAAACAAAACaAAAAzQAAAO8AAAAnAAAAdwAAAGMAAAByAAAAPgAAAEwAAACnAAAA5QAAAAAEAAAAAAAAACEAAAB7AAAAUAAAAJgAAAAnAAAA7QAAAAAAAACEAAAAUQAAAD0AAAD8AAAAYwAAAC8AAAAAAAAAAAQAAACYAAAAVQAAAJUAAAAmAAAA7gAAAAAAAAABAAAAkQAAADsAAAA/AAAA7AAAAIcAAACpAAAA5AAAAAAAAAAABAAAAN4AAAD7AAAAJwAAAB4AAADuAAAAAwAAAJwAAAAkAAAAQgAAAPEAAAATAAAAZgAAADAAAAAAAAAAAAAAAAAEAAAAigAAAJUAAABlAAAAsgAAANQAAAD6AAAACQAAAEcAAAD2AAAAAAAAAHMAAACqAAAA4wAAAAAAAAAAAAAAAAQAAAAAAAAA9QAAAJAAAACWAAAAYAAAAJIAAAAdAAAA9gAAAAAAAAASAAAAZgAAADMAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAPoAAACaAAAAoQAAAG8AAAAAAAAAAAAAAHIAAACtAAAA4QAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCAAAA0AAAAJMAAAD6AAAAaAAAADQAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOUAAACfAAAAfAAAAO8AAACvAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIoAAADWAAAAAgAAADUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA7AAAAI8AAAAfAAAA3wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAP//tAFHgJij1kMAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:50%}.container .right .bubble{font-size:16px;position:relative;display:inline-block;clear:both;margin-bottom:8px;padding:13px 14px;vertical-align:top;border-radius:5px;max-width:430px;word-wrap:break-word}.container .right .bubble:before{position:absolute;top:19px;display:block;width:8px;height:6px;content:"\00a0";transform:rotate(29deg) skew(-35deg)}.container .right .bubble.you{float:left;color:#fff;background-color:#00b0ff;align-self:flex-start;-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft}.container .right .bubble.you:before{left:-3px;background-color:#00b0ff}.container .right .bubble.me{float:right;color:#1a1a1a;background-color:#eceff1;align-self:flex-end;-webkit-animation-name:slideFromRight;animation-name:slideFromRight}.container .right .bubble.me:before{right:-3px;background-color:#eceff1}.container .right .conversation-start{position:relative;width:100%;margin-bottom:27px;text-align:center}.container .right .conversation-start span{font-size:14px;display:inline-block;color:#999}.container .right .conversation-start span:after,.container .right .conversation-start span:before{position:absolute;top:10px;display:inline-block;width:30%;height:1px;content:"";background-color:#e6e6e6}.container .right .conversation-start span:before{left:0}.container .right .conversation-start span:after{right:0}@keyframes slideFromLeft{0%{margin-left:-200px;opacity:0}to{margin-left:0;opacity:1}}@-webkit-keyframes slideFromLeft{0%{margin-left:-200px;opacity:0}to{margin-left:0;opacity:1}}@keyframes slideFromRight{0%{margin-right:-200px;opacity:0}to{margin-right:0;opacity:1}}@-webkit-keyframes slideFromRight{0%{margin-right:-200px;opacity:0}to{margin-right:0;opacity:1}}