/* фон
-------------------------------------------------------------*/

body {
    background: url(style_cs.1518601028.css) repeat-x top center, url(http://forumfiles.ru/files/0012/e6/46/99743.png) no-repeat fixed;
    background-color: #14191b;
    overflow-x: hidden;
}


body {overflow-x: hidden}

/* пан
-------------------------------------------------------------*/
#pun {
  margin: -20px auto -10px auto;
  padding: 0px auto -10px auto;
  position: relative;
  width: 1043px;
  background: repeat transparent url(http://forumfiles.ru/files/0012/e6/46/16929.png);
  background-position: center;
  }

/* шапка
-------------------------------------------------------------*/
#pun-title table {
    border: none;
    height: 440px;
    width: 1176px;
    margin-left: -118px;
    background: url(http://forumfiles.ru/files/0012/e6/46/62147.png) top center no-repeat;
    margin-top: 20px;
}

/* футер
-------------------------------------------------------------*/
#pun-about p.container {
    background: transparent url(http://forumfiles.ru/files/0012/e6/46/99433.png) bottom center no-repeat;
    width: 1100px;
    margin-bottom: -123px;
    margin-left: -78px;
    height: 114px;
    background-position: 0 50%;
}

/* цвет текста на форуме
-------------------------------------------------------------*/
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {
    background-color: transpanent;
    color: #464646;
    font-weight: normal;
}

/* ПРОФИЛЬ
-------------------------------------------------------------*/

/* отступ ника от верха профиля
-------------------------------------------------------------*/
.punbb .post .post-author {
  padding-top: 15px;
  font-family: arial;
  font-size: 10px;
  overflow-x: hidden;
  }
#profile-left {
  height: 400px;
  width: 20%!important;
  left: -50px!important;
  }
#profile-name strong {
  margin-top: 0px;
  height: 150%;
  }
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }
/* последний визит
-------------------------------------------------------------*/
.pa-last-visit, li.pa-online {
  padding-bottom: 0px!important;
  }


/* ПОЛЯ ПРОФИЛЯ
-------------------------------------------------------------*/
/* соо
-------------------------------------------------------------*/
.pa-posts {
    display: inline-block;
    margin-left: 1px !important;
    text-align: center;
    max-width: 63px;
    line-height: 13px;
    padding: 1px 2px! important;
    border: 1px dashed #4058623d;
    margin-top: 5px!important;
    color: #d2dddf;
}
/* репа
-------------------------------------------------------------*/
.pa-respect {
    display: inline-block;
    margin-left: 1px !important;
    text-align: center;
    max-width: 63px;
    line-height: 13px;
    padding: 1px 2px! important;
    border: 1px dashed #4058623d;
    margin-top: 5px!important;
    color: #d2dddf;
}
.pa-respect a{
    color: #d2dddf!important;}

/* поля
-------------------------------------------------------------*/
.p_name {
    width: 205px;
    text-align: center;
    font-size: 16px;
    font-family: bebasneueregular;
    font-weight: normal;
    padding-top: 2px!important;
    padding-bottom: 3px!important;
    background-color: #030a0a;
    margin-top: 2px!important;
    margin-left: -6px!important;
}

.pa-fld1 {
    display: inline-block;
    text-align: justify;
    width: 194px;
    margin-left: 1px!important;
    margin-top: -1px!important;
    margin-bottom: 4px!important;
    color: #d2dddf;
    line-height: 130%;
}
.pa-fld1 b {
    font-weight: normal!important;
    text-shadow: 0 0 2px #d28f4b!important;
    color: #f5dbc0!important;
}
.pa-fld1 a {
    font-weight: normal!important;
    text-shadow: 0 0 2px #d28f4b!important;
    color: #f5dbc0!important;
}

.pa-fld2 {
    text-align: center;
    display: inline-block;
    width: 206px;
    color: #d2dddf;
    font-size: 8px;
    font-family: unset;
    background-color: #030a0a;
    margin-top: 13px!important;
}

.pa-fld3 {
    height: 52px;
    margin-left: 1px!important;
    margin-top: -19px !important;
    margin-bottom: -6px !important;
}
.pa-fld4{
    text-align: center;
    display: inline-block;
    width: 49px;
    padding: 3px 7px 3px 7px !important;
    letter-spacing: 1px;
    font-family: arial;
    font-size: 8px;
    font-weight: bold;
    margin-top: 5px!important;
    line-height: 118%;
    color: #57595d;
    border: 1px dashed #81766bc2;
}


/* авик
-------------------------------------------------------------*/
.punbb .pa-avatar img{
    margin-top: 4px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.pa-avatar img {
    margin-top: 20px;
}

.punbb .pa-avatar img{
    border: 1px solid #ffffff96;
    box-shadow: 0 0 3px #2fa2af;
}

/* регистрация, айпи и визит
-------------------------------------------------------------*/
.pa-reg, .pa-ip, li.pa-online, .pa-last-visit {
    font-family: arial;
    letter-spacing: 1px;
    font-size: 8px;
    text-shadow: none!important;
}

.pa-ip {
    margin-bottom: 6px!important;
    text-align: center;
    margin-top: 3px!important;
}

/* категории
-------------------------------------------------------------*/
#pun-stats.section h2 {
    background: url(http://forumfiles.ru/files/0012/e6/46/39913.png) no-repeat top center;
    height: 58px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1043px;
}
#post-form h2 {
    background: url(http://forumfiles.ru/files/0012/e6/46/36362.png) no-repeat top center;
    height: 58px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1043px;
}
#pun-category1.category h2 {
    background: url(http://forumfiles.ru/files/0012/e6/46/79332.png) no-repeat top center;
    height: 58px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1043px;
}
#pun-category2.category h2 {
    background: url(http://forumfiles.ru/files/0012/e6/46/89835.png) no-repeat top center;
    height: 58px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1043px;
}

#pun-category3.category h2 {
    background: url(http://forumfiles.ru/files/0012/e6/46/53916.png) no-repeat top center;
    height: 58px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1043px;
}

#pun-category4.category h2 {
    background: url(http://forumfiles.ru/files/0012/e6/46/22738.png) no-repeat top center;
    height: 58px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1043px;
}
#pun-category5.category h2 {
    background: url(http://forumfiles.ru/files/0012/e6/46/75681.png) no-repeat top center;
    height: 58px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1043px;
}

#pun-category6.category h2 {
    background: url(http://forumfiles.ru/files/0012/e6/46/57098.png) no-repeat top center;
    height: 58px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1043px;
}

#pun-category7.category h2 {
    background: url(http://forumfiles.ru/files/0012/e6/46/70069.png) no-repeat top center;
    height: 58px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1043px;
}

#pun-category8.category h2 {
    background: url(http://forumfiles.ru/files/0012/e6/46/70600.png) no-repeat top center;
    height: 58px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1043px;
}
#pun-stats.section h2 span, #pun-main .category h2 span, #post-form h2 span {display: none;}

/* иконки
-------------------------------------------------------------*/
.punbb table Div.icon {
    background-image: url(http://forumfiles.ru/files/0012/e6/46/47812.png);
    width: 33px;
    height: 33px;
    float: left;
    margin-top: 25px;
    margin-left: 2px;
    border-style: none;
    display: inline-block;
    background-repeat: no-repeat;
}

TR.inew Div.icon {
    background-image: url(http://forumfiles.ru/files/0012/e6/46/78631.png);
  background-repeat: no-repeat;
    width: 33px;
    height: 33px;
  opacity: 1.0;
  }


TR.iclosed Div.icon {
  background-image : url(http://forumfiles.ru/files/0012/e6/46/52738.png);
  background-repeat: no-repeat;
    width: 33px;
    height: 33px;
  opacity: 1.0;
  }

TR.isticky Div.icon {
  background-image : url(http://forumfiles.ru/files/0012/e6/46/39092.png);
  background-repeat: no-repeat;
    width: 32px;
    height: 30px;
  opacity: 1.0;
  }

/* статистика
-------------------------------------------------------------*/
#pun-stats ul.container {
    background-image: url();
    padding-left: 104px;
    margin-left: -28px;
    padding-right: 21px;
    margin-top: 5px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: 36px 3px;
    background-repeat: no-repeat;
    background-size: auto;
    text-align: justify;
}


/* цитата, код и спойлер
-------------------------------------------------------------*/
#pun-main .quote-box, #pun-main .code-box, .post-content .spoiler-box{
    padding: 11px;
    font-size: 11px;
    text-shadow: 0 0 2px #ffffff6b;
    max-width: 620px;
    color: #3a3f42;
    border: 1px dashed #45767b;
    background-color: #f8fdff;
    box-shadow: 0 0 10px #9ab9bb;
}
.post-content .spoiler-box > div {
    text-align: left;
    display: block;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    color: #585858!important;
    margin-left: -7px;
    margin-top: -6px;
    margin-bottom: -5px;
}
/* текстэрия
-------------------------------------------------------------*/
.punbb textarea {
    padding: 13px;
    color: #565656;
    border: 1px dashed #518488;
    background-color: #edf4f5;
    box-shadow: 0 0 20px #b8cfd2;
}

.punbb textarea::-webkit-scrollbar-thumb {border: none!important; box-shadow: none!important;} 
.punbb textarea::-webkit-scrollbar {width: 3px; border: none!important; box-shadow:none!important;} 
.punbb textarea::-webkit-scrollbar-track {border: none!important; box-shadow:none!important;}

/* поле для ввода
-------------------------------------------------------------*/
.punbb input {
    vertical-align: middle;
    padding: 6px 13px 6px 14px!important;
    color: #565656;
    border: 1px dashed #518488;
    background-color: #edf4f5;
    box-shadow: 0 0 20px #b8cfd2;
}


/* подложки
-------------------------------------------------------------*/
#size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-reputation div, #pun-popup_awards div  {
    padding: 10px;
    background: #f4f5f9;
    border: 2px solid #e4e4e4;

}
#font-area  {
    padding: 10px;
    background: #f4f5f9;
    border: 2px solid #d6d6d6;
    border-radius: 14px;
    overflow-y: auto;
    height: 207px;
}

/* прокрутка
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}
::-webkit-scrollbar-track {
background-color: #14191d; 
}
::-webkit-scrollbar-thumb {
    background-color: #2a4346;
    box-shadow: inset 0 0 3px #68bec1;
    border: 1px dashed #8dafb2;
}
/* кнопки
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input { 
    font-weight: normal!important;
    font-size: 14px!important;
    cursor: pointer!important;
    text-transform: uppercase;
    color: #565656;
    border: 1px dashed #ffffff;
    background-color: #dde5e6;
    box-shadow: 0 0 5px #1b272b2e;
    font-family: bebasneueregular!important;
}
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    color: #565656;
    border: 1px dashed #518488;
    background-color: #edf4f5;
    text-shadow: none!important;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;}


/* админы в табле
-------------------------------------------------------------*/
.ams { 
position: relative; 
display: inline-block
} 
.ams span { 
display: none; 
} 
.ams a { 
    color: #dde5e6!important;
}
.ams a:hover {    color: #8ebdc1!important;
}
.ams:hover span{ 
position:absolute; 
text-align:center; 
display:inline-block; 
margin-top: 32px; 
left:-80px; 
height: 122px!important;
z-index:100000;

}

/* текст и ссылки в таблице
-------------------------------------------------------------*/
#tab_inf {
    position: absolute;
    width: 289px;
    top: 200px;
    margin-left: -20px;
    line-height: 100%;
    font-family: Arial;
    color: #e8eeef;
    text-shadow: 1px 1px #132e31;
    text-align: justify;
    font-size: 10px;
    padding-right: 5px;
    height: 41px;
    overflow: hidden;
}
#tab_inf2 {
    position: absolute;
    width: 213px;
    line-height: 100%;
    font-family: Arial;
    color: #e8eeef;
    text-shadow: 1px 1px #15191d;
    text-align: justify;
    font-size: 9px;
    padding-right: 5px;
    margin-left: 336px;
    margin-top: 314px;
    height: 26px;
    overflow: hidden;
}


/* описание подфорума
-------------------------------------------------------------*/

.discr {
    font-size: 11px;
    font-family: arial;
    width: 405px;
    text-align: justify;
    color: #b4c9cb;
    margin: -9px 25px!important;
    text-transform: lowercase;
    padding-bottom: 19px;
}

/* навигация в подфорумах
-------------------------------------------------------------*/
.link a {
    display: inline-block;
    background: linear-gradient(to bottom, #3d8896 5%, #16313a 100%), #256d82 10%;
    cursor: pointer;
    color: #ccdadb!important;
    font-family: arial!important;
    font-size: 11px!important;
    padding-left: 8px!important;
    padding-right: 8px!important;
    padding-bottom: 2px;
    padding-top: 1px;
    text-shadow: 1px 0 #5d5d5d!important;
    margin-bottom: 14px;
    border: 1px solid #ffffff61;
    box-shadow: 0 0 5px #1c5061;
    border-radius: 9px;
}
.link a:hover {
    display: inline-block;
    background: linear-gradient(to bottom, #bf9b4a 5%, #563414 100%), #efba86 10%;
    cursor: pointer;
    color: #e0e0e0!important;
    font-family: arial!important;
    font-size: 11px!important;
    padding-left: 8px!important;
    padding-right: 8px!important;
    padding-bottom: 2px;
    padding-top: 1px;
    text-shadow: 1px 0 #5d5d5d!important;
    margin-bottom: 14px;
    border: 1px dashed #c7a5a7;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}
.link {text-align:center; margin-top: 7px!important;}


/* баннеры
-------------------------------------------------------------*/
.partner {    position: absolute;
    margin-top: 69px!important;
    width: 956px;
    height: 33px;
    letter-spacing: 2px;
    filter: grayscale(70%);
    opacity: 0.7;
    overflow: auto;
    margin-left: -13px!important;
}

.partner:hover {
    opacity: 1!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.partner::-webkit-scrollbar-thumb {background: #543134;border: none!important}
.partner::-webkit-scrollbar {width: 2px; background: #808080; border: none!important}
.partner::-webkit-scrollbar-track {    background-color: #2d2d2d; border: none!important}
/* плашки в шапке
-------------------------------------------------------------*/
.pl0 {
    width: 233px;
    height: 27px;
    position: absolute;
    margin-top: 293px!important;
    margin-left: -34px!important;
}

.pl01 {
    width: 233px;
    height: 27px;
    position: absolute;
    margin-top: 179px!important;
    margin-left: 741px!important;
}

.pl02 {
    width: 233px;
    height: 27px;
    position: absolute;
    margin-top: 220px!important;
    margin-left: 741px!important;
}

.pl03 {
    width: 233px;
    height: 27px;
    position: absolute;
    margin-top: 260px!important;
    margin-left: 741px!important;
}

.pl04 {
    width: 233px;
    height: 27px;
    position: absolute;
    margin-top: 301px!important;
    margin-left: 741px!important;
}

.pl05 {
    width: 233px;
    height: 27px;
    position: absolute;
    margin-top: 341px!important;
    margin-left: 741px!important;
}
.pl2 {
    position: inherit;}
.pl3 {
    margin-left: 45px!important;
    color: #b4a78a;
    font-size: 13px;
    letter-spacing: 4px;
    padding-left: 1px!important;
    padding-top: 1px!important;
    font-family: bebasneueregular;
    font-weight: normal;
}
.pl3 a {color: #ad947e!important;}
.pl3 a:hover {color:#c1b6ac!important}
.pl4 {
    margin-left: 41px!important;
    margin-top: 5px!important;
    color: #ad947e;
    font-size: 8px;
    text-shadow: 1px 0 black;
    letter-spacing: 2px;
    padding-left: 5px!important;
}

.pl001 {
    margin-left: 50px!important;
    color: #b4a78a;
    font-size: 13px;
    letter-spacing: 4px;
    padding-left: 1px!important;
    padding-top: 1px!important;
    font-family: bebasneueregular;
    font-weight: normal;
}
.pl001 a {color: #ad947e!important;}
.pl001 a:hover {color:#c1b6ac!important}
.pl002 {
    margin-left: 59px!important;
    margin-top: -34px!important;
    color: #ad947e;
    font-size: 7px;
    text-shadow: 1px 0 black;
    letter-spacing: 2px;
    padding-left: 5px!important;
}
/* выделение и скролл
-------------------------------------------------------------*/

::-moz-selection{        background: #70b5b1;
    color: #ffffff;
}
::webkit-selection{        background: #70b5b1;
    color: #ffffff;
} 
::selection{
    background: rgb(61, 116, 119);
    color: #ffffff;
    text-shadow: none!important;
}

.lastedit {
  display:none !important;
  }

/* ТОПИКИ
-------------------------------------------------------------*/
/* оформление обычной темы
-------------------------------------------------------------*/
.u_body {
    position: relative;
    left: 50px;
    top: 63px;
    padding: 5px;
    font-size: 10px;
    color: #2f4244;
    width: 518px;
    text-shadow: 0 0px 2px #ffffff7d;
    text-align: justify;
    font-family: arial;
    line-height: 12px;
    text-align-last: left;
    padding-bottom: 110px;
}
    .u_title {
    text-align: center;
    position: relative;
    width: 625px;
    font-family: bebasneueregular;
    top: 31px;
    color: #feffff;
    text-transform: lowercase;
    font-size: 19px;
    text-shadow: 0 0 5px #64b4bd;
}
.u_theme {
    width: 622px;
    background: url(http://forumfiles.ru/files/0012/e6/46/59599.png) top no-repeat, url(http://forumfiles.ru/files/0012/e6/46/51014.png) bottom no-repeat, url(http://forumfiles.ru/files/0012/e6/46/76417.png) repeat-y;
    min-height: 235px;
    margin-left: 16px!important;
}

/* гостевая
-------------------------------------------------------------*/
.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: 423px;
    font-family: arial;
    text-shadow: 0 0 2px #ffffffa3;
    text-align: center;
    font-size: 10px;
    color: #e6e6e6;
    margin-top: 56px!important;
    margin-left: 90px!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: 80px;
    margin-top: 138px!important;
    margin-left: 63px!important;
    position: absolute;
    width: 223px;
    color: #ffffff;
    text-shadow: none!important;
}
.g_ff  {
    font-family: bebasneueregular;
    font-size: 12px;
    color: #ffffff;
    text-shadow: 1px 0 0 #67818e;
    position: absolute;
    margin-top: 118px!important;
    margin-left: 118px!important;
    letter-spacing: 1px;
    background-color: #9aabb3;
    padding: 0px 3px 0px 4px;
}

#g_n {
    overflow-y: auto;
    height: 55px;
    margin-top: 138px!important;
    margin-left: 315px!important;
    position: absolute;
    width: 223px;
    color: #ffffff;
    text-shadow: none!important;
}

#g_n a {    text-shadow: none!important;}
#g_f a {    text-shadow: none!important;}
.g_nn    {
    font-family: bebasneueregular;
    margin-left: 372px!important;
    margin-top: 118px!important;
    position: absolute;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 1px;
    background-color: #9aabb3;
    padding: 0px 3px 0px 4px;
    text-shadow: 1px 0 0 #67818e;
}

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

#g_f::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}
#g_f::-webkit-scrollbar-track {
    background-color: #c3d0d6;
    border: none!important;
}
#g_f::-webkit-scrollbar-thumb {
    background-color: #2e4654;
    border: none!important;
}
.g_theme {
    width: 598px;
    height: 424px;
    background: url(http://forumfiles.ru/files/0012/e6/46/75740.png) no-repeat;
    margin-left: 33px!important;
}
.g_link {
    position: absolute;
    font-family: bebasneueregular!important;
    font-size: 13px;
    letter-spacing: 1px;
    margin-top: 279px!important;
    text-align: center;
    width: 607px;
    font-weight: normal!important;
    text-shadow: none!important;
    line-height: 167%;
    transform: rotate(-1deg);
}
.g_link a {
    text-shadow: none!important;
    background-color: #3d5664;
    padding-left: 5px!important;
    padding-right: 5px!important;
    color: white!important;
    padding-top: 1px!important;
    padding-bottom: 1px!important;
    letter-spacing: 2px;
}

.g_link a:hover {    background-color: #1a2d39!important;
    -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: #2e4654;
    height: 13px;
    width: 31px;
    margin-right: 5px;
    color: #d3dde2;
    box-shadow: inset 0 0 3px #c3d0d6;
    border: 1px solid #c5d2d8;
    margin-bottom: 4px;
}


/* анкета
-------------------------------------------------------------*/
       .an_bb {
    position: relative;
    width: 585px;
    height: 614px;
    margin-left: 19px!important;
    margin-top: -7px;
    margin-bottom: 11px;
}
       .an_background {
    position: absolute;
    width: 583px;
    height: 473px;
    padding-top: 5px;
    margin-top: 63px;
    margin-left: 0px!important;
}
       #an_name {
    font-size: 16px;
    position: absolute;
    width: 584px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #ffffff;
    font-weight: normal!important;
    font-family: bebasneueregular;
    color: #dde5e6;
    margin-left: -9px;
    margin-top: -37px!important;
}
#an_face {
    position: absolute;
    margin-top: 3px!important;
    width: 573px;
    height: 0px;
    font-family: bebasneueregular;
    font-weight: normal;
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(221, 229, 230);
    border-image: initial;
    background: linear-gradient(rgb(191, 209, 211), rgb(243, 243, 243), rgb(183, 203, 205));
    padding: 4px 0px 7px;
    text-align: center;
    color: white;
    margin-left: 4px!important;
}

       #an_name2 {
    display: none;
    position: absolute;
    margin-top: 5px!important;
    width: 573px;
    height: 0px;
    font-family: bebasneueregular;
    font-weight: normal;
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(218, 202, 189);
    border-image: initial;
    background: linear-gradient(rgb(173, 148, 126), rgb(191, 181, 171), rgb(173, 148, 126));
    padding: 4px 0px 7px;
    text-align: center;
    color: white;
    margin-left: 4px!important;
}
     .an_decoration {
    font-weight: normal;
    text-align: center;
    color: white;
    opacity: 1;
    font-family: bebasneueregular;
}
      #an_h {
    margin-top: -1px;
    margin-left: 4px;
    width: 562px;
    height: 151px;
    padding: 6px 7px 4px 4px;
}

       #an_story {
    font-family: sans-serif;
    font-size: 11px;
    overflow-y: auto;
    text-align: justify;
    width: 536px;
    height: 312px;
    padding: 5px 18px 24px 17px;
    margin-left: 5px;
    margin-top: 19px;
    line-height: 140%;
    background-color: rgb(221, 229, 230);
    border: 1px dashed #ffffff;
}
    #an_story::-webkit-scrollbar {
    width: 4px;
border: none!important
       }
       #an_story::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
border: none!important
}

#an_story::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px #547275;
border: none!important
}
       #an_img_space {
           position:absolute;
       }
       #an_img_space img {
    height: 145px;
    width: 245px;
    margin-left: 5px;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
}
       #an_img_space2 img {
    height: 145px;
    width: 245px;
    margin-left: 312px;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
}

.an_hidden { 
    background-color: #212a2d;
    color: #ffffff;
    text-align: right;
    height: 138px;
    position: absolute;
    border: 2px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
    margin-left: 258px;
    width: 28px;
    padding-left: 18px;
    padding-top: 7px;
    line-height: 150%!important;
}

.an_hidden1 {
    float: left;
    position: relative;
    z-index: 2;
    font-size: 15px;
    margin-right: 15px;
    line-height: 15px;
    color: #ffffff;
    cursor: pointer;
    padding-bottom: 8px;
}
.an_hidden2 {
    position: absolute;
    z-index: 1;
    margin: -7px 0px 0px -271px;
    opacity: 0;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-duration: .2s;
    width: 245px;
}

.an_hidden1:hover + .an_hidden2 { opacity:1;}
.an_hidden21 {
    padding: 10px;
    border-radius: 3px;
    background-color: #246e84;
    font: bold 10px Roboto;
    text-shadow: 1px 1px 0px rgba(0,0,0,.15);
    color: #ffffff;
    text-transform: uppercase;
}
.an_hidden22 {
    height: 2px;
    width: 2px;
    border-top: solid 5px #5a626e;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
    margin: -19px -5px -2px 190px;
    transform: rotate(-90deg);
    display: none;
}
.an_hidden21 a { font:bold 10px Roboto;color:#ffffff; }

.ank_ln {
    border: 1px dashed white;
    text-align: center;
    background-color: rgb(44, 54, 58);
    font-size: 9px;
    letter-spacing: 7px;
    color: white;
    text-shadow: 1px 0 #0000005c;
    font-family: roboto;
}

.ank_l  {
    border: 1px dashed white;
    text-align: center;
    background-color: rgb(44, 54, 58);
    font-size: 9px;
    letter-spacing: 7px;
    color: white;
    text-shadow: 1px 0 #0000005c;
    font-family: roboto;
}

#ank_ll {
    border: 1px dashed white;
    text-align: center;
    background-color: rgb(235, 240, 241);
    font-size: 10px;
    color: #5a626e;
    font-family: sans-serif;
    margin-top: -4px;
    padding: 2px 3px 2px 3px;
    height: 47px;
    overflow: auto;
}

#ank_lnn {
border: 1px dashed white;
    text-align: center;
    background-color: rgb(235, 240, 241);
    font-size: 10px;
    color: #5a626e;
    font-family: sans-serif;
    margin-top: -4px;
    padding: 2px 3px 2px 3px;
    height: 47px;
    overflow: auto;
}


    #ank_ll::-webkit-scrollbar {
    width: 2px;
border: none!important
       }
       #ank_lnn::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff; 
border: none!important
}

#ank_ll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px #547275;
border: none!important
}
    #ank_lnn::-webkit-scrollbar {
    width: 2px;
border: none!important
       }
       #ank_ll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff; 
border: none!important
}

#ank_lnn::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px #547275;
border: none!important
}


/* нужные
-------------------------------------------------------------*/

       .need_bb {
    position: relative;
    width: 585px;
    height: 614px;
    margin-left: 19px!important;
    margin-top: -7px;
    margin-bottom: 11px;
}
       .need_background {
    position: absolute;
    width: 583px;
    height: 546px;
    margin-left: -2px!important;
    background-color: rgb(202, 204, 203);
    border: 1px dashed #f3f3f3;
    box-shadow: inset 0px 0px 15px #ffffff61;
    padding-top: 5px;
    margin-top: 63px;
}
       #need_name {
    font-size: 16px;
    position: absolute;
    width: 584px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #ffffff;
    font-weight: normal!important;
    font-family: bebasneueregular;
    color: #727984;
    margin-left: -9px;
    margin-top: -34px!important;
}
#need_face {
    position: absolute;
    margin-top: 2px!important;
    width: 572px;
    height: 0px;
    font-family: bebasneueregular;
    font-weight: normal;
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(165, 168, 175);
    border-image: initial;
    background: linear-gradient(#535a66, #434b5a, #57606c);
    padding: 0px 0px 5px;
    text-align: center;
    color: white;
    margin-left: 5px!important;
}

       #need_name2 {
    position: absolute;
    margin-top: 2px!important;
    width: 572px;
    height: 0px;
    font-family: bebasneueregular;
    font-weight: normal;
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(165, 168, 175);
    border-image: initial;
    background: linear-gradient(#535a66, #434b5a, #57606c);
    padding: 0px 0px 5px;
    text-align: center;
    color: white;
    margin-left: 5px!important;
}
     .need_decoration {
    font-weight: normal;
    text-align: center;
    color: white;
    opacity: 1;
    font-family: bebasneueregular;
}
      #need_h {
    margin-top: -1px;
    margin-left: 4px;
    width: 562px;
    height: 151px;
    padding: 6px 7px 4px 4px;
    background-color: rgb(89, 97, 109);
    border: 1px dashed #ffffffc7;
}

.needed {    
    position: absolute;
    width: 303px;
    height: 149px;
    margin-left: 3px!important;
}

.needed_name {
    font-size: 28px;
    color: white;
    text-shadow: 1px 0 #0000001c;
    text-align: center;
    font-family: bebasneueregular;
    font-weight: normal!important;
    letter-spacing: 3px;
    margin-top: 6px;
}

.needed_date {
    text-align: center;
    color: white;
    text-shadow: 1px 0 #0000001c;
    font-size: 9px;
    font-family: monospace;
}
.needed_who {
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    width: 303px;
    height: 82px;
}
.needed_w {
    width: 297px;
    margin-top: 10px;
    padding: 2px 0px 3px 6px;
    background-color: #ecececba;
    color: #656e79;
    font-size: 10px;
    font-family: roboto;
    letter-spacing: 1px;
    max-height: 26px;
    overflow: auto;
}


.needed_w::-webkit-scrollbar {
    width: 3px;
border: none!important
       }
.needed_w::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 20px #afafaf; 
border: none!important
}

.needed_w::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px #535b68;
border: none!important
}


.needed0 {
    border: 1px dashed #ffffffcc;
    padding-bottom: 6px;
    margin-top: 1px!important;
    box-shadow: inset 0 0 20px #00000026;
}

       #need_story {
    font-family: sans-serif;
    font-size: 11px;
    overflow-y: auto;
    text-align: justify;
    width: 536px;
    height: 263px;
    padding: 5px 18px 24px 17px;
    margin-left: 5px;
    margin-top: 13px;
    line-height: 140%;
    background-color: rgb(222, 222, 222);
    border: 1px dashed #ffffff;
}
    #need_story::-webkit-scrollbar {
    width: 3px;
border: none!important
       }
       #need_story::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 20px #afafaf; 
border: none!important
}

#need_story::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px #535b68;
border: none!important
}
       #need_img_space {
           position:absolute;
       }
       #need_img_space img {
    height: 145px;
    width: 245px;
    margin-left: 314px;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
    position: absolute;
}

/* внешности
-------------------------------------------------------------*/
.v_body {
    position: relative;
    left: 51px;
    top: 63px;
    padding: 5px;
    font-size: 10px;
    color: #465a61;
    width: 518px;
    font-family: arial;
    line-height: 12px;
    padding-bottom: 124px;
}



.entirex { 
    background: #dde5e6;
    width: 585px;
    margin-left: -38px!important;
    margin-top: -26px!important;
    margin-bottom: -28px!important;
    padding-top: 10px!important;
}
.entirex2 {
    background: #212a2d;
    width: 165px;
    height: 350px;
    position: absolute;
    margin-top: -10px!important;
}
.jenx { width: 275px; height: 300px; padding: 20px 20px 20px 30px!important; margin-left: 50px!important; }
.tabx { float: left; }
.tabsz { position: relative; height: 300px; width: 250px; }
.tabx label { display: block; width: 30px; padding: 10px!important; font-size: 36px; text-align: center; position: absolute; right: 290px; top: -30px; }
.tabx [type=radio] { display: none; }  
.tabx1 { float: left; }

.tabx1 label {
     display: block;
    width: 30px;
    padding: 10px!important;
    font-size: 26px;
    text-align: center;
    position: absolute;
    right: 294px;
    top: -30px;
}

.tabx1 [type=radio] { display: none; } 
.contentx { 
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -20px;
    right: -81px;
    background: #e0e0e0;
    padding: 10px!important;
}
.contentx2{
    padding-right: 45px!important;
    color: #121212;
    font-size: 10px;
    line-height: 110%;
    width: 350px;
    height: 316px;
    overflow: auto;
    text-align: justify;
    margin-top: -10px!important;
    margin-left: -10px!important;
    letter-spacing: 1px;
    background-color: #dde5e6;
}


.contentx2 b { font: 700 8px/150% 'Raleway', sans-serif;  color:  #696969; text-transform: uppercase; letter-spacing: 1px; }
.tempsub {
    text-align: justify;
    color: #425156;
    text-transform: lowercase;
    border-bottom: 1px solid #696969;
    padding: 5px 5px 0px 5px!important;
    font-family: bebasneueregular;
    font-size: 17px;
    padding-bottom: 5px!important;
    padding-top: 7px!important;
}


[type=radio]:checked ~ label {color: #fafafa; }
[type=radio]:checked ~ label ~ .contentx { z-index: 5; }

/* банк
-------------------------------------------------------------*/
#calc{width: 300px;}
#btn{
    width: 97%;
    height: 28px;
    cursor: pointer;
    color: #454f61;
    font-family: arial!important;
    font-size: 12px!important;
    background-color: #cecece;
    font-weight: bold;
}

#btn:hover{
    cursor: pointer;
    color: #e0e0e0!important;
    background-color: #454f61!important;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
}

#btn2 {    width: 257px;
    height: 17px;
    cursor: pointer;
    color: #454f61;
    font-family: arial!important;
    font-size: 12px!important;
    background-color: #ececec;
    font-weight: bold;
}

.bank_plaha {
    width: 244px;
    text-align: left;
    background-color: #ffffff4d;
    padding: 15px;
    border: 1px dashed white;
    margin: auto;
    margin-top: 5px!important;
}

#b_gift {
    background-color: #eaeaea;
    text-align: center;
    padding: 4px 0px 4px 0px;
    box-shadow: 1px 1px #0000000f;
}



/* шаблон эпизодов
-------------------------------------------------------------*/
       .play_bb {
    position: relative;
    width: 585px;
    height: 614px;
    margin-left: 19px!important;
    margin-top: -7px;
    margin-bottom: 11px;
}
       .play_background {
    position: absolute;
    width: 583px;
    height: 292px;
    margin-left: -2px!important;
    background-color: rgb(202, 204, 203);
    border: 1px dashed #f3f3f3;
    box-shadow: inset 0px 0px 15px #ffffff61;
    padding-top: 5px;
    margin-top: 63px;
}
       #play_name {
    font-size: 16px;
    position: absolute;
    width: 584px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #ffffff;
    font-weight: normal!important;
    font-family: bebasneueregular;
    color: #727984;
    margin-left: -9px;
    margin-top: -34px!important;
}


     .play_decoration {
    font-weight: normal;
    text-align: center;
    color: white;
    opacity: 1;
    font-family: bebasneueregular;
}
      #play_h {
margin-top: 12px;
    margin-left: 4px;
    width: 562px;
    height: 110px;
    padding: 6px 7px 4px 4px;
}

       #play_story {
    font-family: sans-serif;
    font-size: 11px;
    overflow-y: auto;
    text-align: justify;
    width: 536px;
    height: 69px;
    padding: 5px 18px 24px 17px;
    margin-left: 5px;
    margin-top: 73px;
    line-height: 140%;
    background-color: rgb(222, 222, 222);
}
    #play_story::-webkit-scrollbar {
    width: 4px;
border: none!important
       }
       #play_story::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
border: none!important
}

#play_story::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px #5a626e;
border: none!important
}
       #play_img_space {
           position:absolute;
       }
       #play_img_space img {
    height: 140px;
    width: 245px;
    margin-left: 18px;
    object-fit: cover;
    border: 4px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
}
       #play_img_space2 img {
    height: 140px;
    width: 245px;
    margin-left: 297px;
    object-fit: cover;
    border: 4px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
}

.play_title {
    margin-top: -38px!important;
    width: 400px;
    text-align: left;
    margin-left: 48px!important;
    font-size: 20px;
    font-family: bebasneueregular;
    font-weight: normal!important;
    letter-spacing: 2px;
    color: #59616c;
}
.play_ers {
position: absolute;
    background-color: #565f6a;
    width: 573px;
    margin-top: 6px!important;
    margin-left: -3px;
    text-align: center;
    color: white;
    padding: 8px 0px 8px 0px;
    letter-spacing: 4px;
    text-shadow: 0 0 3px #ffffffd9;
    border-image: initial;
    font-size: 9px;
}
.play_date {
    position: absolute;
    background-color: #dedede;
    width: 148px;
    margin-top: -22px!important;
    margin-left: 441px;
    text-align: center;
    color: #525a65;
    padding: 4px 0px 6px 0px;
    letter-spacing: 2px;
    text-shadow: 0 0 3px #ffffffd9;
    border-left: 1px dashed #b5b5b5;
}

/* новости
-------------------------------------------------------------*/
       .news_bb {
    position: relative;
    width: 585px;
    height: 614px;
    margin-left: 19px!important;
    margin-top: -7px;
    margin-bottom: 11px;
}
       .news_background {
    position: absolute;
    width: 583px;
    height: 292px;
    padding-top: 5px;
    margin-top: 66px;
    margin-left: 0px!important;
}
       #news_name {
    font-size: 16px;
    position: absolute;
    width: 584px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #ffffff;
    font-weight: normal!important;
    font-family: bebasneueregular;
    color: #727984;
    margin-left: -9px;
    margin-top: -34px!important;
}


     .news_decoration {
    font-weight: normal;
    text-align: center;
    color: white;
    opacity: 1;
    font-family: bebasneueregular;
}

       #news_story {
    font-family: sans-serif;
    font-size: 11px;
    overflow-y: auto;
    text-align: justify;
    width: 367px;
    height: 121px;
    padding: 5px 18px 24px 17px;
    margin-left: 168px;
    margin-top: 16px;
    line-height: 150%;
    background-color: rgb(221, 229, 230);
    border: 4px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
}

       #news_story2 {
    font-family: sans-serif;
    font-size: 11px;
    overflow-y: auto;
    text-align: justify;
    width: 536px;
    height: 218px;
    padding: 5px 18px 24px 17px;
    margin-left: 5px;
    margin-top: 4px;
    line-height: 150%;
    background-color: rgb(221, 229, 230);
    border: 1px dashed #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
}
    #news_story::-webkit-scrollbar {
    width: 4px;
border: none!important
       }
       #news_story::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(153, 183, 186); 
border: none!important
}

#news_story::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px rgb(49, 92, 105);
border: none!important
}

    #news_story2::-webkit-scrollbar {
    width: 4px;
border: none!important
       }
       #news_story2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(153, 183, 186); 
border: none!important
}

#news_story2::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px rgb(49, 92, 105);
border: none!important
}
       #news_img_space {
           position:absolute;
       }
       #news_img_space img {
    height: 150px;
    width: 150px;
    margin-left: 5px;
    object-fit: cover;
    border: 4px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
    margin-top: 16px;
}
       #news_img_space2 img {
    height: 140px;
    width: 245px;
    margin-left: 297px;
    object-fit: cover;
    border: 4px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
}

.news_title {
    margin-top: -41px!important;
    width: 400px;
    text-align: left;
    margin-left: 48px!important;
    font-size: 18px;
    font-family: bebasneueregular;
    font-weight: normal!important;
    letter-spacing: 2px;
    color: #dde5e6;
    text-shadow: 0 0 4px #95b4b6;
    padding-bottom: 2px!important;
}
.news_ers {
position: absolute;
    background-color: #565f6a;
    width: 573px;
    margin-top: 6px!important;
    margin-left: -3px;
    text-align: center;
    color: white;
    padding: 8px 0px 8px 0px;
    letter-spacing: 4px;
    text-shadow: 0 0 3px #ffffffd9;
    border-image: initial;
    font-size: 9px;
}
.news_date {
    position: absolute;
    width: 148px;
    margin-top: -20px!important;
    margin-left: 441px;
    text-align: center;
    color: #dde5e6;
    padding: 4px 0px 6px 0px;
    letter-spacing: 2px;
    text-shadow: 0 0 3px #ffffffd9;
    font-size: 9px;
}

.news_posts {
    background-color: #41798a;
    width: 70px;
    height: 70px;
    border: 4px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
    float: right;
    margin-left: 10px;
}
.news_post1 {
    font-size: 47px;
    font-family: bebasneueregular;
    color: white;
    margin-top: 17px!important;
    text-align: center;
    text-shadow: 1px 0 0 #797979;
}
.news_post2 {
    color: white;
    text-align: center;
    line-height: 80%;
    font-size: 10px;
    margin-top: 12px!important;
}

.news_ac0 {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    margin-bottom: -1px!important;
}

.news_ac {
    display: inline-block;
    line-height: 80%;
    text-align: center;
    font-size: 10px;
    background-color: #ffffff54;
    padding: 1px 0px 3px 1px;
    border: 1px dashed white;
}

.news_ac2 {
    float: right;
    margin-top: 6px;
    margin-bottom: -4px!important;
    margin-left: 8px;
}

.news_ac3 {    display: inline-block;
    line-height: 80%;
    font-size: 10px;
    background-color: #ffffff54;
    padding: 1px 0px 3px 1px;
    border: 1px dashed white;
    width: 113px;
    margin-bottom: 2px;
    position: absolute;
    margin-top: 2px;
    margin-left: 5px;
}
.news_ac4 {    text-align: center;}

.news_ac5 {    display: inline-block;
    line-height: 80%;
    font-size: 10px;
    background-color: #ffffff54;
    padding: 1px 0px 3px 1px;
    border: 1px dashed white;
    width: 158px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 417px;
    position: absolute;
}
.news_ac6 {    line-height: 80%;
    font-size: 10px;
    background-color: #ffffff54;
    padding: 1px 0px 3px 1px;
    border: 1px dashed white;
    width: 291px;
    margin-top: 2px;
    margin-bottom: 2px;
    position: absolute;
    margin-left: 122px;
    height: 93px;
}

.news_acpost {    float: right;}

.news_posta {    width: 225px;
    margin: auto;
    background-color: #fbfbfb96;
    text-align: center;
    padding: 3px;
    border: 1px dashed #545d6d;
}

/* хронология и отношения
-------------------------------------------------------------*/
      .rel_bb {
    position: relative;
    width: 585px;
    height: 614px;
    margin-left: 19px!important;
    margin-top: -7px;
    margin-bottom: 11px;
}
       .rel_background {
    position: absolute;
    width: 584px;
    height: 347px;
    margin-left: -2px!important;
    background-color: rgb(221, 229, 230);
    border: 1px dashed #f3f3f3;
    box-shadow: inset 0px 0px 15px #ffffff61;
    padding-top: 5px;
    margin-top: 63px;
}
       #rel_name {
    font-size: 16px;
    position: absolute;
    width: 584px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #ffffff;
    font-weight: normal!important;
    font-family: bebasneueregular;
    color: #dde5e6;
    margin-left: -9px;
    margin-top: -37px!important;
}
#rel_face {
    position: absolute;
    margin-top: -25px!important;
    width: 573px;
    height: 0px;
    font-family: bebasneueregular;
    font-weight: normal;
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(221, 229, 230);
    border-image: initial;
    background: linear-gradient(rgb(53, 81, 90), rgb(33, 69, 76), rgb(84, 114, 119));
    padding: 4px 0px 7px;
    text-align: center;
    color: white;
    margin-left: -19px!important;
    display: none;
}

       #rel_name2 {
    position: absolute;
    margin-top: 3px!important;
    width: 573px;
    height: 0px;
    font-family: bebasneueregular;
    font-weight: normal;
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(150, 157, 167);
    border-image: initial;
    background: linear-gradient(rgb(89, 97, 109), rgb(109, 118, 132), rgb(83, 90, 102));
    padding: 4px 0px 7px;
    text-align: center;
    color: white;
    margin-left: 4px!important;
}
     .rel_decoration {
    font-weight: normal;
    text-align: center;
    color: white;
    opacity: 1;
    font-family: bebasneueregular;
}
      #rel_h {
    margin-top: -1px;
    margin-left: 4px;
    width: 562px;
    height: 35px;
    padding: 6px 7px 4px 4px;
}

       #rel_story {
    font-family: sans-serif;
    font-size: 11px;
    text-align: justify;
    width: 536px;
    padding: 5px 18px 24px 17px;
    margin-left: 5px;
    margin-top: -1px;
    line-height: 140%;
    background-color: rgb(237, 242, 243);
    border: 1px dashed #ffffff;
    height: 12px;
}

#relat_but {
    display: inline-block;
    background: #212a2d;
    text-align: center;
    width: 219px;
    font-family: bebasneueregular!important;
    font-size: 15px;
    color: white;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #8a8a8a;
    border: 1px dashed #cecece;
    cursor: pointer;
    padding: 4px 0px 2px 0px;
    margin-left: -8px!important;
}

#relat_but:hover {     border: 1px dashed #6d7684!important;
    background: #c5c5c5!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 > div, .slid > input {
display: none;
}


.slid {
    width: 530px;
    text-align: center;
    margin-left: 38px !important;
    margin-top: -12px!important;
}

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

    #rel_story::-webkit-scrollbar {
    width: 4px;
border: none!important
       }
       #rel_story::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
border: none!important
}

#rel_story::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px #5a626e;
border: none!important
}
       #rel_img_space {
           position:absolute;
       }
       #rel_img_space img {
    height: 145px;
    width: 245px;
    margin-left: 5px;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
}
       #rel_img_space2 img {
    height: 145px;
    width: 245px;
    margin-left: 312px;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
}

.rel_hidden { 
    background-color: #b8a99a;
    color: #ffffff;
    text-align: right;
    height: 138px;
    position: absolute;
    border: 2px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
    margin-left: 258px;
    width: 28px;
    padding-left: 18px;
    padding-top: 7px;
    line-height: 150%!important;
}

.rel_hidden1 {
    float: left;
    position: relative;
    z-index: 2;
    font-size: 15px;
    margin-right: 15px;
    line-height: 15px;
    color: #ffffff;
    cursor: pointer;
    padding-bottom: 8px;
}
.rel_hidden2 {
    position: absolute;
    z-index: 1;
    margin: -7px 0px 0px -271px;
    opacity: 0;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-duration: .2s;
    width: 245px;
}

.rel_hidden1:hover + .rel_hidden2 { opacity:1;}
.rel_hidden21 {
    padding: 10px;
    border-radius: 3px;
    background-color: #5a626e;
    font: bold 10px Roboto;
    text-shadow: 1px 1px 0px rgba(0,0,0,.15);
    color: #ffffff;
    text-transform: uppercase;
}
.rel_hidden22 {
    height: 2px;
    width: 2px;
    border-top: solid 5px #5a626e;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
    margin: -19px -5px -2px 190px;
    transform: rotate(-90deg);
    display: none;
}
.rel_hidden21 a { font:bold 10px Roboto;color:#ffffff; }

.rela_ln {
    border: 1px dashed white;
    text-align: center;
    background-color: rgb(112, 120, 132);
    font-size: 9px;
    letter-spacing: 7px;
    color: white;
    text-shadow: 1px 0 #0000005c;
    font-family: roboto;
}

.rela_l  {
    border: 1px dashed white;
    text-align: center;
    background-color: rgb(112, 120, 132);
    font-size: 9px;
    letter-spacing: 7px;
    color: white;
    text-shadow: 1px 0 #0000005c;
    font-family: roboto;
}

#rela_ll {
    border: 1px dashed white;
    text-align: center;
    background-color: rgb(222, 222, 222);
    font-size: 10px;
    color: #5a626e;
    font-family: sans-serif;
    margin-top: -4px;
    padding: 2px 3px 2px 3px;
    height: 47px;
    overflow: auto;
}

#rela_lnn {
    border: 1px dashed white;
    text-align: center;
    background-color: rgb(222, 222, 222);
    font-size: 10px;
    color: #5a626e;
    font-family: sans-serif;
    margin-top: -4px;
    padding: 2px 3px 2px 3px;
    height: 47px;
    overflow: auto;
}


    #rela_ll::-webkit-scrollbar {
    width: 2px;
border: none!important
       }
       #rela_lnn::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff; 
border: none!important
}

#rela_ll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px #7f848c;
border: none!important
}
    #rela_lnn::-webkit-scrollbar {
    width: 2px;
border: none!important
       }
       #rela_ll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff; 
border: none!important
}

#rela_lnn::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px #7f848c;
border: none!important
}

.rl {
    height: 110px;
    background: #e4ecec;
    padding: 10px;
    box-shadow: inset 0 0 13px #abc3c5;
    border: 1px dashed #ffffff;
}

.rn {
    width: 380px;
    text-align: center;
    margin-left: 115px;
    margin-top: -104px;
    font-family: bebasneueregular;
    font-size: 14px;
    background-color: #f4f8f9;
    padding-bottom: 2px;
    padding-top: 3px;
    border: 1px dashed white;
}

.rn a {color: #6d7684!important;}
.rn a:hover{
    letter-spacing: 3px!important;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
}
.rr {
    font-family: arial;
    background-color: #212a2d;
    width: 382px;
    text-align: center;
    margin-left: 115px;
    margin-top: 3px;
    font-size: 9px;
    letter-spacing: 5px;
    color: white;
    text-shadow: 0 0 3px white;
}

.rt {
    background-color: #f4f8f9;
    margin-top: 3px;
    height: 53px;
    font-family: arial;
    padding-top: 5px;
    padding-left: 4px;
    padding-bottom: 3px;
    padding-right: 4px;
    font-size: 11px;
    text-transform: lowercase;
    overflow: auto;
    line-height: 100%;
    width: 375px;
    margin-left: 115px;
}

.rt::-webkit-scrollbar-thumb { background-color:#6d7684;border:none;border-radius:0px; }
.rt::-webkit-scrollbar-track { background-color:#d5d7da;border:none;border-radius:0px; }
.rt::-webkit-scrollbar { width:2px; }

.amcon2 {
    width: 100px;
    height: 100px;
    border: 4px solid rgba(255, 255, 255, 0.88);
    box-shadow: 0 0 5px #00000033;
}

#relatoo {
    width: 534px;
    height: 280px!important;
    overflow: auto;
    padding-right: 14px;
    margin-top: 10px;
    margin-left: -23px;
}
#relatoo::-webkit-scrollbar-thumb { background-color:#6d7684;border:none;border-radius:0px; }
#relatoo::-webkit-scrollbar-track { background-color:#d5d7da;border:none;border-radius:0px; }
#relatoo::-webkit-scrollbar { width:2px; }

.rl2 {
    height: 110px;
    background: #e4ecec;
    padding: 10px;
    box-shadow: inset 0 0 13px #abc3c5;
    border: 1px dashed #ffffff;
}

.rn2 {
    width: 380px;
    text-align: center;
    margin-left: 115px;
    margin-top: -104px;
    font-family: bebasneueregular;
    font-size: 14px;
    background-color: #f4f8f9;
    padding-bottom: 2px;
    padding-top: 3px;
    border: 1px dashed white;
}

.rn2 a {color: #6d7684!import2ant;}
.rn2 a:hover{
    letter-spacing: 3px!import2ant;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
}
.rr2 {
    font-family: arial;
    background-color: #212a2d;
    width: 382px;
    text-align: center;
    margin-left: 115px;
    margin-top: 3px;
    font-size: 9px;
    letter-spacing: 5px;
    color: white;
    text-shadow: 0 0 3px white;
}

.rt2 {
background-color: #f4f8f9;
    margin-top: 3px;
    height: 53px;
    font-family: arial;
    padding-top: 5px;
    padding-left: 4px;
    padding-bottom: 3px;
    padding-right: 4px;
    font-size: 11px;
    text-transform: lowercase;
    overflow: auto;
    line-height: 100%;
    width: 375px;
    margin-left: 115px;
}

.rt2::-webkit-scrollbar-thumb { background-color:#6d7684;border:none;border-radius:0px; }
.rt2::-webkit-scrollbar-track { background-color:#d5d7da;border:none;border-radius:0px; }
.rt2::-webkit-scrollbar { width:2px; }

.amacc {
    width: 100px;
    height: 100px;
    border: 4px solid rgba(255, 255, 255, 0.88);
    box-shadow: 0 0 5px #00000033;
    font-size: 25px;
    font-family: bebasneueregular;
    color: #6d7684;
    text-shadow: 1px 0 #ffffff9e;
    text-align: center;
}

.rel_stat {
    font-size: 14px!important;
    font-family: arial!important;
}
.rel_dat {    margin-top: 27px;}



/* места и заведения
-------------------------------------------------------------*/

.p_theme {
    width: 622px;
    background: url(http://forumfiles.ru/files/0012/e6/46/59599.png) top no-repeat, url(http://forumfiles.ru/files/0012/e6/46/51014.png) bottom no-repeat, url(http://forumfiles.ru/files/0012/e6/46/76417.png) repeat-y;
    min-height: 180px;
    margin-left: 16px!important;
}

.p_body {
    margin-left: -2px!important;
    margin-top: 40px!important;
    padding-bottom: 23px!important;
}
.places { 
    width: 600px;
    height: 600px;
    background-color: #dde5e6;
    color: #5e616b;
    letter-spacing: 0px;
    text-align: justify;
}
.placesleft { 
    background-color: #212a2d;
    width: 50px;
    height: 600px;
    float: left;
}
.placesright { float:right;width:150px;height:600px; }
.placesright img { height:600px;width:150px; }

.placesprev, .placesnext { position:absolute;color:#ffffff;font-size:25px;line-height:25px;height:25px;margin:555px 0px 0px -33px;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-duration:.3s; }

.placesprev, .placesnext a{color:#ffffff!important;}

.placesprev:hover, .placesnext:hover {color:#ffffff!important;}

.placesprev:hover, .placesnext:hover a{color:#ffffff!important;}
.placesnext a{color:#ffffff!important;}
.placesnext { margin-top:515px;margin-left:-31px; }
.placesnext a{color:#ffffff!important;}
.placestab { height:600px;width:400px;margin-left:50px; }
.placesabout { padding:50px;width:300px;height:500px;text-align:left; }
.placesimg { height:100px;width:100px;border-radius:100%;padding:18px;border:solid 2px #eeeeee;margin-bottom:30px; }
.placesimg img { height:100px;width:100px;border-radius:100%; }
.placesname { 
    font: bold 100px Roboto Condensed;
    line-height: 60px;
    width: 248px;
    color: #1d5b6d;
    letter-spacing: -4px;
}
.placesabout1 {
    font: bold 12px Roboto;
    text-transform: uppercase;
    line-height: 10px;
    padding-top: 15px;
    color: #444444;
    margin-left: 30px;
}
.placesname b, .placesabout1 b { 
    color: #3d4a4e;
}

.placesabout2 { border:solid 2px #eeeeee;padding:28px;margin-top:30px; }
.placesabout2 div {
    height: 77px;
    overflow: auto;
    font: 11px Roboto;
    padding-right: 10px;
    text-align: justify;
    color: #61646d;
}
.placesabout2 div::-webkit-scrollbar-thumb { background-color:#8a7867;border:none;border-radius:0px; }
.placesabout2 div::-webkit-scrollbar-track { background-color: #cccccc;;border:none;border-radius:0px; width: 1px }
.placesabout2 div::-webkit-scrollbar { width:2px; }
.placesplot { 
    height: 456px;
    width: 351px;
    padding: 50px;
    overflow: auto;
    text-align: justify;
    font: 11px Roboto;
    line-height: 15px;
    margin-left: -25px;
}
.placesplot::-webkit-scrollbar-thumb { background-color:#b0ba95;border:none;border-radius:0px; }
.placesplot::-webkit-scrollbar-track { background-color:transparent;border:none;border-radius:0px; }
.placesplot::-webkit-scrollbar { width:0px; }
.placesplot1 { 
    text-align: center;
    font: bold 12px Raleway;
    line-height: 12px;
    letter-spacing: 5px;
    color: #61646f;
}

.placesplot2 { 
    margin: 11px auto;
}
.placeslyric { font:bold 10px Roboto;text-transform:uppercase;line-height:10px;padding-bottom:25px;color:#444444;text-align:center;letter-spacing:1px; }
.placeshov { position:absolute;width:50px;font-size:23px;color:#ffffff;height:22px;padding:14px 0px;text-align:center;cursor:crosshair;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-duration:.3s; }
.placeshov:hover { color:#444444; }
.placeshov1 { position:absolute;width:400px;height:0px;margin-left:50px;overflow:hidden;z-index:10;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-duration:.3s; }
.placeshov2 { 
background-color: #dde5e6;
    height: 550px;
    padding: 50px;
}

.placeshov3 { font:bold 35px Roboto Condensed;line-height:30px;white-space:nowrap;color:#444444;letter-spacing:-1px; }
.placeshov4 { letter-spacing:-2.5px;padding:15px 5px; }
.placeshov4 a { font:bold 30px Montserrat;font-weight:800!important;line-height:30px;color:#b0ba95;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-duration:.3s; }
.placeshov5 { margin-top: 15px;
    height: 480px;
    overflow: auto;
    padding-right: 10px;
}
.placeshov5::-webkit-scrollbar-thumb { background-color:#8a7867;border:none;border-radius:0px; }
.placeshov5::-webkit-scrollbar-track { background-color:transparent;border:none;border-radius:0px; }
.placeshov5::-webkit-scrollbar { width:2px; }
.placeshov6 { height:60px;line-height:60px;white-space:nowrap;overflow:hidden; }
.placeshovimg { height:40px;width:40px;border-radius:100%;padding:8px;border:solid 2px #eeeeee;float:left;margin-right:15px; }
.placeshovimg img { height:40px;width:40px;border-radius:100%; }
.placeshov6 a { font:bold 25px Montserrat;font-weight:800!important;letter-spacing:-2.25px;color:#b0ba95;line-height:60px;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-duration:.3s; }
.placeshov2 a:hover { color:#cccccc; }
.placeshov7 { font:11px Roboto;padding:15px 10px;line-height:15px; }
.placeshov:hover + .placeshov1, .placeshov1:hover { height:600px; }


.placeshovak a { 
font: bold 12px Montserrat;
    font-weight: 800!important;
    letter-spacing: 2.75px;
    line-height: 60px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
}

#place_foto {
    height: 100px;
    width: 335px;
    margin-left: 5px;
    object-fit: cover;
    border: 3px solid #ffffff;
    box-shadow: 0 0 5px #cacccbc2;
    margin-top: 5px;
}
.place_fotoname {
    position: inherit;
    color: #a09d96;
    font: bold 20px Roboto Condensed;
    width: 335px;
    text-align: center;
    height: 100px;
    text-shadow: 1px 0 #000000d4;
}

/* приемка
-------------------------------------------------------------*/
#livsig {    height: 160px;    width: 450px;    background: #212a2d;    margin: auto;    position: relative;    overflow: hidden;    border: 1px dashed white;} #livsig line1, #livsig line2 {height: 1px; width: 450px; background: #d0d0d0; position: absolute} #livsig line1 {top: -40px; -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); left: 80px} #livsig line2 {top: 90px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg) -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); left: 200px} 
#livsig h1 {     font-family: Abril Fatface;    color: #d0d0d0;    font-size: 52px;    position: absolute;    left: -15px;
    font-weight: normal;    text-align: left;    -webkit-transition: 0.4s;    -moz-transition: 0.4s;    -ms-transition: 0.4s;
    -o-transition: 0.4s;    top: -14px;}
#livsig h2 {    font-family: cousine;    font-size: 8px;    text-transform: uppercase;    font-weight: 400;    font-style: italic;    letter-spacing: 1px;    color: #eaeaea;    text-align: left;    top: 108px;    position: absolute;    left: 40px;    -webkit-transition: 0.4s;    -moz-transition: 0.4s;    -ms-transition: 0.4s;
    -o-transition: 0.4s;}
#livsig link1, #livsig link2, #livsig link3, #livsig link4 {position: absolute; color: #ececec; font-size: 18px; opacity: 0; -webkit-transition: opacity 0.5s, color 0.3s; -moz-transition: opacity 0.5s, color 0.3s; -ms-transition: opacity 0.5s, color 0.3s; -o-transition: opacity 0.5s, color: 0.3s} #livsig link1 {left: 340px; top: 10px;} #livsig link2 {left: 350px; top: 30px;} #livsig link3 {left: 360px; top: 55px;} #livsig link4 {left: 370px; top: 80px;} #livsig link1:hover, #livsig link2:hover, #livsig link3:hover, #livsig link4:hover {color: #b59e87;} #livsig:hover link1, #livsig:hover link2, #livsig:hover link3, #livsig:hover link4 {opacity: 1;} #livsig:hover h1 {opacity: 0; top: 20px} #livsig:hover h2 {opacity: 0; top: 100px} 

#livsig main {height: 100px; width: 220px; position: absolute; background: #212a2d; padding-right: 5px; left: -225px; top: 30px; -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; font-family: cousine; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #e9e9e9; text-align: justify; line-height: 10px} #livsig:hover main {left: 10px} #livsig cf {color: #e0e0e0} #livsig img {height: 100px!important; width: 100px!important; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border: 1px solid #dcdcdc; object-fit: cover; position: absolute; left: 240px; top: 20px; opacity: 0; -webkit-transition: 0.5s; } #livsig:hover img {opacity: 1; -webkit-transform: rotate(360deg);-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; } 
#linkos a {    color: #e6e6e6!important;     text-shadow: none!important;}
#linkos a:hover {    color: #b39c85!important;     text-shadow: none!important;}