@import"https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css";@import"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css";@font-face{font-family:BMW Type Web Light All;src:url(https://db.onlinewebfonts.com/t/e9de4f4d373ef5c6d9cf52490816ff5d.eot);src:url(https://db.onlinewebfonts.com/t/e9de4f4d373ef5c6d9cf52490816ff5d.eot?#iefix)format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/e9de4f4d373ef5c6d9cf52490816ff5d.woff2)format("woff2"),url(https://db.onlinewebfonts.com/t/e9de4f4d373ef5c6d9cf52490816ff5d.woff)format("woff"),url(https://db.onlinewebfonts.com/t/e9de4f4d373ef5c6d9cf52490816ff5d.ttf)format("truetype"),url("https://db.onlinewebfonts.com/t/e9de4f4d373ef5c6d9cf52490816ff5d.svg#BMW Type Web Light All")format("svg")}body{background-color:#000;margin-top:0;background-size:100%;background-repeat:no-repeat;background-size:cover;position:sticky;z-index:0;min-height:100vh;overflow-x:hidden}.container{height:100vh}.card{background:#fff;transition:.5s;border:0;margin-bottom:30px;border-radius:.55rem;position:relative;width:100%;box-shadow:0 1px 2px #0000001a}.chat-app{background-color:#1fe0}.chat-logo{text-align:left}.chat .chat-header{color:#fff;padding:15px 20px}.chat .chat-header img{float:left;border-radius:40px;width:40px}.chat .chat-header .chat-about{float:left;padding-left:10px;display:flex;flex-flow:column}.chat .chat-header .chat-about span{margin-bottom:.5rem;line-height:1.2;font-size:3.5rem;font-family:BMW Type Web Light All}.chat .chat-history{overflow:visible;max-height:unset;scroll-behavior:smooth}.chat .chat-history ul{padding:0}.chat .chat-history ul li{list-style:none}.chat .chat-history ul li:last-child{margin-bottom:0}.chat .chat-history .message-data{margin-bottom:15px}.chat .chat-history .message-data img{border-radius:40px;width:40px}.chat .chat-history .message-data-time{color:#434651;padding-left:6px}.chat .chat-history .message{color:#444;padding:18px 20px;line-height:26px;font-size:16px;border-radius:7px;display:inline-block;position:relative}.chat .chat-history .message:after{bottom:0;left:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#fff;border-width:12px;margin-left:-10px}.chat .chat-history .my-message{background:#1c69d3;text-align:right;color:#fff}.chat .chat-history .my-message:after{top:0%;left:95%;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#1c69d3;border-bottom-color:transparent;border-width:12px;margin-left:-10px}.chat .chat-history .other-message{background:#fff}.waiting-response{height:50px;width:50px;margin:-20px 0}.chat .chat-history .other-message:after{border-bottom-color:#fff}.chat .chat-message{padding:20px;position:absolute;bottom:30px;width:-webkit-fill-available;display:flex}.online,.offline,.me{margin-right:2px;font-size:8px;vertical-align:middle}.online{color:#86c541}.offline{color:#e47297}.me{color:#1d8ecd}.float-right{float:right}.interaction>.clearfix{padding-top:15px}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.send-button{background-color:#1c69d3;color:#fff;padding:0;border-radius:4px;border:0}.footer{background-color:#000;color:#fff;z-index:1;min-height:40px;height:5vh}.follow-us{text-align:right}.link{font-family:BMW Type Web Light All;cursor:pointer}@media only screen and (max-width: 767px){.chat-app .people-list{height:465px;width:100%;overflow-x:auto;background:#fff;left:-400px;display:none}.chat-app .people-list.open{left:0}.chat-app .chat{margin:0}.chat-app .chat .chat-header{border-radius:.55rem .55rem 0 0}.chat .chat-header .chat-about span{font-size:1.5rem}}@media only screen and (min-width: 768px) and (max-width: 992px){.chat .chat-header .chat-about span{font-size:2rem}}@media only screen and (min-width: 993px) and (max-width: 1510px){.chat .chat-header .chat-about span{font-size:2.8rem}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){.chat .chat-header .chat-about span{font-size:2.5rem}}