<?xml version="1.0" encoding="windows-1251"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<atom:link href="https://hardvio.rusff.me/export.php?type=rss" rel="self" type="application/rss+xml" />
		<title>design test</title>
		<link>http://hardvio.rusff.me/</link>
		<description>design test</description>
		<language>ru-ru</language>
		<lastBuildDate>Thu, 19 Apr 2018 17:28:03 +0300</lastBuildDate>
		<generator>MyBB/mybb.ru</generator>
		<item>
			<title>гостевая</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=31#p31</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;

&amp;lt;div class=&amp;quot;g_theme&amp;quot;&amp;gt;&amp;lt;div&amp;gt;
    &amp;lt;div class=&amp;quot;g_title&amp;quot;&amp;gt;Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. &amp;lt;/div&amp;gt;

&amp;lt;div style=&amp;quot;width=&amp;quot;250px&amp;quot;&amp;gt;    &amp;lt;div class=&amp;quot;g_link&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;&amp;quot;&amp;gt;нужные&amp;lt;/a&amp;gt;           &amp;lt;a href=&amp;quot;&amp;quot;&amp;gt;внешности&amp;lt;/a&amp;gt;  &amp;lt;a href=&amp;quot;&amp;quot;&amp;gt;правила&amp;lt;/a&amp;gt;            &amp;lt;a href=&amp;quot;&amp;quot;&amp;gt;путеводитель&amp;lt;/a&amp;gt;      &amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;

    &amp;lt;div class=&amp;quot;g_body&amp;quot;&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;div id=&amp;quot;g_f&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;div id=&amp;quot;g_n&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;


&amp;lt;style&amp;gt;&amp;lt;/.g_body {
    left: 44px;
    top: 67px;
    padding: 5px;
    padding-bottom: 121px;
    font-size: 11px;
    color: #636363;
    width: 455px;
    text-shadow: 1px 0px 0px #ffffff;
    text-align: justify;
    font-family: arial;
    line-height: 15px;
    text-align-last: center;
    text-transform: lowercase;
}
    .g_title {
    position: absolute;
    width: 164px;
    font-family: arial;
    text-shadow: 0 0 2px #ffffffa3;
    text-align: center;
    font-size: 10px;
    color: #fdfdfd;
    margin-top: 90px!important;
    margin-left: 69px!important;
}
.g_tt {
    font-family: bebasneueregular;
    font-size: 11px;
    color: #4b5763;
    text-shadow: 0 0 5px white;
    position: absolute;
    margin-top: 206px!important;
    width: 264px;
    text-align: center;
    margin-left: 321px;
}
.g_c {
    position: absolute;
    width: 436px;
    font-family: arial;
    text-shadow: 0 0 5px #ffffff;
    text-align: justify;
    font-size: 10px;
    color: #4f6077;
    margin-top: 193px!important;
    margin-left: 67px!important;
}

#g_f {
    overflow: auto;
    height: 105px;
    margin-top: 322px!important;
    margin-left: 96px!important;
    position: absolute;
    width: 223px;
    color: #e8e8e8;
    text-shadow: 0 0 3px #fbfbfb8a;
    text-align: left;
}
.g_ff  {
    font-family: bebasneueregular;
    font-size: 11px;
    color: #ad947e;
    text-shadow: 1px 0 0 #444444b0;
    position: absolute;
    margin-top: 243px!important;
    margin-left: 118px!important;
}

#g_n {
    overflow-y: auto;
    height: 105px;
    margin-left: 334px!important;
    position: absolute;
    width: 223px;
    text-align: left;
    margin-top: 324px!important;
    color: #e8e8e8;
    text-shadow: 0 0 3px #fbfbfb8a;
}

#g_n a {    text-shadow: none!important;     font-size: 10px;    color: #ffffff!important;}
#g_f a {    text-shadow: none!important;     font-size: 10px;    color: #ffffff!important;}
.g_nn    {
    font-family: bebasneueregular;
    margin-left: 401px!important;
    margin-top: 243px!important;
    position: absolute;
    font-size: 11px;
    color: #ad947e;
    text-shadow: 1px 0 0 #444444b0;
}

#g_n::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}
#g_n::-webkit-scrollbar-track {
    background-color: #8f445a;
    border: none!important;
}
#g_n::-webkit-scrollbar-thumb {
    background-color: #712239;
    border: none!important;
}

#g_f::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}
#g_f::-webkit-scrollbar-track {
    background-color: #8f445a;
    border: none!important;
}
#g_f::-webkit-scrollbar-thumb {
    background-color: #712239;
    border: none!important;
}
.g_theme {
    width: 599px;
    height: 489px;
    background: url(http://forumstatic.ru/files/0012/80/31/99604.png) no-repeat;
    margin-left: 33px!important;
}
.g_link {
    position: absolute;
    font-family: bebasneueregular!important;
    font-size: 9px;
    letter-spacing: 1px;
    margin-top: 49px!important;
    text-align: center;
    width: 344px;
    font-weight: normal!important;
    text-shadow: none!important;
    line-height: 167%;
    margin-left: 16px!important;
}

.g_link a {
    text-shadow: none!important;
    background-color: #63303f;
    padding-left: 5px!important;
    padding-right: 5px!important;
    color: white!important;
    padding-top: 1px!important;
    padding-bottom: 1px!important;
    border: 1px solid #894157;
    letter-spacing: 2px;
    box-shadow: inset 0 0 5px #90465c;
}

.g_link a:hover {    background-color: #797979!important;
    box-shadow: inset 0 0 5px #b1b1b1;
    border: 1px solid #868686;
    background-color: #9e9e9e;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
}

.g_num {
    display: inline-block;
    font-size: 8px;
    background-color: #6c6e70;
    height: 12px;
    width: 26px;
    margin-right: 2px;
    padding-right: 0px;
    padding-top: 2px;
    margin-bottom: 3px;
    border-radius: 4px;
    box-shadow: inset 0 0 5px #ececec;
    color: #ffffff;
    padding-left: 3px;
}

style&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;table style=&quot;table-layout:fixed;width:100%&quot;&gt;&lt;tr&gt;&lt;td style=&quot;width:20%&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;придержание/выкуп&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;div class=&amp;quot;g_num&amp;quot;&amp;gt;00.00&amp;lt;/div&amp;gt; name surname &amp;lt;a href=&amp;quot;ссылка на профиль&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;width:20%&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Thu, 19 Apr 2018 17:28:03 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=31#p31</guid>
		</item>
		<item>
			<title>внешности</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=30#p30</link>
			<description>&lt;table style=&quot;table-layout:fixed;width:100%&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;b&amp;gt;имя прототипа на англ.&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;имя персонажа&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;аа&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Wed, 18 Apr 2018 20:07:27 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=30#p30</guid>
		</item>
		<item>
			<title>банк</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=28#p28</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;
&amp;lt;div class=&amp;quot;bankW&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;bank_title&amp;quot;&amp;gt;istore&amp;lt;/div&amp;gt;


&amp;lt;center&amp;gt;&amp;lt;div class=&amp;quot;slid&amp;quot;&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; checked=&amp;quot;checked&amp;quot; id=&amp;quot;c1&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c1&amp;quot; id=&amp;quot;bank_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-smartphone&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c2&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c2&amp;quot; id=&amp;quot;bank_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-diamond&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c3&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c3&amp;quot; id=&amp;quot;bank_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-gift&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c4&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c4&amp;quot; id=&amp;quot;bank_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-download&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c5&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c5&amp;quot; id=&amp;quot;bank_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-phone-handset&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c6&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c6&amp;quot; id=&amp;quot;bank_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-exit-up&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;div class=&amp;quot;banko1&amp;quot;&amp;gt;


&amp;lt;div class=&amp;quot;bank-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bank-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-plus-circle&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;bank-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;bank_name&amp;quot;&amp;gt;заработать&amp;lt;/div&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» В формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Информационно-пропагандистское обеспечение нашей деятельности требуют &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» В формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Информационно-пропагандистское обеспечение нашей деятельности требуют &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» В формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Информационно-пропагандистское обеспечение нашей деятельности требуют &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» В формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Информационно-пропагандистское обеспечение нашей деятельности требуют &amp;lt;br&amp;gt;

&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;bank-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bank-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-circle-minus&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;bank-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;bank_name&amp;quot;&amp;gt;потратить&amp;lt;/div&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» В формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Информационно-пропагандистское обеспечение нашей деятельности требуют &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» В формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Информационно-пропагандистское обеспечение нашей деятельности требуют &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» В формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Информационно-пропагандистское обеспечение нашей деятельности требуют &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» В формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;100$&amp;lt;/b&amp;gt; »» Информационно-пропагандистское обеспечение нашей деятельности требуют &amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;



&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;banko1&amp;quot;&amp;gt;

&amp;lt;div class=&amp;quot;awardo-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;awardo-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://icons.iconarchive.com/icons/sora-meliae/matrilineare/128/Apps-accessories-text-editor-icon.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;awardo-bloc&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;
&amp;lt;b&amp;gt;название награды&amp;lt;/b&amp;gt; »» короткое описание того, что нужно сделать, чтобы получить эту награду. поле тут если что растягивается, поэтому пишите сколько угодно текста. 
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;div class=&amp;quot;awardo-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;awardo-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://icons.iconarchive.com/icons/sora-meliae/matrilineare/128/Apps-addressbook-icon.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;awardo-bloc&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;
&amp;lt;b&amp;gt;название награды&amp;lt;/b&amp;gt; »» короткое описание того, что нужно сделать, чтобы получить эту награду. поле тут если что растягивается, поэтому пишите сколько угодно текста. Задача организации, в особенности же консультация с широким активом играет важную роль в формировании модели развития. 
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;div class=&amp;quot;awardo-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;awardo-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://icons.iconarchive.com/icons/sora-meliae/matrilineare/128/Actions-mail-outbox-icon.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;awardo-bloc&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;
&amp;lt;b&amp;gt;название награды&amp;lt;/b&amp;gt; »» С другой стороны новая модель организационной деятельности играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям. 
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;div class=&amp;quot;awardo-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;awardo-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://icons.iconarchive.com/icons/sora-meliae/matrilineare/128/Apps-emerillon-icon.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;awardo-bloc&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;
&amp;lt;b&amp;gt;название награды&amp;lt;/b&amp;gt; »» Их разнообразный и богатый опыт реализация намеченных плановых заданий обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. 
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;awardo-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;awardo-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://icons.iconarchive.com/icons/sora-meliae/matrilineare/128/Apps-ubuntu-software-centerA-icon.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;awardo-bloc&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;
&amp;lt;b&amp;gt;название награды&amp;lt;/b&amp;gt; »» С другой стороны новая модель организационной деятельности играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям. 
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;awardo-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;awardo-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://icons.iconarchive.com/icons/sora-meliae/matrilineare/128/Places-folder-grey-icon.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;awardo-bloc&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;
&amp;lt;b&amp;gt;название награды&amp;lt;/b&amp;gt; »» С другой стороны новая модель организационной деятельности играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям. 
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;awardo-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;awardo-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://icons.iconarchive.com/icons/sora-meliae/matrilineare/128/Apps-accessories-text-editor-icon.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;awardo-bloc&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;
&amp;lt;b&amp;gt;название награды&amp;lt;/b&amp;gt; »» короткое описание того, что нужно сделать, чтобы получить эту награду. поле тут если что растягивается, поэтому пишите сколько угодно текста. 
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;div class=&amp;quot;awardo-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;awardo-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://icons.iconarchive.com/icons/sora-meliae/matrilineare/128/Apps-addressbook-icon.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;awardo-bloc&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;
&amp;lt;b&amp;gt;название награды&amp;lt;/b&amp;gt; »» короткое описание того, что нужно сделать, чтобы получить эту награду. поле тут если что растягивается, поэтому пишите сколько угодно текста. Задача организации, в особенности же консультация с широким активом играет важную роль в формировании модели развития. 
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;banko01&amp;quot;&amp;gt;


&amp;lt;div class=&amp;quot;gifto-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;gifto-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-sync&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gifto-bloc&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;table layout=fixed width=100%&amp;gt;

&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://s9.uploads.ru/nDiOC.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#1&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/H6uLJxp.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#2&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/Xe3fnlE.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#3&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://sh.uploads.ru/1NzcD.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#4&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;

&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/8pXIHxh.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#5&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/qzbxuZE.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#6&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/sE3wprJ.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#7&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/aIQDMLk.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#8&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;

&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://sd.uploads.ru/cdEMu.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#9&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://s8.uploads.ru/nesh1.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#10&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://s0.uploads.ru/nAJGp.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#11&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/BdXrV3A.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#12&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;/table&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;gifto-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;gifto-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-music-note&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gifto-bloc&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;table layout=fixed width=100%&amp;gt;

&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://s9.uploads.ru/nDiOC.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#1&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/H6uLJxp.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#2&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/Xe3fnlE.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#3&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://sh.uploads.ru/1NzcD.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#4&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;

&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/8pXIHxh.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#5&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/qzbxuZE.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#6&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/sE3wprJ.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#7&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/aIQDMLk.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#8&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;

&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://sd.uploads.ru/cdEMu.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#9&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://s8.uploads.ru/nesh1.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#10&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://s0.uploads.ru/nAJGp.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#11&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/BdXrV3A.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#12&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;/table&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;gifto-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;gifto-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-star&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gifto-bloc&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;


&amp;lt;table layout=fixed width=100%&amp;gt;

&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://s9.uploads.ru/nDiOC.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#1&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/H6uLJxp.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#2&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/Xe3fnlE.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#3&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://sh.uploads.ru/1NzcD.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#4&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;

&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/8pXIHxh.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#5&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/qzbxuZE.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#6&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/sE3wprJ.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#7&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/aIQDMLk.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#8&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;

&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://sd.uploads.ru/cdEMu.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#9&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://s8.uploads.ru/nesh1.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#10&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://s0.uploads.ru/nAJGp.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#11&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;div id=&amp;quot;b_gift&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http://i.imgur.com/BdXrV3A.png&amp;quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;#12&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;/table&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;/div&amp;gt;



&amp;lt;div class=&amp;quot;banko1&amp;quot;&amp;gt;
4&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;banko1&amp;quot;&amp;gt;
5&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;banko1&amp;quot;&amp;gt;
6&amp;lt;/div&amp;gt;



&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;&amp;lt;/div&amp;gt;



&amp;lt;style&amp;gt;

.bankW {
    width: 565px;
    background-image: url(http://forumstatic.ru/files/0012/80/31/92056.png);
    margin: auto;
    height: 681px;
}
.bank_title {
    font-family: bebasneueregular;
    font-weight: normal;
    color: white;
    width: 276px;
    text-align: center;
    margin-top: 38px!important;
    font-size: 16px;
    letter-spacing: 1px;
    text-shadow: 0 0 2px #fdfdfd;
    margin-left: 47px;
    position: absolute;
}

#bank_but {
    display: inline-block;
    background: #804758;
    text-align: center;
    width: 19px;
    font-family: bebasneueregular!important;
    font-size: 15px;
    color: white;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #7f3b50;
    cursor: pointer;
    padding: 6px 3px 4px 3px;
    margin-left: -24px!important;
    background-color: #945266;
    border: 1px dotted #a56477;
    box-shadow: inset 0 0 8px #00000085;
}

#bank_but:hover {     border: 1px dotted  #6d7684!important;
    background: #3d4d63!important;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
}

.slid label { 
cursor: pointer;
margin-left: 26px;
margin-right: 33px;}
.slid &amp;gt; div, .slid &amp;gt; input {
display: none;
}


.slid {
    width: 500px;
    text-align: right;
    margin-left: 70px !important;
    margin-top: 31px!important;
    position: absolute;
}

.slid input[type=&amp;quot;radio&amp;quot;]:checked + label {}.slid &amp;gt; input:nth-of-type(1):checked ~ div:nth-of-type(1),.slid &amp;gt; input:nth-of-type(2):checked ~ div:nth-of-type(2),.slid &amp;gt; input:nth-of-type(3):checked ~ div:nth-of-type(3),.slid &amp;gt; input:nth-of-type(4):checked ~ div:nth-of-type(4),
.slid &amp;gt; input:nth-of-type(5):checked ~ div:nth-of-type(5), .slid &amp;gt; input:nth-of-type(6):checked ~ div:nth-of-type(6) {display: block;  text-align: justify}

.banko1 {
    position: absolute;
    width: 509px;
    height: 542px;
    overflow: auto;
    margin-top: 13px;
    margin-left: -45px;
    padding-right: 8px;
}

.banko01 {
    position: absolute;
    width: 509px;
    height: 538px;
    overflow: auto;
    margin-top: 13px;
    margin-left: -45px;
    padding-right: 8px;
}
.bank {
  width: 600px;
  border: 1px solid #e0e0e0;
  font-family: &#039;PT Sans&#039;, sans-serif;
  padding: 10px;
  background: #fcfcfc;
  position: bankive;
  margin: auto;
}

.bank h1 {
  margin: 0 0 30px;
  font-family: &#039;Playfair Display&#039;, serif;
  border: 1px solid #000;
  font-family: &#039;Montserrat&#039;, sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
}
.bank-item {
    display: flex;
    margin-bottom: 11px;
    background-color: #ffffff54;
    border: 1px solid white;
    padding: 9px;
}
.bank-item:nth-child(even) {
  flex-direction: row-reverse;
}
.bank-icon {
    border: 4px solid #ffffff;
    margin-right: 20px;
    background-image: url(http://forumstatic.ru/files/0012/80/31/99755.png);
    box-shadow: inset 0 0 3px white;
    color: white;
    text-shadow: 1px 0 #0000009e;
    font-size: 49px;
    padding: 16px;
    padding-top: 84px;
}
.bank-item:nth-child(even) .bank-icon {
  margin-right: 0px;
  margin-left: 20px;
}
.bank-bloc {
    display: flex;
    flex-direction: column;
    height: 238px;
    align-self: center;
}
.bank-item:nth-child(even) .bank-bloc {
  padding-left: 10px;
  border-right: 0;
  padding-right: 0;
}
.bank-bloc h2 {
  font-family: &#039;Montserrat&#039;, sans-serif;
  margin: 0;
  font-size: 25px;
  text-transform: lowercase;
  font-weight: 900;
  letter-spacing: -1px;
line-height: 120%;

}

.bank-bloc h3 {
    margin: 0 0 10px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 11px;
    color: #536374;
    background-color: #f5f5f5;
    padding: 2px 4px 2px 4px;
    margin-top: 4px;
    border: 1px solid white;
    box-shadow: 0 0 2px #00000033;
}

.bank-bloc p {
    margin: 0;
    font-size: 11px;
    flex: 1;
    overflow: auto;
    text-align: left;
    padding-right: 6px!important;
    line-height: 150%!important;
    margin-left: -1px!important;
    width: 380px;
    color: #617283;
}
.bank-bloc p::-webkit-scrollbar { width: 2px;} 
.bank-bloc p::-webkit-scrollbar-track { background-color: #efefef; border: none!important;} 
.bank-bloc p::-webkit-scrollbar-thumb { background-color: #ccc; border: none!important;}
.bank-credit {
  position: absolute;
  bottom: -18px;
  left: 0;
}
.bank-credit a {
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ccc!important;
  text-decoration: none!important;
}

.bank_name {
    letter-spacing: 2px;
    font-size: 16px;
    font-family: bebasneueregular;
    color: grey;
}

.awardo-item {
    display: flex;
    margin-bottom: 2px;
    background-color: #ffffff54;
    border: 1px solid white;
    padding: 9px;
}
.awardo-icon {
    border: 4px solid #ffffff;
    margin-right: 20px;
    background-image: url(http://forumstatic.ru/files/0012/80/31/99755.png);
    box-shadow: inset 0 0 3px white;
    color: white;
    text-shadow: 1px 0 #0000009e;
    font-size: 49px;
    padding: 10px;
}

.awardo-icon img {width: 40px;}
.awardo-bloc {
    display: flex;
    flex-direction: column;
    align-self: center;
    padding-right: 10px;
}

.awardo-bloc h2 {
  font-family: &#039;Montserrat&#039;, sans-serif;
  margin: 0;
  font-size: 25px;
  text-transform: lowercase;
  font-weight: 900;
  letter-spacing: -1px;
line-height: 120%;

}

.awardo-bloc p {
    margin: 0;
    font-size: 11px;
    flex: 1;
    overflow: auto;
    text-align: left;
    padding-right: 6px!important;
    line-height: 150%!important;
    margin-left: -1px!important;
    width: 372px;
    color: #617283;
}
.awardo-bloc p::-webkit-scrollbar { width: 2px;} 
.awardo-bloc p::-webkit-scrollbar-track { background-color: #efefef; border: none!important;} 
.awardo-bloc p::-webkit-scrollbar-thumb { background-color: #ccc; border: none!important;}
.awardo-credit {
  position: absolute;
  bottom: -18px;
  left: 0;
}
.gifto-item {
    display: flex;
    margin-bottom: 11px;
    background-color: #ffffff54;
    border: 1px solid white;
    padding: 9px;
} 
.gifto-icon {
    border: 4px solid #ffffff;
    margin-right: 20px;
    background-image: url(http://forumstatic.ru/files/0012/80/31/74749.png);
    box-shadow: inset 0 0 3px white;
    color: white;
    text-shadow: 1px 0 #0000009e;
    font-size: 23px;
    padding: 16px;
    font-family: bebasneueregular;
    font-weight: normal;
    padding-top: 130px;
}

.gifto-bloc {
    display: flex;
    flex-direction: column;
    align-self: center;
    padding-right: 10px;
}

.gifto-bloc h2 {
  font-family: &#039;Montserrat&#039;, sans-serif;
  margin: 0;
  font-size: 25px;
  text-transform: lowercase;
  font-weight: 900;
  letter-spacing: -1px;
line-height: 120%;

}

.gifto-bloc p {
    margin: 0;
    font-size: 11px;
    flex: 1;
    overflow: auto;
    text-align: left;
    padding-right: 6px!important;
    line-height: 150%!important;
    margin-left: -1px!important;
    width: 365px;
    color: #617283;
}
.gifto-bloc p::-webkit-scrollbar { width: 2px;} 
.gifto-bloc p::-webkit-scrollbar-track { background-color: #efefef; border: none!important;} 
.gifto-bloc p::-webkit-scrollbar-thumb { background-color: #ccc; border: none!important;}
.gifto-credit {
  position: absolute;
  bottom: -18px;
  left: 0;
}

#b_gift {
    text-align: center;
    padding: 4px 0px 4px 0px;
    border: 4px solid #ffffff;
    box-shadow: inset 0 0 33px white;
    font-size: 10px;
    color: #2a3d56;
    background-color: #ededed;
    font-family: arial;
    line-height: 150%;
}

&amp;lt;/style&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Wed, 18 Apr 2018 17:15:14 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=28#p28</guid>
		</item>
		<item>
			<title>правила</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=26#p26</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;
&amp;lt;div class=&amp;quot;rulesW&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;rules_title&amp;quot;&amp;gt;пользовательское соглашение&amp;lt;/div&amp;gt;


&amp;lt;center&amp;gt;&amp;lt;div class=&amp;quot;slid&amp;quot;&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; checked=&amp;quot;checked&amp;quot; id=&amp;quot;c1&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c1&amp;quot; id=&amp;quot;rules_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-home&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c2&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c2&amp;quot; id=&amp;quot;rules_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-magic-wand&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c3&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c3&amp;quot; id=&amp;quot;rules_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-drop&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c4&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c4&amp;quot; id=&amp;quot;rules_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-alarm&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c5&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c5&amp;quot; id=&amp;quot;rules_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-neutral&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c6&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c6&amp;quot; id=&amp;quot;rules_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-hand&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;div class=&amp;quot;ruleso1&amp;quot;&amp;gt;

&amp;lt;div class=&amp;quot;rules-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;rules-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-magic-wand&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;rules-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;rules_name&amp;quot;&amp;gt;СФЕРА ПРАВИЛ&amp;lt;/div&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;1.0&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции представляет собой интересный эксперимент проверки системы обучения кадров, соответствует насущным потребностям. &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.1&amp;lt;/b&amp;gt; »» Таким образом реализация намеченных плановых заданий играет важную роль в формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.2.&amp;lt;/b&amp;gt; »» Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности требуют определения и уточнения модели развития. Идейные соображения высшего порядка, а также консультация с широким активом играет важную роль в формировании форм развития. Товарищи! &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.3&amp;lt;/b&amp;gt; »» Повседневная практика показывает, что рамки и место обучения кадров позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. Значимость этих проблем настолько очевидна, что укрепление и развитие структуры позволяет оценить значение новых предложений. Идейные соображения высшего порядка, а также сложившаяся структура организации позволяет оценить значение позиций, занимаемых участниками в отношении поставленных задач.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.4.&amp;lt;/b&amp;gt; »» С другой стороны рамки и место обучения кадров представляет собой интересный эксперимент проверки существенных финансовых и административных условий.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.5.&amp;lt;/b&amp;gt; »» Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.6.&amp;lt;/b&amp;gt; »» По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. &amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;rules-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;rules-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-exit-up&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;rules-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;rules_name&amp;quot;&amp;gt;СФЕРА ПРАВИЛ&amp;lt;/div&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;1.0&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции представляет собой интересный эксперимент проверки системы обучения кадров, соответствует насущным потребностям. &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.1&amp;lt;/b&amp;gt; »» Таким образом реализация намеченных плановых заданий играет важную роль в формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.2.&amp;lt;/b&amp;gt; »» Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности требуют определения и уточнения модели развития. Идейные соображения высшего порядка, а также консультация с широким активом играет важную роль в формировании форм развития. Товарищи! &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.3&amp;lt;/b&amp;gt; »» Повседневная практика показывает, что рамки и место обучения кадров позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. Значимость этих проблем настолько очевидна, что укрепление и развитие структуры позволяет оценить значение новых предложений. Идейные соображения высшего порядка, а также сложившаяся структура организации позволяет оценить значение позиций, занимаемых участниками в отношении поставленных задач.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.4.&amp;lt;/b&amp;gt; »» С другой стороны рамки и место обучения кадров представляет собой интересный эксперимент проверки существенных финансовых и административных условий.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.5.&amp;lt;/b&amp;gt; »» Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.6.&amp;lt;/b&amp;gt; »» По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. &amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;div class=&amp;quot;rules-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;rules-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-warning&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;rules-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;rules_name&amp;quot;&amp;gt;СФЕРА ПРАВИЛ&amp;lt;/div&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;1.0&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции представляет собой интересный эксперимент проверки системы обучения кадров, соответствует насущным потребностям. &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.1&amp;lt;/b&amp;gt; »» Таким образом реализация намеченных плановых заданий играет важную роль в формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.2.&amp;lt;/b&amp;gt; »» Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности требуют определения и уточнения модели развития. Идейные соображения высшего порядка, а также консультация с широким активом играет важную роль в формировании форм развития. Товарищи! &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.3&amp;lt;/b&amp;gt; »» Повседневная практика показывает, что рамки и место обучения кадров позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. Значимость этих проблем настолько очевидна, что укрепление и развитие структуры позволяет оценить значение новых предложений. Идейные соображения высшего порядка, а также сложившаяся структура организации позволяет оценить значение позиций, занимаемых участниками в отношении поставленных задач.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.4.&amp;lt;/b&amp;gt; »» С другой стороны рамки и место обучения кадров представляет собой интересный эксперимент проверки существенных финансовых и административных условий.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.5.&amp;lt;/b&amp;gt; »» Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.6.&amp;lt;/b&amp;gt; »» По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. &amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;



&amp;lt;div class=&amp;quot;rules-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;rules-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-volume-high&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;rules-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;rules_name&amp;quot;&amp;gt;СФЕРА ПРАВИЛ&amp;lt;/div&amp;gt;

&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;1.0&amp;lt;/b&amp;gt; »» Таким образом начало повседневной работы по формированию позиции представляет собой интересный эксперимент проверки системы обучения кадров, соответствует насущным потребностям. &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.1&amp;lt;/b&amp;gt; »» Таким образом реализация намеченных плановых заданий играет важную роль в формировании дальнейших направлений развития.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.2.&amp;lt;/b&amp;gt; »» Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности требуют определения и уточнения модели развития. Идейные соображения высшего порядка, а также консультация с широким активом играет важную роль в формировании форм развития. Товарищи! &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.3&amp;lt;/b&amp;gt; »» Повседневная практика показывает, что рамки и место обучения кадров позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. Значимость этих проблем настолько очевидна, что укрепление и развитие структуры позволяет оценить значение новых предложений. Идейные соображения высшего порядка, а также сложившаяся структура организации позволяет оценить значение позиций, занимаемых участниками в отношении поставленных задач.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.4.&amp;lt;/b&amp;gt; »» С другой стороны рамки и место обучения кадров представляет собой интересный эксперимент проверки существенных финансовых и административных условий.&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.5.&amp;lt;/b&amp;gt; »» Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. &amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;1.6.&amp;lt;/b&amp;gt; »» По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. &amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;ruleso1&amp;quot;&amp;gt;
2&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;ruleso1&amp;quot;&amp;gt;
3&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;ruleso1&amp;quot;&amp;gt;
4&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;ruleso1&amp;quot;&amp;gt;
5&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;ruleso1&amp;quot;&amp;gt;
6&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;


&amp;lt;/div&amp;gt;



&amp;lt;style&amp;gt;

.rulesW {
    width: 565px;
    background-image: url(http://forumstatic.ru/files/0012/80/31/22844.png);
    margin: auto;
    height: 681px;
}
.rules_title {
    font-family: bebasneueregular;
    font-weight: normal;
    color: white;
    width: 276px;
    text-align: center;
    top: 38px!important;
    position: sticky;
    font-size: 16px;
    letter-spacing: 1px;
    text-shadow: 0 0 2px #fdfdfd;
    margin-left: 47px;
}

#rules_but {
    display: inline-block;
    background: #804758;
    text-align: center;
    width: 19px;
    font-family: bebasneueregular!important;
    font-size: 15px;
    color: white;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #7f3b50;
    cursor: pointer;
    padding: 6px 3px 4px 3px;
    margin-left: -24px!important;
    background-color: #945266;
    border: 1px dotted #a56477;
    box-shadow: inset 0 0 8px #00000085;
}

#rules_but:hover {     border: 1px dotted  #6d7684!important;
    background: #3d4d63!important;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
}

.slid label { 
cursor: pointer;
margin-left: 26px;
margin-right: 33px;}
.slid &amp;gt; div, .slid &amp;gt; input {
display: none;
}


.slid {
    width: 500px;
    text-align: right;
    margin-left: 70px !important;
    margin-top: 14px!important;
}

.slid input[type=&amp;quot;radio&amp;quot;]:checked + label {}.slid &amp;gt; input:nth-of-type(1):checked ~ div:nth-of-type(1),.slid &amp;gt; input:nth-of-type(2):checked ~ div:nth-of-type(2),.slid &amp;gt; input:nth-of-type(3):checked ~ div:nth-of-type(3),.slid &amp;gt; input:nth-of-type(4):checked ~ div:nth-of-type(4),
.slid &amp;gt; input:nth-of-type(5):checked ~ div:nth-of-type(5), .slid &amp;gt; input:nth-of-type(6):checked ~ div:nth-of-type(6) {display: block;  text-align: justify}

.ruleso1 {
    position: absolute;
    width: 509px;
    height: 542px;
    overflow: auto;
    margin-top: 13px;
    margin-left: -45px;
    padding-right: 8px;}

.rules {
  width: 600px;
  border: 1px solid #e0e0e0;
  font-family: &#039;PT Sans&#039;, sans-serif;
  padding: 10px;
  background: #fcfcfc;
  position: rulesive;
  margin: auto;
}

.rules h1 {
  margin: 0 0 30px;
  font-family: &#039;Playfair Display&#039;, serif;
  border: 1px solid #000;
  font-family: &#039;Montserrat&#039;, sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
}
.rules-item {
    display: flex;
    margin-bottom: 11px;
    background-color: #ffffff54;
    border: 1px solid white;
    padding: 9px;
}
.rules-item:nth-child(even) {
  flex-direction: row-reverse;
}
.rules-icon {
    border: 4px solid #ffffff;
    margin-right: 20px;
    background-image: url(http://forumstatic.ru/files/0012/80/31/99755.png);
    box-shadow: inset 0 0 3px white;
    color: white;
    text-shadow: 1px 0 #0000009e;
    font-size: 49px;
    padding: 16px;
    padding-top: 84px;
}
.rules-item:nth-child(even) .rules-icon {
  margin-right: 0px;
  margin-left: 20px;
}
.rules-bloc {
    display: flex;
    flex-direction: column;
    height: 243px;
    align-self: center;
    padding-right: 10px;
}
.rules-item:nth-child(even) .rules-bloc {
  padding-left: 10px;
  border-right: 0;
  padding-right: 0;
}
.rules-bloc h2 {
  font-family: &#039;Montserrat&#039;, sans-serif;
  margin: 0;
  font-size: 25px;
  text-transform: lowercase;
  font-weight: 900;
  letter-spacing: -1px;
line-height: 120%;

}

.rules-bloc h3 {
    margin: 0 0 10px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 11px;
    color: #536374;
    background-color: #f5f5f5;
    padding: 2px 4px 2px 4px;
    margin-top: 4px;
    border: 1px solid white;
    box-shadow: 0 0 2px #00000033;
}

.rules-bloc p {
    margin: 0;
    font-size: 11px;
    flex: 1;
    overflow: auto;
    text-align: left;
    padding-right: 6px!important;
    line-height: 130%!important;
    margin-left: -1px!important;
    width: 355px;
    color: #617283;
}
.rules-bloc p::-webkit-scrollbar { width: 2px;} 
.rules-bloc p::-webkit-scrollbar-track { background-color: #efefef; border: none!important;} 
.rules-bloc p::-webkit-scrollbar-thumb { background-color: #ccc; border: none!important;}
.rules-credit {
  position: absolute;
  bottom: -18px;
  left: 0;
}
.rules-credit a {
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ccc!important;
  text-decoration: none!important;
}

.rules_name {
    letter-spacing: 2px;
    font-size: 16px;
    font-family: bebasneueregular;
    color: grey;
}



&amp;lt;/style&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Tue, 17 Apr 2018 17:31:23 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=26#p26</guid>
		</item>
		<item>
			<title>оформление обычной темы</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=25#p25</link>
			<description>&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 18px&quot;&gt;общее оформление&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;мало текста&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 16.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;

&amp;lt;div class=&amp;quot;u_theme&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;u_title&amp;quot;&amp;gt;лорем ипсум&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;u_title2&amp;quot;&amp;gt;гостевая&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;u_body&amp;quot;&amp;gt;
Разнообразный и богатый опыт рамки и место обучения кадров способствует подготовки и реализации форм развития. Значимость этих проблем настолько очевидна, что сложившаяся структура организации в значительной степени обуславливает создание направлений прогрессивного развития. Разнообразный и богатый опыт постоянное информационно-пропагандистское обеспечение нашей деятельности требуют от нас анализа систем массового участия.
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;много текста&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;

&amp;lt;div class=&amp;quot;u_theme&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;u_title&amp;quot;&amp;gt;лорем ипсум&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;u_title2&amp;quot;&amp;gt;внешности и имена&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;u_body&amp;quot;&amp;gt;
Разнообразный и богатый опыт рамки и место обучения кадров способствует подготовки и реализации форм развития. Значимость этих проблем настолько очевидна, что сложившаяся структура организации в значительной степени обуславливает создание направлений прогрессивного развития. Разнообразный и богатый опыт постоянное информационно-пропагандистское обеспечение нашей деятельности требуют от нас анализа систем массового участия.

Не следует, однако забывать, что укрепление и развитие структуры позволяет оценить значение дальнейших направлений развития. Таким образом новая модель организационной деятельности влечет за собой процесс внедрения и модернизации систем массового участия. Таким образом консультация с широким активом способствует подготовки и реализации дальнейших направлений развития. Задача организации, в особенности же реализация намеченных плановых заданий влечет за собой процесс внедрения и модернизации существенных финансовых и административных условий.

Равным образом начало повседневной работы по формированию позиции играет важную роль в формировании соответствующий условий активизации. Значимость этих проблем настолько очевидна, что рамки и место обучения кадров требуют от нас анализа систем массового участия.
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;


&amp;lt;style&amp;gt;.u_theme {
    width: 565px;
    background: url(http://forumstatic.ru/files/0012/80/31/93599.png) top no-repeat, url(http://forumstatic.ru/files/0012/80/31/29322.png) bottom no-repeat, url(http://forumstatic.ru/files/0012/80/31/90840.png) repeat-y;
    min-height: 150px;
    margin-left: 16px!important;
}

.u_title {
    text-align: center;
    position: relative;
    width: 348px;
    font-family: bebasneueregular;
    top: 35px;
    color: #ffffff;
    text-transform: lowercase;
    font-size: 19px;
    text-shadow: 0 0 5px #f7f7f7c7;
}

.u_title2 {
    text-align: center;
    position: relative;
    width: 181px;
    font-family: arial;
    top: 16px;
    color: #ffffff;
    text-transform: lowercase;
    font-size: 11px;
    text-shadow: 0 0 5px #f7f7f7c7;
    left: 356px;
}

.u_body {
    position: relative;
    left: 30px;
    top: 67px;
    padding: 5px;
    font-size: 11px;
    color: #596767;
    width: 497px;
    text-shadow: 0 0px 2px #ffffff7d;
    text-align: justify;
    font-family: arial;
    line-height: 12px;
    padding-bottom: 133px;
}



&amp;lt;/style&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Tue, 17 Apr 2018 17:24:14 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=25#p25</guid>
		</item>
		<item>
			<title>icloud</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=24#p24</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;center&amp;gt;&amp;lt;div class=&amp;quot;gramcracker&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcracker1&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackertop&amp;quot;&amp;gt;
&amp;lt;div&amp;gt;&amp;lt;i class=&amp;quot;fa fa-search&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;i class=&amp;quot;fa fa-cloud&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;
icloudgram&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackertop2&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackertopimg&amp;quot;&amp;gt;

&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/7f1a3144a2bc2bcac406afc402abc794/tumblr_p2d1vp17x31v4xmuio2_400.png&amp;quot;&amp;gt;

&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackertopname&amp;quot;&amp;gt;

name surname

&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackertoptag&amp;quot;&amp;gt;

@profile

&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackertopblurb&amp;quot;&amp;gt;

По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. 
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackertop3&amp;quot;&amp;gt;

&amp;lt;b&amp;gt;000&amp;lt;/b&amp;gt; POSTS 
&amp;lt;b&amp;gt;000&amp;lt;/b&amp;gt; FOLLOWERS 
&amp;lt;b&amp;gt;000&amp;lt;/b&amp;gt; FOLLOWING

&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackermid&amp;quot;&amp;gt;





&amp;lt;div class=&amp;quot;gramcrackerimg&amp;quot;&amp;gt;
&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/96367303b0bce19e1465d0ffb550fe03/tumblr_p2d1vp17x31v4xmuio6_400.png&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerimg2&amp;quot;&amp;gt;
&amp;lt;i class=&amp;quot;fa fa-heart-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 72 
&amp;lt;i class=&amp;quot;fa fa-comment-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 12
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;gramcrackerimg&amp;quot;&amp;gt;
&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/d1ad04fa37fbe9980443493a9a27be2c/tumblr_p2d1vp17x31v4xmuio7_400.png&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerimg2&amp;quot;&amp;gt;
&amp;lt;i class=&amp;quot;fa fa-heart-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 7 
&amp;lt;i class=&amp;quot;fa fa-comment-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 129
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;gramcrackerimg&amp;quot;&amp;gt;
&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/3a5f01ce3168493b6eec0da12edc846b/tumblr_p2d1vp17x31v4xmuio8_400.png&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerimg2&amp;quot;&amp;gt;
&amp;lt;i class=&amp;quot;fa fa-heart-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 125 
&amp;lt;i class=&amp;quot;fa fa-comment-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 43
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;gramcrackerimg&amp;quot;&amp;gt;
&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/c7d742138592de458815646211582e08/tumblr_p2d1vp17x31v4xmuio4_400.png&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerimg2&amp;quot;&amp;gt;
&amp;lt;i class=&amp;quot;fa fa-heart-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 342 
&amp;lt;i class=&amp;quot;fa fa-comment-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 12
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;gramcrackerimg&amp;quot;&amp;gt;
&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/20386be76acb74e2f0e8c2ff95e45e1e/tumblr_p2d1vp17x31v4xmuio1_400.png&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerimg2&amp;quot;&amp;gt;
&amp;lt;i class=&amp;quot;fa fa-heart-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 3 
&amp;lt;i class=&amp;quot;fa fa-comment-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 9
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;gramcrackerimg&amp;quot;&amp;gt;
&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/fffec876d7f208216aa63487b94c4cca/tumblr_p2d1vp17x31v4xmuio5_400.png&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerimg2&amp;quot;&amp;gt;
&amp;lt;i class=&amp;quot;fa fa-heart-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 186 
&amp;lt;i class=&amp;quot;fa fa-comment-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 62
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;gramcrackerimg&amp;quot;&amp;gt;
&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/1c6442e2b1c97579ae069dcbf723f485/tumblr_p2d1vp17x31v4xmuio3_400.png&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerimg2&amp;quot;&amp;gt;
&amp;lt;i class=&amp;quot;fa fa-heart-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 26 
&amp;lt;i class=&amp;quot;fa fa-comment-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 82
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;gramcrackerimg&amp;quot;&amp;gt;
&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/93bb9b608a4af061210d2fb545299392/tumblr_p2d1vp17x31v4xmuio9_400.png&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerimg2&amp;quot;&amp;gt;
&amp;lt;i class=&amp;quot;fa fa-heart-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 000 
&amp;lt;i class=&amp;quot;fa fa-comment-o&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; 000
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;





&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerbot&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerbot1&amp;quot;&amp;gt;&amp;lt;i class=&amp;quot;fa fa-plus&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;FOLLOW&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerbot2&amp;quot;&amp;gt;&amp;lt;i class=&amp;quot;fa fa-archive&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerbot2&amp;quot;&amp;gt;&amp;lt;i class=&amp;quot;fa fa-bell&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;gramcrackerbot3&amp;quot;&amp;gt;&amp;lt;i class=&amp;quot;fa fa-home&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;


&amp;lt;link href=&amp;quot;//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css&amp;quot; rel=&amp;quot;stylesheet&amp;quot;&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css&amp;quot;&amp;gt;
&amp;lt;link href=&amp;quot;https://fonts.googleapis.com/css?family=Montserrat:300,400,700,800&amp;quot; rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot;&amp;gt;
&amp;lt;link href=&amp;quot;https://fonts.googleapis.com/css?family=Oswald&amp;quot; rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot;&amp;gt;
&amp;lt;link href=&amp;quot;https://fonts.googleapis.com/css?family=Cincel:400,700&amp;quot; rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot;&amp;gt;
&amp;lt;link href=&amp;quot;https://fonts.googleapis.com/css?family=Roboto:400,700&amp;quot; rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot;&amp;gt;

&amp;lt;style&amp;gt;
.gramcracker { 
    padding: 19px;
    width: 554px;
    letter-spacing: 0px;
    color: #777777;
    text-align: justify;
}
.gramcracker1 { border:solid 1px #e5e5e5;padding:5px;background-color:#ffffff; }
.gramcrackertop { background-color:#ececec;border:solid 1px #e5e5e5;padding:35px;font:bold 35px Montserrat;line-height:30px;letter-spacing:-3px; }
.gramcrackertop i { padding-right:5px;color:#777777; }
.gramcrackertop div { height:28px;width:165px;border-radius:20px;border:solid 1px #e5e5e5;background-color:#f7f7f7;padding:0px 10px;font-size:10px;color:#cccccc;line-height:28px!important;float:right;margin:1px;text-align:right;cursor:text; }
.gramcrackertop div i { font-size:10px;line-height:28px;color:#cccccc; }
.gramcrackertop2 { border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;background-color:#f7f7f7;padding:35px;height:120px; }
.gramcrackertopimg { height:100px;width:100px;padding:9px;background-color:#f3f3f3;border:solid 1px #e3e3e3;float:left;border-radius:100%;margin-right:20px; }
.gramcrackertopimg img { height:100px;width:100px;border-radius:100%; }
.gramcrackertopname { font:40px Oswald;line-height:30px;padding-top:10px;position:relative; }
.gramcrackertoptag { 
    font: bold 10px Roboto;
    line-height: 10px;
    padding: 14px 0px 10px 0px;
    text-transform: uppercase;
}
.gramcrackertopblurb { font:11px Roboto;text-align:left; }
.gramcrackertop3 { border:solid 1px #e5e5e5;background-color:#f3f3f3;font:bold 10px Roboto;line-height:10px;text-align:center;letter-spacing:.5px;padding:25px 25px 25px 10px; }
.gramcrackertop3 b {     color: #bd6792;padding-left:15px; }
.gramcrackermid { padding:35px;padding-right:25px;border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;background-color:#f7f7f7;height:230px; }
.gramcrackerimg { height:100px;width:100px;padding:4px;background-color:#f3f3f3;border:solid 1px #e5e5e5;float:left;margin-right:10px;margin-bottom:10px; }
.gramcrackerimg img { height:100px;width:100px;position:absolute; }
.gramcrackerimg2 { height: 100px;    width: 93px;    position: relative;    z-index: 1;    background-color: rgba(121, 121, 121, 0.66);    color: #ffffff;
    text-shadow: 1px 1px 0px rgba(0,0,0,.1);    font: bold 10px Roboto;    line-height: 100px;    text-align: center;    white-space: nowrap;    padding-right: 7px;    opacity: 0;    -webkit-transition-duration: .3s;    transition-duration: .3s;    -moz-transition-duration: .3s;}
.gramcrackerimg:hover .gramcrackerimg2 { opacity:1; }
.gramcrackerimg2 i { padding-left:7px; }
.gramcrackerbot {    background-color: #b5b5b5;    color: #ffffff;    text-shadow: 1px 1px 0px rgba(0,0,0,.1);    height: 30px;    padding: 25px;}
.gramcrackerbot1 { float:left;background-color:#ffffff;border-radius:3px;font:bold 10px Roboto;line-height:10px;padding:10px;color:#777777;text-shadow:none;cursor:pointer; }
.gramcrackerbot1 i { color:#7d90b5;margin-right:7px; }
.gramcrackerbot2, .gramcrackerbot3 { float:right;font-size:25px;line-height:25px!important;border-left:solid 1px rgba(255,255,255,.2);height:25px;margin:-5px 0px -5px 20px;padding:8px 0px 9px 20px;cursor:pointer; }
.gramcrackerbot3 { border:none; }
&amp;lt;/style&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Tue, 17 Apr 2018 17:19:56 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=24#p24</guid>
		</item>
		<item>
			<title>новости</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=23#p23</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;

&amp;lt;div class=&amp;quot;news&amp;quot;&amp;gt;
&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/334d1d6a45ab30beeb9499778be41a6d/tumblr_nniozaqKYH1rfzagwo2_250.gif&amp;quot; id=&amp;quot;news_img&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;news_title&amp;quot;&amp;gt;новости #1&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;news_title2&amp;quot;&amp;gt;сегодня: 00/00/0000&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;news_main&amp;quot;&amp;gt;&amp;lt;b&amp;gt;в повесте дня:&amp;lt;/b&amp;gt; Задача организации, в особенности же консультация с широким активом играет важную роль в формировании модели развития.&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;news_story&amp;quot;&amp;gt;Значимость этих проблем настолько очевидна, что постоянное информационно-пропагандистское обеспечение нашей деятельности играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям. Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание модели развития. Идейные соображения высшего порядка, а также реализация намеченных плановых заданий представляет собой интересный эксперимент проверки новых предложений. Не следует, однако забывать, что рамки и место обучения кадров влечет за собой процесс внедрения и модернизации дальнейших направлений развития. Равным образом дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании модели развития.&amp;lt;br&amp;gt;

Не следует, однако забывать, что сложившаяся структура организации обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Не следует, однако забывать, что реализация намеченных плановых заданий требуют определения и уточнения существенных финансовых и административных условий. Идейные соображения высшего порядка, а также постоянное информационно-пропагандистское обеспечение нашей деятельности влечет за собой процесс внедрения и модернизации дальнейших направлений развития.&amp;lt;br&amp;gt;

Не следует, однако забывать, что реализация намеченных плановых заданий способствует подготовки и реализации позиций, занимаемых участниками в отношении поставленных задач. Повседневная практика показывает, что сложившаяся структура организации требуют от нас анализа системы обучения кадров, соответствует насущным потребностям.&amp;lt;br&amp;gt;

Равным образом консультация с широким активом обеспечивает широкому кругу (специалистов) участие в формировании новых предложений. Значимость этих проблем настолько очевидна, что реализация намеченных плановых заданий играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям. Таким образом сложившаяся структура организации требуют определения и уточнения системы обучения кадров, соответствует насущным потребностям. Не следует, однако забывать, что постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание направлений прогрессивного развития. С другой стороны рамки и место обучения кадров влечет за собой процесс внедрения и модернизации новых предложений. Значимость этих проблем настолько очевидна, что сложившаяся структура организации в значительной степени обуславливает создание существенных финансовых и административных условий.&amp;lt;br&amp;gt;

Задача организации, в особенности же реализация намеченных плановых заданий в значительной степени обуславливает создание форм развития. Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. С другой стороны консультация с широким активом способствует подготовки и реализации модели развития. Задача организации, в особенности же постоянный количественный рост и сфера нашей активности позволяет оценить значение существенных финансовых и административных условий. Не следует, однако забывать, что начало повседневной работы по формированию позиции представляет собой интересный эксперимент проверки соответствующий условий активизации.&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;style&amp;gt;


.news {
    width: 565px;
    background: url(https://i.imgur.com/wqD8Pew.png) top no-repeat, url(https://i.imgur.com/cxi5awi.png) bottom no-repeat, url(https://i.imgur.com/imQWYmv.png) repeat-y;
    margin: auto;
    height: 570px;
}
.news_title {
    font-family: bebasneueregular;
    font-weight: normal;
    color: white;
    width: 165px;
    text-align: center;
    top: 38px!important;
    position: sticky;
    font-size: 16px;
    letter-spacing: 1px;
    text-shadow: 0 0 2px #fdfdfd;
    margin-left: 47px;
}

.news_title2 {
    font-family: bebasneueregular;
    font-weight: normal;
    color: white;
    width: 326px;
    text-align: center;
    top: 103px!important;
    position: sticky;
    font-size: 16px;
    letter-spacing: 5px;
    text-shadow: 0 0 2px #fdfdfd;
    margin-left: 39px;
}

.news_main {    
    position: absolute;
    width: 336px;
    margin: 105px 27px;
    background-color: #ffffff30;
    height: 38px;
    padding: 5px;
    border: 1px solid white;
    box-shadow: 0 0 2px #0000002e;
    font-size: 10px;
    color: #506173;
}
.news_story {
    position: absolute;
    width: 493px;
    height: 313px;
    overflow: auto;
    margin-top: 165px;
    margin-left: 34px;
    padding-right: 12px;
    font-size: 11px;
    color: #3d516d;
    line-height: 120%;
}

.news_story::-webkit-scrollbar { width: 4px;} 
.news_story::-webkit-scrollbar-track { background-color: transparent; } 
.news_story::-webkit-scrollbar-thumb { background-color: #8e97a5!important; border: 1px dotted #94a2ad!important; box-shadow: inset 0 0 2px #748190!important; }

#news_img {
    border: 5px solid #e5e5e5;
    margin-top: 43px;
    position: absolute;
    margin-left: 392px;
    width: 125px;
    box-shadow: 0 0 6px #3838388a;
}
&amp;lt;/style&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Tue, 17 Apr 2018 14:40:41 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=23#p23</guid>
		</item>
		<item>
			<title>проверка функционала</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=22#p22</link>
			<description>&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;strong&gt;типа пост&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;Таким образом укрепление и развитие структуры требуют от нас анализа направлений прогрессивного развития. С другой стороны рамки и место обучения кадров позволяет оценить значение существенных финансовых и административных условий. Равным образом новая модель организационной деятельности требуют от нас анализа позиций, занимаемых участниками в отношении поставленных задач. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности требуют определения и уточнения дальнейших направлений развития. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании модели развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции позволяет оценить значение соответствующий условий активизации.&lt;br /&gt;Не следует, однако забывать, что рамки и место обучения кадров представляет собой интересный эксперимент проверки позиций, занимаемых участниками в отношении поставленных задач. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации системы обучения кадров, соответствует насущным потребностям. Равным образом рамки и место обучения кадров требуют определения и уточнения системы обучения кадров, соответствует насущным потребностям.&lt;/p&gt;
						&lt;p&gt;Таким образом постоянный количественный рост и сфера нашей активности позволяет выполнять важные задания по разработке модели развития. Таким образом постоянный количественный рост и сфера нашей активности позволяет оценить значение модели развития. Повседневная практика показывает, что сложившаяся структура организации в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач.&lt;br /&gt;С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет оценить значение соответствующий условий активизации. Товарищи! новая модель организационной деятельности требуют определения и уточнения соответствующий условий активизации.&lt;br /&gt;С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании направлений прогрессивного развития. Товарищи! новая модель организационной деятельности обеспечивает широкому кругу (специалистов) участие в формировании соответствующий условий активизации.&lt;br /&gt;Значимость этих проблем настолько очевидна, что реализация намеченных плановых заданий обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Задача организации, в особенности же начало повседневной работы по формированию позиции обеспечивает широкому кругу (специалистов) участие в формировании систем массового участия. Идейные соображения высшего порядка, а также постоянное информационно-пропагандистское обеспечение нашей деятельности требуют определения и уточнения существенных финансовых и административных условий. Равным образом укрепление и развитие структуры позволяет выполнять важные задания по разработке соответствующий условий активизации.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Tue, 17 Apr 2018 13:58:49 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=22#p22</guid>
		</item>
		<item>
			<title>хочу к вам</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=21#p21</link>
			<description>&lt;table style=&quot;table-layout:fixed;width:80%&quot;&gt;&lt;tr&gt;&lt;td style=&quot;background-color:#8c475a&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;color: white&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;&lt;strong&gt;хочу стать ваш текст какой-то бла-бла-бла&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;имя, возраст&amp;#160; &amp;#160;//&amp;#160; &amp;#160;профессия&amp;#160; &amp;#160;//&amp;#160; &amp;#160; варианты внешностей&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color:#fdfdfd&quot;&gt;&lt;p&gt;[float=right]&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;http://via.placeholder.com/150x150&quot; alt=&quot;http://via.placeholder.com/150x150&quot; /&gt;[/float]Значимость этих проблем настолько очевидна, что постоянное информационно-пропагандистское обеспечение нашей деятельности играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям. Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание модели развития. Идейные соображения высшего порядка, а также реализация намеченных плановых заданий представляет собой интересный эксперимент проверки новых предложений. Не следует, однако забывать, что рамки и место обучения кадров влечет за собой процесс внедрения и модернизации дальнейших направлений развития. Равным образом дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании модели развития.&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Tue, 17 Apr 2018 13:55:32 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=21#p21</guid>
		</item>
		<item>
			<title>хочу видеть</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=20#p20</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;

&amp;lt;div class=&amp;quot;see&amp;quot;&amp;gt;
&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/6a3b82639a79e2ff11456e33bcd51fa9/tumblr_inline_ojzuwzJ45Z1sqy3l4_250.gif&amp;quot; id=&amp;quot;see_img&amp;quot;&amp;gt;  &amp;lt;img src=&amp;quot;http://78.media.tumblr.com/d47f442c79621fa279f06487fa1e6da9/tumblr_inline_ojzu6m4D1x1sqy3l4_250.gif&amp;quot; id=&amp;quot;see_img2&amp;quot;&amp;gt; 

&amp;lt;div class=&amp;quot;see_who&amp;quot;&amp;gt;куплю все для amber heard&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;see_story&amp;quot;&amp;gt;Значимость этих проблем настолько очевидна, что постоянное информационно-пропагандистское обеспечение нашей деятельности играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям. Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание модели развития. Идейные соображения высшего порядка, а также реализация намеченных плановых заданий представляет собой интересный эксперимент проверки новых предложений. Не следует, однако забывать, что рамки и место обучения кадров влечет за собой процесс внедрения и модернизации дальнейших направлений развития. Равным образом дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании модели развития.&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;style&amp;gt;
.see {
    width: 565px;
    background-image: url(https://i.imgur.com/ARpJqCs.png);
    margin: auto;
    height: 346px;
}


.see_who {
    font-family: bebasneueregular;
    font-weight: normal;
    color: white;
    width: 565px;
    text-align: center;
    top: 200px!important;
    position: sticky;
    font-size: 16px;
    letter-spacing: 1px;
    text-shadow: 0 0 2px #fdfdfd;
}

.see_story {
    position: absolute;
    width: 493px;
    height: 65px;
    overflow: auto;
    margin-top: 216px;
    margin-left: 34px;
    padding-right: 12px;
    font-size: 11px;
    color: #632235;
    line-height: 120%;
}

#see_img {
    border: 3px solid #e8e8e8;
    margin-top: 34px;
    position: absolute;
    margin-left: 20px;
    width: 245px;
    height: 140px;
    box-shadow: 0 0 2px #0000001a;
}
#see_img2 {
    border: 3px solid #e8e8e8;
    margin-top: 34px;
    position: absolute;
    margin-left: 294px;
    width: 245px;
    height: 140px;
    box-shadow: 0 0 2px #0000001a;
}
#see_img img {
    width: 245px;
    height: 140px;}
&amp;lt;/style&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Tue, 17 Apr 2018 13:48:46 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=20#p20</guid>
		</item>
		<item>
			<title>биржа</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=19#p19</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;
&amp;lt;div class=&amp;quot;jobsW&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;jobs_title&amp;quot;&amp;gt;биржа труда&amp;lt;/div&amp;gt;


&amp;lt;center&amp;gt;&amp;lt;div class=&amp;quot;slid&amp;quot;&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; checked=&amp;quot;checked&amp;quot; id=&amp;quot;c1&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c1&amp;quot; id=&amp;quot;jobs_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-home&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c2&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c2&amp;quot; id=&amp;quot;jobs_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-magic-wand&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c3&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c3&amp;quot; id=&amp;quot;jobs_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-drop&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c4&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c4&amp;quot; id=&amp;quot;jobs_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-alarm&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c5&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c5&amp;quot; id=&amp;quot;jobs_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-neutral&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c6&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c6&amp;quot; id=&amp;quot;jobs_but&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-hand&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;div class=&amp;quot;jobso1&amp;quot;&amp;gt;

&amp;lt;div class=&amp;quot;jobs-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;jobs-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-magic-wand&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;jobs-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;jobs_name&amp;quot;&amp;gt;НАЗВАНИЕ МЕСТА/CФЕРЫ&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
описание что это вообще такое
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;jobs-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;jobs-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-exit-up&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;jobs-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;jobs_name&amp;quot;&amp;gt;НАЗВАНИЕ МЕСТА/CФЕРЫ&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
описание что это вообще такое
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;div class=&amp;quot;jobs-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;jobs-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-warning&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;jobs-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;jobs_name&amp;quot;&amp;gt;НАЗВАНИЕ МЕСТА/CФЕРЫ&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
описание что это вообще такое
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;



&amp;lt;div class=&amp;quot;jobs-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;jobs-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-volume-high&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;jobs-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;jobs_name&amp;quot;&amp;gt;НАЗВАНИЕ МЕСТА/CФЕРЫ&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
описание что это вообще такое
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;



&amp;lt;div class=&amp;quot;jobs-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;jobs-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-question-circle&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;jobs-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;jobs_name&amp;quot;&amp;gt;НАЗВАНИЕ МЕСТА/CФЕРЫ&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
описание что это вообще такое
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;div class=&amp;quot;jobs-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;jobs-icon&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lnr lnr-star-half&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;jobs-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;jobs_name&amp;quot;&amp;gt;НАЗВАНИЕ МЕСТА/CФЕРЫ&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
описание что это вообще такое
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;

&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;должность&amp;lt;/b&amp;gt; »» &amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;name surname&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;jobso1&amp;quot;&amp;gt;
2&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;jobso1&amp;quot;&amp;gt;
3&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;jobso1&amp;quot;&amp;gt;
4&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;jobso1&amp;quot;&amp;gt;
5&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;jobso1&amp;quot;&amp;gt;
6&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;


&amp;lt;/div&amp;gt;



&amp;lt;style&amp;gt;

.jobsW {
    width: 565px;
    background-image: url(https://i.imgur.com/7dlkzn7.png);
    margin: auto;
    height: 681px;
}
.jobs_title {
    font-family: bebasneueregular;
    font-weight: normal;
    color: white;
    width: 165px;
    text-align: center;
    top: 38px!important;
    position: sticky;
    font-size: 16px;
    letter-spacing: 1px;
    text-shadow: 0 0 2px #fdfdfd;
    margin-left: 47px;
}

#jobs_but {
    display: inline-block;
    background: #804758;
    text-align: center;
    width: 19px;
    font-family: bebasneueregular!important;
    font-size: 15px;
    color: white;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #7f3b50;
    cursor: pointer;
    padding: 6px 3px 4px 3px;
    margin-left: -24px!important;
    background-color: #945266;
    border: 1px dotted #a56477;
    box-shadow: inset 0 0 8px #00000085;
}

#jobs_but:hover {     border: 1px dotted  #6d7684!important;
    background: #3d4d63!important;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
}

.slid label { 
cursor: pointer;
margin-left: 26px;
margin-right: 33px;}
.slid &amp;gt; div, .slid &amp;gt; input {
display: none;
}


.slid {
    width: 500px;
    text-align: right;
    margin-left: 70px !important;
    margin-top: 14px!important;
}

.slid input[type=&amp;quot;radio&amp;quot;]:checked + label {}.slid &amp;gt; input:nth-of-type(1):checked ~ div:nth-of-type(1),.slid &amp;gt; input:nth-of-type(2):checked ~ div:nth-of-type(2),.slid &amp;gt; input:nth-of-type(3):checked ~ div:nth-of-type(3),.slid &amp;gt; input:nth-of-type(4):checked ~ div:nth-of-type(4),
.slid &amp;gt; input:nth-of-type(5):checked ~ div:nth-of-type(5), .slid &amp;gt; input:nth-of-type(6):checked ~ div:nth-of-type(6) {display: block;  text-align: justify}

.jobso1 {
    position: absolute;
    width: 509px;
    height: 542px;
    overflow: auto;
    margin-top: 13px;
    margin-left: -45px;
    padding-right: 8px;}

.jobs {
  width: 600px;
  border: 1px solid #e0e0e0;
  font-family: &#039;PT Sans&#039;, sans-serif;
  padding: 10px;
  background: #fcfcfc;
  position: jobsive;
  margin: auto;
}

.jobs h1 {
  margin: 0 0 30px;
  font-family: &#039;Playfair Display&#039;, serif;
  border: 1px solid #000;
  font-family: &#039;Montserrat&#039;, sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
}
.jobs-item {
    display: flex;
    margin-bottom: 11px;
    background-color: #ffffff54;
    border: 1px solid white;
    padding: 9px;
}
.jobs-item:nth-child(even) {
  flex-direction: row-reverse;
}
.jobs-icon {
    border: 4px solid #ffffff;
    margin-right: 20px;
    background-image: url(https://i.imgur.com/3t56HEx.png);
    box-shadow: inset 0 0 3px white;
    color: white;
    text-shadow: 1px 0 #0000009e;
    font-size: 49px;
    padding: 16px;
    padding-top: 23px;
}
.jobs-item:nth-child(even) .jobs-icon {
  margin-right: 0px;
  margin-left: 20px;
}
.jobs-bloc {
    display: flex;
    flex-direction: column;
    height: 100px;
    align-self: center;
    padding-right: 10px;

}
.jobs-item:nth-child(even) .jobs-bloc {
  padding-left: 10px;
  border-right: 0;
  padding-right: 0;
}
.jobs-bloc h2 {
  font-family: &#039;Montserrat&#039;, sans-serif;
  margin: 0;
  font-size: 25px;
  text-transform: lowercase;
  font-weight: 900;
  letter-spacing: -1px;
line-height: 120%;

}

.jobs-bloc h3 {
    margin: 0 0 10px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 11px;
    color: #536374;
    background-color: #f5f5f5;
    padding: 2px 4px 2px 4px;
    margin-top: 4px;
    border: 1px solid white;
    box-shadow: 0 0 2px #00000033;
}

.jobs-bloc p {
    margin: 0;
    font-size: 10px;
    flex: 1;
    overflow: auto;
    text-align: justify;
    padding-right: 6px!important;
    line-height: 130%!important;
    margin-left: -1px!important;
    width: 355px;
    color: #617283;
}
.jobs-bloc p::-webkit-scrollbar { width: 2px;} 
.jobs-bloc p::-webkit-scrollbar-track { background-color: #efefef; border: none!important;} 
.jobs-bloc p::-webkit-scrollbar-thumb { background-color: #ccc; border: none!important;}
.jobs-credit {
  position: absolute;
  bottom: -18px;
  left: 0;
}
.jobs-credit a {
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ccc!important;
  text-decoration: none!important;
}

.jobs_name {
    letter-spacing: 2px;
    font-size: 16px;
    font-family: bebasneueregular;
    color: grey;
}



&amp;lt;/style&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Tue, 17 Apr 2018 13:04:28 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=19#p19</guid>
		</item>
		<item>
			<title>нужные</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=18#p18</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 34.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;div class=&amp;quot;need&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;need_who&amp;quot;&amp;gt;не могу вспомнить пароль от  icloud без сестры&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;need_img_cover&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;img src=&amp;quot;http://78.media.tumblr.com/334d1d6a45ab30beeb9499778be41a6d/tumblr_nniozaqKYH1rfzagwo2_250.gif&amp;quot; id=&amp;quot;need_img&amp;quot;&amp;gt;

&amp;lt;div class=&amp;quot;need_name&amp;quot;&amp;gt;ИМЯ НЕ ВАЖНО ФАМИЛИЯ ДЖЕЙМС, 20 &amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;need_job&amp;quot;&amp;gt;официантка в баре&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;need_face&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;need_face0&amp;quot;&amp;gt;looks like&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;need_face1&amp;quot;&amp;gt;По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;need_story&amp;quot;&amp;gt;Значимость этих проблем настолько очевидна, что постоянное информационно-пропагандистское обеспечение нашей деятельности играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям. Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание модели развития. Идейные соображения высшего порядка, а также реализация намеченных плановых заданий представляет собой интересный эксперимент проверки новых предложений. Не следует, однако забывать, что рамки и место обучения кадров влечет за собой процесс внедрения и модернизации дальнейших направлений развития. Равным образом дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании модели развития.&amp;lt;br&amp;gt;

Не следует, однако забывать, что сложившаяся структура организации обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Не следует, однако забывать, что реализация намеченных плановых заданий требуют определения и уточнения существенных финансовых и административных условий. Идейные соображения высшего порядка, а также постоянное информационно-пропагандистское обеспечение нашей деятельности влечет за собой процесс внедрения и модернизации дальнейших направлений развития.&amp;lt;br&amp;gt;

Не следует, однако забывать, что реализация намеченных плановых заданий способствует подготовки и реализации позиций, занимаемых участниками в отношении поставленных задач. Повседневная практика показывает, что сложившаяся структура организации требуют от нас анализа системы обучения кадров, соответствует насущным потребностям.&amp;lt;br&amp;gt;

Равным образом консультация с широким активом обеспечивает широкому кругу (специалистов) участие в формировании новых предложений. Значимость этих проблем настолько очевидна, что реализация намеченных плановых заданий играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям. Таким образом сложившаяся структура организации требуют определения и уточнения системы обучения кадров, соответствует насущным потребностям. Не следует, однако забывать, что постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание направлений прогрессивного развития. С другой стороны рамки и место обучения кадров влечет за собой процесс внедрения и модернизации новых предложений. Значимость этих проблем настолько очевидна, что сложившаяся структура организации в значительной степени обуславливает создание существенных финансовых и административных условий.&amp;lt;br&amp;gt;

Задача организации, в особенности же реализация намеченных плановых заданий в значительной степени обуславливает создание форм развития. Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. С другой стороны консультация с широким активом способствует подготовки и реализации модели развития. Задача организации, в особенности же постоянный количественный рост и сфера нашей активности позволяет оценить значение существенных финансовых и административных условий. Не следует, однако забывать, что начало повседневной работы по формированию позиции представляет собой интересный эксперимент проверки соответствующий условий активизации.&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Tue, 17 Apr 2018 12:37:17 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=18#p18</guid>
		</item>
		<item>
			<title>анкетное</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=13#p13</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;
&amp;lt;div class=&amp;quot;rell&amp;quot;&amp;gt;&amp;lt;center&amp;gt;&amp;lt;div class=&amp;quot;slid&amp;quot;&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; checked=&amp;quot;checked&amp;quot; id=&amp;quot;c1&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c1&amp;quot; id=&amp;quot;relat_but&amp;quot;&amp;gt;отношения&amp;lt;/label&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;newq &amp;quot; id=&amp;quot;c2&amp;quot;&amp;gt;&amp;lt;label for=&amp;quot;c2&amp;quot; id=&amp;quot;relat_but&amp;quot;&amp;gt;хронология&amp;lt;/label&amp;gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div class=&amp;quot;rell1&amp;quot;&amp;gt;


&amp;lt;div class=&amp;quot;relat-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;relat-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://78.media.tumblr.com/aed2d49a435dbd9f2679b5f69a165ef7/tumblr_inline_p4pud7lMQu1qly5jo_540.gif&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;relat-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;relat_name&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;NAME SURNAME&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
короткое описание отношений
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;div class=&amp;quot;relat-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;relat-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://78.media.tumblr.com/f705749bac07f700e41890452d2d3d7d/tumblr_inline_om153dB8kA1qzwpav_500.gif&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;relat-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;relat_name&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;NAME SURNAME&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
короткое описание отношений
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;div class=&amp;quot;relat-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;relat-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://78.media.tumblr.com/2f106821ed9e8b369f6c97fac0800552/tumblr_inline_o75wc4Rxiu1tgfl4u_500.gif&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;relat-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;relat_name&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;NAME SURNAME&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
короткое описание отношений
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;relat-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;relat-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://78.media.tumblr.com/f705749bac07f700e41890452d2d3d7d/tumblr_inline_om153dB8kA1qzwpav_500.gif&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;relat-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;relat_name&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;NAME SURNAME&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
короткое описание отношений
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;relat-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;relat-icon&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://78.media.tumblr.com/aed2d49a435dbd9f2679b5f69a165ef7/tumblr_inline_p4pud7lMQu1qly5jo_540.gif&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;relat-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;relat_name&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;ССЫЛКА НА ПРОФИЛЬ&amp;quot;&amp;gt;NAME SURNAME&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
короткое описание отношений
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;/div&amp;gt;





&amp;lt;div class=&amp;quot;rell1&amp;quot;&amp;gt;&amp;lt;center&amp;gt;...............  c h r o n o l o g y  ................&amp;lt;/center&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;div class=&amp;quot;chrono-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;chrono-icon&amp;quot;&amp;gt;00/00/0000&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;chrono-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;chrono_name&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;ССЫЛКА НА ЭПИЗОД&amp;quot;&amp;gt;EPISODE TITLE&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
player name &amp;amp; player name
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;chrono-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;chrono-icon&amp;quot;&amp;gt;00/00/0000&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;chrono-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;chrono_name&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;ССЫЛКА НА ЭПИЗОД&amp;quot;&amp;gt;EPISODE TITLE&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
player name &amp;amp; player name
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;div class=&amp;quot;chrono-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;chrono-icon&amp;quot;&amp;gt;00/00/0000&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;chrono-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;chrono_name&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;ССЫЛКА НА ЭПИЗОД&amp;quot;&amp;gt;EPISODE TITLE&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
player name &amp;amp; player name
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;



&amp;lt;div class=&amp;quot;chrono-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;chrono-icon&amp;quot;&amp;gt;00/00/0000&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;chrono-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;chrono_name&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;ССЫЛКА НА ЭПИЗОД&amp;quot;&amp;gt;EPISODE TITLE&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
player name &amp;amp; player name
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;



&amp;lt;div class=&amp;quot;chrono-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;chrono-icon&amp;quot;&amp;gt;00/00/0000&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;chrono-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;chrono_name&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;ССЫЛКА НА ЭПИЗОД&amp;quot;&amp;gt;EPISODE TITLE&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
player name &amp;amp; player name
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;



&amp;lt;div class=&amp;quot;chrono-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;chrono-icon&amp;quot;&amp;gt;00/00/0000&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;chrono-bloc&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;chrono_name&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;ССЫЛКА НА ЭПИЗОД&amp;quot;&amp;gt;EPISODE TITLE&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;h3&amp;gt;
player name &amp;amp; player name
&amp;lt;/h3&amp;gt;
&amp;lt;p&amp;gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;




&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;&amp;lt;/div&amp;gt;






&amp;lt;style&amp;gt;

#relat_but {
    display: inline-block;
    background: #804758;
    text-align: center;
    width: 160px;
    font-family: bebasneueregular!important;
    font-size: 15px;
    color: white;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #7f3b50;
    cursor: pointer;
    padding: 4px 3px 4px 3px;
    margin-left: -8px!important;
    background-color: #945266;
    border: 1px dotted #a56477;
    box-shadow: inset 0 0 8px #00000085;
}

#relat_but:hover {     border: 1px dotted  #6d7684!important;
    background: #3d4d63!important;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
}

.slid label { 
cursor: pointer;
margin-left: 26px;
margin-right: 33px;}
.slid &amp;gt; div, .slid &amp;gt; input {
display: none;
}


.slid {
    width: 500px;
    text-align: center;
    margin-left: 42px !important;
    margin-top: 18px!important;
}

.slid input[type=&amp;quot;radio&amp;quot;]:checked + label {}.slid &amp;gt; input:nth-of-type(1):checked ~ div:nth-of-type(1),.slid &amp;gt; input:nth-of-type(2):checked ~ div:nth-of-type(2),.slid &amp;gt; input:nth-of-type(3):checked ~ div:nth-of-type(3),.slid &amp;gt; input:nth-of-type(4):checked ~ div:nth-of-type(4),
.slid &amp;gt; input:nth-of-type(5):checked ~ div:nth-of-type(5) {display: block;  text-align: justify}


.rell {
    width: 544px;
    background: url(http://forumstatic.ru/files/0012/80/31/64581.png) top no-repeat, url(http://forumstatic.ru/files/0012/80/31/52218.png) bottom no-repeat, url(http://forumstatic.ru/files/0012/80/31/40329.png) repeat-y;
    margin: auto;
    height: 569px;
    padding-top: 13px;
}
.rell1 {
    position: absolute;
    width: 475px;
    height: 436px;
    overflow: auto;
    margin-top: 10px;
    margin-left: -8px;
    padding-right: 8px;
}

.relat {
  width: 600px;
  border: 1px solid #e0e0e0;
  font-family: &#039;PT Sans&#039;, sans-serif;
  padding: 10px;
  background: #fcfcfc;
  position: relative;
  margin: auto;
}

.relat h1 {
  margin: 0 0 30px;
  font-family: &#039;Playfair Display&#039;, serif;
  border: 1px solid #000;
  font-family: &#039;Montserrat&#039;, sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
}
.relat-item {
    display: flex;
    margin-bottom: 20px;
    background-color: #ffffff54;
    border: 1px solid white;
    padding: 9px;
}
.relat-item:nth-child(even) {
  flex-direction: row-reverse;
}
.relat-icon {
    height: 100px;
    width: 100px;
    padding: 5px;
    border: 1px solid #ffffff;
    margin-right: 20px;
    background-color: #ffffffb0;
    box-shadow: inset 0 0 3px white;
}
.relat-item:nth-child(even) .relat-icon {
  margin-right: 0px;
  margin-left: 20px;
}
.relat-bloc {
    display: flex;
    flex-direction: column;
    height: 100px;
    align-self: center;
    padding-right: 10px;

}
.relat-item:nth-child(even) .relat-bloc {
  padding-left: 10px;
  border-right: 0;
  padding-right: 0;
}
.relat-bloc h2 {
  font-family: &#039;Montserrat&#039;, sans-serif;
  margin: 0;
  font-size: 25px;
  text-transform: lowercase;
  font-weight: 900;
  letter-spacing: -1px;
line-height: 120%;

}

.relat-bloc h3 {
    margin: 0 0 10px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 11px;
    color: #536374;
    background-color: #f5f5f5;
    padding: 2px 4px 2px 4px;
    margin-top: 4px;
    border: 1px solid white;
    box-shadow: 0 0 2px #00000033;
}

.relat-bloc p {
    margin: 0;
    font-size: 10px;
    flex: 1;
    overflow: auto;
    text-align: justify;
    padding-right: 6px!important;
    line-height: 130%!important;
    margin-left: -1px!important;
}
.relat-bloc p::-webkit-scrollbar { width: 2px;} 
.relat-bloc p::-webkit-scrollbar-track { background-color: #efefef; border: none!important;} 
.relat-bloc p::-webkit-scrollbar-thumb { background-color: #ccc; border: none!important;}
.relat-credit {
  position: absolute;
  bottom: -18px;
  left: 0;
}
.relat-credit a {
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ccc!important;
  text-decoration: none!important;
}

.relat_name {
    letter-spacing: 2px;
    font-size: 16px;
    font-family: bebasneueregular;
}

.relat-icon img {
    height: 100px;
    width: 100px;
    filter: grayscale(80%);
}

.chrono-item {
    display: flex;
    margin-bottom: 20px;
    background-color: #ffffff54;
    border: 1px solid white;
    padding: 9px;
}

.chrono-icon {
    padding: 5px;
    border: 1px solid #ffffff;
    margin-right: 20px;
    background-color: #ffffffb0;
    box-shadow: inset 0 0 3px white;
    transform: rotate(90deg);
    color: #8c475c;
    font-family: bebasneueregular;
    font-weight: normal;
    font-size: 18px;
    text-shadow: 0 0 3px #e8bdbd;
    width: 68px;
}

.chrono-item:nth-child(even) .chrono-icon {
  margin-right: 20px;
  margin-left: 0px;
}

.chrono-bloc {
    display: flex;
    flex-direction: column;
    height: 100px;
    align-self: center;
    padding-right: 10px;

}

.chrono-bloc h2 {
  font-family: &#039;Montserrat&#039;, sans-serif;
  margin: 0;
  font-size: 25px;
  text-transform: lowercase;
  font-weight: 900;
  letter-spacing: -1px;
line-height: 120%;

}

.chrono-bloc h3 {
    margin: 0 0 10px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 11px;
    color: #536374;
    background-color: #f5f5f5;
    padding: 2px 4px 2px 4px;
    margin-top: 4px;
    border: 1px solid white;
    box-shadow: 0 0 2px #00000033;
}

.chrono-bloc p {
    margin: 0;
    font-size: 10px;
    flex: 1;
    overflow: auto;
    text-align: justify;
    padding-right: 6px!important;
    line-height: 130%!important;
    margin-left: -1px!important;
}
.chrono-bloc p::-webkit-scrollbar { width: 2px;} 
.chrono-bloc p::-webkit-scrollbar-track { background-color: #efefef; border: none!important;} 
.chrono-bloc p::-webkit-scrollbar-thumb { background-color: #ccc; border: none!important;}

.chrono_name {
    letter-spacing: 2px;
    font-size: 16px;
    font-family: bebasneueregular;
}

&amp;lt;/style&amp;gt;


&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Sun, 15 Apr 2018 20:26:47 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=13#p13</guid>
		</item>
		<item>
			<title>гостевая vol. 1</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=8#p8</link>
			<description>&lt;p&gt;реклама&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;http://forumstatic.ru/files/0012/80/31/54553.png&quot; alt=&quot;http://forumstatic.ru/files/0012/80/31/54553.png&quot; /&gt;&lt;/p&gt;
						&lt;p&gt;&lt;a href=&quot;http://forumstatic.ru/files/0012/80/31/54553.png&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://forumstatic.ru/files/0012/80/31/54553.png&lt;/a&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Sun, 07 Jan 2018 13:24:17 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=8#p8</guid>
		</item>
		<item>
			<title>htrehahg</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=5#p5</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;fgfdd&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Sat, 06 Jan 2018 18:47:02 +0300</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=5#p5</guid>
		</item>
		<item>
			<title>Тестовое сообщение</title>
			<link>http://hardvio.rusff.me/viewtopic.php?pid=1#p1</link>
			<description>&lt;p&gt;Благодарим за выбор нашего сервиса!&lt;/p&gt;</description>
			<author>mybb@mybb.ru (hard)</author>
			<pubDate>Sun, 27 Jan 2013 18:56:06 +0400</pubDate>
			<guid>http://hardvio.rusff.me/viewtopic.php?pid=1#p1</guid>
		</item>
	</channel>
</rss>
