.chatHeader .chatTitle {
    position: relative;
    overflow: hidden;
    -webkit-animation: chat 10s infinite;
    animation: chat 15s infinite;
}
@keyframes chat {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
/* ChaTemplate */
@-webkit-keyframes chat {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}







.chatHeader .chatTitle {
    padding-left:45px;
}
.chatHeader .chatTitle::before {
    position: absolute;
    width:45px;
    height:45px; 
    top:12px;
    left:12px;
    content:'';
    background: url('https://thewannabesbuzzblog.files.wordpress.com/2014/03/twilight-logo-twilight-4.jpg') 0 0 no-repeat;
    background-size:40px;
    transition:all 0.3s ease;
}





.chatHeader .chatTitle {
  font-size: 26px; /*10 */
  margin-top: 7px; /* 3 */
}











.chatHeader .chatTopLine {
  border-color: #b5db4e;
  background-color: #cff265;
}






.chatHeader .chatTopLine {
    border-radius: 6px;
    border-radius: 6px;
}
.chatTopLineWrapper > ul > li:first-child > a {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.chatTopLineWrapper > ul > li:last-child > a {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
body:not(.has-nick) .chatTopLineWrapper > ul > li:nth-child(2) > a {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 10px;
}




.chatPeople .chatPeopleTitle {
font-size:0;
}
.chatPeople .chatPeopleTitle:before,
.chatPeople .chatPeopleTitle:after,
.chatUsersCount {
font-size: 12px;
}
.chatPeople .chatPeopleTitle:before {
content:'ТУТ ';
}
.chatPeople .chatPeopleTitle:after {
content:' ЧЕЛОВЕК. ДОБРО ПОЖАЛОВАТЬ!';
}








.chatFull .transparent {
   background-color: #fff; /* цвет фона */
   background-image: url('https://im0-tub-ru.yandex.net/i?id=e7a7de8912323b9694a703fff8603d22&n=13');
   background-position: 50% 50%; /* положение картинки по центру слева и сверху */
   background-size: cover; /* растянуть изображение на весь экран */
   opacity:1; /* видимость картинки, 0.5 - полупрозрачная */
}









/* Летящий орел ChaTemplate (с) 2018 */
.chatMain::before {
	position: absolute;
	top: 30%; /* делаем выше - ниже */
	width: 60px;
	height: 50px;
	content: '';
	background: url(http://www.webdesign-klamonfra.de/bilder/adler.gif) 0 0 no-repeat;
	background-size: 60px;
	animation: adler 30s infinite linear;
}
@keyframes adler {
	from{transform: scale(.3) translate3d(-1500px,0,0)}
	to{transform: scale(.9) translate3d(2000px,0,100px)}
}













.chatMessage.chatMessageToMe:nth-last-child(7) {margin-left: 17px;}
.chatMessage.chatMessageToMe:nth-last-child(6) {margin-left: 20px;}
.chatMessage.chatMessageToMe:nth-last-child(5) {margin-left: 25px;}
.chatMessage.chatMessageToMe:nth-last-child(4) {margin-left: 25px;}
.chatMessage.chatMessageToMe:nth-last-child(3) {margin-left: 30px;}
.chatMessage.chatMessageToMe:nth-last-child(2) {margin-left: 100px;}
.chatMessage.chatMessageToMe:last-child        {margin-left: 40px;

















.chatMessage {
  background: 
  text-align: center;
  font-family: Georgia;
}/* Апостол */
.chatMessage {
  font-size: 18px;/* Размер шрифта */
  font-weight: normal;
  cursor: pointer;
  text-shadow: 1px 1px 0 hsl(20,100%,50%),
               2px 2px 0 hsl(20,100%,50%),
               3px 3px 0 hsl(35,100%,50%),
               4px 4px 0 hsl(35,100%,50%),
               5px 5px 0 hsl(45,100%,50%),
               6px 6px 0 hsl(45,100%,55%),
               7px 7px 0 hsl(55,100%,60%),
               8px 8px 0 hsl(55,100%,65%);
  color: hsl(0,100%,40%);
  transition: all 1s;
  }
  .chatMessage:hover {
    text-shadow: 1px -1px 0 hsl(290,100%,40%),
               2px -2px 0 hsl(290,100%,40%),
               3px -3px 0 hsl(280,100%,60%),
               4px -4px 0 hsl(280,100%,60%),
               5px -5px 0 hsl(270,100%,75%),
               6px -6px 0 hsl(270,100%,80%),
               7px -7px 0 hsl(260,100%,85%),
               8px -8px 0 hsl(260,100%,90%);
     
    }
















.chatPeople {
background-image: url("Адрес картинки ");
background-position: center center;border-radius: 20px 20px 20px 20px;
background-repeat: no-repeat;
background-size: 150% 108%;
border-image-width: 9px;
border-image-source: url(адрес картинки);
border-image-slice: 30;
border-image-repeat: stretch;
box-shadow:  -7px 7px 7px -7px #333;
}
.chatMain .chatPeople{
width:172px;
height:28px;
background-color: transparent;
transition:height 0.9s;
transition-timing-function:linear;
-moz-transition:height 0.9s;
-moz-transition-timing-function:linear;
-webkit-transition:height 0.9s;
-webkit-transition-timing-function:linear;
-o-transition:height 0.9s;
-o-transition-timing-function:linear;
}.chatMain .chatPeople:hover
{
height:100%;
}.chatTopLineWrapper ul li ul {
    display: block;
    left: -150px;
    top: 40px;
    visibility: visible;
    width: 197px;
margin: 15px 0 0 0;
}.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    width:100%;
}