@import url(https://fonts.googleapis.com/css?family=Red+Hat+Display:400,500,900&display=swap);.center{position:fixed;right:2rem;bottom:3.2rem;z-index:9999}.pic{width:3rem;height:3rem;background-size:cover;background-position:50%;border-radius:50%}.contact{position:relative;margin-bottom:1rem;padding-left:5rem;height:4.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.contact .pic{position:absolute;left:0}.contact .name{font-weight:500;margin-bottom:.125rem}.contact .message,.contact .seen{font-size:.9rem;color:#999}.contact .btn-close{position:absolute;right:0!important;top:1px}.chat{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:25rem;height:30rem;z-index:2;border-radius:1rem;background:#fff;-webkit-box-shadow:0 0 8rem 0 rgba(0,0,0,.1),0 2rem 4rem -3rem rgba(0,0,0,.5);box-shadow:0 0 8rem 0 rgba(0,0,0,.1),0 2rem 4rem -3rem rgba(0,0,0,.5)}.chat,.chat .contact.bar{-webkit-box-sizing:border-box;box-sizing:border-box}.chat .contact.bar{-ms-flex-preferred-size:3.5rem;flex-basis:3.5rem;-ms-flex-negative:0;flex-shrink:0;margin:1rem}.chat .messages{padding:1rem;background:#f7f7f7;-ms-flex-negative:2;flex-shrink:2;overflow-y:auto;-webkit-box-shadow:inset 0 2rem 2rem -2rem rgba(0,0,0,.05),inset 0 -2rem 2rem -2rem rgba(0,0,0,.05);box-shadow:inset 0 2rem 2rem -2rem rgba(0,0,0,.05),inset 0 -2rem 2rem -2rem rgba(0,0,0,.05)}.chat .messages .time{font-size:.8rem;background:#eee;padding:.25rem 1rem;border-radius:2rem;color:#999;margin:0 auto}.chat .messages .message,.chat .messages .time{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat .messages .message{-webkit-box-sizing:border-box;box-sizing:border-box;padding:.5rem 1rem;margin:0;margin-bottom:1rem;background:#fff;border-radius:1.125rem 1.125rem 1.125rem 0;min-height:2.25rem;max-width:66%;-webkit-box-shadow:0 0 2rem rgba(0,0,0,.075),0 1rem 1rem -1rem rgba(0,0,0,.1);box-shadow:0 0 2rem rgba(0,0,0,.075),0 1rem 1rem -1rem rgba(0,0,0,.1)}.chat .messages .message.parker{margin:1rem 1rem 1rem auto;border-radius:1.125rem 1.125rem 0 1.125rem;background:#333;color:#fff}.chat .messages .message .typing{display:inline-block;width:.8rem;height:.8rem;margin-right:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ccc;border-radius:50%}.chat .messages .message .typing.typing-1{-webkit-animation:typing 3s infinite;animation:typing 3s infinite}.chat .messages .message .typing.typing-2{-webkit-animation:typing 3s .25s infinite;animation:typing 3s .25s infinite}.chat .messages .message .typing.typing-3{-webkit-animation:typing 3s .5s infinite;animation:typing 3s .5s infinite}.chat .input{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-preferred-size:4rem;flex-basis:4rem;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .5rem 0 1.5rem}.chat .input i{font-size:1.5rem;margin-right:1rem;color:#666;cursor:pointer;-webkit-transition:color .2s;transition:color .2s}.chat .input i:hover{color:#333}.chat .input input{border:none;background-image:none;background-color:#fff;padding:.5rem 1rem;margin-right:1rem;border-radius:1.125rem;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;-webkit-box-shadow:0 0 1rem rgba(0,0,0,.1),0 1rem 1rem -1rem rgba(0,0,0,.2);box-shadow:0 0 1rem rgba(0,0,0,.1),0 1rem 1rem -1rem rgba(0,0,0,.2);font-family:Red hat Display,sans-serif;font-weight:400;letter-spacing:.025em}.chat .input input:placeholder{color:#999}@-webkit-keyframes typing{0%,75%,to{-webkit-transform:translateY(.25rem) scale(.9);transform:translateY(.25rem) scale(.9);opacity:.5}25%{-webkit-transform:translateY(-.25rem) scale(1);transform:translateY(-.25rem) scale(1);opacity:1}}@keyframes typing{0%,75%,to{-webkit-transform:translateY(.25rem) scale(.9);transform:translateY(.25rem) scale(.9);opacity:.5}25%{-webkit-transform:translateY(-.25rem) scale(1);transform:translateY(-.25rem) scale(1);opacity:1}}.pic.stark{background-image:url(/img/group.png)}.pic.banner{background-image:url(https://vignette.wikia.nocookie.net/marvelcinematicuniverse/images/4/4f/BruceHulk-Endgame-TravelingCapInPast.jpg)}.pic.thor{background-image:url(https://vignette.wikia.nocookie.net/marvelcinematicuniverse/images/9/98/ThorFliesThroughTheAnus.jpg)}.pic.danvers{background-image:url(https://vignette.wikia.nocookie.net/marvelcinematicuniverse/images/0/05/HeyPeterParker.png)}.pic.rogers{background-image:url("https://vignette.wikia.nocookie.net/marvelcinematicuniverse/images/7/7c/Cap.America_(We_Don't_Trade_Lives_Vision).png")}.modal-c{position:fixed;z-index:99999999999;padding:25px;padding-top:80px;left:0;top:0;width:100%;height:100%;max-height:100vh;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,.6)}.modal-c .modal-content{margin:auto;display:block;width:auto;max-width:calc(100% - 40px);height:auto;max-height:calc(100% - 50px)}.modal-c #caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.modal-c #caption,.modal-c .modal-content{-webkit-animation-name:zoom;animation-name:zoom;-webkit-animation-duration:.6s;animation-duration:.6s}.modal-c .close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;-webkit-transition:.3s;transition:.3s}.modal-c .close:focus,.modal-c .close:hover{color:#bbb;text-decoration:none;cursor:pointer}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width:700px){.modal-content{width:100%}}