/*смена имиджа*/
#blackout .post>.container {background:url(http://funkyimg.com/i/2dCJx.png) center #B9A899; }
/*Шапака-хедер*/
#header {
  background: url(http://i.imgur.com/v4zAHu6.jpg) top center repeat;
min-width: 1356px;
    width: 100%;
    margin-top: 15px;
}
/*Шапака-хедер*/
/*СВЕТЛЯЧКИ*/
#svetlyaki {    margin-left: -25px;    z-index: 1;    overflow: hidden;    position: relative;    height: 450px!important;
   width: 100%; min-width: 1356px; background:  transparent; 
}
#pixie {  z-index:10;  position: absolute;  top: 0;  left: 0;}
/*замена слова уважение*/
.pa-respect>a[href^="/respect.php?"],
.pa-positive>a{
  font-size:0;
  width:0;
  visibility:hidden;
}
.pa-respect>a[href^="/respect.php?"]:after{
  content:"Карма";
  display:inline-block;
  visibility:visible;
  font-size:11px;
}

/*форма входа*/
#Login_Punbb > .container {
  background-color: #fafafa;
  position: fixed;
  top: 40%;
  padding: 1em;
  vertical-align: middle;
  z-index: 100000;
  border-radius: 10px;
  border: solid 3px #aaa;
}
#Login_Punbb fieldset legend span {
  color: #999 !important;
  font-size: 1.4em;
  font-weight: 700;
  background: #fafafa;
  font-family: Tahoma;
}
/*форма входа*/
/*проверка имени при регистрации*/
#username.normal{background-color: #A8ECA8;}
#username.error{background-color: rgb(255,190,190);}
.stclr.normal{color: green;}
.stclr.error {color: red;}
img.preloader{width:12px;height:12px;margin-left:3px;}
/*проверка имени при регистрации*/
/*элементы шапки*/
#blestyaski{min-width:1300px;max-width:4000px;height: 350px!important;background: url('http://i.imgur.com/nJiVxdt.png')repeat-x;position: absolute;top:100px;}
#tentaklya{background: url('http://i.imgur.com/kDqwSOD.png')repeat-x;position: absolute;top:317px;width:94px;height:147px!important;left:-20px;z-index:9;}
#tentaklyaa{background: url('http://i.imgur.com/8lG02g8.png')repeat-x;position: absolute;top:385px;width:85px;height:85px!important;left:150px;z-index:9;}
#koko1{background: url('http://i.imgur.com/DOfN7UA.png')repeat-x;position: absolute;top:50px;left:3px;width:200px;height:430px!important;}
#koko2{background: url('http://i.imgur.com/DOfN7UA.png')repeat-x;position: absolute;top:50px;right:8px;width:200px;height:430px!important;}
#fonarik{background: url('http://i.imgur.com/SzAAGm8.gif')repeat-x;position: absolute;top:532px;left:20px;width:70px;height:90px!important;}
#fonarik2{background: url('http://i.imgur.com/mc3VRr7.gif')repeat-x;position: absolute;top:532px;right:20px;width:70px;height:90px!important;}
#nizkamen { z-index: 9; position: absolute; left: 0px; top: 530px; width: 100%; height: 30px!important; background: url(http://i.imgur.com/eJ99MpN.png) repeat-x;}
#nizlistva{ z-index: 9; position: absolute; left: 0px;bottom: 48px; width: 100%; height: 30px!important; background: url(http://i.imgur.com/K0NRmpg.png) repeat-x;}
#niztentaklya{background: url('http://i.imgur.com/GhP5tEP.png')repeat-x;position: absolute;bottom: 55px;width:118px;height:118px!important;left:475px;}
#niztentaklya2{background: url('http://i.imgur.com/Ee2ncT7.png')repeat-x;position: absolute;bottom:55px;width:183px;height:106px!important;left:-25px;}
#nizzmeika{ background: url(http://i.imgur.com/8lQUdT7.png)no-repeat;position: absolute;bottom: 50px;right:0px;width: 183px;height: 106px;z-index: 8;}
#nizfonarik{background: url('http://i.imgur.com/SzAAGm8.gif')repeat-x;position: absolute;bottom:310px;left:20px;width:70px;height:90px!important;}
#nizfonarik2{background: url('http://i.imgur.com/mc3VRr7.gif')repeat-x;position: absolute;bottom:310px;right:20px;width:70px;height:90px!important;}
#wantedramka{background: url('http://i.imgur.com/etRyvi2.png')repeat-x; position: absolute; top:325px; left:600px;width:119px; height:180px;}
#zmeika{background: url('http://i.imgur.com/IJY2qE9.png')no-repeat; position: absolute; top:390px; right:153px;width:85px; height:85px;z-index: 9;}
#shapinner{ z-index: 0;
    position: absolute;
    left: 160px;
    top: 120px;
     width: 1000px;
background-position:top center!important;
    height: 205px!important;
    background: transparent!important;}
.shap1{position: absolute; 
height:205px!important;
width: 1048px;
background: url('http://i.imgur.com/w4GpVXd.jpg');
    background-size: 1048px 205px;
    background-position: 50% 0;
}
.shap2{position: absolute; 
height:205px!important;
width: 1040px;
background: url('http://i.imgur.com/5UeK8AO.png')no-repeat;
/*margin-left: 430px!important;*/
}
.zvezdi {position: absolute; width:1100px; height:205px!important;background: url('http://i.imgur.com/fGl4a0t.png');}
.zvezd2 {position: absolute; width:900px; height:205px!important;background: url('http://i.imgur.com/zYYlmyG.png');}
.svechi {position: absolute; width:950px; height:205px!important;background: url('http://i.imgur.com/6ZxQGmR.png') no-repeat;}
.tuman {position: absolute; width:990px; height:205px!important;background: url('http://i.imgur.com/hPg9Gzw.png');}
.logotip {position: absolute; width:1048px; height:205px!important;background: url('http://i.imgur.com/TwsosPI.png');margin-left:0px!important;}
.ram {
    z-index: 1;
    position: absolute;
    left: 160px;
    top: 120px;
    width: 1000px;
    height: 205px!important;
    background: url(http://i.imgur.com/PdQ4hmS.png) repeat;
}
/*Пост*/
#postec_ramka{
   display: inline-block;
    position: absolute;
    margin-top: 325px;
    right: 207px;
    width: 360px;
    height: 98px;
    text-align: justify;
    color: #201b11;
    text-shadow: 0 0 1px #755c3b;
    line-height: 8pt !important;
    font: 11px georgia;
    letter-spacing: 0px;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 5 5 5 5 repeat repeat;
    border-style: solid;
    border-width: 5px;
    background: url(http://i.imgur.com/ICw6dYW.png);
    padding: 12px 8px 10px 10px;
    }
#postec {
    color: #906f19;
    overflow-y: auto;
    height: 100px;
    width: 370px;
    margin-left: -4px;
    text-align: justify;
    }
#postec a {    color: #665238 !important;
    font: 9px tahoma !Important;
    text-shadow: 1px 1px 1px #fff9e8 !important;
    line-height: 0px !important;
    font-weight: bold!important;}

#postec_img {float: right;
    padding: 1px;
margin-bottom: -3px !important;
    margin-top: -1px !important;
    margin-left: 4px !important;
width: 50px;
    height: 50px;
}

#postec::-webkit-scrollbar {width: 0px; height: 0px;}

/*Розыск персонажей*/
#KontRotator1{
    position: absolute;
    width: 92px;
    height: 105px;
    left: 454px;
    top: 223px;
    }
.rozisk {
     height: 105px;
     border-top-left-radius: 50px;
     border-top-right-radius: 50px;
     opacity: 0.5;
     overflow: hidden;
     position: relative;
     transition: all 0.5s ease-in-out 0s;
     width: 92px;
}
.roziskname {
 background-color:rgba(58, 9, 8, 0.65);
    color: #966516!important;
    font-size: 10px;
    margin-top: -20px !important;
    opacity: 0;
    padding: 1px 1px 5px;
    position: absolute;
    text-align: center;
    text-transform: lowercase;
    transform: scale(5);
    transition: all 0.5s ease-in-out 0s;
    width: 0;
}
.rozisk:hover {
    opacity: 1;
}
.rozisk:hover .roziskname {
    opacity: 1;
    transform: scale(1);
    width: 92px;
}
.roziskpic{width: 92px;
    height: 105px;}
/*Активисты*/
.post_name{z-index:9;
   right: 211px;
    top: 308px;
    width: 77px;
    height: 45px;
    position: absolute;
background: url(http://i.imgur.com/ppZH0xB.png) no-repeat;}
.activ_name{z-index:9;
   left: 200px;
    top: 308px;
    width: 77px;
    height: 45px;
    position: absolute;
background: url(http://i.imgur.com/dM3excL.png) no-repeat;}
.activchiki{left: 200px;
    top: 325px;
    display: inline-block;
    position: absolute;
    width: 352px;
    height: 98px;
    text-align: justify;
    color: #201b11;
    text-shadow: 0 0 1px #755c3b;
    line-height: 8pt !important;
    font: 11px georgia;
    letter-spacing: 0px;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 5 5 5 5 repeat repeat;
    border-style: solid;
    border-width: 5px;
    background: url(http://i.imgur.com/ICw6dYW.png);
    padding: 12px 5px 10px 12px;}
.activ_img{
    width: 46px;
    height: 46px;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    opacity: 0.8;
}
.activ_img:hover{width: 46px;  height: 46px;border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
opacity: 1;}
/*пездюк месяца*/
.igrokmesaca {border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat;border-style: solid;border-width: 5px;position: absolute;right: 50px;top: 320px;width: 105px;height: 105px!important;z-index: 2000;}
.flip-container {
perspective: 1000;
}
 
.flip-container:hover .flipper, .flip-container.hover .flipper {
transform: rotateY(180deg);
}
 
.flip-container, .front, .back {width: 105px;height: 105px;}
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
 
position: relative;
}
.front, .back {
backface-visibility: hidden;
 
position: absolute;
top: 0;
left: 0;
}
.front {
z-index: 2;
}
.back {transform: rotateY(180deg);width: 105px;height: 105px;overflow-y:auto;background:#000000;text-align: center;font: 9px verdana;color: #8b6d15;}
.back y {font: 12px Lobster;}
.back::-webkit-scrollbar { width:2px; height:2px; }
.back::-webkit-scrollbar-track { background-color: rgba(45, 35, 27, 0.24); border: 1px solid transparent!important; }
/*боковушки в шапке*/
#bok1 {z-index:2;
    left: 20px;
    margin-top: 62px;
    position: absolute;
    width: 166px;
    height: 406px; 
    background: url(http://i.imgur.com/M2JKzoD.png) top center no-repeat;
}
#bok2 { z-index: 2;
    right: 25px;
    margin-top: 62px;
    float: right;
    position: absolute;
    width: 166px;
    height: 406px;
    background: url(http://i.imgur.com/M2JKzoD.png) top center no-repeat;
}
/*разделитель постов*/


/*навигация постов*/
.topic a.sharelink {
    float: right;
    margin-left: 1em;
    font-family: lobster;
    font-size: 13px;
    color: rgb(16, 0, 0)!important;
}
#pun-viewtopic .post h3 strong {
    font-weight: bold;
    margin-left: 280px;
 position: absolute;
    width: auto;
font-family: lobster;
font-size: 13px;
color: rgb(16, 0, 0)!important; text-shadow: 0.5px 0.5px 3px #af8d3b;
}
#pun-viewtopic div.post h3 strong::before {
    content: "Пост номер ";
    font-weight: normal;
color: rgb(16, 0, 0)!important; text-shadow: 0.5px 0.5px 3px #af8d3b;
font-family: lobster;
font-size: 13px;
}
#pun-viewtopic div.post h3 span::before {
    content: "Свиток написан:";
    padding-right: 5px;
    font-family: lobster;
    font-size: 13px;
     margin-left: 270px;
color: rgb(16, 0, 0)!important;
    text-shadow: 0.5px 0.5px 3px #af8d3b;
}
#pun-viewtopic .post h3 {
   background: url(http://i.imgur.com/4ez2oTQ.png) top center repeat-x;
  color: rgb(16, 0, 0)!important; text-shadow: 0.5px 0.5px 3px #af8d3b;
    font-family: pt sans narrow;
    font-size: 11px;
    height: 52px;
    margin-bottom: -20px;
    margin-left: 0.2px;
    padding-top: 10px !important;
}

.post.Dise .pa-avatar>img, .pa-avatar>b{
  display:none; /*Cкрыли кубик*/
}
.post.Dise .pa-avatar {
    margin-left: -13px;
    margin-top: 14px;
    margin-bottom: 50px;
    height: 323px;
    width: 350px;
    background: url(http://i.imgur.com/7qwoRU0.png) no-repeat;
}

.copirait {
    width: 950px;
    font-size: 10px;
    top: 340px;
    left: 10%;
    position: relative;
    color: #373536;
    font-family: lobster;
}
.copirait a {color: #373536!important;text-shadow: none!important;}.copirait a:hover {color: rgb(12, 108, 130)!important;}
.mini_awards_label{display: none;}
/*CS0 - ОСНОВНЫЕ КОДЫ - */
/*миниобъявы*/
.obyav { top: -56.5px !important;
    left: 24px;
    z-index: 999;
    display: inline-block;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat;
    background: #0a0906;
    border-style: solid;
    border-width: 5px;
    height: 45px;
    opacity: 0.7;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    width: 615px;
}

  .obyavname {
  background-color: rgba(8, 8, 8, 0.82);
    color: #8e7016!important;
    font-size: 10.5px;
    margin-top: -60px !important;
    height: 45px;
    overflow-y: auto;
    opacity: 0;
    padding: 4px 4px 5px;
    position: absolute;
    text-align: center;
    text-transform: lowercase;
    transform: scale(5);
    transition: all 0.5s ease-in-out 0s;
    width: 0;
}
.obyav:hover {
    opacity: 1;
}
.obyav:hover .obyavname {z-index: 999;
    opacity: 1;
    transform: scale(1);
    width: 615px;
}
/*ОБЪЯВЛЕНИЕ*/
/*ССЫЛКИ*/
.sslki {
      float: right!important;
    display: block;
    text-align: center;
      margin-right: 29px!important;
    margin-top: 65px!important;
}
.sslki a {
    width: 159px!important;
    background: url(http://i.imgur.com/mVdectB.png)top center no-repeat;
    color: #9f8a5c !important;
    display: block;
    font-family: pt sans narrow !important;
    text-shadow: none!important;
    font-size: 8px;
    font-weight: lighter !important;
    height: 27px;
    letter-spacing: 2px;
    line-height: 27px !important;
    margin-top: 0;
    margin-bottom: 1px!important;
    position: relative;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    z-index: 999;
}

.sslki a:hover {
    width: 159px!important;
    background: url(http://i.imgur.com/F1bk0pS.png)top center repeat-x;
    letter-spacing: 4px;
}
.sslki a:hover::after {
    opacity: 1;
    transition: all 0.5s ease-in-out 0.1s;
    width: 0;
}
/*ОБЪЯВЛЕНИЕ*/
/*CS0.1 - фон - */
body {
background: url("http://i.imgur.com/qqLInGv.jpg") repeat-x top center, /*верхний фон*/
url("http://i.imgur.com/eVGQL0U.png") repeat-x bottom center, /*нижний фон*/
#a58356 url("http://i.imgur.com/PETrrUW.jpg") repeat; /*общий фон*/
}

 /*CS0.5 - Боковушки -*/
.bok_left, .bok_right {
	position: absolute;
	height: auto;
	z-index: 2;
	width: 30px;
       top: 390px;
}
.bok_left {
	left:50px;
}
.bok_right {
	right:50px;
}

.bok_left  {
            background: url(http://i.imgur.com/1XcNjmi.png);
            /*background-image: none;*/
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://co.forum4.ru/files/0017/c4/3f/95500.png', sizingMethod='crop');
            }
.bok_right {
            background: url(http://i.imgur.com/Z4k98TZ.png);
            /*background-image: none;*/
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://co.forum4.ru/files/0017/c4/3f/43168.png', sizingMethod='crop');
            }
/*CS0.5 - Шапка -*/


#pun-title {    position:absolute;
    overflow: hidden;
background-size:auto;
  width: 1356px!important;
    height: 450px!important;
    margin-left: -170px;
    margin-top: 45px!important;
overflow-x: hidden;}

/*Панель ссылок*/
.splLinkR {z-index:2000;position: relative;right:15px;top:-30px;width:37px; height:144px;background: url('http://i.imgur.com/fMM0Wx3.png')!important;opacity: 0.7;}
.splLinkR:hover{width:37px; height:144px;background: url('http://i.imgur.com/fMM0Wx3.png')!important;opacity: 1;}
.splContR{height: 270px;
    width: 1356px;
    left: -1193px;
    top: -40px;
    padding: 15px;
    overflow-x: hidden;
    overflow-y: hidden;
    background: url('http://i.imgur.com/Uxzat8u.png') no-repeat;
    border-bottom: 16px solid transparent!important;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/63658.png) 16 fill repeat!important;}

.splContR::-webkit-scrollbar { width:4px; height:4px; }
.splContR::-webkit-scrollbar-track { background-color: rgba(45, 35, 27, 0.24); border: 1px solid transparent!important; }
/*Панель ссылок*/

/*CS0.6 - Подвал -*/
/* CS0.4 - Низ тела форума -*/
#pun-about .container {
    margin-bottom: -117px;
    margin-left: -65.5px;
    position: relative;
  }
div#html-footer {margin: 0px 0px 0px 0px;}
 #pun-announcement.section h2 span {display:  none; }
 a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }
#html-footer .container {
  
    height: 360px;
    margin-left: -120px;
    margin-bottom: -13px;
}

/*CS0.7 - Цвет выделения текста -*/
::selection {
background: #382a1f;
    color: #c6b7a5;/* Safari */
}
::-moz-selection {
background: #382a1f;
    color: #c6b7a5;/* Firefox */
}

/*CS0.8 - Стиль Репутации -*/

div.post-rating .container {
  color: #e2dbc9!important;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 11px 0px 0px 0px !important;
    background-image: url(http://i.imgur.com/H9zcOUV.png);
    background-repeat: no-repeat;
    font-size: 8px !important;
    background-color: rgba(183, 183, 183, 0) !important;
}
div.post-rating {
    height: 17px;
    padding: 5px 0px 2px 0px !important;
    margin-top: 4.5%;
    right: 0.5%;
    float: right!important;
    position:relative;
}
div.post-rating a {
color: #b59339!important;
}
div.post-rating a:hover {
color: #960000!important;
}
#altstyle isticky{min-height:300px;}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -384px;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    -webkit-box-shadow: 0 0 40px #222;
    -moz-box-shadow: 0 0 40px #222;
    -khtml-box-shadow: 0 0 40px #222;
   box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #000000 !important;
    background: url(http://savepic.ru/9852874.png) repeat 0px 0px;
    border: 7px solid transparent!important;
    border-image: url(http://savepic.ru/9851855.png) 10 fill repeat!important;
}
/*CS0.9 - Маркированный текст -*/

.post-content .highlight-text { 
   /*margin: 0.4em 0em 0.4em 0em;*/
    margin-bottom: -13px;
    background-color: transparent !important;
    border: 6px solid transparent!important;
    border-image: url(http://co.forum4.ru/files/0017/c4/3f/60284.png) 6 fill repeat!important;
    box-shadow: inset 0px 0px 10px 0px #000000, 0px 0px 0px #84755C;
    color: #1e140b!important;
    text-shadow: 1px 1px 2px #ffe2c6;
    display: block;
    font-family: Nautilus Pompilius;
    font-style: normal;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    padding-top: 3px;
}

/*CS0.10 - Стиль Профиля с гостя -*/
#profile-left li, #profile-left li * {
    padding-left: 0px;
    margin-left: 0px;
    padding-bottom: 7px!important;
    text-align: center;
}
#viewprofile td {
    border: 0px none;
    padding: 10px!important;
    overflow: hidden;
}
/*CS0.11 - Провел на форуме -*/
.pa-time-visit{color: rgba(175, 147, 84, 0.68);
    font-size: 11px!important;
    line-height: 9px;
    padding-top: 22px!important;
    padding-bottom: 30px!important;}

/*CS0.12 - Предпросмотр сообщения -*/	
.punbb .formal fieldset .post-box{width: 860px!important;}

/*CS0.13 - Статистика форума -*/	
#pun-stats {
    margin: 0 auto;
    margin-top: -20px;
    position: relative;
    width: 100%;
}
#pun-stats .statscon {
box-sizing: border-box;
    color: #402d15!important;
    overflow: hidden;
    background: url(http://i.imgur.com/SrqtnFs.jpg)top center repeat-x;
    padding: 10px 5px 5px;
}

/*CS0.14 - Размер кодбокса -*/
.post-content .scrollbox { 
max-height:100px!important;
font-size: 10px;
}

/*CS0.14 - Основная навигация -*/
div#pun-ulinks {
    margin: 0 auto!important;
    width: 80%;
    padding-left: 10%;
    position: absolute;
    text-align: center!important;
    top: 42px !important;
    z-index: 999;
}
#pun-navlinks {
background: url(http://i.imgur.com/rrsBmBT.png) no-repeat -0% 0%, url(http://i.imgur.com/dQfDyp0.png)no-repeat 100% 0%,url(http://i.imgur.com/qYTEemW.png) top center repeat-x;
    text-align: center;
    height: 70px;
    margin: 0 auto!important;
    position: absolute;
    top: -12px;
    left: 2%;
    right: 2%;
    width: 80%;
    z-index: 999;
}


/*CS0.15 - Офрмление вида форумов -*/
.punbb h3 {
    text-align: center;
    font-family: 'Playfair Display SC', sans-serif;
    font-size: 12px!important;
}

.punbb td div .tclcon, .category .container table .hasicon .tc1 {
line-height: 15px;
    margin-left: -5px!important;
    text-align: justify;
    font-family: Gabriela;
    box-sizing: border-box;
    color: #9a7719;
    min-height: 100px;
    min-width: 100px;
    font-size: 14.4px;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 5 5 5 5 repeat repeat;
    border-style: solid;
    border-width: 5px;
    background: url(http://i.imgur.com/ICw6dYW.png);
    padding: 15px 12px 10px 12px;
}
#pun-index .tcl h3 {
font-size: 16px!important;
    font-family: Lobster;
    background: url(http://i.imgur.com/4ez2oTQ.png) top center;
    margin-top: -26px;
    padding-top: 17px;
    padding-bottom: 23px;
    margin-left: -12px;
    margin-right: -12px;}
	
.borderfor{    float: left;
    margin-left: -6px!important;
    padding: 1px;
    border: 5px solid transparent!important;
    border-image: url(http://savepic.ru/10689071.png) 8 fill repeat!important;}
	
/*Стиль подфорумов*/
.subforums span{
    display: inline-block !important;
    margin-right: 6px;
    font-family: Constantine;
    font-size: 10px;
    background-color: rgb(168, 148, 103);
    border-style: double !important;
    border-width: 3px !important;
    border-color: rgba(64, 47, 29, 0.58)!important;
    padding: 1px 1px 1px 5px;
}

.subforums {
    margin-left: 0px!important;
    text-align: center;
   /* margin-top: 10px!important;
    margin-bottom: 0.2em;
       background: rgba(10, 4, 1, 0.6);
    border: 25px solid transparent!important;
    border-image: url(http://savepic.ru/9291674.png) 25 fill repeat!important;*/
}
/*Скрыть список Модераторов на Главной*/
.punbb .tcl .modlist{display:none!important;}	
	
/*CS0.16 - Прокрутка -*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
   background: #090903;
    border: 1px solid #342613;
    box-shadow: inset -2px -2px 5px #312c20,inset 2px 2px 5px #101007;
    }
::-webkit-scrollbar-thumb {
   border-radius: 3px;
    background: #886709;
    border: 1px solid #342613;
    box-shadow: inset -2px -2px 5px rgba(49, 44, 32, 0.57);
}
::-webkit-selection {
    background: rgb(59, 137, 109);
    box-shadow: rgb(15, 47, 35) 2px 0px 5px 2px inset;
}

/*CS0.17 - Подвижка кнопок -*/
.linkst .postlink{ margin-top: 30px; margin-right: 50px!important;
}
.linksb .postlink{margin-top: 20px;margin-right: 0px!important;}
/*CS0.18 - Экранная клавиатура -*/
#keyboard-span input {font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #0D0E10!important;
    background-color: #ADADAD !important;
    background: url(--) repeat 0px 0px;
    margin: 1px 1px 0 0;
    border: 1px solid #54575B!important;
    cursor: pointer;
    height: 25px;
    min-width: 30px;
    margin-right: 10px!important;}/*цвет ячеек экранной клавиатуры*/
	
/*CS0.19 - Оформление профиля -*/
.punbb .post .post-author {
text-align: center;
/* background: transparent url(--) repeat-y; */}
/*информация в профиле кнопки*/
/*img.post-img-Sp {padding-left: 35px;
    margin-top: 12px!important;
    padding-right: 10px;
    padding-left: 10px;
    height: 22px!important;
    background-color: transparent !important;
    border: 7px solid transparent!important;
    border-image: url(http://co.forum4.ru/files/0017/c4/3f/85218.png) 12 fill repeat!important;
    text-align: center;
    display: inline-block;
}*/
.pa-author a, .pa-author {
      color: #9a8c82!important;
    text-shadow: #100107 1px 1px 1px;
    font-family: Nautilus Pompilius;
    font-variant: normal;
    font-size: 16px;
    margin-top: -35px!important;
    margin-bottom: -1px!important
}
.pa-author a:hover {
     color: #100107!important;
    text-shadow: #583b28 1px 1px 1px;
 }

#post .formsubmit {text-align: center;}
.pa-avatar img {margin-top: 5px;
    background-color: transparent !important;
    border: 5px solid transparent!important;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 fill repeat!important;
    text-align: center;
    display: inline-block;
   /* margin-left: -75px;*/
    margin-bottom: 15px;}

/*CS0.20 - Индикатор активности -*/
.indOnline, .indOffline {
z-index: 9999;
    position: absolute;
    display: inline-block;
    float: left;
    margin-left: -130px!important;
    margin-top: 26px!important;
    min-width: 203px!important;
    height: 17px!important;
}
.indOnline {
  background: url(http://co.forum4.ru/files/0017/f9/bc/46703.png) no-repeat;
}
.indOffline {
background: url(http://co.forum4.ru/files/0017/f9/bc/76628.png) no-repeat;
}
.pa-online{display:none!important;}

/*CS0.21 - Стиль ссылок -*/
linkinav {
text-align: center; width: auto; display: block;
}
linkinav a {display: inline-block;
    margin: 1px!important;
    font-family: Constantine;
    font-size: 10px;
    background-color: rgb(168, 148, 103);
    border-style: double !important;
    border-width: 3px !important;
    border-color: rgba(64, 47, 29, 0.58)!important;
    padding: 1px 5px 1px 5px;
}
linkinav a:hover {display: inline-block !important;
    font-family: Constantine;
    font-size: 10px;
    background-color: rgb(34, 31, 22);
    border-style: double !important;
    border-width: 3px !important;
    border-color: #5a4429!important;
}
/****************************************/
linkainav {
text-align: center; width: auto; display: block;
}
linkainav a {display: inline-block; margin: 1px!important;padding-bottom:15px!important;
 text-align: center; background-color: rgba(0, 0, 0, 0.61); border-style: double !important;
    border-width: 3px !important;
    border-color: rgba(148, 80, 37, 0.73)!important; padding: 1px 8px 10px 5px; box-shadow: 0 0 5px rgba(1,1,1,1);width: 165px;height: 5px;
}
linkainav a:hover { background-color: rgba(21, 13, 8, 0.81)!important; width: 165px;height: 5px;}

/*CS0.22 - Выравниваем в одну строку число постов и Уважение -*/

.pa-posts, .pa-respect {
   background: url(http://i.imgur.com/MPBFvmn.png) top center no-repeat;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    font-variant: small-caps;
    font-family: Georgia;
    width: 100px;
    height: 65px;
    margin-top: -15px!important;
    padding-top: 15px!important;
    padding-right: 5px!important;
    padding-left: 5px!important;
    min-height: 23px;
    color: #967439;
}
.pa-respect a {
    color: #967439!important;
}
.pa-respect a:hover {
    color: #9b0804!important;
}

/*CS0.23 - оформление кнопок-ссылок: ответить, посмотреть и т.д. -*/
.hashelp center div a button {width:100px;}

.hashelp center div a button, .post-links a, .postlink a, .button, #profilenav li.isactive {
padding: 2px;
    font: bolder 12px Lobster !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #503f1d!important;
    box-shadow: inset 0px 1px 0px 0px #5d4c2c!important;
    background: linear-gradient(to bottom, #c0ad79 5%, #543c04 100%)!important;
    background-color: #896e17!important;
    border: 1px solid #46351c!important;
    display: inline-block!important;
    cursor: pointer!important;
    color: #30261b!important;
    text-shadow: 0px 1px 1px #9e8e68!important;
}
.hashelp center div a button, .post-links a:hover, .button:hover, .postlink a:hover {    font: bolder 12px Lobster !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #0a2a36!important;
    box-shadow: inset 0px 1px 0px 0px #0a2a37!important;
   background: linear-gradient(to bottom, #573f07 5%, #b7a36f 100%)!important;
    background-color: #5d4c2c;
     border: 1px solid #46351c!important;
    display: inline-block!important;
    cursor: pointer!important;
    color: #30261b!important;
    text-shadow: 0px 1px 1px #9e8e68!important;
}
.hashelp center div a button, .postlink a:active, .button:active {
	position:relative;
	top:1px;
}
/*CS0.24 - Смайлы -*/
/*СМАЙЛЫ*/
/*CS0.24 - Смайлы -*/
#smilies-area{    line-height: 9px;
    overflow: hidden;
    height: auto;
    min-width: 250px!important;
    box-sizing: border-box;
    top: 53px!important!important;
    border: 5px solid #1d022d!important;
    width: 650px!important;
}
#button-smile{background: url('http://s7.uploads.ru/QU1y2.gif') no-repeat!important;}
#wrapper {width: 545px;}
/* вкладки доп смайлов */
ul.tabs {height: 5px;line-height: 5px;margin: -15px -17px 5px;list-style: none;}
ul.tabs li {    font-size: 13px!important;
    padding: 5px;
    float: left;
    cursor: pointer;
   color: #322d21!important;
    overflow: hidden;
    background: #c9b88d;
    border: 3px solid #342613;}
ul.tabs li a {background: url("--")no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 2px 1px;position: relative;text-decoration: none;width: 25px;}
ul.tabs li a:hover {color:#EFEFEF;padding: 0 2px;background: url("--")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.tabs li.tab-current a {color: #444;padding: 0px 2px 1px;border:medium hidden;line-height: 12px;background-position: -652px -62px;}
ul.tabs li.tab-current a:hover {color: #6A5ACD;}
div.t1{width: 625px;
    height: 150px;
    overflow-y: scroll;
    box-sizing: border-box;
      background: #c9b88d;
    border: 5px solid #342613;
    margin-left: -20px;}
div.t2,div.t3,div.t4,div.t5,div.t6,div.t7,div.t8,div.t9{display: none; width: 625px;
    height: 150px;
    overflow-y: scroll;
    box-sizing: border-box;
       background: #c9b88d;
    border: 5px solid #342613;
    margin-left: -20px;}
#smilies-area {
    line-height: 9px;
    overflow: hidden;
    height: auto;
    min-width: 250px!important;
    box-sizing: border-box;
    top: 53px!important;
    border: 15px solid transparent!important;
    border-image: url(http://i.imgur.com/yawTqVO.png) 80 fill repeat!important;
}
/*СМАЙЛЫ*/
	
/*CS0.25 - Цитата, код, форма ответа -*/
.code-box, .quote-box{
box-sizing: border-box;
    color: #8c723b!important;
    overflow: hidden;
    min-height: 65px;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 5 5 5 5 repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    background: url(http://i.imgur.com/ICw6dYW.png);
    padding: 20px 10px 5px 10px!important;
}
.resizable-textarea textarea, .punbb textarea{
      box-sizing: border-box;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 5 5 5 5 repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    background: url(http://i.imgur.com/ICw6dYW.png);
    padding: 0px 10px 0px 10px!important;
}

.punbb input{
    font-family: lobster!important;
    color: #997618;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 5 5 5 5 repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    background: url(http://i.imgur.com/ICw6dYW.png);
    padding: 0px 10px 0px 10px!important;
}
.punbb input:hover{
    font-family: lobster!important;
    color: #997618;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 5 5 5 5 repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    background: url(http://i.imgur.com/ICw6dYW.png);
    padding: 0px 10px 0px 10px!important;
}
.punbb select {
box-sizing: border-box;
    font-family: lobster!important;
    color: #997618!important;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 5 5 5 5 repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    background: url(http://i.imgur.com/ICw6dYW.png);
    padding: 0px 10px 0px 10px!important;
}


/*CS0.26 - Прозрачность элементов -*/
.hoverort {
    opacity: 0.6;
    transition-duration: 0.66s;
    -webkit-transition-duration: 0.66s;
    -moz-transition-duration: 0.66s;
    -o-transition-duration: 0.66s;
    -ms-transition-duration: 0.66s;
}
.hoverort:hover {
opacity: 1.0;
}
.hoverli {
    color: #650405;
    font-size: 13px;
    font-variant: small-caps;
    height: 15px;
    width: 200px;
    padding: 2px;
    font-weight: 900;
    border-radius: 7px;
    margin-bottom: 5px!important;
    background-image: url(http://savepic.ru/9328416.png);
    text-align: center;
    opacity: 0.6;
    transition-duration: 0.66s;
    -webkit-transition-duration: 0.66s;
    -moz-transition-duration: 0.66s;
    -o-transition-duration: 0.66s;
    -ms-transition-duration: 0.66s;
}
.hoverli:hover {
opacity: 1.0;
}
	
/*CS0.27 - Кнопки вверх-вниз -*/	
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:25px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:0.5; /*прозрачность*/
margin-bottom:5px; /*отступ снизу (можно не указывать)*/
width:40px; /*ширина кнопки*/
height:auto; /*высота кнопки*/
}
.go-up {
bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}

/********STATUS*********/
#pun-status .container .item3 {
    font-family: 'Gabriela', sans-serif;
    font-size: 11px;
    position: absolute;
    left: 780px;
}
/*Индикатор активности на главной возле аватара*/
.punbb .user-avatar img.on_ {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block !important;
    float: right;
    margin: 3px 8px 0 -16px;
    position: relative;
    -webkit-animation: none!important;
    background: #4ac11e!important;
    z-index: 100;
}
/*Индикатор активности на главной возле аватара*/
/* CS0.29 -Инфо-панелька с аватаром-*/
#u-panel {
    z-index: 999;
    position: absolute;
    top: 273px;
    left: -18px;
}

#u-panel img {border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat;
    border-style: solid;
    border-width: 5px;
    margin-left: 63px!important;
    margin-top: 48px!important;
    width: 100px;
    height: 100px;
    padding: 2px;
    opacity: 0.8;
z-index: 999;
}

#u-panel img:hover {
  width: 100px;
  height: 100px;
  opacity: 1;
}

/* Инфо-панелька с аватаром*/
/*CS1 - СТИЛЬ ТЕКСТА И ЦВЕТ ТЕКСТА - */
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
border-color:transparent;
     color: #463417;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
border-color:transparent;
  color: #5b4323;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  color: #7b6039;
  font-weight: normal;
font-style: normal;
  }
#pun-stats h2 {
    margin-top: -25px;    display: none;}


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color:transparent;
  color: #7b6039;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
border-color:transparent;
  color: #af9354;
  }


/* CS1.6 */
.punbb th, #viewprofile li,#setmods dl{     background-color: rgba(89, 74, 41, 0.15);
    color:#5d4f2a;
    font-weight: lighter!important;}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
color: #0D5037;
/*
padding-left: 14px!important;
    padding-right: 30px!important;
    margin-left: 7px!important;
        background: url(http://savepic.ru/8482532.png) repeat 0px 0px;*/
}

/* CS1.8 */
#pun-navlinks .container {
  border-color:transparent;
  color: #FFFFFF;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #F8F8F8;
  color: #a98c42;
}

/*CS2 - ЦВЕТА ГРАНИЦ - */
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color:transparent;}

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

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  }

/* CS2.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;
  }

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color:transparent;
  }

#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;
  }

.punbb .divider {
border-color:transparent;
  }
/*Бордер сообщений*/
.punbb .formal fieldset .post-box, .punbb .info-box {
border-color:transparent;
  }
li.pa-online {
border-color:transparent;
  }

.punbb .post-sig dt {
border-color:transparent;
  }
/*CS3 - ЦВЕТА ССЫЛОК - */
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    transition: all 0.3s ease-in-out;
}
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
 color:rgb(121, 104, 23);
         border-bottom: 0px none #000;
         text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #060606;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
          color: #9b0804;
    border-bottom: 0px none #000;
   text-decoration: none;

  }

/* CS3.3 навигация*/


#pun-navlinks a {
color: rgb(150, 116, 57);
    text-shadow: 1px 1px #131b01;
    border-bottom: 0px none #000;
    text-decoration: none;
    min-height: 30px!important;
    padding-bottom: 8px!important;
    padding-top: 7px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    margin-left: -5px;
    margin-right: 0px;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
   color: rgb(61, 0, 0);
   text-shadow: 1px 1px #d55127;
   font-weight: normal;
   font-style: normal;
   border-bottom: 0px none #000;
   text-decoration: none;
   background:rgba(64, 3, 2, 0.18)
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #26170b;
  color: #fff;
  }
/*CS4 - КАТЕГОРИИ И КНОПКИ*/ 

#pun  .tc2, #pun-main .post-author ul  {text-align: center;}

.punbb .section h2, #pun-main h1, #pun-main h2, #pun-debug h2 {
 margin-top: 15px!important;
    margin-bottom: -10px!important;
    background: url(http://i.imgur.com/4ez2oTQ.png) top center no-repeat;
    height: 25px;
    text-align: center;
    color: rgb(16, 0, 0)!important;
    text-shadow: 0.5px 0.5px 3px #af8d3b;
    /* margin-left: -60px; */
    /* margin-right: 2px; */
    padding-top: 18px!important;
    font-weight: bold;
    font-family: Lobster;
    font-size: 14px;
}



/*#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 450px; top: 320px;
}*/

Div.icon {background-image : url(http://i.imgur.com/v9Rkntq.png); 
background-repeat: no-repeat;
  }

TR.inew Div.icon {background-image : url(http://i.imgur.com/xl5Mxt8.png); 
background-repeat: no-repeat;
  }

TR.isticky Div.icon {background-image : url(http://i.imgur.com/W5fCIBJ.png);
background-repeat: no-repeat;
  }

TR.iclosed Div.icon {background-image : url(http://i.imgur.com/kzjNWvj.png);
background-repeat: no-repeat;
  }

TR.iredirect Div.icon {background-image : url(http://i.imgur.com/kzjNWvj.png);
background-repeat: no-repeat;
}

#pun-main div.catleft, #pun-main div.catright {display: none}

.lastedit {
display: none;
}
#pun-announcement h2 {display: none;}


/*CS5 - ОСТАЛЬНЫЕ КОДЫ - */
/*Смена имиджа в текущем посте*/
#sdfs {
    position: absolute;
    z-index: 4;
    margin-top: 20px;
    margin-left: -122px;
    width: 115px!important;
    height: 238px;
    border-collapse: collapse;
    padding: 5px;
    text-align: left;
background: url('http://i.imgur.com/9OYErjc.png')!important;
}
#imgNIK-SIG {
  cursor: pointer;
    position: absolute;
    z-index: 1000;
    margin-top: -25px;
    margin-left: -31px!important;
    z-index: 100;
    border: 1px solid #342e21!important;
    width: 27px;
    background: url(http://i.imgur.com/zh24btC.png) 50%!important;
}
/*Смена имиджа в текущем посте*/
/*бб-кнопки контейнер*/
.punbb #form-buttons #My_replic_meny{background-position:50% 50%!important;background-image:url(http://savepic.ru/8710925.png)!important;}
#meny_My_replic span{
display:none;
}
#meny_My_replic p::first-letter{
color:red;
}
#meny_My_replic p{
display: inline-block!important;
cursor:pointer;
font-weight:bold;
color:blue;
}
#meny_My_replic p:hover{
text-shadow:#31A0A5 1px 1px 0;
}
#meny_My_replic {
padding: 15px!important;
    position: absolute;
    text-align: center;
    margin-right: -140px;
    left: 25%;
    top: 43px;
    overflow-y: auto;
    background-color: transparent !important;
    border: 15px solid transparent!important;
    border-image: url(http://co.forum4.ru/files/0017/c4/3f/30573.png) 40 fill repeat!important;
}
/*бб-кнопки*/
/*волшебная кнопка*/
#button-magic {
    background-image: url('http://i.imgur.com/peH7ATK.png');
    padding: 0;
    line-height: 0;
    background-position: center;
    background-repeat: no-repeat;
    height: 26px;
    width: 100%;
}
/*******ССЫЛКИ В ПРОФИЛЕ И ИНФА********/
/*Плашка*/
.plash{margin-top: -10px!important;}
.plashka{margin-top: -13px!important;
    margin-left: 66px!important;
    margin-bottom: -10px!important;
    width: 230px;
    height: 35px;
    border: solid 5px;
    border-left: none;
    border-right: none;
    border-image: url(http://co.forum4.ru/files/0017/f9/bc/84201.png) 5 5 5 5 round round;
}
.pa-fld2 {
 background: url(http://co.forum4.ru/files/0017/f9/bc/66458.png) center repeat-y;
    margin-top: -15px!important;
    margin-bottom: -5px!important;
    margin-left: 1px!important;
    padding-bottom: 10px!important;
    position: relative;
    z-index: 100;
    cursor: pointer;
    border-left: none;
    border-right: none;
}
.pa-fld1 {
margin-bottom: -20px!important;
}
/*Плашка*/

/*Всплывающая инфа на аватаре*/
.ab {max-height: 60px;
    border-top: 3px solid #26190c;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #000000;
    margin-top: -55px!important;}

.ad { background-color: #d8b9ff; box-shadow: 0px 2px 5px #000000; text-align: center; padding: 3px; font-size: 13px; color: #FFFFFF; font-family: Mistral; text-shadow: 1px 1px 0px #000; line-height: 12px; letter-spacing: 1px; background-color: #80c745;
}

.bb {
       width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #25180b;
    padding: 3px;
    position: relative;
    top: 6px;
    }

.bc {    background-color: #001e29;width: 50px;height: 50px;border-radius: 100%; overflow: hidden; text-align: center;}
.cb {    height: 95px;
    background: url(--) top center repeat;
}

.hov {opacity: 0;
    background: url(http://co.forum4.ru/files/0017/f9/bc/40625.png) repeat;
    width: 220px;
    height: 225px;
    margin-top: -15px!important;
    margin-left: 72px!important;
    position: absolute;
    overflow: hidden;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;}
.hov:hover { opacity: 1; background-color: #000; color: #fff; -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;
}
.ks {color: #646464;font-family: Lobster;font-size: 17px;text-shadow: 1px 1px #000000;}
.pst{font-family: Lobster;
    background-color: #858585;
    border-top: 5px solid #2f3030;
    font-size: 35px;
    line-height: 30px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #000000;
    color: #2f3030;
    margin-bottom: 5px!important;
    margin-top: 0px!important;
    margin-left: 0px!important;}
.gif{width: 192px!important;background-color: #858585;
    border-top: 5px solid #2f3030;border-bottom: 5px solid #2f3030;}
/*Всплывающая инфа на аватаре*/
.ac {border: solid 5px;
    border-left: none;
    border-right: none;
    border-image: url(http://co.forum4.ru/files/0017/f9/bc/84201.png) 5 5 5 5 round round;
 position: relative;
    margin-top: 0px!important;
    width: 220px;
    background: #271a0d url(http://i.imgur.com/w9y1eJc.png) top center;
    font-family: Lobster;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    color: #785710;
    text-shadow: 1px 1px 1px #000000;
    padding-bottom: 3px;
    margin-left: 0px!important;
}
.pst {
   font-family: Lobster;
    background: #700911 url(http://i.imgur.com/w9y1eJc.png) top center;
    border-top: 5px solid #163743;
    font-size: 35px;
    line-height: 30px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #0d1701;
    color: #785d36;
    margin-bottom: 5px!important;
    margin-top: -14px!important;
    margin-left: 0px!important;
}
.ba {
position: relative;
    margin-top: 2px!important;
    margin-left: 3px!important;
    background-color: #c6b7a5;
    box-sizing: border-box;
    color: #84620c;
    width: 215px;
    line-height: 12px;
    text-align: justify;
    font-family: Gabriela;
    font-size: 12px;
    height: 95px;
    overflow: auto;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 5 5 5 5 repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    background: url(http://i.imgur.com/ICw6dYW.png);
    padding: 2px 5px 5px 5px!important;
}
.ba::-webkit-scrollbar { width:4px; height:4px; }
.ba::-webkit-scrollbar-track {background: #090903;
    border: 1px solid #342613;
    box-shadow: inset -2px -2px 5px #312c20,inset 2px 2px 5px #101007;}
.ba::-webkit-scrollbar-thumb {     border-radius: 3px;
    background: #886709;
    border: 1px solid #342613;
    box-shadow: inset -2px -2px 5px rgba(49, 44, 32, 0.57);}
.ba::-webkit-selection {
    background: rgb(59, 137, 109);
    box-shadow: rgb(15, 47, 35) 1px 0px 3px 1px inset;
}

/*Таблица с инфой в профиле*/
/*Подвижка иконки*/
img.a-info{margin-top: 0;margin-left: 0;width:0;  /*Размер иконки*/
}
/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{ margin-top: -1px!important;margin-left:-6px!important;font: normal normal 400 12px/16.5px Verdana;
}
.tipsy{max-width:170px!important;}
/*сдвиг таблицы*/
 .my-tabs{width: 1010px!important;
margin:0 auto!important;
}
/*Цвет фона и бордюров таблицы*/
.my-tabs{max-height: 600px!important;
    min-height: 600px!important;
    background: url(http://i.imgur.com/LbBgkNp.png) no-repeat 0% 0%, url(http://i.imgur.com/t5RRfZp.png) no-repeat 100% 0%, url(http://i.imgur.com/Ny21jhG.png) no-repeat 0% 100%, url(http://i.imgur.com/qu8o7a2.png) no-repeat 100% 100%, url(http://i.imgur.com/w7Vrgx2.png) repeat-y 100% 0%, url(http://i.imgur.com/dq1sCof.png) repeat-y 0% 0%, url(http://i.imgur.com/BNp7ZMQ.png) repeat-x 50% 100%,url(http://i.imgur.com/sTOA8ag.png) #e2dbc9 repeat-x 0% 0%;
margin:0 auto!important;
}
.my-tabs > img.close {
 float:right;
 margin:0 -25px 0 0!important;
 width:27px;
}
.my-tabs>span.selected {
   opacity: 1;
    background-color: #090703 !important;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
}
.my-tabs>span {
    color: #bdaa77;
    font-variant: normal;
    background-color: #090703 !important;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    top: 16px;
    left: 50px;
    text-align: center!important;
    width: 109px;
    font-family: lobster!important;
    font-size: 20px!important;
}
.my-tabs>.tab-a{
    top:28px;
    left:55px;
    max-height: 490px!important;
    min-height: 490px!important;
    width: 900px!important;
    overflow-y: auto!important;
    width: auto;
    color: #111007!important;
    border: none!important;
    }
/*Таблица с инфой*/
/*BANNERI*/
.banners{
    left:8%;
    margin-top: -33px!important;
    position: absolute;
    width: 400px;
    font-family: 'Gabriela', sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    color: #846f5e!important;
    height: 355px;
    overflow-y: auto;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 5 5 5 5 repeat repeat;
    border-style: solid;
    border-width: 5px;
    background: url(http://i.imgur.com/ICw6dYW.png);
    padding: 12px 5px 10px 12px;}   
/*Инфоблок*/ 
#informativblock{ 
    right: 8%;
    margin-top: -33px!important;
    font-family: 'Gabriela', sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    color: #846012!important;
    overflow-x: hidden;
    padding: 8px 5px 5px;
    position: absolute;
    width: 700px;
    max-height: 355px!important;
    min-height: 355px!important;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 5 5 5 5 repeat repeat;
    border-style: solid;
    border-width: 5px;
    background: url(http://i.imgur.com/ICw6dYW.png);}
/*аватар в цитате*/
.quote-box.with-avatar{padding-left:17px!important;}
.author-avatar+span {margin-left:0px; }
.author-avatar {
     float: left;
    margin-left: -8px!important;
    margin-top: -6px!important;
    background-color: transparent !important;
    border: 5px solid transparent!important;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 fill repeat!important;
    position: relative;
}
.author-avatar > img { 
    width: 25px;
    background-color: transparent !important;
}
/*аватар в цитате*/
/*ссылка-дата-в сообщении*/
.permalink{
    font-family: lobster;}
/*ссылка-дата-в сообщении*/
/*блок ссылок в таблице*/
.linkcsrockblock{
    width: 250px;
    max-height: 225px;
    overflow-y: scroll;}
.linkcsrockblock::-webkit-scrollbar { width:4px; height:4px; }
.linkcsrockblock::-webkit-scrollbar-track { background-color: rgba(45, 35, 27, 0.24); border: 1px solid rgba(45, 35, 27, 0.24); }
/*деньги,опыт,достижения*/
.icn{display: inline-block;
    height: 22px;
    width: 220px;
    background-repeat: no-repeat;
    color: #78570b;
    text-shadow: 1px 1px 1px #000000;
    font-family: 'Lobster', sans-serif;
    font-variant: normal;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    padding-left: 5px;
    padding-top: 1px;
    padding-right: 7px;
}
/*деньги,опыт,достижения*/
/*AMC*/
.amc {
content: "";
    display:inline-box;
    width: 45px;
    height: 45px;
    position: relative;
    top: 5px;
    left: 1px;
    background: #110C00;
    box-shadow: inset 0px 0px 5px 1px #000000;
    background-size: 100%;
    overflow: hidden;
    box-sizing: border-box;
    background-color: transparent !important;
    border: 5px solid transparent!important;
    border-image: url(http://savepic.ru/10689071.png) 5 fill repeat!important;
}

/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
border-color: #20250D!important;
}
.s-tabs{margin-left: -40px!important;
display:block;
color: #723E19;
height: 244px; 
background:
  url("http://savepic.ru/8467663.png") no-repeat top center;
opacity: 1;
font-size: 13px;
}
.s-tabs>.stab{
height:200px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
background: #20250D;
margin-top: 15px!important;
margin-left: 10px!important;
position:relative;
z-index:100;
color:#88A222;
cursor:pointer;
border: 1px solid;
display:inline-block;
padding:4px;
height: 17px;
margin:0;
margin-right:-1px;
text-align:left;
padding-right:6px;
text-shadow: 1px 1px 2px rgba(0,0,0,.4);
font: italic normal 400 13px/16.5px "Comic Sans Ms";
}
/* Активное "Ушко" */
.s-tabs>span.selected{
color:#88A222;
background: #394216;
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
width: 860px;
    height: 200px;
    margin-left: 10px!important;
    margin: 0;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    vertical-align: middle;
    border-top: 4px solid;
    padding: 4px 12px!important;
}
/*Типы*/
.tooltip span::-webkit-scrollbar { width:4px; height:4px; }
.tooltip span::-webkit-scrollbar-track { background-color: rgba(45, 35, 27, 0.24); border: 1px solid rgba(45, 35, 27, 0.24); }
.tooltip {
border: none; 
color: #303b7e;
text-decoration: none;
position: initial;}

.tooltip span {
margin-left: -999em;
position: absolute;}

.tooltip:hover span {
font-family:verdana;
position: absolute;
z-index: 9999;
margin-left: -25px;}

.tooltip:hover img {
left: 1em; 
top: 20em; 
z-index: 9999;
margin-left: 0;}

.tip { 
position: absolute;
    background: #0d0d0d;
    color: #7f6417;
    text-shadow: none!important;
    z-index: 9000;
    width: 170px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
    text-align: justify;
    line-height: 10px;
    font-family: verdana;
    font-size: 10px;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
}

.tipTWO { 
position: absolute;
background: #dbdcde;
color: #503030;
border: 1px solid #acaeb4;
z-index: 9000;
width: 400px;
HEIGHT: 185x;
padding: 5px; 
text-align: justify; 
line-height: 10px;
font-family: verdana;
font-size: 10px;
}

/*АМС блок*/
.adminblock{z-index: 9000;
right: 220px;
margin-top: 64px!important;
    position: absolute;
    }
.admimg{width: 80px;  height: 45px;border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
opacity: 0.6;}
.admimg:hover{width: 80px;  height: 45px;border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
opacity: 1;}
/*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************ОСТАЛЬНЫЕ КОДЫ*****************************************************************
*****************************************************************************************************************************************************************************************************************************************************************************************/

/*CS6 - СТИЛИЗАЦИЯ КОДОВ В СООБЩЕНИЯХ - */
/*АНКЕТА+СПИСОК РОЛЕЙ+АДМИН ВЕЩАЕТ*/
/*СЮЖЕТУС*/
.chosb {width: 600px;background-image: url(http://i.imgur.com/SmlrQza.png);padding: 10px;}
.chosi {border: #a9a0cd 5px solid!important;width: 100px; height: 100px;}
.chosn {
    font-family: Nautilus Pompilius,Nautilus Pompilius;
    font-size: 40px;
    text-transform: capitalize;
    line-height: 100%;
    color: #a59e87;
    text-shadow: #19160b 2px 2px;
    margin-bottom: 5px;
    }
.chosp {
    width: 580px;
    background-color: rgb(165, 158, 135);
    padding: 10px;
    font-family: Gabriela;
    font-size: 16px;
    text-align: justify;
    line-height: 100%;
    color: #1c190e;
}
.chosi {
    border: rgb(165, 158, 135) 5px solid!important;
    width: 100px;
    height: 100px;
}
.chosp p::first-letter {font-family: Nautilus Pompilius,Nautilus Pompilius;font-size: 40px;line-height: 100%;color: #19160b;text-shadow: #0E0123 1px 1px;text-transform: uppercase;float: left;margin-right: 5px;}

}
.chosp p::first-letter {font-family: Nautilus Pompilius,Nautilus Pompilius;font-size: 40px;line-height: 100%;color: #1c022d;text-shadow: #0E0123 1px 1px;text-transform: uppercase;float: left;margin-right: 5px;}
/*СЮЖЕТУС*/
/*СТИЛЬ АНКЕТЫ*/
.nope{text-align: justify;}
.ss img {margin-left: 3%!important;
    border-radius: 15px;
    width: 585px;
    border-bottom: 5px solid #a68c2a!important;
    border-top: 5px solid #a68c2a!important;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.85)!important;
}
.bga {
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.85);
    width: auto;
    margin-top: -5px!important;
    padding: 10px;
    background: url(http://i.imgur.com/SmlrQza.png) repeat 0px 0px;
    border: 12px solid #a68c2a;
}
.bgb {
    padding-top: 1px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background: url(http://co.forum4.ru/files/0017/c3/6e/60854.png) top center repeat;
    box-shadow: inset 0px 0px 20px 4px rgba(37, 34, 23, 0.65);
    border-style: solid;
    border-color: #a68c2a;
    border-width: 6px;
    border-radius: 6px;
    color: #1b180d;
}
.my{
   color: #a68c2a;
   text-align: center;
   margin-top: -45px!important;
   line-height: 40px;
   padding-bottom: 2px;
   font-weight: 300;
   font-family: 'lobster', sans-serif;
   font-style: italic;
   font-size: 40px;
   text-shadow: 1px 1px #000000, 3px 1px #342613, 2px 2px 3px #000000;
}
.myr {
    text-align: center;
    margin-top: -15px!important;
    padding-left: 20px;
    padding-right: 20px;
    color: #a68c1c;
    text-shadow: 1px 1px #000000, -1px 1px #342613, 2px 2px 3px #000000;
    font-weight: 400;
    font-family: Veles;
    font-size: 18px;
    line-height: 9px;
}
.vneh {
      text-align: center;
      margin-top: -5px!important;
      margin-bottom: -20px!important;
      padding-left: 20px;
      padding-right: 20px;
      color: #a68c2a;
      text-shadow: 1px 1px #000000, -1px 1px #342613, 2px 2px 3px #000000;
      font-weight: 400;
      font-family: Veles;
      font-size: 10px;
      line-height: 9px;
}
.ap {
     text-align: center;
     padding: 4px;
     color: #171409;
     background-color: #a68c2a;
     font-weight: 700;
     font-family: Rex Inline;
     font-size: 12px;
     line-height: 11px;
     text-shadow: 1px 1px #ccaf41;
     box-shadow: 0px 0px 10px 1px rgb(0, 0, 0)!important;
}
.apb {
   letter-spacing: 0px;
    word-spacing: 0px;
    height: 20px;
    background: url(http://co.forum4.ru/files/0017/c3/6e/60854.png) top center repeat;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,1);
    color: #1d022d;
    text-transform: none;
    font-weight: 400;
    font-family: Constantine;
    font-size: 11px;
    line-height: 10px;
    overflow: auto;
    padding: 4px;
    margin-top: -17px!important;
}
.apbr {
   letter-spacing: 0px;
    word-spacing: 0px;
    height: 150px;
    background: url(http://co.forum4.ru/files/0017/c3/6e/60854.png) top center repeat;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,1);
    color: #1d022d;
    text-transform: none;
    font-weight: 400;
    font-family: Constantine;
    font-size: 11px;
    line-height: 10px;
    overflow: auto;
    padding: 4px;
    margin-top: -17px!important;
}
.zg {
  color: #a68c2a;
  margin-top: -25px!important;
  margin-bottom: -20px!important;
  line-height: 20px;
  padding-top: 2px;
  text-align: center;
  font-weight: 400;
  font-family: Lobster;
  font-style: italic;
  font-size: 30px;
  text-shadow: 1px 1px #000000, 3px 1px #342613, 2px 2px 3px #000000;
}
/*СТИЛЬ АНКЕТЫ*/
/*АДМИН ЖАБКА ВЕЩАЕТ*/
#outersiliconapp { border:1px solid #ccc; width:560px; height:337px; padding:3px; margin:auto; } 
.characternamesilicon {
    height: 50px;
    background: -webkit-gradient(linear,left bottom,right top,from(#560403),to(#b09a37));
    text-align: center;
    font-family: lobster;
    border-top: 5px solid #17190f;
    color: #ceb122;
    text-shadow: 1px 0px 0px #590905, -1px -1px 2px #000;
    font-size: 30px;
    line-height: 50px;
    letter-spacing: 1px;
}

.outersilicontabs {
    width: 400px;
    height: 362px;
    text-align: right;
    margin-top: -17px!important;
    padding-right: 10px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
}


.siliconappimage {
    opacity: 0;
    z-index: 0;
    width: 400px;
    height: 250px;
    overflow: hidden;
    position: absolute;
    margin-top: 5px!important;
    margin-left: 0px!important;
    -webkit-transition: opacity .8s 0s, z-index 0s .8s!important;
    -o-transition: opacity .8s 0s, z-index 0s .8s!important;
    -moz-transition: opacity .8s 0s, z-index 0s .8s!important;
    -ms-transition: opacity .8s 0s, z-index 0s .8s!important;
}
.kartinkahuinka img { width:400px; height:250px; } 

.siliconapptabs {
    z-index: 0;
    width: 400px;
    margin-left: -455px!important;
    height: 250px;
    overflow: hidden;
    position: absolute;
    margin-top: 5px!important;
    -webkit-transition: margin-left .8s 0s, z-index 0s 1s;
    -moz-transition: margin-left .8s 0s, z-index 0s 1s;
    -ms-transition: margin-left .8s 0s, z-index 0s 1s;
    -o-transition: margin-left .8s 0s, z-index 0s 1s;
}
.siliconplayer {
    position: absolute;
    margin-top: 250px!important;
    background: #3A3740;
    height: 33px;
    width: 550px;
    padding-right: 10px;
    text-align: right;
    line-height: 13px;
    color: #dcd0ff;
    font-family: sans-serif;
    font-size: 9px;
    letter-spacing: 2px;
}
.siliconplayer::before { content:" "; display:inline-block; border-top:1px dashed #ad9852; margin-right:10px; margin-bottom:1.5px; height:0px; width:50px; } 
.siliconplayer::after { content:" "; display:inline-block; border-top:1px dashed #ad9852; margin-left:10px; margin-bottom:1.5px; height:0px; width:50px; } 
.siliconsidebar {
    position: absolute;
    width: 160px;
    height: 250px;
    margin-left: 400px!important;
    background: #ad9852;
} 
.siliconrightav {
    float: right;
    overflow: hidden;
    border: 3px solid #5b0d06;
    background: #17190f;
    margin-top: 10px!important;
    margin-right: 45px!important;
}
.siliconrightav img { width:50px; height:50px; margin:1px; border:1px solid #ad9852!important; } 
.siliconsidebar ul {
    list-style: none!important;
    margin: 0px;
    padding: 0px!important;
    border-top: 1px solid #ccc;
    margin-top: 88px;
} 
.siliconsidebar li:nth-child(odd) {
    font-family: down;
    font-size: 8px;
    padding-left: 5px;
    padding-top: 2px;
    color: #5e1208;
    text-transform: lowercase;
    letter-spacing: 0.5px;
}
.siliconsidebar li:nth-child(odd):first-letter { color:#980400; } 
.siliconsidebar li:nth-child(even) {
    font-family: Constantine;
    font-size: 10px;
    text-aligN: center!important;
    color: #5e1107;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px;
}
.insidesiliconapp {
    background: #fff2e3;
    border: 1px solid #ccc;
    margin: 20px!important;
    padding: 10px;
    text-aligN: justify;
    font-family: courier;
    color: #200d31;
    height: 190px;
    font-size: 13px;
    line-height: 10px;
}
.backgroundsiliconblue {
    position: absolute;
    width: 400px;
    height: 250px;
    background: #f1ddc5;
    z-index: 0;
}
.insideinsidesilicon { padding-right:10px; height:190px; overflow:auto; } .maps-credit { width:10px; height:10px; font-size:8px!important; z-index:10; font-family:awesome; margin-top:288px; float:right; position:relative; } 
/*эффект объявления админов*/
.eff-5 {
  top: 17px;
  width: 400px;
  height: 250px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.eff-5 img {  min-width: 100%;  min-height: 100%;}
.eff-5 .overlay {
  width: 60px;
  height: 60px;
  background: rgba(255,255,255,0.6);
  position: absolute;
  top: 90px;
  left: 170px;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.eff-5 .overlay .icon {
  width: 35px;
  height: 23px;
  background: url('http://eisenpar.com/view-icon.png') 0 0 no-repeat;
  position: absolute;
  top: 18px;
  left: 13px;
  opacity: 1;
  -moz-transition: all 0.01s linear 0.2s;
  -o-transition: all 0.01s linear 0.2s;
  -ms-transition: all 0.01s linear 0.2s;
  -webkit-transition: all 0.01s linear 0.2s;
  transition: all 0.01s linear 0.2s;
}
.eff-5 .borders {
  width: 95%;
  height: 95%;
  position: absolute;
  top: 2%;
  left: 2%;
  opacity: 0;
  -moz-transition: all 0.01s linear 0s;
  -o-transition: all 0.01s linear 0s;
  -ms-transition: all 0.01s linear 0s;
  -webkit-transition: all 0.01s linear 0s;
  transition: all 0.01s linear 0s;
}
.eff-5 .borders-small {
  width: 92%;
  height: 91%;
  position: absolute;
  top: 4%;
  left: 3.5%;
  opacity: 0;
  -moz-transition: all 0.01s linear 0s;
  -o-transition: all 0.01s linear 0s;
  -ms-transition: all 0.01s linear 0s;
  -webkit-transition: all 0.01s linear 0s;
  transition: all 0.01s linear 0s;
}
.eff-5 .border {
  background: #5b0c05;
  position: absolute;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.eff-5 .borders .border-top {  top: 0px;  left: 0px;  width: 0px;  height: 1px;
}
.eff-5 .borders .border-left {  top: 0px;  left: 0px;  width: 1px;  height: 0px;
}
.eff-5 .borders .border-bottom {  bottom: 0px;  right: 0px;  width: 0px;  height: 1px;
}
.eff-5 .borders .border-right { bottom: 0px;  right: 0px;  width: 1px;  height: 0px;
}
.eff-5 .borders-small .border-top { top: 0px; right: 0px; width: 0px; height: 1px;
}
.eff-5 .borders-small .border-left {  bottom: 0px;  left: 0px;  width: 1px;  height: 0px;
}
.eff-5 .borders-small .border-bottom {  bottom: 0px;  left: 0px;  width: 0px;  height: 1px;
}
.eff-5 .borders-small .border-right {  top: 0px;  right: 0px;  width: 1px;  height: 0px;
}
.eff-5:hover .overlay {  width: 100%;  height: 100%;  top: 0px;  left: 0px;
}
.eff-5 .caption {  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  text-align: center;  color: white;
}
.eff-5 .texthuekst {
  width: 100%;
    height: 200px;
    overflow-y: auto;
    max-width: -webkit-calc(90% - 20px);
    max-width: -o-calc(90% - 20px);
    max-width: -moz-calc(90% - 20px);
    max-width: -ms-calc(90% - 20px);
    max-width: calc(90% - 20px);
    margin: 18px 0px 0px 18px;
    background: rgb(23, 25, 15);
    font-weight: 400;
    padding: 6px 10px;
    font-size: 12.5px;
    opacity: 0;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.eff-5:hover .overlay .icon {
  opacity: 0;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.eff-5:hover .borders,
.eff-5:hover .borders-small {
  opacity: 1;
}
.eff-5:hover .border-top,
.eff-5:hover .border-bottom {
  width: 100%;
  -moz-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.eff-5:hover .border-left,
.eff-5:hover .border-right {
  height: 100%;
  -moz-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.eff-5:hover .texthuekst{  opacity: 1;}

.eff-5:hover .texthuekst {
  -moz-transition-delay: 0.65s;
  -webkit-transition-delay: 0.65s;
  -ms-transition-delay: 0.65s;
  -o-transition-delay: 0.65s;
  transition-delay: 0.65s;
}
/*АДМИН ЖАБКА ВЕЩАЕТ*/
/*ПРАВИЛА*/
.blowakiss {
    background-image: -moz-linear-gradient(45deg,#7FC7AF,#1891B1);
    background-image: -webkit-gradient(linear,left bottom,right top,from(#560403),to(#b09a37));
    width: auto;
    padding: 15px 15px 15px 15px;
    border: 10px solid #755c0f;
}
.fireagun {
    position: relative;
    background-color: #E1CBA7;
    width: auto;
    border: 10px solid #755c0f;
}
.someoneto {
    background: url(http://i.imgur.com/KzFDD4s.png);
    border-bottom: 10px solid #755c0f;
}
#doyourecall {
    width: 0;
    height: 0;
    border-bottom: 120px solid rgba(40, 52, 11, 0);
    border-right: 200px solid transparent;
    margin-left: -329px;
    margin-top: -1px;
}
#notlongago {
    margin-top: -110px;
    width: 250px;
    height: 80px;
    margin-left: 0px;
    background: #63040e;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.leanon {
    font-family: 'Lobster', cursive;
    font-size: 50px;
    line-height: 120%;
    color: #ceb122;
    text-align: center;
    left: -5px;
    text-shadow: 1px 0px 0px #590905, -1px -1px 2px #000;
    position: relative;
}
.major {
    font-family: 'PT Mono';
    font-size: 8px;
    color: #ceb122;
    line-height: 100%;
    letter-spacing: 3px;
    margin-left: px;
    margin-top: -2px;
    position: relative;
}
.weallneed {
    position: relative;
    padding: 37px 20px 5px 20px;
    margin-top: 10px;
    color: #030201;
    font-family: 'Gabriela', sans-serif;
    text-align: justify;
    line-height: 17px;
}
.lazer {
    font-family: 'Gagalin', cursive;
    font-size: 30px;
    line-height: 100%;
    color: #63040e;
    text-align: center;
    Border-bottom: 5px double;
    Border-top: 5px double;
    Border-top-left-radius: 10px;
    Border-top-right-radius: 10px;
    Border-bottom-left-radius: 10px;
    Border-bottom-right-radius: 10px;
    padding-bottom: 4px;
    margin: 5px 0 10px 0;
    position: relative;
}
#notlongago:before {
 content:"";
 position: absolute;
 right: 100%;
 top: 30px;
 width: 0;
 height: 0;
 border-top: 13px solid transparent;
 border-right: 26px solid #63040e;
 border-bottom: 13px solid transparent;
 }

.zag{margin-top: -15px!important;
   color: #495d22;
    text-align: center;
    line-height: 40px;
    font-weight: 300;
    font-family: 'lobster', sans-serif;
    font-style: italic;
    font-size: 30px;
    text-shadow: 1px 1px #161c08, 2px 1px #203004, 1px 1px 2px #0b0a08;}
/*ПРАВИЛА*/
/**гостевая**/
.sandfaces {margin-top: -20px;width: 560px;height: auto;background-color: rgba(250, 250, 250, 0.15);border: 15px solid #755c0f;padding: 20px;}
.sandfacestitle { background: #9ad2f1; padding: 40px; font-family: fugaz one; color: #fff; text-shadow: 4px 2px 0px #e9d4e9; font-size: 50px; }
.sandfaces1 { float: left; }
.sandfaces2 { margin-left: 230px!important;width: 215px }
.sandfacesheader {background: #755c0f;padding: 5px;font-family: montserrat;text-transform: uppercase;font-size: 13px;color: #b99f4e;letter-spacing: 1px;text-align: center;width: 250px;}
.sandfaceslist {width: 250px; font-family: montserrat; font-size: 9px; text-align: center; color: #1a1a1a; text-transform: uppercase; padding: 5px; letter-spacing: 1px; opacity: 0.8; height: 100px; overflow: auto; background-color: #FFF1DB;}
.sandfacesabout { font-family: montserrat; font-size: 9px; text-align: justify; color: #1a1a1a; text-transform: uppercase; padding: 5px; letter-spacing: 1px; opacity: 0.8; }

  .jiwmgallery-base {margin: 25px auto;width: 600px;height: 334px;background-image: url(http://i.imgur.com/KzFDD4s.png);border: 15px solid #755c0f;position: relative;overflow: hidden;}
  
  .jiwmgallery-abtbase {width: 170px;height: 170px;padding: 10px;background-color: rgba(250, 250, 250, 0.15);position: absolute;top: 135px!important;bottom: 25px;right: -190px;-webkit-transition-duration: 1.4s;-moz-transition-duration: 1.4s;transition-duration: 1.4s;}
  
  .jiwmgallery-abtbg {width: 150px;height: 150px;padding: 10px;background: #ab8920 url(http://i.imgur.com/w9y1eJc.png);}
  
  .jiwmgallery-abtinfo {width: 140px;height: 150px;padding-right: 10px;overflow: auto;font: normal 300 12px/12px 'source sans pro';text-align: justify;color: #000;}
  
  .jiwmgallery-abtinfo b { font: normal 900 13px/12px 'source sans pro'; color: #a38c8d; }
  
  .jiwmgallery-abtinfo i { font: italic 400 11px/12px 'source sans pro'; color: #a38c8d; }
  
  .jiwmgallery-abtinfo::-webkit-scrollbar { width:4px; height:4px; }
  .jiwmgallery-abtinfo::-webkit-scrollbar-track { background-color: rgba(45, 35, 27, 0.24); border: 1px solid rgba(45, 35, 27, 0.24); }
  .jiwmgallery-abtinfo::-webkit-scrollbar-thumb { background-color: background-color: #215568; border: 1px solid #0b2c38; }
  
  .jiwmgallery-gifbase { width: 100px; height: 100px; padding: 5px; background-color: rgba(250, 250, 250, 0.15); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; position: absolute; top: 112px; right: 230px; -webkit-transition-duration: 1.4s; -moz-transition-duration: 1.4s; transition-duration: 1.4s; }
  
  .jiwmgallery-gifbg {width: 90px;height: 90px;padding: 5px;background-color: #755c0f;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
  
  .jiwmgallery-gifbg img { width: 90px; height: 90px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; }
  
  .jiwmgallery-headerbase { width: 275px; height: 45px; padding: 10px; background-color: rgba(250, 250, 250, 0.15); position: absolute; top: -65px; left: 25px; -webkit-transition-duration: 1.4s; -moz-transition-duration: 1.4s; transition-duration: 1.4s; }
  
  .jiwmgallery-headerbg {width: 255px;height: 25px;padding: 10px;background: #ab8920 url(http://i.imgur.com/w9y1eJc.png);}
  
  .jiwmgallery-headerbg r1 {margin: 3px 0px 0px 0px;font: normal 900 12px/12px 'source sans pro';text-transform: uppercase;color: #570604;text-align: left;}
  
  .jiwmgallery-headerbg r2 {margin: 0px;padding-right: 20px;font: normal 300 10px/9px 'source sans pro';text-transform: uppercase;color: #090904;text-align: right;}
  
  .jiwmgallery-headerbg span {color: #570604;padding: 0px 4px 0px 4px;}
  
  .jiwmgallery-contentbase { width: 275px; height: 210px; padding: 10px; background-color: rgba(250, 250, 250, 0.15); position: absolute; bottom: -250px; left: 25px; -webkit-transition-duration: 1.4s; -moz-transition-duration: 1.4s; transition-duration: 1.4s; }
  
  .jiwmgallery-contentbg {width: 255px;height: 190px;padding: 10px;background: #ab8920 url(http://i.imgur.com/w9y1eJc.png);}
  
  .jiwmgallery-contenttext {width: 250px;height: 188px;padding-right: 10px;overflow: auto;font: normal 300 14px/13px 'source sans pro';text-align: justify;color: #060602;}
  
  .jiwmgallery-contenttext::-webkit-scrollbar { width:4px; height:4px; }
  .jiwmgallery-contenttext::-webkit-scrollbar-track { background-color: rgba(45, 35, 27, 0.24); border: 1px solid rgba(45, 35, 27, 0.24); }
  .jiwmgallery-contenttext::-webkit-scrollbar-thumb { background-color: #886709; border: 1px solid #342613; }
  
  .jiwmgallery-contenttext r1 { margin: 0px; font: normal 900 25px/25px 'source sans pro'; text-transform: uppercase; color: #000; letter-spacing: -1px; text-align: left; }
  
  .jiwmgallery-contenttext r1:first-letter { color: #d4dad9; }
  
  .jiwmgallery-contenttext a { padding: 5px; margin-left: 10px; background-color: #686d7a; font: normal 300 10px/10px 'source sans pro'; color: #fff; text-transform: uppercase; text-decoration: none; }
  
  .jiwmgallery-contenttext a:hover { background-color: #b5a6aa; }
  
  .jiwmgallery-bg { width: 600px; height: 334px; background-color: rgba(250,250,250,.4); position: absolute; bottom: 0px; left: 0px; -webkit-transition-duration: 1.4s; -moz-transition-duration: 1.4s; transition-duration: 1.4s; }
  
  .jiwmgallery-base:hover .jiwmgallery-abtbase { right: 25px; -webkit-transition-delay: 1s; transition-delay: 1s; -moz-transition-delay: 1s; }
  
  .jiwmgallery-base:hover .jiwmgallery-gifbase { top: 10px; right: 70px; }
  
  .jiwmgallery-base:hover .jiwmgallery-headerbase { top: 25px; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; -moz-transition-delay: 1.4s; }
  
  .jiwmgallery-base:hover .jiwmgallery-contentbase { bottom: 10px; -webkit-transition-delay: 1.8s; transition-delay: 1.8s; -moz-transition-delay: 1.8s; }
  
  .jiwmgallery-base:hover .jiwmgallery-bg { bottom: -334px; left: -500px; }
/**гостевая**/
/**ссылки в гостевой**/
a.oldws:link, a.oldws:visited {margin-left: 10px;margin-left: 10px;display: block;margin-bottom: 3px;font: small-caps 800 12px "Gabriela" !important;background: rgb(130, 99, 7);color: #312604;text-align: center;text-decoration: none;border: 1px solid #4e3e0b !important;border-radius: 20px;}

a.oldws:hover, a.oldws:active 
{-moz-transition: 1s ease;-webkit-transition: 1s ease;display: block;background: rgba(23, 23, 13, 0.64);color: #755c0f;font: small-caps 800 12px "Gabriela" !important;letter-spacing: 2px;}


/**ссылки в гостевой**/
/*** СЮЖЕТ ***/
#meatloaf {
    width: auto;
    height: 600px;
    background-image: url(http://co.forum4.ru/files/0017/c3/6e/49896.png);
    padding: 20px;
    position: relative;
    margin: 50px;
    border: 5px solid #755c0f;
    } 
#meatd {
    width: 100px;
    height: 100px;
    transform: rotate(45deg) translateX(10px);
    -moz-transform: rotate(45deg) translateX(10px);
    -webkit-transform: rotate(45deg) translateX(10px);
    -ms-transform: rotate(45deg) translateX(10px);
    -o-transform: rotate(45deg) translateX(10px);
    border: 5px solid #755c0f;
    padding: 10px;
    background-color: #191208;
    position: absolute;
    top: -25px;
    right: -21px;
    } 
#meatd2 {
    width: 70px;
    height: 70px;
    transform: rotate(45deg) translateX(10px);
    -moz-transform: rotate(45deg) translateX(10px);
    -webkit-transform: rotate(45deg) translateX(10px);
    -ms-transform: rotate(45deg) translateX(10px);
    -o-transform: rotate(45deg) translateX(10px);
    border: 5px solid #755c0f;
    padding: 10px;
    background-color: #191208;
    position: absolute;
    bottom: -10px;
    left: -30px;
    } 
.meatd-in2 {width: 100px; height: 100px; overflow: hidden;} .meatd-in3 {width: 70px; height: 70px; overflow: hidden;} .meatd-in {width: 150px; height: 150px; transform: rotate(-45deg) translate(-3px, -28px); -moz-transform: rotate(-45deg) translate(-3px, -28px); -webkit-transform: rotate(-45deg) translate(-3px, -28px); -ms-transform: rotate(-45deg) translate(-3px, -28px); -o-transform: rotate(-45deg) translate(-3px, -28px); background-size: cover; background-position: center;} 
.meatd-in4 {width: 120px; height: 120px; transform: rotate(-45deg) translate(-3px, -28px); -moz-transform: rotate(-45deg) translate(-3px, -28px); -webkit-transform: rotate(-45deg) translate(-3px, -28px); -ms-transform: rotate(-45deg) translate(-3px, -28px); -o-transform: rotate(-45deg) translate(-3px, -28px); background-size: cover; background-position: center;} 
.meatd-in img {width: 150px; height: 150px; margin-top: -2px;} 
.meatd-in4 img {width: 100px; height: 100px;} 
.meat-lyr {
    font: 43px Playfair Display SC;
    letter-spacing: -1px;
    text-shadow: 1px 0px 0px #590905, -1px -1px 2px #000;
    color: #ceb122;
    text-align: left;
    font-weight: 900;
    border-bottom: 1px solid #a49353;
    } 
.meat-w {
    padding: 5px;
    background: #323232 url(http://savepic.ru/11369861.png)repeat!important;
    height: 450px;
    margin: 20px 20px 0px 20px!important;
    border: 5px solid #755c0f;
    } 
.meat-w2 {padding-right: 10px;
    text-align: justify;
    line-height: 100%;
    font: 13px Gabriela;
    letter-spacing: 1px;
    color: #a49353;
    overflow: auto;
    height: 450px;} 
.meat-w2 b {font-weight: 900!important;
    color: #900107;
    font: 16px lobster;} 
.meat-w2 g {
    color: #17a0b5;
    font: 13px Gabriela;
    font-style: italic;
}
.meat-lyr2 {      font: 9px roboto;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ceb122;
    text-align: right;
    margin-top: 10px!important;}
.meat-w2 p::first-letter {font-family: Nautilus Pompilius,Nautilus Pompilius;font-size: 40px;line-height: 100%;color: #ceb122;text-shadow: #0E0123 1px 1px;text-transform: uppercase;float: left;margin-right: 5px;}

/*** СЮЖЕТ ***/
/*ШАБЛОН ВАНТЕДА*/
#broxy {width: 620px;height: 560px;position: relative;overflow: hidden;background: url(http://i.imgur.com/SmlrQza.png) center;border: 12px solid #755c0f;}
.wtable{width: 550px!important; height: 480px!important; padding: 20px!important;}
.winhert{width: 530px!important;height: 470px!important;padding: 20px!important;background: url(http://co.forum4.ru/files/0017/c3/6e/60854.png) top center repeat;box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,1);border-style: solid;border-color: #755c0f;border-width: 5px;}
.wtitle{width: 400px!important;margin-top: -15px!important;margin-left: 115px!important;font-family: 'Caviar Dreams', sans-serif;font-size: 18px;text-transform: uppercase;text-align: center;color: #131005;line-height: 100%;}
.wwords{padding: 5px 5px 15px 5px;margin-top: -10px!important;margin-left: 115px!important;width: 410px!important;height: 275px!important;overflow-y: auto;box-shadow: inset 0px 0px 8px 2px rgba(0,0,0,1);border-style: solid;border-color: #755c0f;border-width: 5px;font-family: 'Caviar Dreams', sans-serif;font-size: 16px;text-transform: uppercase;text-align: center;color: #35044b;line-height: 100%;}
.swords{padding: 5px 5px 15px 5px;margin-top: -10px!important;margin-left: 115px!important;width: 410px!important;height: 130px!important;font-family: 'Caviar Dreams', sans-serif;font-size: 16px;text-transform: uppercase;text-align: center;color: #755c0f;line-height: 100%;overflow-y: auto;box-shadow: inset 0px 0px 8px 2px rgba(0,0,0,1);border-style: solid;border-color: #755c0f;border-width: 5px;}
.winput{height: 35px;overflow: auto;width: 130px!important;border: 3px solid #755c0f;margin-left: -410px!important;margin-top: 3px!important;c;color: #221f14!important;background: url(http://co.forum4.ru/files/0017/c3/6e/60854.png) top center repeat;box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,1);font-family: 'Caviar Dreams', sans-serif;font-size: 12px;}
.wimg{width: 150px!important;height: 150px!important;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;-o-border-radius: 100%;border: 10px solid #755c0f;margin-left: -450px!important;margin-top: -540px!important;background-color: #000;}
.texta{height: 258px!important;font-size: 14px!important;text-transform: none;font-family: Book Antiqua,sans-serif;text-align: justify;color: #1b180d!important;line-height: 100%;overflow-y: auto;}
.textb{height: 114px!important;font-size: 14px!important;text-transform: none;font-family: Book Antiqua,sans-serif;text-align: justify;color: #2f2c21!important;line-height: 100%;overflow-y: auto;}

/*ШАБЛОН ВАНТЕДА*/
/*ОФОРМЛЕНИЕ РОЛЕЙ*/
.eff-10 {
  width: 200px;
  height: 250px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.eff-10 img {
  min-width: 100%;
  min-height: 100%;
}
.eff-10 .overlay {
  width: 0px;
  height: 0px;
  border: 50px solid transparent;
  border-bottom: 50px solid rgba(255,255,255,0.6);
  border-right: 50px solid rgba(255,255,255,0.6);
  position: absolute;
  right: 0;
  bottom: 0;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  -webkit-transform-origin: right;
  transform-origin: right;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.eff-10 .overlay .icon {
  width: 35px;
  height: 23px;
  background: url('http://eisenpar.com/view-icon.png') 0 0 no-repeat;
  position: absolute;
  top: 9px;
  left: 5px;
  -moz-transition: all 0.01s linear 0.2s;
  -o-transition: all 0.01s linear 0.2s;
  -ms-transition: all 0.01s linear 0.2s;
  -webkit-transition: all 0.01s linear 0.2s;
  transition: all 0.01s linear 0.2s;
}
.eff-10 .gradient {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: -moz-radial-gradient(circle, rgba(255,255,255,0) 25%, rgba(255,255,255,0.7));
  background: -ms-radial-gradient(circle, rgba(255,255,255,0) 25%, rgba(255,255,255,0.7));
  background: -o-radial-gradient(circle, rgba(255,255,255,0) 25%, rgba(255,255,255,0.7));
  background: -webkit-radial-gradient(circle, rgba(255,255,255,0) 25%, rgba(255,255,255,0.7));
  background: radial-gradient(circle, rgba(255,255,255,0) 25%, rgba(255,255,255,0.7));
  opacity: 0;
  -moz-transition: all 0.3s linear 0.2s;
  -ms-transition: all 0.3s linear 0.2s;
  -o-transition: all 0.3s linear 0.2s;
  -webkit-transition: all 0.3s linear 0.2s;
  transition: all 0.3s linear 0.2s;
} 
.eff-10 .caption {
  position: absolute;
  top: 0px;
  left: 35px;
  width: 190px;
  height: 100px;
  text-align: center;
  color: white;
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.eff-10 .caption h4 {
  width: 90%;
  margin: 5px auto 5px -20px;
  background: rgba(0,0,0,0.7);
  font-weight: 200;
  text-transform: uppercase;
  font-size: 18px;
  padding: 6px 0px;
  position: relative;
}
.eff-10 .caption .pp {
  width: 180px;
  max-width: -webkit-calc(80% - 20px);
  max-width: -o-calc(90% - 20px);
  max-width: -moz-calc(90% - 20px);
  max-width: -ms-calc(90% - 20px);
  max-width: calc(90% - 20px);
  margin: 10px 0px 0px -20px;
  background: rgba(0,0,0,0.8);
  font-weight: 200;
  padding: 10px 10px;
  font-size: 11px;
  text-align: justify;
  max-height: 120px;
  min-height: 120px;
  overflow: auto;
}
.eff-10 .caption .pp::-webkit-scrollbar { width:4px; height:4px;background-color: #dcd0ff; }
.eff-10 .caption .pp::-webkit-scrollbar-thumb { background-color: #2d123d;}

.eff-10 .caption a {
  display: inline-block;
  margin: 10px 0px 0px -50px;
  background-color: #755c0f;
  color: inherit;
  padding: 7px 20px;
  font-size: 15px;
  box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.2);
  border-radius: 5px;
  text-decoration: none;
}
.eff-10:hover .overlay {
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.eff-10:hover .overlay .icon {
  opacity: 0;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.eff-10:hover .gradient {
  opacity: 1;
  -moz-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.eff-10:hover .caption {
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -moz-transition-delay: 0.45s;
  -ms-transition-delay: 0.45s;
  -o-transition-delay: 0.45s;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}                  
/*ОФОРМЛЕНИЕ РОЛЕЙ*/
/*всписок внешностей*/
#CODE  { 
	    white-space: normal;
    font-family: Courier, Courier New, Verdana, Arial;
    font-size: 12px;
    word-break: break-word;
    color: #191e1a;
    background-color: #b3a696;
    border: 0px;
    box-shadow: 0px 2px 10px #000000 inset;
    border: 1px solid #C3B498;
    margin-top: 2px;
    padding: 30px;}

#sfields2-container {
  width: auto;
  box-sizing: border-box;
  color: #846f5e!important;
  overflow: hidden; 
  margin: 20px auto;
}

.sfields2-title {
      width: auto;
      padding: 10px 10px 15px 10px;
      background: url(http://i.imgur.com/SmlrQza.png);
      color: #4b0304;
      text-shadow: 1px 1px 1px #57421d, -1px -1px 1px #57421d;
      font-family: 'Lobster', cursive;
      font-size: 40px;
      text-transform: none;
      border-top: 5px #755c0f solid;
      letter-spacing: -1px;
}

.sfields2-title span {
  color: #ceb122;
}

.sfields2-text {
  width: auto;
  padding: 10px 10px 10px 10px;
  background-color: #c6b7a5;
  font: normal 16px/100% Alexander;
  text-align: justify;
  border-top: 5px #755c0f solid;
  border-bottom: 5px #755c0f solid;
  color: #12120a;
}

.sfields2-text b {
  font: bold 12px/100% 'Source Sans Pro';
  color: #2c3e33;
}

.sfields2-text i {
  font: italic 12px/100% 'Source Sans Pro';
  color: #de8c3a;
}

.sfields4-subtitle {
 font: bold 25px/130% 'Intro';
 padding: 10px 10px 10px 10px;
 background-image: url(http://i.imgur.com/SmlrQza.png);
 text-align: center;
 color: #4b0304;
 text-shadow: 1px 1px 1px #57421d, -1px -1px 1px #57421d;
 text-transform: uppercase;
 border-top: 5px #755c0f solid;
 border-bottom: 5px #755c0f solid;
 width: 315px;
 margin-left: -10px!important;
 float: left;
 clear: left;
 letter-spacing: -1px;
}

.sfields4-subtitle span {
  color: #125358;
}

.sfields5-subtitle {
  font: bold 25px/130% 'Intro';
  padding: 10px 10px 10px 10px;
  background-image: url(http://i.imgur.com/SmlrQza.png);
  text-align: center;
  color: #4b0304;
  text-shadow: 1px 1px 1px #57421d, -1px -1px 1px #57421d;
  text-transform: uppercase;
  border-top: 5px #755c0f solid;
  border-bottom: 5px #755c0f solid;
  width: 315px;
  margin-right: -145px!important;
  float: right;
  clear: right;
  letter-spacing: -1px;
}

.sfields2-subtitle2 {
  font: bold 25px/160% 'Intro';
  padding: 10px 10px 10px 10px;
  background-image: url(http://i.imgur.com/SmlrQza.png);
  text-align: center;
  color: #4b0304;
  text-shadow: 1px 1px 1px #57421d, -1px -1px 1px #57421d;
  text-transform: uppercase;
  border-top: 5px #755c0f solid;
  border-bottom: 5px #755c0f solid;
  width: auto;
  margin-left: -10px!important;
  margin-right: -10px!important;
  letter-spacing: -1px;
  height: 40px;
  margin-top: 220px!important;
}
.sfields2-subtitle2 span {
  color: #d29539;
}

.sfields5-subtitle span {
  color: #AB188A;
}

.sfields2-floatcontainer {
  width: 520px;
  margin-top: 10px;
  height: 20px;
}

.sfields2-textleft {background-color: rgba(239, 224, 207, 0.35);width: 315px;margin-left: -10px!important;padding: 10px 10px 10px 10px;font: normal 11px/100% 'Source Sans Pro';border-bottom: 5px #755c0f solid;float: left;clear: left;text-align: justify;color: #2c3e33;height: 150px;overflow: auto;}
.sfields2-textright {
      background-color: rgba(239, 224, 207, 0.35);
      width: 315px;
      padding: 10px 10px 10px 10px;
      border-bottom: 5px #755c0f solid;
      font: normal 11px/100% 'Source Sans Pro';
      float: right;
      margin-right: -145px!important;
      clear: right;
      text-align: justify;
      color: #2c3e33;
      overflow: auto;
      height: 150px;
}
.sfields2-textmiddle {background-color: rgba(239, 224, 207, 0.35);border-bottom: 5px #755c0f solid;width: auto;margin-left: -10px!important;margin-right: -10px!important;padding: 10px 10px 10px 10px;font: normal 12px/100% 'Source Sans Pro';text-align: justify;color: #2c3e33;}

.sfields2-text a {
  font: bold 12px/100% 'Source Sans Pro';
  color: #de8c3a;
  text-decoration: none;

}
/*список внешностей*/
/*Инфа в таблице 1 вкладка*/
#bg3 {min-width: 650px; height: 430px; background: url(http://i.imgur.com/SmlrQza.png) repeat 0px 0px;
    border: 12px solid #a68c2a; position: relative; overflow: hidden;
}
#bg3 img { width: 200px; height: 200px; border-radius: 360px;  -moz-border-radius: 360px;  -webkit-border-radius: 360px;  -ms-border-radius: 360px;  -o-border-radius: 360px; padding: 5px; background-color: #a68c2a; border: 1px solid #120f04; position: absolute; left: 200px;  top: 50px; transform: scale(1,1); -moz-transform: scale(1,1);  -webkit-transform: scale(1,1); -ms-transform: scale(1,1);  -o-transform: scale(1,1);  transition: all 0.6s ease-in-out;  -moz-transition: all 0.6s ease-in-out;  -webkit-transition: all 0.6s ease-in-out;   -ms-transition: all 0.6s ease-in-out;  -o-transition: all 0.6s ease-in-out;
}
#bg3:hover img { transform: scale(0.5, 0.5);  -moz-transform: scale(0.5, 0.5);  -webkit-transform: scale(0.5, 0.5);   -ms-transform: scale(0.5, 0.5);  -o-transform: scale(0.5, 0.5);  top: 0px;  left: -0px;
}
#bg3 .bgw {position: absolute;right: -350px;margin-right: -20px;top: 40px;width: 350px;height: 230px;height: 230px;border: 1px solid #3a372c;box-shadow: inset 0px 0px 8px #000;background-color: rgba(23, 22, 18, 0.76);transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;padding: 10px;}
#bg3:hover .bgw {right: 30px;}
.bgw2 {margin: 20px;text-align: justify;line-height: 85%;font-size: 13px;font-family: Gabriela;color: #6f6f6f;overflow: auto;height: 200px;padding-right: 10px;}
#bg3 .bgn { position: absolute; margin-left: -20px; left: -180px; top: 160px;  width: 200px;   transition: all 0.6s ease-in-out;   -moz-transition: all 0.6s ease-in-out;  -webkit-transition: all 0.6s ease-in-out;   -ms-transition: all 0.6s ease-in-out;  -o-transition: all 0.6s ease-in-out;
}
#bg3:hover .bgn {left: 30px;}
.bgn2 { font-family: georgia; font-style: italic; font-size: 11.5px; text-align: center; padding: 5px; border: 1px solid #3a372c; box-shadow: inset 0px 0px 8px #000; background-color: rgba(23, 22, 18, 0.76); text-transform: lowercase; margin: 5px!important; color: #827d6e;
}
.bgn2 a {color: #555;}
#bg3 .bgl {  font-family: Lobster;  color: #a68c2a;   font-size: 60px;   letter-spacing: -4px;   font-style: italic;   position: absolute;   bottom: 50px; width: 600px;  left: 30px;   text-shadow: 1px 1px 0px #110e03;   transition: all 0.6s ease-in-out;   -moz-transition: all 0.6s ease-in-out;   -webkit-transition: all 0.6s ease-in-out;   -ms-transition: all 0.6s ease-in-out;  -o-transition: all 0.6s ease-in-out;
}
#bg3:hover .bgl {bottom: 20px;}
#bg3 .bgl sub {display: block; font-family: arial; color; #fff; border-top: 1px solid #a68c2a; margin-top: 20px; padding-top: 5px; text-transform: uppercase; letter-spacing: 2px; font-size: 7.5px; font-style: normal;}
.btn1{display: inline-block; margin: 5px 0px 0px 0px!important;  background-color: #755c0f;  color: #af9357!important;  padding: 7px 20px;  font-size: 15px;  box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.2);  border-radius: 5px;  text-decoration: none;}
.btn1:hover{display: inline-block; margin: 5px 0px 0px 0px!important;  background-color: #755c0f;  color: #73060a!important; padding: 7px 20px;  font-size: 15px;  box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.2);  border-radius: 5px;  text-decoration: none;}
/***стиль талантов****/
.circlebr{
    display: block;
    width: 67px;
    height: 67px;
    position: relative;
    top: 6px;
    left: 6px;
background: url("http://savepic.ru/10233049.png") no-repeat;
}
.circlebg{content: "";
    display: block;
    width: 49px;
    height: 49px;
    position: relative;
    top: 7px;
    left: 9px;
    background: #110C00;
    box-shadow: inset 0px 0px 5px 1px #000000;
    background-size: 100%;
    border-radius: 24px;}
.numbg{background-color: #060603 !important;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    width: auto;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    margin-left: 0px;
    margin-right: 15px;
    text-align: center;}
.abig{
   font-size: 25px;
    color: #0666bb;
    text-shadow: 1px 1px #00edff, 2px 1px #2f385f, 1px 1px 2px #000000;
    position: relative;
    top: 3px;
    left: -2px;
    font-family: lobster;
    letter-spacing: -0.05em;
}
   .pointname {color: #0f3e50;
    font-size: 11px;
    display: block;
    font-weight: bold;
    line-height: 12px;
    position: relative;
    top: 9px;
    letter-spacing: 0;}
.tablebgr{background-color: #060603 !important;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    margin-left: 15px!important;
    margin-right: 15px!important;
    color: #baa571;}
/*HP*/
.hpline {
  	background: #9A180B;
  	padding: 3px 3px 3px 3px;
  	border-radius: 10px;
  	color: #FAECEC;
  	text-transform: uppercase;
  	text-shadow: 1px 1px 0px #9A180B;
  	font-size: 10px;
        text-align: center;
}
.hph {
  	background: rgba(218, 113, 101, 0.44);
  	border-radius: 10px;
}
/*MP*/
.mpline {
  	background: #13127D;
  	padding: 3px 3px 3px 3px;
  	border-radius: 10px;
  	color: #FAECEC;
  	text-transform: uppercase;
  	text-shadow: 1px 1px 0px #13127D;
  	font-size: 10px;
        text-align: center;
}
.mph {
  	background: rgba(86, 86, 177, 0.45);
  	border-radius: 10px;
}
/* ачивки */
#diamond1 img{
 width: 50px;
    height: 50px;
    margin: 0px 0px 0px 0px;
    background-color: #060603 !important;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    cursor: pointer;
}
.achivbg{min-width: 640px;
    background-color: #060603 !important;
    border-image: url(http://co.forum4.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
    border-style: solid!important;
    border-width: 5px!important;
    margin-left: 15px!important;
    margin-right: 15px!important;
    color: #baa571;}