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

body {
background: url(http://forumfiles.ru/files/0019/a9/18/60647.png) repeat-x top center, url(http://forumfiles.ru/files/0019/a9/18/65697.png) 40% 0%; 
background-color: #4b465a;
overflow-x: hidden}



body {overflow-x: hidden}

/* пан
-------------------------------------------------------------*/
#pun {
  margin: -20px auto -10px auto;
  padding: 0px auto -10px auto;
  position: relative;
  width: 1036px;
  background: repeat transparent url(http://forumfiles.ru/files/0019/a9/18/72025.png);
  background-position: center;
  }

/* шапка
-------------------------------------------------------------*/
#pun-title table {
border: none;
    height: 695px;
    width: 1294px;
    margin-left: -201px;
    background: url(http://forumfiles.ru/files/0019/a9/18/15522.png) top center no-repeat;
    margin-top: 20px;
}

/* футер
-------------------------------------------------------------*/
#pun-about p.container {
    background: transparent url(http://forumfiles.ru/files/0019/a9/18/55993.png) bottom center no-repeat;
    width: 1070px;
    margin-bottom: -162px;
    margin-left: -101px;
    height: 179px;
    background-position: 0 50%;
    margin-top: -69px;
}

/* цвет текста на форуме
-------------------------------------------------------------*/
.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: 14px;
    padding: 4px 3px! important;
    color: #6f6f6f;
    background: linear-gradient(#f6f5f6, #e1e2ec);
    border-radius: 10px;
    box-shadow: 0 0 2px #4e4e4e61;
    border: 1px solid #ffffff61;
    text-shadow: 1px 0 #ffffff4a;
    margin-top: 5px!important;
}
/* репа
-------------------------------------------------------------*/
.pa-respect {
    display: inline-block;
    margin-left: 1px !important;
    text-align: center;
    max-width: 63px;
    line-height: 14px;
    padding: 4px 3px! important;
    color: #6f6f6f;
    background: linear-gradient(#f6f5f6, #e1e2ec);
    border-radius: 10px;
    box-shadow: 0 0 2px #4e4e4e61;
    border: 1px solid #ffffff61;
    text-shadow: 1px 0 #ffffff4a;
    margin-top: 5px!important;
}
.pa-respect a{
    color: #6f6f6f!important;
    text-shadow: 1px 0 #ffffff4a;!important;}

/* поля
-------------------------------------------------------------*/
.pa-fld1 {
    margin-top: -25px!important;
    margin-left: -8px;
}

.pa-fld2 {
    width: 201px!important;
    padding: 10px!important;
    background-color: #f7f6f6;
    margin-left: 19px!important;
    border: 1px solid white;
    margin-top: 6px!important;
    box-shadow: inset 0 0 5px #aeb4c64d;
}

.pa-fld3 {
    width: 221px!important;
    background-color: #f7f6f6;
    margin-left: 19px!important;
    border: 1px solid white;
    margin-top: 2px!important;
    box-shadow: inset 0 0 5px #aeb4c64d;
}

.pa-fld4 {    display: inline-block;
    margin-left: 3px !important;
    text-align: center;
    width: 55px;
    line-height: 14px;
    padding: 4px 3px! important;
    color: #6f6f6f;
    background: linear-gradient(#f6f5f6, #e1e2ec);
    border-radius: 10px;
    box-shadow: 0 0 2px #4e4e4e61;
    border: 1px solid #ffffff61;
    text-shadow: 1px 0 #ffffff4a;
    margin-top: 5px!important;
}

.pa-fld5 {
    margin-top: 6px!important;
    margin-left: 34px!important;
    margin-bottom: 5px;
}
.r0 {    
    background-color: #c9d0db4d;
    border-radius: 20px;
    height: 12px;
    width: 195px;
    border: 1px solid #becad259;
}

.rr {
    background-color: #a4adb3;
    height: 2px;
    border-radius: 9px;
    margin-top: 5px!important;
    width: 180px;
    margin-left: 7px!important;
    box-shadow: 0 0 1px white;
}

.r1 {    height: 2px;
    border-radius: 9px;
    box-shadow: 0 0 1px white;}

.r2 {    background-color: #587d96;
    height: 2px;
    border-radius: 9px;
    width: 18px;
    box-shadow: 0 0 1px white;}

.r3 {    background-color: #46708c;
    height: 2px;
    border-radius: 9px;
    width: 36px;
    box-shadow: 0 0 1px white;}

.r4 {    background-color: #906262;
    height: 2px;
    border-radius: 9px;
    width: 54px;
    box-shadow: 0 0 1px white;}

.r5 {    background-color: #824949;
    height: 2px;
    border-radius: 9px;
    width: 72px;
    box-shadow: 0 0 1px white;}

.r6 {    background-color: #7d5c53;
    height: 2px;
    border-radius: 9px;
    width: 90px;
    box-shadow: 0 0 1px white;}

.r7 {    background-color: #6f4135;
    height: 2px;
    border-radius: 9px;
    width: 108px;
    box-shadow: 0 0 1px white;}

.r8 {    background-color: #79311f;
    height: 2px;
    border-radius: 9px;
    width: 126px;
    box-shadow: 0 0 1px white;}

.r9 {    background-color: #797d26;
    height: 2px;
    border-radius: 9px;
    width: 144px;
    box-shadow: 0 0 1px white;}

.r10 {    background-color: #43667d;
    height: 2px;
    border-radius: 9px;
    width: 162px;
    box-shadow: 0 0 1px white;
}
.r11 {    background-color: #457290;
    height: 2px;
    border-radius: 9px;
    width: 180px;
    box-shadow: 0 0 1px white;}



/* авик
-------------------------------------------------------------*/
.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 #00000069;
}

/* регистрация, айпи и визит
-------------------------------------------------------------*/
.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/0019/a9/18/44483.png) no-repeat top center;
    height: 66px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1000px;
}
#post-form h2 {
    background: url(http://forumfiles.ru/files/0019/a9/18/96707.png) no-repeat top center;
    height: 66px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1000px;
}
#pun-category1.category h2 {
    background: url(http://forumfiles.ru/files/0019/a9/18/17705.png) no-repeat top center;
    height: 66px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1000px;
}
#pun-category2.category h2 {
    background: url(http://forumfiles.ru/files/0019/a9/18/29599.png) no-repeat top center;
    height: 66px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1000px;
}

#pun-category3.category h2 {
    background: url(http://forumfiles.ru/files/0019/a9/18/87387.png) no-repeat top center;
    height: 66px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1000px;
}

#pun-category4.category h2 {
    background: url(http://forumfiles.ru/files/0019/a9/18/88528.png) no-repeat top center;
    height: 66px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1000px;
}

#pun-category5.category h2 {
    background: url(http://forumfiles.ru/files/0019/a9/18/99545.png) no-repeat top center;
    height: 66px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1000px;
}

#pun-category6.category h2 {
    background: url(http://forumfiles.ru/files/0019/a9/18/28345.png) no-repeat top center;
    height: 66px;
    margin-left: -47px;
    margin-top: 15px;
    width: 1000px;
}


#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/0019/a9/18/90276.png);
    width: 33px;
    height: 33px;
    float: right;
    margin-top: 5px;
    border-style: none;
    display: inline-block;
    background-repeat: no-repeat;
    opacity: 0.3;
    padding-right: 53px;
}

TR.inew Div.icon {
    background-image: url(http://forumfiles.ru/files/0019/a9/18/90276.png);
  background-repeat: no-repeat;
    width: 33px;
    height: 33px;
  opacity: 1.0;
  }


TR.iclosed Div.icon {
  background-image : url(http://forumfiles.ru/files/0019/a9/18/25147.png);
  background-repeat: no-repeat;
    width: 33px;
    height: 33px;
  }

TR.isticky Div.icon {
  background-image : url(http://forumfiles.ru/files/0019/a9/18/63356.png);
  background-repeat: no-repeat;
    width: 33px;
    height: 33px;
  }

/* статистика
-------------------------------------------------------------*/
#pun-stats ul.container {
    background-image: url(http://forumfiles.ru/files/0019/a9/18/97332.png);
    padding-left: 94px;
    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;
    color: #565656;
    border-radius: 30px;
    background-color: whitesmoke;
    max-width: 560px;
    border: 1px solid #ffffff;
    box-shadow: 0 0 5px #c7c7c7;
    background: linear-gradient(#f7f6f6, #eeeef3);
    margin-left: 5px;
}
.post-content .spoiler-box > div {
    text-align: left;
    display: block;
    text-transform: lowercase;
    letter-spacing: 1px;
    color: #585858!important;
    margin-left: -2px;
    margin-top: -3px;
    margin-bottom: -5px;
    font-family: bebasneueregular;
    font-weight: normal;
    font-size: 14px;
}
/* текстэрия
-------------------------------------------------------------*/
.punbb textarea {
    padding: 13px;
    color: #565656;
    border: 1px solid #ffffff;
    box-shadow: 0 0 5px #00000024;
    background: linear-gradient(#f7f6f6, #eeeef3);
}

/* поле для ввода
-------------------------------------------------------------*/
.punbb input {
    vertical-align: middle;
    padding: 6px 13px 6px 14px!important;
    margin-top: 9px;
    border: 1px solid #ffffff;
    box-shadow: 0 0 5px #00000024;
    background: linear-gradient(#f7f6f6, #eeeef3);
}

/* подложки
-------------------------------------------------------------*/
#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: #5a546b;
    border: 1px solid #59546b;
    box-shadow: inset 0 0 2px #828282;
}
::-webkit-scrollbar-thumb {
    background-color: #5b7fa5;
    border: 1px solid #80a0c3;
    box-shadow: inset 0 0 2px #c0c8d0;
}

/* кнопки
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    font-size: 14px!important;
    cursor: pointer!important;
    background: linear-gradient(#81789c, #4d436f);
    border: 2px solid #d5cee8;
    background-color: #f3f3f3;
    border-radius: 20px;
    box-shadow: inset 0px -20px 0 #0000002b;
    color: white!important;
    font-family: bebasneueregular!important;
}
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    color: #f3f3f3;
    background-color: #a0454c;
    border-radius: 20px;
    box-shadow: inset 0 0 18px #00000045;
    text-shadow: 1px 0 #00000052;
    -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: #f7f6f6!important;
    text-shadow: 0 1px 3px #cbcbda!important;
}
.ams a:hover { color: #ddd7e4!important;
    text-shadow: 0 1px #625c75!important;
}
.ams:hover span{ 
position:absolute; 
text-align:center; 
display:inline-block; 
margin-top: 32px; 
left:-80px; 
height: 122px!important;
z-index:100000;

}


/* текст и ссылки в таблице
-------------------------------------------------------------*/

#tab_info {
    position: absolute;
    width: 177px;
    top: 550px;
    margin-left: 357px;
    line-height: 100%;
    font-family: Arial;
    color: #ffffff;
    text-shadow: 0 1px 3px #cbcbda;
    text-align: center;
    font-size: 10px;
    padding-right: 5px;
    overflow: hidden;
    height: 41px;
}

#tab_inf {
    position: absolute;
    width: 172px;
    top: 64px;
    margin-left: 109px;
    line-height: 100%;
    font-family: Arial;
    color: #a8a5a1;
    text-shadow: 1px 1px #404040bd;
    text-align: justify;
    font-size: 9px;
    padding-right: 5px;
}
#tab_inf2 {
    position: absolute;
    width: 189px;
    line-height: 100%;
    font-family: Arial;
    color: #a8a5a1;
    text-shadow: 1px 1px #404040bd;
    text-align: justify;
    font-size: 8px;
    overflow: auto;
    height: 24px;
    padding-right: 5px;
    margin-left: 439px;
    margin-top: 87px;
}

#tab_inf2::-webkit-scrollbar-thumb {background: #c5c5c5;}
#tab_inf2::-webkit-scrollbar {width: 2px; background: #808080;     border: none!important}
#tab_inf2::-webkit-scrollbar-track {    background-color: #2d2d2d; border: none!important}

#tab_inf::-webkit-scrollbar-thumb {background: #c5c5c5;}
#tab_inf::-webkit-scrollbar {width: 2px; background: #808080; border: none!important}
#tab_inf::-webkit-scrollbar-track {    background-color: #2d2d2d; border: none!important}

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

.discr {
    font-size: 11px;
    font-family: arial;
    width: 363px;
    text-align: justify;
    color: #504967;
    margin: 39px 0px -1px 54px!important;
    text-transform: lowercase;
    padding-bottom: 36px;
}


.discr1 {
    position: absolute;
    margin-top: -17px!important;
    margin-left: 21px!important;
    width: 215px;
    color: white;
    text-shadow: 0 0 4px white;
}

/* навигация в подфорумах
-------------------------------------------------------------*/
.link a {
    display: inline-block;
    cursor: pointer;
    color: #f3f3f3!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: 2px solid #e2e2e2;
    border-radius: 9px;
    box-shadow: inset 0 0 10px #897cad;
    background: linear-gradient(#454055, #988ebf);
}
.link a:hover {
    box-shadow: inset 0 0 10px #94b2d4!important;
    background: linear-gradient(#759dce, #445f7d)!important;
    -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: -28px!important;     padding-bottom: 15px!important;}



/* выделение и скролл
-------------------------------------------------------------*/

::-moz-selection{        background: #70b5b1;
    color: #ffffff;
}
::webkit-selection{        background: #70b5b1;
    color: #ffffff;
} 
::selection{
    background: rgb(120, 150, 186);
    color: #ffffff;
    text-shadow: none!important;
}

.lastedit {
  display:none !important;
  }

/* табла
-------------------------------------------------------------*/
.tab_want {
    position: absolute;
    font-family: bebasneueregular!important;
    font-size: 14px;
    top: 260px!important;
    left: 248px!important;
}


.tab_want a {    color: white!important;
    text-shadow: 0 0 3px white!important;}


.plahi {
    position: absolute;
    top: 312px;
    width: 283px;
    text-align: center;
    height: 55px;
    overflow: auto;
    left: 675px;
}

.plahi::-webkit-scrollbar {
    width: 3px;
    height: 5px;
}

.plahi::-webkit-scrollbar-track {
    background-color: #8b799b!important;
    border: none!important;
    box-shadow: none!important;
    border-radius: 10px!important;
}

.plahi::-webkit-scrollbar-thumb {
    background-color: #685a71;
    border: none!important;
    box-shadow: none!important;
    border-radius: 10px!important;
}

/* ТОПИКИ
-------------------------------------------------------------*/
/* оформление обычной темы
-------------------------------------------------------------*/
.u_body {
    position: relative;
    left: 50px;
    top: 40px;
    padding: 5px;
    color: #726e80;
    width: 510px;
    text-shadow: 0 0px 2px #ffffff7d;
    text-align: justify;
    font-family: arial;
    line-height: 12px;
    padding-bottom: 76px;
    font-size: 11px;
}
    .u_title {
    text-align: center;
    position: relative;
    width: 620px;
    font-family: bebasneueregular;
    top: 23px;
    color: #6b6488;
    text-transform: lowercase;
    font-size: 19px;
    text-shadow: 0 0 5px #f7f7f7b8;
}

.u_theme {
    width: 617px;
    background: url(http://forumfiles.ru/files/0019/a9/18/44456.png) top no-repeat, url(http://forumfiles.ru/files/0019/a9/18/19303.png) bottom no-repeat, url(http://forumfiles.ru/files/0019/a9/18/59243.png) repeat-y;
    min-height: 200px;
    margin-left: 5px!important;
}


/* инста
-------------------------------------------------------------*/
.popc {     padding: 19px;    width: 554px;    letter-spacing: 0px;    color: #777777;    text-align: justify;}
.popc1 { border:solid 1px #e5e5e5;padding:5px;background-color:#ffffff; }
.popctop { background-color: #ececec;    border: solid 1px #e5e5e5;    padding: 35px;    font: bold 35px Montserrat;
    line-height: 30px;    letter-spacing: -3px;    color: #928da0;}
.popctop i { padding-right:5px;color:#777777; }
.popctop div { height:28px;width:165px;border-radius:20px;border:solid 1px #e5e5e5;background-color:#f7f7f7;padding:0px 10px;font-size:10px;color:#cccccc;line-height:28px!important;float:right;margin:1px;text-align:right;cursor:text; }
.popctop div i { font-size:10px;line-height:28px;color:#cccccc; }
.popctop2 { border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;background-color:#f7f7f7;padding:35px;height:120px; }
.popctopimg { height:100px;width:100px;padding:9px;background-color:#f3f3f3;border:solid 1px #e3e3e3;float:left;border-radius:100%;margin-right:20px; }
.popctopimg img { height:100px;width:100px;border-radius:100%; }
.popctopname { font:40px Oswald;line-height:30px;padding-top:10px;position:relative; }
.popctoptag {     font: bold 10px Roboto;    line-height: 10px;    padding: 14px 0px 10px 0px;    text-transform: uppercase;}
.popctopblurb { font:11px Roboto;text-align:left; }
.popctop3 { border:solid 1px #e5e5e5;background-color:#f3f3f3;font:bold 10px Roboto;line-height:10px;text-align:center;letter-spacing:.5px;padding:25px 25px 25px 10px; }
.popctop3 b {     color: #9087ad;padding-left:15px; }
.popcmid { padding:35px;padding-right:25px;border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;background-color:#f7f7f7;height:230px; }
.popcimg { height:100px;width:100px;padding:4px;background-color:#f3f3f3;border:solid 1px #e5e5e5;float:left;margin-right:10px;margin-bottom:10px; }
.popcimg img { height:100px;width:100px;position:absolute; }
.popcimg2 { height: 100px;    width: 93px;    position: relative;    z-index: 1;    background-color: rgba(69, 64, 85, 0.6);    color: #ffffff;    text-shadow: 1px 1px 0px rgba(0,0,0,.1);    font: bold 10px Roboto;    line-height: 100px;
    text-align: center;    white-space: nowrap;    padding-right: 7px;    opacity: 0;    -webkit-transition-duration: .3s;
    transition-duration: .3s;    -moz-transition-duration: .3s;}
.popcimg:hover .popcimg2 { opacity:1; }
.popcimg2 i { padding-left:7px; }
.popcbot {       background-color: #918ca0;    color: #ffffff;    text-shadow: 1px 1px 0px rgba(0,0,0,.1);    height: 30px;    padding: 25px;}
.popcbot1 { float:left;background-color:#ffffff;border-radius:3px;font:bold 10px Roboto;line-height:10px;padding:10px;color:#777777;text-shadow:none;cursor:pointer; }
.popcbot1 i { color:#7d90b5;margin-right:7px; }
.popcbot2, .popcbot3 { float:right;font-size:25px;line-height:25px!important;border-left:solid 1px rgba(255,255,255,.2);height:25px;margin:-5px 0px -5px 20px;padding:8px 0px 9px 20px;cursor:pointer; }
.popcbot3 { border:none; }
.popca {     padding: 19px;    width: 480px;    letter-spacing: 0px;    color: #777777;    text-align: justify;}
.popca1 { border:solid 1px #e5e5e5;padding:5px;background-color:#ffffff; }
.popcatop { background-color:#ececec;border:solid 1px #e5e5e5;padding:35px;font:bold 35px Montserrat;line-height:30px;letter-spacing:-3px; }
.popcatop i { padding-right:5px;color:#777777; }
.popcatop div { height:28px;width:165px;border-radius:20px;border:solid 1px #e5e5e5;background-color:#f7f7f7;padding:0px 10px;font-size:10px;color:#cccccc;line-height:28px!important;float:right;margin:1px;text-align:right;cursor:text; }
.popcatop div i { font-size:10px;line-height:28px;color:#cccccc; }
.popcatop2 {        border-left: solid 1px #e5e5e5;    border-right: solid 1px #e5e5e5;    background-color: #f7f7f7;    padding: 35px;    overflow: hidden;    margin-top: -21px;}
.popcatoptag {     font: bold 10px Roboto;    line-height: 10px;    padding: 14px 0px 10px 0px;    text-transform: uppercase;}
.popcatopblurb { font:11px Roboto;text-align:left; }

/* гостевая
-------------------------------------------------------------*/
.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: 215px;
    font-family: arial;
    text-shadow: 0 0 2px #ffffffa3;
    text-align: right;
    font-size: 10px;
    color: #f7f6f6;
    margin-top: 104px!important;
    margin-left: 290px!important;
}
.g_tt {
    font-family: bebasneueregular;
    font-size: 11px;
    color: #4b5763;
    text-shadow: 0 0 5px white;
    position: absolute;
    margin-top: 206px!important;
    width: 264px;
    text-align: center;
    margin-left: 321px;
}
.g_c {
    position: absolute;
    width: 436px;
    font-family: arial;
    text-shadow: 0 0 5px #ffffff;
    text-align: justify;
    font-size: 10px;
    color: #4f6077;
    margin-top: 193px!important;
    margin-left: 67px!important;
}

#g_f {
    overflow: auto;
    height: 105px;
    margin-top: 277px!important;
    margin-left: 37px!important;
    position: absolute;
    width: 223px;
    color: #5b70a4;
    text-shadow: none!important;
}
.g_ff  {
    font-family: bebasneueregular;
    font-size: 13px;
    color: #5b5279;
    text-shadow: 1px 0 0 #d6cbe4;
    position: absolute;
    margin-top: 253px!important;
    margin-left: 109px!important;
}

#g_n {
    overflow-y: auto;
    height: 105px;
    margin-top: 277px!important;
    margin-left: 284px!important;
    position: absolute;
    width: 223px;
    color: #5b70a4;
    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: 351px!important;
    margin-top: 253px!important;
    position: absolute;
    font-size: 13px;
    color: #5b5279;
    text-shadow: 1px 0 0 #d6cbe4;
}

#g_n::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}
#g_n::-webkit-scrollbar-track {
    background-color: #b1aebf;
    border: none!important;
    box-shadow: none!important;
    border-radius: 10px!important;
}

#g_n::-webkit-scrollbar-thumb {
    background-color: #686284;
    border: none!important;
    box-shadow: none!important;
    border-radius: 10px!important;
}

#g_f::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}
#g_f::-webkit-scrollbar-track {
    background-color: #b1aebf;
    border: none!important;
    box-shadow: none!important;
    border-radius: 10px!important;
}

#g_f::-webkit-scrollbar-thumb {
    background-color: #686284;
    border: none!important;
    box-shadow: none!important;
    border-radius: 10px!important;
}
.g_theme {
    width: 560px;
    height: 453px;
    background: url(http://forumfiles.ru/files/0019/a9/18/42506.png) no-repeat;
    margin-left: 33px!important;
}
.g_link {
position: absolute;
    font-family: bebasneueregular!important;
    font-size: 10px;
    letter-spacing: 1px;
    margin-top: 234px!important;
    text-align: center;
    font-weight: normal!important;
    text-shadow: none!important;
    line-height: 167%;
    margin-left: 279px!important;
}
.g_link a {
    text-shadow: none!important;
    background-color: #494361;
    padding-left: 4px!important;
    padding-right: 4px!important;
    color: white!important;
    padding-top: 1px!important;
    padding-bottom: 1px!important;
    border: 1px solid #494365;
    letter-spacing: 2px;
    box-shadow: inset 0 0 3px #beb0d3a1;
    border-radius: 10px;
}

.g_link a:hover {        background-color: #6b88a7!important;
    border: 1px solid #86a7cc!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: #efecf1;
    height: 13px;
    width: 31px;
    margin-right: 5px;
    box-shadow: inset 0 0 3px white;
    border-radius: 10px;
}

/* нужные
-------------------------------------------------------------*/
#need_img_space img {
    height: 145px;
    width: 145px;
    margin-left: 44px;
    margin-top: 40px;
    object-fit: cover;
    border: 3px solid #ffffff;
    box-shadow: 0 0 5px #8d98b1;
    border-radius: 150px;
}

.need_story {    margin-top: 10px!important;
    width: 504px;
    margin-left: 42px!important;
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 21px!important;
    box-shadow: inset -14px -9px 50px #9ea7c35c;
    border: 1px solid white;
}
.need_mail {   
    margin-top: -14px!important;
    width: 515px;
    margin-left: 42px!important;
    padding: 9px;
    border-radius: 24px;
    box-shadow: inset -14px -9px 50px #c6ccdc6b;
    border: 1px solid white;
    margin-bottom: 15px!important;
}

.needo {    height: 9px;}

.need_name {    position: absolute;
    margin: 61px 184px;
    width: 363px;
    text-align: center;
    font-size: 34px;
    font-family: Satisfy;
    color: #786f9a;
    text-shadow: 0 0 5px white;
}
.need_job {    position: absolute;
    margin: 95px 228px;
    width: 363px;
    text-align: center;
    color: #6a6090;
    text-shadow: 0 0 5px white;
    font-size: 9px;
    letter-spacing: 5px;
}

.need_who { position: absolute;
    margin: 124px 234px;
    width: 293px;
    text-align: center;
    color: #6a6090;
    text-shadow: 0 0 5px white;
    font-size: 9px;
    letter-spacing: 3px;
    height: 50px;
    overflow: hidden;
}

/* анкета
-------------------------------------------------------------*/
#ank_img_space img {
    width: 245px;
    margin-left: 44px;
    margin-top: 40px;
    object-fit: cover;
    border: 3px solid #ffffff;
    box-shadow: 0 0 5px #8d98b1;
    border-radius: 40px;
}

.ank_story {    margin-top: 10px!important;
    width: 504px;
    margin-left: 42px!important;
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 21px!important;
    box-shadow: inset -14px -9px 50px #9ea7c35c;
    border: 1px solid white;
}

.ank_story b {
    font-family: bebasneueregular;
    font-weight: normal;
    font-size: 15px;
    color: #868ea7;
    font-style: initial;
}
.ank_mail {   
    margin-top: -14px!important;
    width: 515px;
    margin-left: 42px!important;
    border-radius: 24px;
    box-shadow: inset -14px -9px 50px #c6ccdc6b;
    border: 1px solid white;
    margin-bottom: 15px!important;
    padding-left: 24px;
    padding-top: 4px;
}

.anko {    height: 9px;}

.ank_name {    position: absolute;
    margin: 52px 293px;
    width: 287px;
    text-align: center;
    font-size: 34px;
    font-family: Satisfy;
    color: #786f9a;
    text-shadow: 0 0 5px white;
}
.ank_job {
    position: absolute;
    margin: 94px 292px;
    width: 287px;
    text-align: center;
    color: #6a6090;
    text-shadow: 0 0 5px white;
    font-size: 9px;
    letter-spacing: 5px;
}
.ank_who {    position: absolute;
    margin: 128px 312px;
    width: 241px;
    text-align: center;
    color: #6a6090;
    text-shadow: 0 0 5px white;
    font-size: 9px;
    letter-spacing: 1px;
    height: 50px;
    overflow: hidden;
    background: linear-gradient(#dfe3ef, #c0c6da);
    padding: 10px;
    border-radius: 30px;
    box-shadow: 0 0 1px #00000030;
    border: 1px solid white;
}

.welcome {
    width: 456px;
    height: 201px;
    background: url(http://forumfiles.ru/files/0019/a9/18/92897.png) no-repeat;
}

#welcome_img_space img {
    width: 100px;
    height: 100px;
    margin-left: 275px!important;
    margin-top: 64px;
    object-fit: cover;
    border: 3px solid #ffffff;
    box-shadow: 0 0 5px #8d98b1;
    border-radius: 150px;
}
.welcome_name {
    position: absolute;
    margin: 59px -19px!important;
    width: 363px;
    text-align: center;
    font-size: 26px;
    font-family: Satisfy;
    color: #786f9a;
    text-shadow: 0 0 5px white;
}
.welcome_who {position: absolute;
    margin: 87px 41px;
    width: 261px;
    text-align: justify;
    color: #6a6090;
    text-shadow: 0 0 5px white;
    font-size: 9px;
    height: 78px;
    overflow: hidden;
}
.w_link {
    position: absolute;
    font-family: bebasneueregular!important;
    font-size: 10px;
    letter-spacing: 1px;
    margin-top: 34px!important;
    text-align: center;
    font-weight: normal!important;
    text-shadow: none!important;
    line-height: 167%;
    width: 456px;
}
.w_link a {
    text-shadow: none!important;
    background-color: #494361;
    padding-left: 4px!important;
    padding-right: 4px!important;
    color: white!important;
    padding-top: 1px!important;
    padding-bottom: 1px!important;
    border: 1px solid #494365;
    letter-spacing: 2px;
    box-shadow: inset 0 0 3px #beb0d3a1;
    border-radius: 10px;
}

.w_link a:hover {        background-color: #6b88a7!important;
    border: 1px solid #86a7cc!important;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
}

/* эпизоды
-------------------------------------------------------------*/
#game_img_space img {
    height: 140px;
    width: 245px;
    margin-left: -259px;
    margin-top: 20px;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 0 5px #8d98b1;
    border-radius: 33px;
}
#game_img_space2 img {
    height: 140px;
    width: 245px;
    margin-left: 2px;
    margin-top: -146px;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 0 5px #8d98b1;
    border-radius: 33px;
    position: absolute;
}
.game_story {    margin-top: 74px!important;
    width: 438px;
    margin-left: 5px!important;
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 21px!important;
    text-align: justify;
}
.game_mail {   
    margin-top: -14px!important;
    width: 515px;
    margin-left: 42px!important;
    padding: 9px;
    border-radius: 24px;
    box-shadow: inset -14px -9px 50px #c6ccdc6b;
    border: 1px solid white;
    margin-bottom: 15px!important;
}

.gameo {    height: 9px;}

.game_name {position: absolute;
    margin: 179px 14px;
    width: 542px;
    text-align: center;
    font-size: 20px;
    font-family: bebasneueregular;
    color: #ffffff;
    text-shadow: 0 0 5px white;
}
.game_job {    position: absolute;
    margin: 215px 14px;
    width: 542px;
    text-align: center;
    color: #f7f6f6;
    text-shadow: 0 0 5px white;
    font-size: 9px;
    letter-spacing: 4px;
}

.game_who { position: absolute;
    margin: 124px 234px;
    width: 293px;
    text-align: center;
    color: #6a6090;
    text-shadow: 0 0 5px white;
    font-size: 9px;
    letter-spacing: 3px;
    height: 50px;
    overflow: hidden;
}
.game_theme {
width: 572px;
    background: url(http://forumfiles.ru/files/0019/a9/18/34469.png) top no-repeat, url(http://forumfiles.ru/files/0019/a9/18/51585.png) bottom no-repeat, url(http://forumfiles.ru/files/0019/a9/18/71391.png) repeat-y;
    min-height: 375px;
}


/* лс
-------------------------------------------------------------*/

.ls_bg {    width: 779px;
    height: 649px;
    background: url(http://forumfiles.ru/files/0019/a9/18/40179.png) no-repeat;
}

.ls_badge {
    position: absolute;
    margin: 29px 662px!important;
}

.ls_quote {    margin: 217px 301px!important;
    position: absolute;
    width: 334px;
    overflow: hidden;
    color: #f9f9f9!important;
    text-shadow: 0 0 3px #ffffffeb!important;
    font-size: 9px;
    letter-spacing: 1px;
    height: 45px;
}
.ls_quote0 {    margin: 257px 506px!important;
    position: absolute;
    width: 134px;
    overflow: hidden;
    color: #f7f6f6!important;
    text-shadow: 0 0 3px #ffffffeb!important;
    font-family: bebasneueregular;
    font-weight: normal;
    font-size: 16px;
}
#ls_face img {
    height: 122px;
    width: 122px;
    margin-left: -287px;
    margin-top: 243px;
    object-fit: cover;
    border: 3px solid #ffffff;
    box-shadow: 0 0 5px #e9e9e9;
    border-radius: 11px;
    position: absolute;
    filter: grayscale(70%);
}

.ls_name {    
    position: absolute;
    width: 135px;
    margin: 372px 98px!important;
    font-family: bebasneueregular;
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
}

.ls_date {
position: absolute;
    width: 135px;
    margin: 420px 98px!important;
    font-size: 9px;
    font-family: unset;
}

.ls_couple {    margin: 483px 109px!important;
    position: absolute;
    width: 134px;
    overflow: hidden;
    font-size: 11px;
}
.ls_couple a {    color: #d8d8d9!important;
    text-shadow: 0 0 3px #ffffffeb!important;
}

.ls_ep {    margin: 524px 54px!important;
    position: absolute;
    width: 134px;
    overflow: hidden;
    font-size: 11px;
    color: #d8d8d9!important;
    text-shadow: 0 0 3px #ffffffeb!important;
}
.ls_post {    margin: 524px 138px!important;
    position: absolute;
    width: 134px;
    overflow: hidden;
    font-size: 11px;
    color: #d8d8d9!important;
    text-shadow: 0 0 3px #ffffffeb!important;
}

#ls_awards {
    position: absolute;
    width: 429px;
    display: inline-block;
    height: 59px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 303px -112px!important;
    padding-top: 10px;
}

#ls_awards::-webkit-scrollbar-thumb {    background: #515355;    border: 1px solid #45484a;    box-shadow: inset 0 0 2px #c0c8d0;}
#ls_awards::-webkit-scrollbar {width: 2px; background: #808080;     border: none!important}
#ls_awards::-webkit-scrollbar-track {    background-color: #2d2d2d; border: none!important}


.ls_aw1 {
    display: inline-block;
    opacity: 0.5;
    filter: grayscale(90%);
}

.ls_aw1 img{    width: 50px;}


.ls_aw {
    display: inline-block;
    opacity: 1;
}

.ls_aw img{    width: 50px;}

#ls_plahi {
    position: absolute;
    width: 429px;
    display: inline-block;
    height: 69px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 394px -112px!important;
}

#ls_plahi::-webkit-scrollbar-thumb {    background: #515355;    border: 1px solid #45484a;    box-shadow: inset 0 0 2px #c0c8d0;}
#ls_plahi::-webkit-scrollbar {width: 2px; background: #808080;     border: none!important}
#ls_plahi::-webkit-scrollbar-track {    background-color: #2d2d2d; border: none!important}

#ls_gifts {
    position: absolute;
    width: 418px;
    display: inline-block;
    height: 57px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 487px -112px!important;
    padding-top: 11px;
}

#ls_gifts::-webkit-scrollbar-thumb {    background: #515355;    border: 1px solid #45484a;    box-shadow: inset 0 0 2px #c0c8d0;}
#ls_gifts::-webkit-scrollbar {width: 2px; background: #808080;     border: none!important}
#ls_gifts::-webkit-scrollbar-track {    background-color: #2d2d2d; border: none!important}

.ls_gift {
    display: inline-block;
    filter: grayscale(90%);
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
        text-decoration: none;
}