<div class='news'>
<a href="http://mistoua.f-rpg.me/viewtopic.php?id=200">голосування: 5 ранкових підйомів з...</a>
<a href="http://mistoua.f-rpg.me/viewtopic.php?id=238">посткросінг</a>
<!--на потім <a href="#">news 5</a>-->
</div>

<div class='name_action'>акція: <br> <a href="http://mistoua.f-rpg.me/viewtopic.php?id=6#p9705">STAR WARS</a></div>
<div class='name_cross'>MISTO</div>
<div class='info_cross'>nc21 crossmisto for you</div>



<div class='welcome_container'>

<div class='welcome'>ласкаво просимо на україномовну кросплатформу</div>

<div class="search_char">
<a href="http://mistoua.f-rpg.me/viewtopic.php?id=8#p2720"><img src="https://forumupload.ru/uploads/001b/c2/3e/10/35150.jpg" title="ЛЮБА СЕСТРА"></a>
<a href="http://mistoua.f-rpg.me/viewtopic.php?id=8#p9630"><img src="https://forumupload.ru/uploads/001b/c2/3e/10/91013.jpg" title="НЕКАНОН WARRIOR CATS"></a>
<a href="http://mistoua.f-rpg.me/viewtopic.php?id=7#p4819"><img src="https://forumupload.ru/uploads/001b/c2/3e/10/325284.jpg" title="КРИМІНАЛ"></a>
<a href="http://mistoua.f-rpg.me/viewtopic.php?id=7#p6732"><img src="https://forumupload.ru/uploads/001b/c2/3e/10/501949.jpg" title="ДЕЙРОН ТАРГАРІЄН"></a>
</div>

<div class="active">
<a href="http://mistoua.f-rpg.me/profile.php?id=55"><img src="https://forumupload.ru/uploads/001b/c2/3e/10/426409.jpg" title="ФЛУДЕР ХЕРСОН"></a>
<a href="http://mistoua.f-rpg.me/profile.php?id=80"><img src="https://forumupload.ru/uploads/001b/c2/3e/10/193829.jpg" title="НОВАЧОК КІЛІАН"></a>
<a href="http://mistoua.f-rpg.me/profile.php?id=66"><img src="https://i.postimg.cc/Px0Ms5r3/250px-Jason-Momoa-43055621224-cropped.jpg" title="ПОСТОПИСЕЦЬ КЕРО"></a>
</div>

<div class="big_pict">
<a href="http://mistoua.f-rpg.me/viewtopic.php?id=175"><img src="https://i.postimg.cc/G9wd6GyM/http-prozakupki-info-wp-content-uploads-2022-09-dejmon-targarien-i-rejnira.jpg" title="ПАРА МІСЯЦЯ: РЕЙНІРА ТА ДЕЙМОН"></a>
</div>

</div>

<!-- Убрать пожаловаться -->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<!-- конец -->


<!--// CSS-версия обтекания изображений в Постах //-->
<style>.postimg[alt="float:right"]{float:right;padding-left:12px;pointer-events:none}.postimg[alt="float:left"]{float:left;padding-right:12px;pointer-events:none}
#add_float{position:absolute;padding:2px;top:-8px;left:50%;margin-left:-29px!important;width:57px!important;background: url("https://forumstatic.ru/files/0013/44/56/27326.png") no-repeat 50%!important;}
#button-image #add_float img{display:block;position:relative;z-index:4;}
#button-image>img{position:relative;z-index:2;}
#button-image>center{opacity:0;visibility:hidden; transition-duration: .8s;}
#button-image:hover>center{opacity:1; visibility:visible;}
</style>
<script>$(function(){$('.postimg[title="float:right"],.postimg[title="float:left"]').mouseover(function(e){e.preventDefault();});
var a ='<center style="position:relative;"><table id=add_float><tr><td id="text-left" title="Обтекание: текст слева">@@</td><td></td><td id="text-right" title="Обтекание: текст справа">##</td></tr></table></center>',b3="]'";
var b1 = '<img onclick="bbcode(\'[img=float:right'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>',b2 = '<img onclick="bbcode(\'[img=float:left'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>';
a = a.replace('@@',b1).replace('##',b2);
$('#post #button-image').prepend(a);});
</script>

<!--Переключение раскладки выделенного текста -->
<style>#button-transL{background-image:url(https://forumupload.ru/uploads/000f/09/5e/6201/44477.png)}</style>
<script type="text/javascript">S='<img src="https://forum.mybb.ru/i/blank.gif" title="Lat↔ Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>

<!-- Восстановление последнего поста при утере -->
<script>
$(document).ready(function() {
	$('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
	});

	function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
	};
});
</script>

<!-------------------------- Универсальный скрипт замены слов -------------------------->
<script type="text/javascript">
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
Change('.pa-posts','Posts:','Messages:<br>');
Change('.pa-respect','Respect:','Reputation:<br>');
</script>

<!--НОВЫЕ СООБЩЕНИЯ-->
<script type="text/javascript">$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">new messages</a></li>');</script>

<!-- СПОЙЛЕР НАГРАД В ПРОФИЛЕ, ТОПИКЕ-->
<style>.post-author-Sp{}
img.aw{margin-bottom:-16px;}
ul.wrapper{display:none;}
ul.wrapper,
ul.wrapper li.pa-awards{border-color:transparent; color: #898989}</style>
<script>
var Img="https://i.ibb.co/mHZF5CG/image.png";
wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer;margin: 2px 0px -3px 0px; width: 95px;' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;
$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
  if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a) }});});
$(".post .post-author-Sp ").live("click", function(){
 $(this).find('ul:first').toggle('slow')});</script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop' style="font-size: 21px!important;
  letter-spacing: 2px!important;  text-align: center; font: normal 68.75% verdana,tahoma,helvetica,arial,sans-serif;">UP</div>
<div class="go-down" id="OnBottom" style="font-size: 21px!important;
  letter-spacing: 2px!important;display: block; font: normal 68.75% verdana,tahoma,helvetica,arial,sans-serif;">DOWN</div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
center:0px; /*указываем положение, если слева - left*/
margin-left: 1050px;
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:40px; /*отступ снизу (можно не указывать)*/
width:50px; /*ширина кнопки*/
height:15px; /*высота кнопки*/
}
.go-up {
bottom:280px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:250px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<!--Замена надписей в меню навигации-->
<!---------- меняем текст навигации ---------->
<script type="text/javascript">
var itemMass = new Array("форум", "містяни", "пошук", "моя квартира", "поштова скринька", "амс", "рєстрація", "вхід в місто", "вихід");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>
<!--- конец --->


<script>
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<!-- БАННЕР ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

<div class=banners>

<a href="http://crossfeeling.rusff.me/" target="_blank">
<img src="https://i.imgur.com/sp8BAEl.png" 
title="crossfeeling"
border="1" width="88" height="31"></a>
<a href="https://circxx.ru/"><img title="CIRCUM" src="https://forumstatic.ru/files/001b/70/52/54325.gif" border="0" /></a>
 <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/85504.png" title="alluvio maris"></a>
<a href="http://awesome.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/b6/34/3/753666.gif" title=" Bleach: Awesome!"></a>
<a href="https://cursedland.rusff.me" target="_blank"> <img src="https://forumupload.ru/uploads/001b/6f/ae/3/355361.png" title="cursed land" alt="cursed land" border="0"></a>
<a href="https://dos.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/xqeZTNb.png" title="de other side [crossover]"></a>
<a href="http://nightcity.rusff.me/" target=_blank> <img src="https://i.ibb.co/sPLvBFn/banners.gif" border="0" alt="NIGHT CITY VIBE"></a>
<a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/0pZjB0M.gif"  title="BOSTON"></a>
<a href="http://chillout.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/50/b4/5/47148.png" title="chill out crossover" border="1" width="88" height="31"></a>
<a href="http://firecross.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/cc/c6/2/597195.png"  title="firecross" width="88" height="31" border="0"></a>
</div>

<!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
mod by ForumD.ru  -->
    <script type="text/javascript">
    var DefAvtr = 'https://forumupload.ru/uploads/001b/be/18/2/695911.jpg'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://forumupload.ru/uploads/001b/be/18/2/695911.jpg'; //Ссылка на аватар для Гостя

   $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
    </script>
<!-- Конец -->


<!---------------------------- пиар-вход ---------------------------->
<script type="text/javascript">
PiarNik="Postman";
PiarPas="482111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg style=\"cursor:pointer;\"><a onclick=\"PiarIn()\">PR</a></span></li>";
if($("#navlogin").html()!=null){

$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

<!--виділити код. Alex_63 new.2019--> 
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'виділити [копіюється одразу]' //текст посилання</script>
<!-- конец -->

<!---------------------------- запятая после ника---------------------------->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<!---------------------------- счетчик символов ---------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="padding:2px 3px;margin:0 20px 0 10px;">написано <b>00</b> символів</small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>

<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #E0E0E0;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  border: solid 1px #ccc;
  float: right;
  margin-right: 7%;
}
.FNTslider .before {
  height: 5px;
  border: solid 1px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #A0BCDA;
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #3980D8;
  cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

    <!--ТЕГ  абзаца - [indent] -->
    <style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
    <script type="text/javascript">(function(){ var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Indent"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
    var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>

<!-- маска -->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['МЕНІ ТАК МАЛО ТУТ ТЕБЕ', 'ХАЙ НЕСЕ МЕНЕ РІКА', 'ПОНАД ХМАРАМИ ЗОРІ ПАРАМИ РОЗСИПАЮТЬСЯ', 'СПИ СОБІ САМА', 'ЛЮДИ ЯК КОРАБЛІ', 'РОЗВАЖАЛЬНИЙ ЦЕНТР', 'АКТОВА ЗАЛА', 'РАЙОННІ ГУРТКИ', 'МИНУЛІ НОВИНИ ТА РОЗВАГИ', 'БІБЛІОТЕКА НЕЗАВЕРШЕНОЇ ГРИ', 'ШАФА З БАЛАЧКАМИ', 'КЛАДОВИЩЕ ОРГАНІЗАЦІЙНИХ ТЕМ'],
    forumAccess: {
        'ЦЕНТР НАДАННЯ ПОСЛУГ': ['Гравці'],
        'МЕНІ ТАК МАЛО ТУТ ТЕБЕ': ['Гравці'],
        'ХАЙ НЕСЕ МЕНЕ РІКА': ['Гравці'],
        'ПОНАД ХМАРАМИ ЗОРІ ПАРАМИ РОЗСИПАЮТЬСЯ': ['Гравці'],
        'СПИ СОБІ САМА': ['Гравці'],
        'ЛЮДИ ЯК КОРАБЛІ': ['Гравці'],
        'РОЗВАЖАЛЬНИЙ ЦЕНТР': ['Гравці', 'Неприйняті'],
        'АКТОВА ЗАЛА': ['Гравці'],
        'РАЙОННІ ГУРТКИ': ['Гравці']
    },
    forumAccessExtended: {
        'ЦЕНТР НАДАННЯ ПОСЛУГ': ['Гравці'],
        'МЕНІ ТАК МАЛО ТУТ ТЕБЕ': ['Гравці'],
        'ХАЙ НЕСЕ МЕНЕ РІКА': ['Гравці'],
        'ПОНАД ХМАРАМИ ЗОРІ ПАРАМИ РОЗСИПАЮТЬСЯ': ['Гравці'],
        'СПИ СОБІ САМА': ['Гравці'],
        'ЛЮДИ ЯК КОРАБЛІ': ['Гравці'],
        'РОЗВАЖАЛЬНИЙ ЦЕНТР': ['Гравці'],
        'АКТОВА ЗАЛА': ['Гравці'],
        'РАЙОННІ ГУРТКИ': ['Гравці']
    },
    changeList: {
        'pafld1': {
            title: 'Ім\'я',
            description: '',
            tag: 'name',
            class: 'pa-fld1',
            defaultCode: 'КАПСОМ УКРАЇНСЬКОЮ',
            type: 'text'
        },
        'pafld2': {
            title: 'Фанхата',
            description: '',
            tag: 'fandom',
            class: 'pa-fld2',
            defaultCode: 'маленькими літерами англійською',
            type: 'text'
        },
        'pafld3': {
            title: 'Опис',
            description: '',
            tag: 'discript',
            class: 'pa-fld3',
            defaultCode: '<center>цитата, що характеризує персонажа <a href="посилання">можна з лінками на інших</a>.</center>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'post-author-Sp']
});
</script>

<!--варіант заміни коротких тире на довгі  -->
<script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s|&nbsp;)?-(\s|&nbsp;)/g,'$1&mdash;$2')})</script>


<!-- Миттєвий перегляд повідомлення © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>

@import "style_cs.css";
@import url(style_cs.css);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface);
@import url(https://fonts.googleapis.com/css?family=Amatic+SC);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);
@import url(https://fonts.googleapis.com/css?family=Old+Standard+TT);
@import url(https://fonts.googleapis.com/css?family=Homemade+Apple);
@import url(https://fonts.googleapis.com/css?family=Oranienbaum);
@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);
@import url(https://fonts.googleapis.com/css?family=Spectral);
@import url(https://fonts.googleapis.com/css?family=Yeseva+One);
@import url(https://fonts.googleapis.com/css?family=UnifrakturMaguntia);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Berkshire+Swash);
@import url('https://fonts.googleapis.com/css?family=Merienda');
@import url('https://fonts.googleapis.com/css?family=Kristi');
@import url(http://allfont.ru/allfont.css?fonts=franklin-gothic-medium);
@font-face {font-family: Deutsch Gothic; 
src: local("Deutsch Gothic"), url(https://forumstatic.ru/files/0019/69/9c/76856.ttf);}
@font-face {font-family: Open Sans Semibold; 
src: local("Open Sans Semibold"), url(https://forumstatic.ru/files/001b/be/18/74893.ttf);}
@font-face {font-family: Schwabacher; 
src: local("Schwabacher"), url(https://forumstatic.ru/files/0016/1a/7c/11027.ttf);}
@font-face {font-family: Devitos; 
src: local("Devitos"), url(https://forumstatic.ru/files/001a/d9/a5/51081.otf);}
@font-face {font-family: Beckett-KanzleiCYRegular; 
src: local("Beckett-KanzleiCYRegular"), url(https://forumstatic.ru/files/001a/fb/46/16469.ttf);}
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');
@font-face {font-family: Chomsky; 
src: local("Chomsky"), url(https://forumstatic.ru/files/001b/02/8d/38659.otf);}
@font-face {font-family: Syncopate-Bold; 
src: local("Syncopate-Bold"), url(https://forumstatic.ru/files/001b/be/18/31921.ttf);}
@font-face {font-family: Syncopate; 
src: local("Syncopate"), url(https://forumstatic.ru/files/001b/be/18/87296.ttf);}
@font-face {font-family: Open Sans EB; 
src: local("Open Sans EB"), url(https://forumstatic.ru/files/001b/be/18/40323.ttf);}

	body{background-color: #d6d7db;background: url(https://forumstatic.ru/files/001b/be/18/21633.jpg) top center;background-repeat: no-repeat;background-attachment: fixed;background-size: auto;
     margin:0;padding: 0;}
    
#pun_wrap{
	padding-bottom: 274px;
	background: url(https://forumstatic.ru/files/001b/be/18/80993.png) center bottom;
	background-repeat: no-repeat;
}
html{
	margin:0;
	padding:0;
}
.punbb *{
	margin:0
}

#pun {width: 1050px;margin: 0 auto;background: #F5F5F5;margin-top: 350px;margin-bottom: -80px;border-style: solid;border-width: 20px 0px 20px 0px;-moz-border-image: url(https://forumstatic.ru/files/001b/be/18/81718.png) 20 0 25 0 repeat repeat;-webkit-border-image: url(https://forumstatic.ru/files/001b/be/18/81718.png) 20 0 25 0 repeat repeat;-o-border-image: url(https://forumstatic.ru/files/001b/be/18/81718.png) 20 0 25 0 repeat repeat;border-image: url(https://forumstatic.ru/files/001b/be/18/81718.png) 25 0 25 0 repeat repeat;}

#pun-title{
	width: 950px;
    height: 350px;
}
#pun-title h1{
	margin-left:-1px;
	margin-top:-1px
}
#pun-title table{
	border:none;
	height:40px;
	width:100%
}
.punbb{
	width: 1000px;
	height:auto;
	font:normal 68.75% verdana,tahoma,helvetica,arial,sans-serif;
	margin:0 auto
}
#pun-redirect{
	background:url(https://forumstatic.ru/files/001b/be/18/80917.jpg) repeat top center;
	position:absolute;
	width:100%;
	height:100%;
	z-index:100;
	top:0!important;
	left:0!important
}
	
#pun-redirect #pun-main{
	color: #2e2e2e;
	background-color: #dddddd;
	border: solid 3px #eaeaea;
	outline: solid 1px #b1c9e3;
	width:600px;
	margin: 55px auto;
	padding:10px;
	text-align:center
}
#pun-viewtopic div.post h3 strong::before{
	content:"# ";
	margin:-3px;
	font-family:arial;
	font-size:14px;
	font-weight:600
}
.punbb ul,.punbb dl,.punbb li,.punbb dd,.punbb dt{
	list-style:none;
	padding:0
}
.punbb .main table{
	table-layout:fixed;
	width:100%
}
.checkfield input[type=checkbox],.radiofield input[type=radio]{
	margin:0 .3em
}
p[class=checkfield] *,div[class=checkfield] *,fieldset[class=radiofield] *{
	height:1.8em;
	vertical-align:middle
}
.punbb textarea,.punbb input,.punbb select,.punbb optgroup{
	font:1em verdana,arial,helvetica,sans-serif
}
.punbb h1,.punbb h3,.punbb h4,.punbb table,.punbb th{
	font-size:1em;
	font-weight:400
}
.punbb pre{
	font:1.1em/140% monaco,"bitstream vera sans mono","courier new",courier,monospace
}
.punbb address,.punbb em{
	font-style:normal
}
.punbb .post-content em{
	font-style:italic
}
.punbb .post-content em.bbuline{
	font-style:normal;
	text-decoration:underline
}
.punbb .post-content span strong{
	color: #000000;
}
.post-box a{
	color: #364758;
	font-weight:600;
}
.punbb .post-box{
	padding: .5em 1em;
}
.punbb fieldset .post-box{
	margin-bottom:.8em
}
div.post-box{
	margin-top: 12px;
	margin-bottom:20px
}

.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
}

li.pa-avatar.item2 img {
    border: 2px solid #a9b3c1;
}

div.post-rating p {
}

h1{
	color:#3c4044;
	padding:1px 0 0 13px
}
a{
	color: #00346e;
	text-decoration:none
}
a:hover{
	color:#6e7174;
}
::-webkit-scrollbar{
	height:5px;
	width:7px;
	background-color: #ffffff;
}
::-webkit-scrollbar-thumb:vertical{
	background-color:#617080
}
::-webkit-scrollbar-thumb:horizontal{
	background-color:#617080
}
.punbb .post .post-author{
	float:left;
	width:19em;
	overflow:visible!important;
	margin:12px 0!important
}
.punbb .post .post-author > ul{
	margin:-12px 0 -13px!important;
	padding:12px 15px!important
}
.punbb .post .post-author ul,.punbb .post .post-author p{
	line-height:140%;
	padding:0 1em 1em
}
#pun-main .post-author ul{
	text-align:center;
	background: #f5f5f5;
	border-bottom: 2px solid #9d9d9d;
	border-right: 2px solid #9d9d9d;
	border-left: 2px solid #9d9d9d;
	width: 200px;
}

#pun-main .post-author ul.wrapper {
    text-align: center;
    padding: 0;
    margin: 0;
    border: none;
}

li.pa-author{
	padding: 9px 0 8px 0!important;
	margin: -12px 0 0 -17px;
	font-weight:900;
	background: #b6cde4;
	width: 234px;
	text-align:center;
	border-bottom: 2px solid #9d9d9d;
}
.pa-author a{
	text-decoration:none;
	color:#494949;
	text-transform:uppercase;
	font-weight:900;
	font-size:13px;
	text-shadow:1px 1px 0 #f2f7ff85
}
.fntslider{
	border-radius:6px;
	position:relative;
	right:-60px;
	z-index:1000;
	background:#272b2e3b;
	width:100px;
	height:6px;
	float:right
}
.fntslider .before{
	height:6px;
	border-right:none 0;
	border-radius:4px 0 0 4px;
	position:absolute;
	background:#272b2e96;
	margin-top:-1px
}
.fntslider .thumb{
	width:8px;
	height:12px;
	border-radius:3px;
	position:relative;
	top:-4px;
	background:#e0d0d4;
	cursor:pointer
}
#pun-index .tcl h3 a {
	font-weight: bold;
	font-size: 16px;
	color: #373737;
	text-transform: uppercase;
	font-family: Open Sans Semibold !important;
}

#pun-index .tcl h3 a:hover{
	color:#6c7d8e;
	letter-spacing: 1px;
	transition: 0.5s;
}

#pun:after,.punbb .container:after,.punbb .post-links ul:after,.punbb .main div.inline:after,.punbb .post-box:after,.punbb .linksb:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	overflow:hidden;
	line-height:0;
	font-size:0
}
.acchide,#pun-navlinks h2,#pun-pagelinks h2,#pun-status h2,#pun-ulinks h2,.punbb .forum h2,.punbb .multipage .topic h2,.punbb dl.post-sig dt span,.punbb p.crumbs strong,.punbb .divider hr,.punbb .required label em,.punbb .formsubmit label,.punbb .submitfield label,.punbb .modmenu label,#pun-userlist .main h2{
	font-size:0;
	height:0;
	width:0;
	line-height:0;
	position:absolute;
	left:-9999px;
	overflow:hidden
}
.punbb .section,.punbb .main{
	margin-bottom:1em
}
.punbb .category,.punbb .post{
	margin-top:.4em;
	margin-left:20px
}
#pun-post .topic{
	margin-top:1em
}

#pun-main h1{
	font-weight:700;
	text-align:center;
	color: #164265;
	font-size: 13px;
	padding: 6px 0px 6px 10px;
	font-family: sans-serif;
	margin: 0 0 0 -25px;
	width: 104%;
}
.punbb .post-content{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0
}
.punbb .post-sig dt{
	display:block;
	border-top:1px dashed #766f71;
	width:60%;
	margin:6px 15%
}
.punbb .post-content p{
	line-height:150%;
	margin: 0px 11px 8px 40px;
	padding:2px;
	text-align: justify;
}
.punbb .post-content img{
	vertical-align:text-bottom
}
.punbb .post-content img.postimg{
	vertical-align:middle
}
.punbb .post-content .blockcode,.punbb .post-content blockquote{
	width:auto;
	overflow:hidden;
	padding: 1px 0 0 0;
}
.punbb .post-content .scrollbox{
	width:100%;
	overflow:auto
}
.punbb .post-content .quote-box,.punbb .post-content .code-box{
	background: #e2e9f1;
	border: 1px solid #9d9d9d;
	color: #3e464f;
	padding: 10px 8px 8px 17px;
	margin: 0px 1px 16px 36px;
	width: auto;
}
.punbb .quote-box cite,.punbb .code-box strong.legend{
	display:block;
	font-size: 12px;
	font-style:normal;
	width: fit-content;
	color: #545f6a;
	font-weight: 600;
	margin: 3px 0px 6px 5px;
}

.punbb .post-content blockquote {
	margin: 0px 0 0 -40px;
}


.punbb .info-box{
	border:none;
	margin:0 0 1.1em;
	padding:1.1em 1.7em 1em
}
.punbb .info-box *{
	padding:0 0 .7em
}
.punbb #pun-main .info-box .legend{
	font-size:1.1em;
	font-weight:700
}
.punbb .linkst{
	float:left;
	position:relative;
	width:100%;
	font-size:1.1em;
	height:0
}
.multipage{
	margin-top:3em
}
.linkst .pagelink{
	position:absolute;
	top: -4em;
	left:1em;
	width:24em
}
.linkst .postlink{
	position:absolute;
	top:-4em;
	right:1em;
	width:16em;
	text-align:right;
	font-weight:700
}
.punbb .linksb{
	text-align:right;
	font-size:1.1em;
	padding: 5px 10px 0px 16px;
	font-size: 12px;
}
.linksb .pagelink{
	float:left;
	width:24em;
	text-align:left
}
.linksb .postlink{
	float:right;
	width:16em;
	font-weight:700
}
.subscribelink{
	clear:both;
	padding-top:.3em;
	padding-bottom:.5em;
	font-size: 11px;
}
.punbb .formal .container{
	padding:1.7em 2.3em 1.1em
}
.punbb .formsubmit{
	margin:1em 0 0;
	padding:0 0 0 1.7em;
	text-align: center;
}
.punbb .formsubmit input,.punbb .formsubmit a,.punbb .formsubmit span{
	width:auto;
	padding: 9px;
	text-transform: uppercase;
	font-weight: bold;
	color:#000000;
	border: 1px solid #9aacc1;
	background: #b2c8e2;
}

.punbb .formsubmit input:hover{
	background:#9ac0f3;
	cursor:grab;
	color: whitesmoke;
	
}
.punbb fieldset{
	border:none;
	margin:0 0 1em;
	padding:0 18px
}
.punbb fieldset legend{
	font-size:1.1em;
	margin:0 0 0 11px;
	padding:0
}
.punbb fieldset legend span{
	margin:0 0 0 -15px;
	padding:0 5px
}
.punbb fieldset fieldset{
	border-style:none;
	margin:0;
	padding:0 0 8px
}
.punbb .fs-box{
	padding:1em 0 .8em
}
.punbb .fs-box p,.punbb .fs-box fieldset{
	padding:0 0 .8em
}
.punbb .inline .inputfield,.punbb .inline .selectfield,.punbb .inline .passfield{
	float:left;
	margin-right:1em
}
.punbb .inline .infofield{
	clear:both
}
.punbb .datafield span.input a{
	font-weight:400
}
.punbb .areafield span.input,.punbb p.longinput span.input{
	display:block;
	height:100%;
	padding:0 12em 0 0
}
.punbb textarea,.punbb .longinput input{
	width:64%;
	margin:0
}
.punbb .hashelp{
	position:relative
}
.punbb .helplinks{
	display:block;
	position:absolute;
	top:1em;
	right:0;
	font-weight:400;
	width:36%
}
.punbb #profile .helplinks{
	top:1.5em
}
.punbb .helplinks span{
	display:block;
	padding-bottom:.2em
}
#pun-post .formal .info-box li{
	padding-left:4px;
	list-style-type:square;
	list-style-position:inside;
	line-height:1.5;
	margin:0
}
.punbb .main .tcl{
    overflow: hidden;
    text-align: justify;
    width: 459px;
    font-size: 11px;
}

.punbb .main .tcl a {
    font-size: 11px;
}
.punbb .main .tc2,.punbb .main .tc3,.punbb .main .tcmod{
	text-align:center;
	width:10%
}
.punbb .main .tcr{
	overflow:hidden;
	text-align:left;
	width:45%;
	font-size: 11px;
}

.punbb .main .tcr a {
	font-size: 11px;
}
#pun-userlist .main .tcl,#pun-searchtopics .main .tcl,#pun-modviewforum .main .tcl{
	width:40%
}
#pun-userlist .main .tc2,#pun-searchtopics .main .tc2{
	text-align:left;
	width:20%
}
#pun-debug table .tcl{
	width:15%;
	white-space:normal
}
#pun-debug .tcr{
	width:90%;
	white-space:normal
}
.punbb td span.youposted{
	font-weight:700;
	position:absolute
}

.punbb .main td{
	border:none;
	border-color:#ffe4c400;
	padding:10px;
}
.punbb .main th{
	border:none;
	color:#0a0a0a85;
	padding:.4em 1em
}

.punbb div.icon{
	height: 35px;
	width: 35px;
	background-repeat: no-repeat;
	padding: 0px 0px 4px 7px;
	float:left;
}
div.icon{
	background: url(https://forumstatic.ru/files/001b/be/18/65283.png);
}
tr.inew div.icon{
	background:url(https://forumstatic.ru/files/001b/be/18/68056.png) no-repeat
}
tr.isticky div.icon{
	background:url(https://forumstatic.ru/files/001b/be/18/31969.png) no-repeat
}
tr.iclosed div.icon{
	background:url(https://forumstatic.ru/files/001b/be/18/31969.png) no-repeat
}
.punbb .post .container{width: 100%;}

.punbb .post h3 span{
	display: block;
	text-align: center;
	padding: 4px 0px 5px 2px;
	margin: 0 0 0 -45px;
	font-weight: bold;
	width: 107%;
	border-top: 1px solid #9d9d9d;
	border-bottom: 1px solid #9d9d9d;
}
.punbb .post h3 strong{
	float: right;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 51px 0 0px;
	color: #00346e;
}
#pun-reputation div{
	background-color: rgb(233 241 248);
}
li.pa-title{
	padding-bottom:.4em;
	text-align:center;
	font-size: 10px;
	color:#3a3838;
	text-transform:lowercase
}

li.pa-online {
    padding: 9px 0 4px 0;
}

.punbb .post-body{
	margin-left:19em;
	border:none;
	padding:0 0 1px
}
.punbb .post-links{
	margin-left:19em;
	border:none
}
.punbb .post-links ul{
	text-align:right;
	width:auto;
	margin: 0px -14px 0 -263px;
	padding: 6px 38px 7px 44px;
}

.punbb .post-links ul a {
	color:#4f6579;
	font-weight: bold;
	font-size: 11px;
	text-transform: lowercase
}
.punbb .post-links li{
	display:inline;
	padding-left:1em;
}
.punbb .clearer{
	clear:both;
	height:0;
	font-size:0
}
.punbb .modmenu .container{
	padding: 14px 0 5px 16px;
	width: 97%;
}
.punbb .modmenu strong,.punbb .modmenu a{
	height:1.8em;
	line-height:1.8em
}
.punbb .modmenu input{
	margin-left:1em
}
.punbb .info .container .backlink{
	padding-top:.8em
}
#profile .container{
	padding-left:18.6em
}
#profilenav{
	float:left;
	width:14em;
	margin-left:-16.3em;
	display:inline
}
#profilenav li{
	padding-bottom:.8em;
	font-weight:700
}
#viewprofile ul,#profilenav ul{
	border:none;
	margin:0 0 1em;
	padding:1.5em 18px .8em
}
#viewprofile h2,#profilenav h2{
	background: transparent;
	font-size: 16px!important;
	border:none;
}
#viewprofile h2 span,#profilenav h2 span{
	position:relative;
	padding:0 5px
}
#viewprofile li,#setmods dl{
	margin-bottom:.2em;
	padding:0 0 0 16em
}
#viewprofile li span{
	float:left;
	width:14em;
	margin-left:-16em;
	font-weight:700;
	padding:.5em 1em
}
#setmods dt{
	float:left;
	width:14em;
	margin-left:-16em;
	font-weight:700;
	display:inline;
	padding:.8em 1em
}
#viewprofile li strong,#viewprofile li div,#setmods dd{
	display:block;
	font-weight:400;
	padding:.5em 1em
}
.punbb img.avatardemo{
	float:right;
	margin:0 0 .8em 1.8em
}

.punbb .user-avatar .avatar-image {
    border-radius: 0%!important;
}
#pun-userlist .usertable .container{
	border-top:none;
	padding:0 2.3em 2.3em
}
#pun-pagelinks{
	position:absolute;
	top:-15px;
	left:0;
	border:none;
	width:100%;
	margin:0;
	padding:0
}
#pun-pagelinks .container{
	background:transparent;
	border:none;
	padding:0
}
#pun-pagelinks .container li{
	display:inline
}
#pun-pagelinks li a,#pun-pagelinks a:link,#pun-pagelinks a:hover{
	height:2em;
	line-height:2em;
	font-size:1.2em;
	margin-left:-9999px;
	display:block;
	float:left;
	width:100%;
	padding:0
}
#pun-pagelinks a:active,#pun-pagelinks a:focus{
	position:relative;
	margin:0
}
#pun-pagelinks li a span{
	display:block;
	margin:0 1em
}
#pun-navlinks,#pun-navlinks .container{
	text-align:center;
	margin-top: -408px;
	text-transform:uppercase;
	font-weight:700;
	padding: 0 0 14px 0;
}
#pun-navlinks a{
	display:inline-block;
	color:#ffffff;
}

#pun-navlinks ul span{
	font-size: 15px;
	text-shadow: 2px -2px 2px #0000006e;
}
#pun-navlinks ul span:hover{
	color:#ffffff;
	transition:.4s ease-in-out
}
#pun-navlinks li{
	display:inline;
	padding-right:6px;
}
#pun-navlinks li a{
	font-size:1.1em
}
#pun-ulinks .container{
	font-size: 12px;
	text-align:center;
	font-family: Open Sans Semibold;
	text-transform: lowercase;
}
#pun-ulinks li,#pun-ulinks li a{
	display:inline;
	border:none;
	white-space:nowrap
}
#pun-ulinks li a{
	color:#464650;
	padding:0 .3em 0 .6em
}
#pun-ulinks li.item1,#pun-ulinks li.item1 a{
	border-left-style:none;
	border-left-width:0;
	padding-left:0
}
#pun-status .container{
	padding:.8em 1em 1em
}
#pun-status span{
	white-space:nowrap;
	margin-right:.5em
}
#pun-crumbs1{
	font-weight:700;
	overflow:hidden;
	margin-top:0
}
#pun-crumbs1 p.container{
	border-top:none;
	font-size:12px;
	color: #373737;
	padding: 20px 0 0 18px;
}
#pun-break1{
	border:none;
	height:0;
	position:relative;
	z-index:1;
	margin:-2px 1em
}
#pun-announcement h2{
	border:none;
	position:relative;
	font-weight:700;
	margin:0 1em -3.5em;
	padding:0
}
#pun-announcement h2 span{
	display:block;
	border:none;
	padding:1em 0 .8em
}
#pun-announcement .container{
	text-align:center;
	padding:5.3em 0 1em
}
#pun-announcement hr{
	width:50%;
	margin:10px auto;
	opacity:.4
}
#pun-stats li.item1,#pun-stats li.item2{
	float:left;
	clear:both;
	line-height:150%
}
#pun-stats li.item3,#pun-stats li.item4{
	text-align:right;
	line-height:150%
}
li#onlinelist{
	margin-top:1em;
	border:none;
	float:left;
	width:100%;
	line-height:130%
}
li#onlinelist div{
	border:none;
	padding:.7em 0 0
}
#pun-qjump{
	border:none;
	width:50%;
	position:relative;
	float:left;
	margin:0
}
#pun-qjump .container{
	border:none;
	background:transparent;
	padding:.8em 1em
}
#pun-about .container{
	border-top-style:none;
	text-align:right;
	line-height:150%;
	padding:.8em 1em
}
#pun-about p span{
	display:block;
	text-align: center;
	margin: 24px 0 0 0px;
	font-size: 8px;
}
#pun-crumbs2{
	font-weight:700;
	overflow:hidden;
	margin-bottom:0;
	border-bottom:none
}
#pun-crumbs2 .container{
	padding: 0 0 0 27px;
	color: #373737;
}
#pun-break4{
	border:none;
	position:relative;
	height:0;
	z-index:1;
	margin:-2px 1em
}
#font-area,#size-area,#color-area,#table-area,#smilies-area,#image-area,#imageup-area,#imageattach-area,#keyboard-area,#video-area,#addition-area {
	position:absolute;
	top:43px;
	width:15%;
	background: #e2e9f1;
	border:1px solid #0000004f;
	z-index:10
}

#smilies-area, #video-area, #spoiler-area {
    width: 450px;
    background: #e2e9f1;
    border: 1px solid #0000004f;
}
.pa-posts,.pa-respect{
	text-align:center;
	font-weight: bold;
	display: inline-block;
}
#size-area{
	position:absolute;
	left:100px;
	top:20px
}
.punbb .main .container,.punbb .post .container,.punbb .post h3,.punbb-admin #pun-admain .adcontainer{
	color:#222;
	border:none;
}
.punbb legend span,#viewprofile h2 span,#profilenav h2 span,.punbb-admin #pun-admain legend span{
	background-color:rgba(128,128,128,0);
	color:#383838;
	border:none
}

.post-content hr{
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(opacity=50);
	margin-bottom:.8em;
	width:60%;
	margin:0 auto
}
.punbb optgroup,.punbb .required label,.punbb .datafield span.input{
	font-weight:700
}
.punbb #pun-category1,.punbb .toppost,.punbb .topicpost,#pun-ulinks,#pun-about{
	margin-top:0
}
.pl-email,.pl-website,.punbb .modmenu .container strong{
	float:left
}
.punbb .info .container,#pun-stats .container{
	padding: 23px 14px 10px 28px; 
	font-size: 11px;
}
#pun-userlist .formal,#pun-userlist .formal .container,#pun-status,#pun-status .container{
	border-bottom:none;
	margin-bottom:0;
	text-align:center
}
#main-reply{
	width:100%;
	background: #ffffff;
}

.punbb .section h2, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    font-size: 22px;
    color: #373737;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-top: 1px solid #89898a;
    border-bottom: 1px solid #89898a;
    padding: 15px 0 15px 51px;
    width: 102%;
    margin: 20px 0px 20px -45px;
}

#pun-stats.section h2 {
    padding: 15px 0 15px 51px;
    width: 100%;
    margin: 0px 0px 0px -25px;
}

#pun-viewtopic #post-form h2 {
	width: 97%!important;
	padding-left: 80px;
	margin-left: -25px;
}

.punbb .post-box div.post-rating a, a.positive {
    float: right;
}

a.positive {
    MARGIN-TOP: -23PX!IMPORTANT;
}

::selection{
	background:#8a9db1;
	color:#ffffff
}
::-moz-selection{
	background:#8a9db1;
	color:#ffffff
}

span.modlist, #pun-title h1 span,#pun-index #pun-main h1,.punbb .datafield br,.lastedit,.stickytext,.closedatafield,div#pun-live-rusff,#pun-announcement h2 span,.topic a.sharelink,#pun-navlinks #navawards,.punbb .post h3 .sharelink,#topic-modmenu >p> span {
    display: none;
}

#pun-admain a {
    color: #456589!important;
}


@media screen and (min-height:680px) and (orientation:portrait),@media screen and (min-width:660px) and (orientation:landscape){	
	
.punbb .main .tcr a{	
	font-size:23px
}	

	
#pun-ulinks li a{	
	font-size:15px;
	padding:0 3px 0 3px
}	
#pun-main h1{	
	font-size:11px
}	
#pun-crumbs1 p.container,#pun-crumbs2 .container,.punbb .linksb,.punbb .modmenu .container{	
	font-size:10px
}	
.punbb .post-content p{	
	font-size:27px
}	
div#linksforum a,.punbb .post-links ul{	
	font-size:22px
}	
	
li#onlinelist {	
	font-size:20px
}	

	#pun_wrap {
    	  margin: 0 -80px 0 0px;
	}
	
}

.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
}

.banners {
    position: relative;
    top: 245px;
    text-align: center;
    padding: 0px 0 16px 0;
}

span.forum_info {
    display: flex;
    background: #e2e9f1;
    padding: 5px 0px 7px 4px;
}

li.pa-fld1 {
    padding: 9px 0 8px 0!important;
    margin: 4px 0 0 -15px;
    font-weight: 900;
    background: #b6cde4;
    width: 230px;
    text-align: center;
}

li.pa-fld2 {
    padding: 2px 0 1px 0!important;
    margin: 0px 0 0 -15px;
    font-weight: 900;
    background: #e2e9f1;
    width: 230px;
    text-align: center;
}

li.pa-fld3 {
    text-align: justify;
    padding: 6px 8px 6px 7px!important;
}

.pa-posts, .pa-respect, li.pa-fld4, li.pa-fld5 {
    background: #b6cde4;
    width: 93px;
    display: inline-table;
    font-size: 11px;
    margin: 0 0 4px 0px;
    padding: 4px 4px 5px 0px!important;
}

.name_action {
    position: absolute;
    margin: -328px 0 0 -25px!important;
    width: 317px;
    opacity: 0.8;
    line-height: 34px;
    text-align: center;
    background: url(https://forumupload.ru/uploads/001b/c2/3e/10/813751.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 27px 0;
    border: 2px solid #89898a;
    filter: grayscale(77);
    color: #f5f5f5;
    font-family: 'Open Sans EB';
    font-size: 33px;
    text-transform: uppercase;
}

.name_action a{
 color: #fff;
}

.search_char {
    position: absolute;
    margin: -194px 0px 0px -26px!important;
}

.search_char img {
    margin: 0px 2px;
    filter: grayscale(80%);
    border: 2px solid #89898a;
    opacity: 0.8;
}

.search_char img:hover{
     opacity: 1;
    transition: 0.9s;
}

.news {
    position: absolute;
    margin-top: -90px!important;
    width: 1000px;
    text-align: center;
    letter-spacing: 1px;
}

.news a {
    background: #dbe9eec4;
    padding: 6px 23px 5px 25px;
    margin: 6px;
    font-weight: bold;
    font-size: 16px;
    color: #313131;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: OPEN SANS EB;
}

.news a:hover {
    background: #dbe9ee;
    color:#313131;
    transition: 0.2s;
    border-top:3px solid #455973;
}

.name_cross {
    position: absolute;
    margin: -300px 0 0 328px!important;
    width:max-content;
    font-family: Syncopate-Bold;
    font-size: 74px;
    color: #313131;
}

.info_cross {
    position: absolute;
    margin: -231px 0 0px 333px!important;
    color: #313131;
    font-family: Syncopate;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 24px;
    text-align: center;
    letter-spacing: 2px;
    width: 306px;
}

.big_pict {
    position: absolute;
    margin: -260px 0 0 670px!important;
    width:max-content;
    filter: grayscale(80%);
}

.big_pict img {
    border: 2px solid #89898a;
        filter: grayscale(70%);
    opacity: 0.8;
}

.big_pict img:hover{
     opacity: 1;
    transition: 0.9s;
}

.active {
    position: absolute;
    margin: -331px 0 0 890px!important;
    width: 125px;
}

.active img {
    margin: 3px 0;
    border: 2px solid #89898a;
    opacity: 0.8;
    filter: grayscale(80%);
}

.active img:hover{
     opacity: 1;
    transition: 0.9s;
}

.welcome {
    position: absolute;
    margin: -325px 0 0 704px!important;
    width: 153px;
    text-align: center;
    font-family: Open Sans Semibold;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold!important;
    letter-spacing: 0px;
}