/* E1.1 фон */
body {
background: url(https://forumstatic.ru/files/001b/d2/3b/93711.png) repeat-x top center, url(https://forumstatic.ru/files/001b/d2/3b/93711.png) 40% 0%; 
background-color: #364c49;
overflow-x: hidden}

/* E1.2 тело */
#pun {
  margin: 0px auto 0px auto;
  padding: 0px auto 0px auto;
  position: relative;
  width: 1264px;
  background: repeat transparent url(https://forumstatic.ru/files/001b/d2/3b/87965.png?v=1);
  background-position: center;
  }
/* E1.3 текст */
.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: #261b15;
    font-weight: normal;
    font-size: 12px;
    font-family: cuprum
}

/* E1.4 шапка */
#pun-title table {
border: none;
    height: 650px;
    width: 1264px;
    margin-left: -199px;
    background: url(https://forumstatic.ru/files/001b/d2/3b/69476.png?v=1) top center no-repeat;
    margin-top: 0px;
}

/* E1.5 футер-низ */
#pun-about p.container {
    background: transparent url(https://forumstatic.ru/files/001b/d2/3b/75364.png) bottom center no-repeat;
    width: 1264px;
    margin-bottom: -47px;
    margin-left: -200px;
    height: 220px;
    background-position: 0 50%;
}


/* E1.6 профиль */
.punbb .post .post-author {
  padding-top: 0px;
  font-family: bebasneueregular;
  font-size: 10px;
  overflow-x: hidden;
  overflow-y: hidden;

  }
#profile-left {
  height: 10px;
  width: 20%!important;
  left: 50px!important;
  }
#profile-name strong {
  margin-top: 0px;
  height: 150%;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }



/* E1.7 последний визит */
.pa-last-visit, li.pa-online {
  padding-bottom: 0px!important;
  }

/* сообщения */
.pa-posts {
background-color: #a4afab;
  color: #0c0c0c!important;
    text-shadow: #151616c7 0 0 px;
    text-align: center;
    display: inline-block;
    width: 100px;
    line-height: 12px;
    font-family: Playfair Display;
    font-size: 10px;
    margin-top: 2px!important;
    margin-bottom: 3px!important;
margin-left: -2px!important;
}
/* репутация */
.pa-respect {
background-color: #a4afab;
  color: #0c0c0c!important;
    text-shadow: #151616c7 0 0 px;
    text-align: center;
    display: inline-block;
    width: 100px;
    line-height: 12px;
    font-family: Playfair Display;
    font-size: 10px;
    margin-top: 2px!important;
    margin-bottom: 3px!important;
}
.pa-respect a
{            color: #e3ecea!important        text-shadow: #ffffff 0 0 2px;
}

/* поля профиля */

.pa-fld1 {    background-color: #a4afab;
    width: 192px!important;
    font-size: 12px;
    padding: 4px!important;
    margin-left: 7px!important;
    border: 0px solid #d5e3e1;
    color: #050505!important;
    z-index: 0;
    text-align: center;
    margin-top: 2px!important;
    margin-bottom: 2px!important;
    box-shadow: inset 0 0 1px #0c0c0c;
}


.pa-fld1 a{    font-weight: normal!important;
    color: #286c60!important;
    text-shadow: none!important;
}

.pa-fld2 {    background-color: #a4afab;
    width: 172px!important;
    padding: 14px!important;
    margin-left: 7px!important;
    border: 0px solid #d5e3e1;
    color: #050505!important;
    z-index: 20;
    text-align: justify;
    font-family: arial;
    margin-top: 4px!important;
    margin-bottom: 3px!important;
    box-shadow: inset 0 0 1px #0c0c0c;
}


.pa-fld2 a{    font-weight: normal!important;
    color: #286c60!important;
    text-shadow: none!important;
}

.pa-fld3 {            background-color: #a4afab;
  color: #0c0c0c!important;
    text-shadow: #151616c7 0 0 px;
    text-align: center;
    display: inline-block;
    width: 100px;
    line-height: 12px;
    font-family: Playfair Display;
    font-size: 10px;
    margin-top: 2px!important;
    margin-bottom: 3px!important;
margin-left: -2px!important;

}

.pa-fld3 img {

}


.pa-fld4 {
background-color: #a4afab;
  color: #0c0c0c!important;
    text-shadow: #151616c7 0 0 px;
    text-align: center;
    display: inline-block;
    width: 100px;
    line-height: 12px;
    font-family: Playfair Display;
    font-size: 10px;
    margin-top: 2px!important;
    margin-bottom: 3px!important;
}

/* e1.2 личное звание */
.lz_n {
    font-family: bebasneueregular!important;
    font-size: 18px;
    color: #946349!important;
    text-align: center!important;
    padding-bottom: 3px!important;
}


/* рамка авы */
.punbb .pa-avatar img{
    border: 1px solid #cbe1de;
    box-shadow: 0 0 5px #526565;

}
.pa-avatar img {

}
.pa-reg, .pa-ip, li.pa-online, .pa-last-visit {
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 8px;
 color: #eef2f2!important;
    text-shadow: px 0 white;
}

.pa-ip {margin-bottom: -6px!important; text-align: left!important; margin-left: 100px!important;}







/* E1.8 иконки категории */
#pun-stats.section h2 {
    background: url(https://forumstatic.ru/files/001b/d2/3b/71310.png) no-repeat top center;
    height: 46px;
    margin-left: 0px;
    margin-top: 15px;
}
#post-form h2 {
    background: url(https://forumstatic.ru/files/001b/d2/3b/21498.png) no-repeat top center;
    height: 46px;
    margin-left: 0px;
    margin-top: 15px;

}
#pun-category1.category h2 {
    background: url(https://forumstatic.ru/files/001b/d2/3b/71037.png) no-repeat top center;
    height: 46px;
    margin-left: 0px;
    margin-top: 15px;
}
#pun-category2.category h2 {
    background: url(https://forumstatic.ru/files/001b/d2/3b/39979.png) no-repeat top center;
    height: 46px;
    margin-left: 0px;
    margin-top: 15px;
}

#pun-category3.category h2 {
    background: url(https://forumstatic.ru/files/001b/d2/3b/14785.png) no-repeat top center;
    height: 46px;
    margin-left: 0px;
    margin-top: 15px;
}

#pun-category4.category h2 {
    background: url(https://forumstatic.ru/files/001b/d2/3b/74324.png) no-repeat top center;
    height: 46px;
    margin-left: 0px;
    margin-top: 15px;
}

#pun-category5.category h2 {
    background: url(https://forumstatic.ru/files/001b/d2/3b/35835.png) no-repeat top center;
    height: 46px;
    margin-left: 0px;
    margin-top: 15px;
}


#pun-category6.category h2 {
    background: url(https://forumstatic.ru/files/001b/d2/3b/68747.png) no-repeat top center;
    height: 46px;
    margin-left: 0px;
    margin-top: 15px;
}




#pun-stats.section h2 span, #pun-main .category h2 span, #post-form h2 span {display: none;}



/* E1.9  боксы */
#pun-main .quote-box, #pun-main .code-box, .post-content .spoiler-box{
    margin: 0.4em 3.8em 0.4em 3.8em;
    padding: 1em;
    border-style: none;
    border: 1px solid #555e5c;
    background-color: #849191;
    box-shadow: inset 0 0 9px #637c76;
}
.code-box  {heigh: 15px;
overflow: auto;}
.post-content .spoiler-box > div {
    text-align: center;
    display: block;
    text-transform: lowercase;
    padding-bottom: 1px;
    letter-spacing: 4px;
    font-family: cuprum;
    font-weight: bold;
    font-size: 12px;
    color: #e8edec;
    text-shadow: 1px 0 252928;
    margin-left: 14px;
}



.punbb textarea {
    padding-left: 17px!important;
    box-shadow: rgb(39 58 59) 0px 0px 4px inset;
    padding-top: 14px!important;
    color: rgb(51, 51, 51);
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 5px;
    background: rgb(209 209 209);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(121 129 128);
    border-image: initial;
}


.punbb input {    background: #e6efed;
    box-shadow: inset 0px 0px 6px #ffffff;
    color: #35413e;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 5px;
    text-transform: lowercase;
    border: 1px solid rgb(229, 229, 229);
}



/* E1.10 эрии */
#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: #ffffff;
    border-color: #ffffff;
    box-shadow: inset 0px 0px 35px #d0d0d0a8;
}
#font-area  {
    padding: 10px;
    background: #ffffff;
    width: 157px;
    max-height: 208px;
    overflow-y: auto;
    box-shadow: inset 0px 0px 35px #d0d0d0a8;
}

/* E1.11 прокрутка */
::-webkit-scrollbar {
  width:4px;
  height:5px;
  }
::-webkit-scrollbar-track {
    background-color: #f1e8e5;
  }
::-webkit-scrollbar-thumb {    background-color: #678c7f;

}

/* E1.12 кнопки */
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    background: #364341;
    border: 1px solid #7a8685;
    box-shadow: inset 0px 0px 4px #657171;
    color: white;
    text-shadow: 1px 0 #233a3a;
}
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background: #364341;
    border: 1px solid #7a8685;
    box-shadow: inset 0px 0px 4px #657171;
    color: white;
    text-shadow: 1px 0 #233a3a;
    cursor: pointer!important;

}
/* CS1 Border colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color:  transparent;
  }

/* CS1.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border: 0px transparent;
  color: #1f1f1f;
  background: transparent;
  }

/* CS1.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS1.5 */
.punbb th {
  border-color: transparent ;
  }

/* CS1.7 */
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;
  }

/* CS1.8 */
.punbb .divider {
  border-color: transparent;
  }

/* CS1.8 */
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;
  }


/* CS3 Links
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited  {
    color: #181b1b;
    text-decoration: none;
    text-shadow: 0 px white;
}

.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #273836;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #426a61;
  text-decoration: none;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active {
  color: #2a3130;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  font-family: roboto condensed;
  font-size: 15px;
  text-transform: upperrcase;
  color: #363636;
  border-height: 50px;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #a1b3b1;
  }

/* CS3.4 */
#pun-ulinks a {
    font-family: bebasneueregular;
    text-transform: lowercase;
    text-shadow: 1px 0 transparent;
    letter-spacing: 1px;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #ffffff!important;
    text-shadow: 0 0 2px #437097!important;
  }

.pagelink strong {
    color: #28312f;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: #311a06;
  }

.post h3 span a:link, .post h3 span a:visited {
    font-weight: normal;
    font-size: 0.9em;
    text-decoration: none;
    text-transform: lowercase;
}

td.tcr a{
  background: transparent no-repeat 0px 3px;
  padding-left: 10px;
  padding-bottom: 0px;
  pading-top: 0px;
  }



/*************************************************************
F - THEMES
**************************************************************/

/*------------------------отображение профиля----------------------*/
#profile-name strong {
font-size: 17px!important;
padding: 0px!important;
text-align: center;
font-family: bebasneueregular!important;
text-transform: uppercase!important;
font-weight: normal!important;
letter-spacing: 0px!important;
}

#profile-title strong {
font-size: 10px!important;
padding: 0px!important;
text-align: center;
font-family: roboto condensed!important;
text-transform: lowercase!important;
font-weight: normal!important;
}

#profile-avatar strong {
text-align: center;
}

#profile-left li, #profile-left li * {
font-size: 11px;
font-family: bebas_neueregular;
letter-spacing: 1px;
text-align: center;}

#profile-left {
padding-left: 40px!important;
width: 37%!important;
}

#profile-right li strong {
padding-left: 1em!important;
text-align: left;
width: 200px;
margin-top: 10px;
text-align: center;}

#profile-right li span {
width: 150px;
text-align: center;
font-family: roboto condensed;
text-transform: lowercase;
padding: 0px; 
  border: 1px solid #8ea89f;
  background-color: #dbe8e4;
  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.6);
}

#profile-gifts {
display: none;
}

/* описание подфоров */

.discr {
    width: 366px;
    text-align: justify;
    color: #1a1b1b;
    margin-top: 0px!important;
    margin-left: 11px!important;
    text-transform: lowercase;
    text-shadow: 0px 0px 0px #565656;
}




#pun-viewtopic .lz {width:196px!important;}

#pun-viewtopic .lz b {color:#a4583e!important;}

#pun-viewtopic a.port {
font-family: 'cuprum';
font-style:bold!important;
font-size:14px;
text-transform:uppercase;
letter-spacing:-1px;
color:#e0a78b!important;
border-bottom: 1px solid #ce7839;
padding-bottom:3px!important;
margin-bottom:3px!important;
display:inline-block;
text-shadow: 1px 1px #5f3418;
}

#pun-viewtopic a.port:hover {
color:#d9a679!important;;}

a.sn img {
width:15px!important;
margin-top:-1px;
opacity:0.9;
display:inline-block;}

.lastedit {
  display:none !important;
  }


 

::-moz-selection{        background: #b58c70;
    color: #ffffff;
}
::webkit-selection{        background: #b58c70;
    color: #ffffff;
} 
::selection{
    background: rgb(125, 181, 181);
    color: #ffffff;
    text-shadow: 1px 0 #8a6d58;
}

/* навигация в подфорах */

.desbox {font-size: 11px; text-align: center;}
.link a {    display: inline-block;
    cursor: pointer;
    background: #333d3c;
    border: 1px solid #bec6c6;
    box-shadow: inset 0px 0px 6px #4a5656;
    color: white!important;
    text-shadow: 1px 0 #141615!important;
    padding: 1px 15px 2px 15px;
}
.link a:hover {display: inline-block;
    cursor: pointer;
    background: #333d3c;
    border: 1px solid #bec6c6;
    box-shadow: inset 0px 0px 6px #4a5656;
    color: white!important;
    text-shadow: 1px 0 #141615!important;
    padding: 1px 15px 2px 15px;
}

.link {
    text-align: center;
    margin-top: 10px!important;
    padding-bottom: 20px;
}



.gostev {width: 614px;  height: 600px; background: url(http://forumstatic.ru/files/001b/6e/82/37001.png) no-repeat top center;}
.gostev info {width: 570px; height: 150px; position: absolute; margin-top: 145px; left: 220px; overflow-y: auto; font-family: cuprum!important; text-align: left; font-size: 12px; color: #fff !important; overflow-x: auto;}   
.gostev faces {width: 180px; height: 150px; position: absolute; margin-top: 315px; left: 238px; overflow-y: auto; font-family: cuprum!important; text-align: center; font-size: 12px; color: #426f6a !important; overflow-x: auto;}
.gostev pers {width: 180px; height: 150px; position: absolute; margin-top: 315px; left: 428px; overflow-y: auto; font-family: cuprum!important; text-align: center; font-size: 12px; color: #426f6a !important; overflow-x: auto;}
.gostev buy {width: 180px; height: 150px; position: absolute; margin-top: 315px; left: 608px; overflow-y: auto; font-family: cuprum!important; text-align: center; font-size: 12px; color: #212424 !important; overflow-x: auto;}







.need {    width: 614px;
    background: url(https://i.ibb.co/s38t4Pk/image.png) top no-repeat, url(https://i.ibb.co/mNxCMJZ/image.png) bottom no-repeat, url(https://i.ibb.co/ZNdp7fM/image.png) repeat-y;
    min-height: 200px;
    margin: auto!important;
    position: relative;
    padding-bottom: 10px!important;}
.needn {    width: 600px;
    text-align: center;
    font-family: 'Playfair Display'!important;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bolder;
    color: #fff7e3;
    top: 2px;
    left: 10px;
    position: relative;
    text-shadow: 0px 0px px #fbf6e3;}
.needimg {
    width: 620px;
    top: 46px;
    margin-left: 12px;
    text-align: center;
height: 152px;}
.needimg img {    width: 220px!important;
    max-height: 120px!important;
    object-fit: cover!important;
border: 0px solid #5e958a!important;
    outline: 1px solid #3d4b48!important;
    margin-right: 4px!important;
    margin-left: 4px!important;}
.needtx {    top: -18px!important;
    left: -14px;
    width: 644px;
    text-align: center;
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 2px;
    color: #fff7e3;
    height: 10px;
    line-height: 10px;
    position: relative;}
.needtext{    margin-top: 15px!important;
    margin-left: 7px!important;
    padding-bottom: 20px;
    width: 602px;
    text-align: justify;
    font-family: tahoma;
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: 1px;
    max-height: 300px;
    line-height: 9px;
    overflow: auto;
    padding-right: 4px;}





#amst a{    color: #ebf1f1!important;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: 1px;
    text-shadow: 1px 0 #0d0d0d!important;
}
.tablams {
 position: relative;
 }
.img-wrap{
height: 100px;
overflow:hidden;
position:relative;
width:200px;}
.img-overlay{
bottom:0;
color:#fff;
opacity:0;
filter: alpha(opacity = 0);
position:absolute;
width:100%;
z-index:1000;}
.img-overlay h4, .img-overlay p{
padding:0 0px;}
.img-wrap:hover .img-overlay{
opacity:0.75;
filter: alpha(opacity = 75);
transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-webkit-transition:opacity 0.25s;}

.tablams {
 position: relative;

 }
.tablams em {
 display: none;
 }
.tablams:hover em {
 display: block;
 position: absolute;
 letter-spacing: 2px;
 border: 0px solid white;
 max-height: 125px!important;
 box-shadow: 0 0 0px #00000094;
 bottom: 10px;
 right: -20px;
 margin-bottom: 10px;
 z-index: 9999;
}
.tablams:hover em i {
 position: absolute;
 display: block;}












.story {    width: 614px;
    background: url(https://i.ibb.co/SnGdVLz/image.png) top no-repeat, url(https://i.ibb.co/p03X3SM/image.png) bottom no-repeat, url(https://i.ibb.co/s6Hhvv0/image.png) repeat-y;
    min-height: 200px;
    margin: auto!important;
    position: relative;
    padding-bottom: 10px!important;}
.storyn {    width: 600px;
    text-align: center;
    font-family: 'Playfair Display'!important;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bolder;
    color: #2f3433;
    top: 8px;
    left: 10px;
    position: relative;
    text-shadow: 0px 0px px #fbf6e3;
        padding-bottom: 14px!important;}
.storyimg1 {
    width: 614px;
    top: 0px;
    margin-left: 12px;
    text-align: center;
height: 104px;}
.storyimg img {    width: 614px!important;
    max-height: 100px!important;
    object-fit: cover!important;
border: 1px solid #5e958a!important;
    outline: 1px solid #3d4b48!important;
    margin-right: 4px!important;
    margin-left: 4px!important;}
.storytext1{    margin-top: 15px!important;
    margin-left: 12px!important;
    padding-bottom: 20px;
    width: 610px;
    text-align: justify;
    font-family: tahoma;
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: 1px;
    max-height: 300px;
    line-height: 9px;
    overflow: auto;
    padding-right: 2px;}







.anketa {background: url(https://i.ibb.co/v3psJZb/image.png) top no-repeat;
    width: 614px;
    margin: auto!important;
    min-height: 456px;
position: relative;}

.anketan {    position: absolute;
    top: 8px!important;
    width: 314px;
    left: 320px;
    text-align: center;
    font-family: 'Playfair Display'!important;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff7e3;
    text-shadow: 0px 0px 3px #fff7e3;}

.anketaimg {    position: absolute;
    width: 278px;
/*    margin-top: 0px;
    margin-left: 8px;*/    top: 35px;
    left: 338px;}

.anketaimg img {width: 260px!important;
    height: 128px!important;
    object-fit: cover!important;}

.anketavn {    position: absolute;
/*    margin-top: -2px;
    margin-left: 260px;*/    top: 170px;
    left: 320px;
    width: 312px;
    text-align: center;
    font-family: Playfair Display;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    color: #e8f1ee;
    height: 24px;
    line-height: 10px;}

.anketapers {    position: absolute;
    top: 40px;
    left: 86px;
    width: 208px;
    text-align: center;
    font-family: Playfair Display;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    color: #e8f1ee;
    height: 24px;
    /* overflow: auto; */
    line-height: 10px;}

.anketaage {    position: absolute;
/*    margin-top: 8px;
    margin-left: 466px;*/    top: 74px;
    left: 93px;
    width: 190px;
    text-align: center;
    font-family: Playfair Display;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    color: #e8f1ee;
    height: 24px;
    line-height: 10px;}

.anketasex {    position: absolute;
/*    margin-top: 30px;
    margin-left: 260px;*/   top: 108px;
    left: 86px;
    width: 206px;
    text-align: center;
    font-family: Playfair Display;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    color: #e8f1ee;
    height: 24px;
    line-height: 10px;}


.anketaprof {    position: absolute;
    top: 142px;
    left: 138px;
    width: 214px;
    text-align: left;
    font-family: Playfair Display;
    font-size: 11px;
    letter-spacing: 2px;
    color: #e8f1ee;
    height: 44px;
    overflow: auto;
    line-height: 10px;}

.anketatext { /*   margin-top: 57px;
    margin-left: 20px;*/    top: 240px;
    left: 100px;
    width: 490px;
    text-align: justify;
    font-family: Playfair Display;
    font-size: 11px;
    letter-spacing: 0.5px;
    height: 189px;
    overflow: auto;
    line-height: 11px;
    position: absolute;
    padding-right: 4px;}







#mask_dialog .hv-bg {
    position: fixed;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
    cursor: pointer;
}

#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    background: #F4F5F6 url("https://i.imgur.com/akmlat3.png");
    padding: 8px;
}

#mask_dialog .inner * {
    box-sizing: border-box;
}

#mask_dialog .hv-mask-dialog-title {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 34px;
    position: relative;
}

#mask_dialog .hv-error-list {
    padding: 8px;
    margin: 8px;
    background: #DAA396;
    color: #BD0909;
    border: solid 1px;
}

#mask_dialog .hv-mask-block {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

#mask_dialog .hv-preview-block {
    flex: 0 0 120px;
    text-align: center;
    max-width: 120px;
    overflow: hidden;
    word-break: break-word;
    max-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
}

#mask_dialog .hv-preview-block > div {
    padding: 3px 0;
}

#mask_dialog .hv-form-block {
    flex: 1 1 auto;
    max-height: 360px;
    overflow-y: auto;
}

#mask_dialog .hv-preview-block img {
    max-width: 100px;
}

#mask_dialog .hv-form-block {
    flex: 1 1 auto;
}

#mask_dialog .hv-form-block label {
    display: block;
    margin-bottom: px;
}

#mask_dialog  .hv-form-block label:after {
    content: "";
    display: table;
    clear: both;
    margin-bottom: 2px;
}

#mask_dialog .hv-description {
    font-size: .9em;
    color: #999;
    font-style: italic;
}

#mask_dialog .hv-add-template {
    cursor: pointer;
    float: right;
    padding: 2px 4px;
    border: solid 1px #ccc;
}

#mask_dialog .hv-form-block input,
#mask_dialog .hv-form-block textarea {
    width: 100%;
}

#mask_dialog .hv-mask-field {
    position: relative;
}

#mask_dialog .hv-mask-field + .hv-mask-field {
    margin-top: 10px;
}

#mask_dialog .hv-masks-storage {
    flex: 0 1 150px;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    padding: 8px;
    flex-wrap: wrap;
    list-style: none;
    max-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
}

#mask_dialog .hv-masks-storage.hidden {
    display: none;
}

#mask_dialog .hv-mask-element {
    width: 60px;
    padding: 4px;
    position: relative;
}

#mask_dialog .hv-mask-element img {
    max-width: 100%;
    cursor: pointer;
}

#mask_dialog .hv-mask-tooltip {
    position: absolute;
    top: 4px;
    min-width: 160px;
    right: 60px;
    padding: 4px;
    z-index: 5;
    overflow-y: auto;
    background: rgba(255, 255, 255, .6);
    border: solid 1px #ccc;
    display: none;
}

#mask_dialog .hv-mask-element > img:hover + .hv-mask-tooltip {
    display: block;
}

#mask_dialog .hv-mask-tooltip > * {
    zoom: .7
}

#mask_dialog .hv-delete-mask {
    display: block;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
}

#mask_dialog .hv-control {
    padding: 8px;
    text-align: center;
    position: relative;
}

#mask_dialog .hv-control input + input {
    margin-left: 10px;
}

.hv-mask-tipsy {
    max-width: 280px;
}

.post-content .hvmask {
    display: none;
}



.privet {width: 500px;  height: 200px; background: url(https://i.ibb.co/Fh3nqtN/image.png) no-repeat top center;}
.privet welc {width: 465px; height: 88px; position: absolute; margin-top: 50px; left: 405px; overflow-y: auto; font-family: cuprum!important; text-align:justify; font-size: 12px; color: #fff !important; overflow-x: auto;}
.privet nav {width: 470px; height: 50px; position: absolute; margin-top: 162px; left: 400px; overflow-y: auto; font-family: cuprum!important; text-align: center; font-size: 12px; color: #fff !important; overflow-x: auto;}



.roles {width: 614px;  height: 600px; background: url(https://forumstatic.ru/files/001b/d2/3b/46382.png) no-repeat top center;}
.roles info {width: 580px; height: 82px; position: absolute; margin-top: 48px; left: 350px; overflow-y: auto; font-family: cuprum!important; text-align: justify; font-size: 13px; color: #fff !important; overflow-x: auto;}   
.roles faces {width: 230px; height: 350px; position: absolute; margin-top: 160px; left: 325px; overflow-y: auto; font-family: cuprum!important; text-align: center; font-size: 12px; color: #426f6a !important; overflow-x: auto;}
.roles pers {width: 230px; height: 350px; position: absolute; margin-top: 160px; left: 535px; overflow-y: auto; font-family: cuprum!important; text-align: center; font-size: 12px; color: #426f6a !important; overflow-x: auto;}
.roles buy {width: 190px; height: 350px; position: absolute; margin-top: 160px; left: 740px; overflow-y: auto; font-family: cuprum!important; text-align: center; font-size: 12px; color: #212424 !important; overflow-x: auto;}










.news1 {    background: url(https://i.ibb.co/5LdcSYt/image.png) top no-repeat;
    width: 614px;
    height: 400px;
    margin: auto!important;
    position: relative;}

.news1 itogi {    position: absolute;
    width: 614px;
    height: 45px;
    top: 18px;
    left: 0px;
    overflow: auto;
    font-family: cuprum;
    color: #f7fbfa;
    font-size: 20px;
    text-transform: none;}

.news1 text {    position: absolute;
    width: 386px;
    height: 105px;
    top: 58px;
    left: 160px;
    overflow: auto;
    font-family: cuprum;
    color: #2b3231;
    font-size: 11px;
    text-transform: none;}


.news1 post {    position: absolute;
    width: 410px;
    height: 65px;
    top: 310px;
    left: 60px;
    overflow: auto;
    font-family: cuprum;
    color: #2b3231;
    font-size: 11px;
    text-transform: none;}


.news1 tablactiv {
    position: absolute;
    width: 300px;
    height: 50px;
    top: 220px;
    margin-left: -32px;
    line-height: 220%;
    letter-spacing: 0px;
    text-align: center;
}


.news1 tablactiv2 {
    position: absolute;
    width: 300px;
    height: 50px;
    top: 220px;
    margin-left: 348px;
    line-height: 220%;
    letter-spacing: 0px;
    text-align: center;
}

.news1 tablepiz {    position: absolute;
    top: 192px;
    margin-left: 202px;
}

    .news1 tabllove {    position: absolute;
    top: 246px;
    margin-left: 282px;
}


.news1 tablams {position: absolute;
    top: 54px;
    margin-left: 44px;}

.news1 tablpostp {position: absolute;
    top: 309px;
    margin-left: 496px;}




.news2 {    background: url(https://i.ibb.co/XypPM9F/2.png) top no-repeat;
    width: 610px;
    height: 350px;
    margin: auto!important;
    position: relative;}

.news2 naz {    position: absolute;
    width: 360px;
    height: 45px;
    top: 18px;
    left: 190px;
    overflow: auto;
    font-family: cuprum;
    color: #f7fbfa;
    font-size: 20px;
    text-transform: none;}


.news2 text2 {    position: absolute;
    width: 370px;
    height: 225px;
    top: 85px;
    left: 176px;
    overflow: auto;
    font-family: cuprum;
    color: #fffbe8;
    font-size: 12px;
    text-transform: none;}


.news2 ams {position: absolute;
    top: 186px;
    margin-left: 16px;}









/* БИРЖА ТРУДА
-------------------------------------------------------------*/

.rabotafon {  width: 614px;
    background: url(http://forumstatic.ru/files/001b/6e/82/70974.png) top no-repeat, url(http://forumstatic.ru/files/001b/6e/82/61381.png) bottom no-repeat, url(http://forumstatic.ru/files/001b/6e/82/41010.png) repeat-y;
    margin: auto!important;
    position: relative;
}

.rabotalevo {
padding-left: 6px;
    width: 290px;
    padding-top: 140px;
margin-bottom: 20px !important;
}

.rabotapravo{
    padding-top: 140px;
    padding-right: 3px;
    width: 290px;
margin-bottom: 20px !important;
}

.rabotamesto {
    background: #5a7c6f;
    border: 1px solid #5a7c6f;
    box-shadow: 0 0 7px #95c1b0 inset;
    padding: 2px 0px 2px 0px;
    margin-bottom: 10px!important;
    color: #acd7c6;
    text-align: center;
    text-shadow: 0px 0px 0px #597e71;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'cuprum';
    letter-spacing: 0.5px;
}

.pers {
    display: inline-block;
}

.rabotavak {
    display: inline-block;
    padding-left: 10px;
    text-align: left;
    color: #32453f;
    font-size: 11px;
    font-family: 'cuprum';
    letter-spacing: 1px;
text-shadow: 0px 0px 0px #648a7c;
margin-bottom: 5px !important;
}

a.cvet {
    color: #24685a !important;
}









/* список персонажей
-------------------------------------------------------------*/

.persons {  width: 614px;
    background: url(http://forumstatic.ru/files/001b/6e/82/25155.png) top no-repeat, url(http://forumstatic.ru/files/001b/6e/82/13468.png) bottom no-repeat, url(http://forumstatic.ru/files/001b/6e/82/90338.png) repeat-y;
    margin: auto!important;
    position: relative;
}

.personslevo {
padding-left: 6px;
    width: 290px;
    padding-top: 140px;
margin-bottom: 20px !important;
}

.personspravo {
    padding-top: 140px;
    padding-right: 3px;
    width: 290px;
margin-bottom: 20px !important;
}

.personsrasa {
    background: #5a7c6f;
    border: 1px solid #5a7c6f;
    box-shadow: 0 0 7px #95c1b0 inset;
    padding: 2px 0px 2px 0px;
    margin-bottom: 10px!important;
    color: #acd7c6;
    text-align: center;
    text-shadow: 0px 0px 0px #597e71;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'cuprum';
    letter-spacing: 0.5px;
}

.pers {
    display: inline-block;
}

.personspers {
    display: inline-block;
    padding-left: 10px;
    text-align: left;
    color: #32453f;
    font-size: 11px;
    font-family: 'cuprum';
    letter-spacing: 1px;
text-shadow: 0px 0px 0px #648a7c;
margin-bottom: 5px !important;
}

a.color {
    color: #24685a !important;
}





.gorod {    width: 814px;
    background: url(http://forumstatic.ru/files/001b/6e/82/97959.png?v=1) top no-repeat, url(http://forumstatic.ru/files/001b/6e/82/81185.png?v=1) bottom no-repeat, url(http://forumstatic.ru/files/001b/6e/82/57253.png?v=1) repeat-y;
    min-height: 200px;
    margin: auto!important;
    position: relative;
    padding-bottom: 10px!important;}
gorodimg img {    width: 800px!important;
    min-height: 100px!important;
    object-fit: cover!important;
border: 1px solid #5e958a!important;
    outline: 1px solid #3d4b48!important;
    margin-right: 4px!important;
    margin-left: 4px!important;}
.gorodtext{    margin-top: 15px!important;
    margin-left: 12px!important;
    padding-top: 80px;
    padding-bottom: 20px;
    width: 794px;
    text-align: justify;
    font-family: cuprum;
    font-size: 13px;
    letter-spacing: 1px;
    min-height: 300px;
    line-height: 9px;
    overflow: auto;
    padding-right: 2px;}
.gorodtext2{    margin-top: 15px!important;
    margin-left: 12px!important;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 794px;
    text-align: justify;
    font-family: cuprum;
    font-size: 13px;
    letter-spacing: 1px;
    min-height: 300px;
    line-height: 9px;
    overflow: auto;
    padding-right: 2px;}






/*  оформление первого соо любой темы  */
.tema {    background: url(http://forumstatic.ru/files/001b/6e/82/96450.png) 0px top no-repeat, url(http://forumstatic.ru/files/001b/6e/82/53665.png) bottom no-repeat, url(http://forumstatic.ru/files/001b/6e/82/90485.png) repeat-y;
    width: 614px;
    margin: auto!important;
    height: auto;
    min-height: 29px;
    position: relative;
} 

.temanazvanie {    
    position: absolute;
    text-transform: uppercase!important;
    letter-spacing: 1px;
    width: 600px;
    color: #fff7e3;
    font-family: 'Playfair Display'!important;
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 0px 0px 3px #e3f6fb;
    text-align: center;
    margin: 3px 0px 0px 10px !important;}

.tematext {    color: #252d2c;
    text-shadow: rgb(255 255 255 / 0%) 0px 0px 1px;
    line-height: 13px;
    font-size: 12px;
    font-family: Playfair Display;
    margin-left: -3px!important;
    margin-top: 0px!important;
    padding: 45px 0px 15px !important;
    width: 620px !important;
    text-align: justify!important;}