<!--HTML-->
<style>
#stroka-4-persa {height: 150px}
#ch-img {width: 145px; 
  height: 145px; 
  position: relative; 
  margin: auto; 
  overflow: hidden; 
  background-size: cover;
  background-position: center center;
  -webkit-filter: url('#colors');
-moz-filter:  url('#colors');
-ms-filter: url('#colors');
-o-filter: url('#colors');
filter:  url('#colors');
}
#ch-img div {
  width: 145px;
  height: 15px;
  position: relative;
  text-align:center;
  font: 12px elbing;
  text-transform: uppercase;
  color: white;
  letter-spacing:2px;
  text-shadow: 2px 0px 0px black;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */
  transform: rotate(90deg);
  top: 65px;
  left: -65px;} 
.ch-crd { 
  width: 145px; 
  height: 145px; 
  top: -145px;
  position: relative; 
  margin: auto; 
  overflow: hidden; }  
.ch-crd div:nth-of-type(1) {
  background: rgba(19, 44, 39, 0.7);
  width:130px;
  height:145px;
  position: absolute;
  top: 0;
  left:-145px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;}
.ch-crd:hover div:nth-of-type(1) {left:15px;} 
.ch-crd div:nth-of-type(2) {
  background:white;
  width:120px;
  height:135px;
  margin:5px;
  position: absolute;
  top: 0;
  right:-145px;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;}
.ch-crd:hover div:nth-of-type(2) {right:0;}
  
.ch-crd div:nth-of-type(2) p {
    width: 114px;
    height: 106px;
    overflow: auto;
    font: 10px tahoma !important;
    line-height: 0.9 !important;
    color: #3F3F3F !important;
    text-transform: none !important;
    text-align: justify !important;
}
.ch-crd div:nth-of-type(2) a {
  display: block;
  background: rgb(13,25,23);
  margin: 0 3px; 
  font: 12px elbing;
  text-align: center;
  text-decoration: none;
  color: silver;
  padding: 3px 0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;}
.ch-crd div:nth-of-type(2) a:hover {background: rgb(104,0,38);}
</style>

<!--HTML-->
<div id="stroka-4-persa">

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(https://i.imgur.com/Me40Isq.jpg)"><div>хель могенсен</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">при жизни — дезертир и предатель родины, в лост спрингс — ученица старшей школы. бытовые тяготы, пьющая мать, растерянность, рефлексия и воскресные посещения церкви.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=81">анкета</a></div></div></div>

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://fullhdpictures.com/wp-content/uploads/2016/02/Cute-Juno-Temple-Photos.jpg)"><div>Элси Бриггс</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">Студентка колледжа Ред-Лейк, в прошлой жизни - шизофреничка и приверженец культа. Борется со тьмой и ведет двойной образ жизни: блестящая студентка и ваша лучшая соседка днем, и потерянное дитя ночью.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=92">анкета</a></div></div></div>

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://static.tumblr.com/7fjtiee/WbZmee07o/evan-peters-photo-3.jpg)"><div>макс спрингфилд</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">в прошлом - позор аристократической семьи, сейчас - позор для матери-наркоманки, хороший друг и работник, любит животных и не доверяет людям. занимается тем, что чинит проводку в жилых и не очень домах.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=93#p4212">анкета</a></div></div></div>

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://s1.uploads.ru/d/t0j7Z.png)"><div>дэвид волакис</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">После смерти оказавшись в Лост Спрингсе, практически повторил предыдущий жизненный путь, ударившись в политику и дослужившись до мэра города. Желая добиться высот власти и денег, открестился от подавляющей части своей семьи, чтобы сберечь благоприятный облик в глазах общественности. Сейчас живет в свое удовольствие, стараясь не оглядываться на пройденное.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?pid=4913#p4913">анкета</a></div></div></div>
</div>

<div id="stroka-4-persa">

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://sa.uploads.ru/0jtLy.jpg)"><div>Джерри Брэд</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">Герой войны и доброй души дровосек с двойным дном.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=122#p6471">анкета</a></div></div></div>

</div>

<!--HTML-->
<div id="stroka-4-persa">

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(https://41.media.tumblr.com/ed2afe10c3ba32f05d382e750ba2eb2b/tumblr_nxbcobDwaa1ugk5r1o1_250.jpg)"><div>фрэнк мэттьюс</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">колдун, вор и продавец в антикварной лавке, сдает квартиру посуточно для всяких грязных дел, якшается с разными демонами. был предан любимой женщиной и сожжен на костре.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?pid=322#p322">анкета</a></div></div></div> 

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://funkyimg.com/i/2iKuc.png)"><div>аманда хаксли</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">библиотекарша в сэнди хук, из-под прилавка торгует информацией. в свободное от работы время фигурно плюется ядом, спит и упарывается с кем попало и играет роль няньки при бессмертном и крайне злоебучем сознании.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=96">анкета</a></div></div></div>

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://67.media.tumblr.com/7a6a8aa3a1c811039372c27295cd3e0a/tumblr_odxbwyYlQ11swonpwo2_500.png)"><div>Вера Флинн</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">ведьма,кондитер и тварь безвольная.Любимица детишек и их мам,а так же старых бабушек. Кладезь добродетели.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=129#p6681">анкета</a></div></div></div>

</div>

<!--HTML-->
<div id="stroka-4-persa">

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://s7.uploads.ru/439P5.jpg)"><div>отто бергман</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">что при жизни, что после смерти - пастор. демоны распорядились так, что, живя в ЛС, страдает от сексуального желания по отношению к несовершеннолетним. почти постоянно находится в режиме духовного самобичевания. </p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=53#p749">анкета</a></div></div></div>
<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://s6.uploads.ru/t/weVfq.jpg)"><div>ричард ланкастер</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">Ведомый, 34 года, преподаватель в средней школе, при жизни был лжеучителем. Его способность – управление водой. Ищет других ведомых, пытаясь понять природу их силы. Стремится контролировать её.  </p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=108#p4905">анкета</a></div></div></div>

</div>

<!--HTML-->
<div id="stroka-4-persa">

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(https://68.media.tumblr.com/5b9302480c2fa77fe04d386fa1cdb006/tumblr_ok00566GgV1vmqdgpo2_500.png)"><div>сатин эверллан</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">слепая художница. хиромант на полставки. местная сумасшедшая, которая всё время бредит и говорит о чём-то непонятном. ненавистная дочь мэра. при жизни была великой французской предсказательницей марией ленорман.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=35">анкета</a></div></div></div>

</div>

<!--HTML-->
<div id="stroka-4-persa">

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://s016.radikal.ru/i335/1610/64/5da4a33f42c5.jpg)"><div>Кайл Флинн</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">Мастер маскировки, бывший шпион, ныне пожизненный заключенный в Лост Спрингс, вынужденный обучать своим навыкам демонов в десятом кругу ада. Играет роль семьянина, на публику обожая свою супругу - Веру Флинн, тем временем изводя ведьму.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=90#p4128">анкета</a></div></div></div>

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://funkyimg.com/i/2jriT.gif)"><div>Джеймс Гвидиче</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">Садрагиэль - демон страха и безумия. По собственному желанию пришел в город, дабы охранять его границы и развеять скуку. Алкоголик, курильщик с нестабильной психикой. Обладает умом, сообразительностью и педантичностью.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=116#p6043">анкета</a></div></div></div>

</div>

<!--HTML-->
<div id="stroka-4-persa">

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://www.ljplus.ru/img4/k/a/kawaii_trin/tumblr_lz64t9luiC1qzoaqio1_1280.jpg)"><div>Иоахим Моран</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">одна третья часть Цербера, отправлен в Лост Спрингс в качестве охранника границ. одинокий хозяин троих собак, немного алкоголик, немного наркоман, слишком уж часто устраивает разного рода дебоши в местных барах и клубах. не доверяет людям, хочет отдохнуть и развлечься, но работа не позволяет.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=107">анкета</a></div></div></div>

</div>

<!--HTML-->
<div id="stroka-4-persa">

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(https://pbs.twimg.com/profile_images/513511258406916096/tExL8P4K.jpeg)"><div>оливер харт</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">В своём адском прошлом звался Оливьером, за скверный характер прошёл путь от архидемона до инферно. О буднях в Преисподней не помнит. В Лост Спрингсе - избалованный сыночек богатого папочки, хирург, на халяву получивший место в папочкиной же клинике. Заядлый наркоман и пьяница. </p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=54">анкета</a></div></div></div>

<div style="width:145px; height: 145px; display:inline-block"><div id="ch-img" style="background-image: url(http://static.tumblr.com/5003be3b417facd34cabd200a9a8d9ee/fuiqeqy/frsna0j6a/tumblr_static_2w0xb0q9kruokgwkgk04g08co.jpg)"><div>Робин Купер</div></div><div class="ch-crd"><div></div><div><p style="margin: 3px !important;">1\3 Цербера, осужденный и отправленный в ЛС в качестве заключенного. Память стерта, считает себя человеком, совладетелем Охотничьего Домика, по совместительству торгует оружием.</p><a href="http://lsdevotee.rusff.me/viewtopic.php?id=37">анкета</a></div></div></div>

</div>