/*

 PSD & Coded: Balbesskin
 E-mail: balbesskin@outlook.com
 Skype: balbesskin
 VK.com: vk.com/balbesskin

*/


/*== MAIN STYLES ==*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}

:focus {outline:none;}

table {border-collapse: collapse; border-spacing: 0;}

a img, img {border: 0 none;}

ol, ul {list-style: none;}

p {margin: 10px 0;}

html, body {height: 100%; margin: 0; padding: 0; font: 13px/17px 'Roboto'; color: #484848;}
html {background: #f4f4f4;}

.wrapper {min-height: 100%; margin-bottom: -99px;}

* html .wrapper {height: 100%;}

.buffer {height: 99px;}

a {color: #484848; text-decoration: none;}
a:hover {color: #eb5a4b; text-decoration: none;}

hr {height: 1px; border: 0 none; background: #ededed; color: transparent;}

h1, h2, h3, h4, h5, h6 {display: block; margin: 0; padding: 0; font-weight: normal;}
h1 {font: 13px 'Roboto';}
h2 {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

.left {float: left;}
.right {float: right;}
.hidden {overflow: hidden;}
.clear {clear: both;}

.none, .chosen-search, .ucoz-editor-bbpanel, .ucoz-editor-htpanel, .com-order-block,
.upd-edit .manTd1, .upd-edit #kdsM3, .upd-edit #nwM30, .upd-edit #nwM51, .upd-edit #nwM7, .upd-edit #nwM33,
.upd-edit .manTdSep, .upd-edit .manTdBrief [style='padding-bottom:3px;'],
.upd-edit .manTdBrief [style='padding-bottom:3px;float:right;'], .upd-edit .ucoz-editor-bottom,
.myBtnLeft, .myBtnRight, .myBtnLeftA, .myBtnRightA, fieldset legend, #frm235 td[width="1%"],
#numEntries, .csTop, .x-sh, .xw-sps, .xt-maxi, .xt-rest, .xt-mini, .xw-bl, .myWinCont #bc1,
.myWinCont #bc2, .myWinCont #bc3, .myWinCont #bc4, .myWinCont #bc6, .myWinCont #bc7,
.myWinCont #bc8, .myWinCont #bc9, .myWinCont #bc18, .myWinCont #bc12, .myWinCont #bc13,
.myWinCont #bc14, .myWinCont #bc15, .myWinCont #bc16, .myWinCont #bc17,
#frm235 fieldset:nth-of-type(1), #frm235 fieldset:nth-of-type(3),
#frm235 fieldset:nth-of-type(4) #msg235, .bbCodeName, .upd .block .mess,
.comm-frm .commError span[style="color:#8B8B8B"] img, .reg .bott [style="cursor:pointer;"],
.reg [onclick="ava(0);return false;"] {display: none!important;}

.tr-a {transition: all 0.2s;}
.br-3 {border-radius: 3px;}
.br-50 {border-radius: 50%;}
.sh-w {box-shadow: 0 0 5px rgba(0, 0, 0, 0.24);}

.hint {padding: 20px 0 15px; font-size: 10px; text-align: center;}
.error {background: rgba(209, 62, 62, 0.2); line-height: 35px; margin: 10px 0 15px; font-size: 10px; text-align: center;}

.body-sh {margin-left: -19px;}
.body-sh div[style="text-align:center;padding:20px"] {font-size: 10px;}

.main-sh {margin-left: -15px; padding-top: 15px;}

.title-o {background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); line-height: 45px; margin: 15px 0; padding: 0 30px;}
.title-o .left {font-family: 'Roboto B'; text-transform: uppercase;}
.title-o .right {font-size: 10px;}

#middle {width: 1057px; margin: 0 auto;}
#content {width: 784px; float: left;}
#sidebar {width: 258px; padding-top: 15px; float: right;}

.width-1057 {width: 1057px; margin: 0 auto;}

/* ======= */


/*== INPUTS ==*/

input, select, textarea, button {border-radius: 3px; margin: 0; vertical-align: baseline; font: 13px 'Roboto'; color: #484848;}

input[type='submit'], input[type='reset'], input[type='button'], button {background: #fff; border: 1px solid #f0f0f0; height: 32px; padding: 0 16px; font-family: 'Roboto B'; text-transform: uppercase; cursor: pointer; transition: all 0.2s;}
input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover, button:hover {border-color: #dcdcdc;}
input[type='submit']:active, input[type='reset']:active, input[type='button']:active, button:active {background: #fcfcfc;}

input[type='text'], input[type='password'] {background: transparent; border: 1px solid #f0f0f0; height: 36px; line-height: 36px; padding: 0 20px; transition: all 0.2s;}
input[type='text']:focus, input[type='password']:focus {border-color: #dcdcdc;}

input[type='checkbox'] {background: url('/new-images/input-checkbox.png') no-repeat 7px 8px #fff; border: 1px solid #e7e7e7; width: 25px; height: 25px; margin: 5px 7px 5px 0; vertical-align: -13px; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none;}
input[type='checkbox']:active, input[type=checkbox]:checked {background: url('/new-images/input-checkbox-checked.png') no-repeat 7px 8px #94c886; border: 1px solid #94c886;}

input[type='radio'] {background: url('/new-images/input-radio.png') no-repeat 7px 8px #fff; border: 1px solid #e7e7e7; border-radius: 16px; width: 25px; height: 25px; margin: 5px 7px 5px 0; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; cursor: pointer;}
input[type='radio']:active, input[type='radio']:checked {background: url('/new-images/input-radio-checked.png') no-repeat 7px 8px #f3f3f3; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.03);}

textarea {background: #fff; border: 1px solid #f0f0f0; padding: 10px 20px; resize: none; overflow: auto; transition: all 0.2s;}
textarea:focus {border-color: #dcdcdc;}

input.codeButtons, input.button {width: auto!important; padding-right: 16px; padding-left: 16px;}

select {border: 1px solid #e7e7e7; height: 38px; line-height: 38px; padding: 0 20px!important;}

/* ======= */


/*== AJAX ==*/

.xw-plain {box-shadow: 0 0 30px rgba(0, 0, 0, 0.24);}
.xw-tl {background: #fff!important; border-bottom: 1px solid #e7e7e7; border-radius: 3px 3px 0 0; padding: 0!important;}
.xw-tr {background: none!important; padding: 0!important;}
.xw-tc {background: none!important;}
.xw-hdr {height: 46px!important; padding: 0!important;}

.xt {background: none!important; margin: 0!important; width: 46px!important; height: 46px!important;}

.xt-close {background: url('/images/xt-close.png') no-repeat 18px 18px!important; margin: 0!important;}
.xt-close-over {background: url('/images/xt-close-over.png') no-repeat 18px 18px #f3f3f3!important;}

.xw-hdr-text {margin-left: 22px; font: 13px/46px 'Roboto B'!important; color: #484848!important; text-transform: uppercase;} 
.xw-ml {background: #fff!important; border-radius: 0 0 3px 3px; padding: 0!important;} 
.xw-mr {background: none!important; padding: 0!important;} 
.xw-mc {background: none!important; border: 0 none!important; margin: 0!important; padding: 0!important;} 
.xw-body {border: 0 none!important; padding: 0!important;} 

.myWinCont, .myWinCont td, .myWinCont dl, .myWinCont dt {font: 13px/17px 'Roboto'!important; color: #484848!important;}

.xw-blank {background: #fff!important;} 

.myWinCont input[type="text"], .myWinCont input[type="password"] {background: #fdfdfd!important; border: 1px solid #f0f0f0!important; height: 36px; padding: 0 20px!important; font: 13px 'Roboto'; color: #484848; transition: 0.2s linear border;} 
.myWinCont input[type="text"]:focus, .myWinCont input[type="password"]:focus {border: 1px solid #e1e1e1;}

.myWinCont textarea {background: #fff!important; border: 1px solid #e7e7e7!important; padding: 10px 15px!important; font: 13px 'Roboto'!important; color: #484848!important;}

fieldset {border: 0 none!important; margin: 0!important; padding: 0!important;}

#frm235 fieldset:nth-of-type(4) {background: #fcfcfc; height: 52px; margin: 0!important;}
#frm235 fieldset:nth-of-type(4) a {margin: 10px 0 0 227px;}
#frm235 #subcomment {border: 0 none!important; width: 513px!important; height: 45px!important; padding: 15px 22px!important;}

.myBtnCont a {display: block; background: #fff; border: 1px solid #f0f0f0; border-radius: 3px; height: 30px; padding: 0 16px; font: 13px/30px 'Roboto B'!important; color: #484848!important; text-transform: uppercase;}
.myBtnCont a:hover {background: #fcfcfc;}
.myBtnCont a:active {background: #f9f9f9; border: 1px solid #f2f2f2;}
.myBtnCenter, .myBtnCenterA {background: none!important; height: 32px!important;}
.myBtnCont {padding: 0!important;}

.myWinCont div[style="padding:15px 0 20px 0"] {padding: 15px 30px!important;}

.myWinCont div[style="padding:15px 0"] {padding: 0!important;}

form#Prm348 {width: 300px; overflow: hidden;}
form#Prm348 td[width="35%"] {padding-right: 20px;}
form#Prm348 tr:nth-of-type(1) {height: 62px;}
form#Prm348 tr:nth-of-type(1) td {vertical-align: middle;}
form#Prm348 tr:nth-of-type(2) {background: #f7f7f7; border-top: 1px solid #e7e7e7; height: 52px;}
form#Prm348 tr:nth-of-type(2) tr {height: 52px!important;}
form#Prm348 tr:nth-of-type(2) td {vertical-align: middle;}
form#Prm348 #eMsg831 {padding-right: 20px;}
form#Prm348 fieldset {display: block; border-top: 0 none; border-right: 0 none; border-bottom: 1px solid #e7e7e7; border-left: 0 none; width: 256px; margin: 12px 0 0 0!important; padding: 5px 22px 15px!important; overflow: hidden;}
form#Prm348 fieldset:nth-of-type(3) {background: #f7f7f7; border: 0 none; width: 300px!important; margin: 0!important; padding: 0!important; text-align: center;}
form#Prm348 fieldset:nth-of-type(3) #eMsg831 {padding-left: 55px;}
form#Prm348 fieldset:nth-of-type(3) td[width="10%"] {padding-right: 105px;}
form#Prm348 fieldset legend {padding: 0!important; font-size: 9.5pt!important; color: #000!important;}
form#Prm348 fieldset input[name="answer"] {width: 234px!important; margin-top: 5px;}
form#Prm348 fieldset tr:nth-of-type(1) td {vertical-align: middle;}

.myWinLoadS {background: url('/images/win-load.gif') no-repeat!important; width: 15px!important; height: 15px!important;}
.myWinLoadSF {background: url('/images/win-load-error.png') no-repeat!important; width: 13px!important; height: 13px!important;}

.myWinGrid {opacity: 0.4!important;} 

/* ======= */

#particles-js{
 width: 100%;
 height: 100px;
 background-size: cover;
 background-position: 50% 50%;
 background-repeat: no-repeat;
}

/*== HEADER ==*/
.logotype {background: rgba(0, 0, 0, 0) url("/img/logomain.png") no-repeat scroll center center / cover; height: 120px;}

header {display: block; background: #2b2a3b; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 8px rgba(0, 0, 0, 0.5); color: #818189;}
header .width-1057 {position: relative;}
header .home {height: 65px;}
header .line {height: 82px;}

header ul.menu {height: 30px; line-height: 30px; position: absolute; left: 0; z-index: 1;}
header ul.menu.top {bottom: 18px;}
header ul.menu.top a {font-family: 'Roboto'; font-weight: bold; color: #818189; text-transform: none; }
header ul.menu.top a:hover {color: #bababe;}

header ul.menu li {padding: 0 20px; float: left;}
header ul.menu li:first-child {padding-left: 0;}
header ul.menu a {font-family: 'Roboto B'; color: #bababe; text-transform: uppercase;}
header ul.menu a:hover {color: #eb5a4b;}

header .prof {width: 150px; height: 56px; cursor: default; position: absolute; top: 17px; right: 45px; z-index: 2;}
header .prof:after {content: ''; background: url('/img/sprite.png') no-repeat 0 -19px; width: 7px; height: 4px; position: absolute; top: 13px; right: 0;}
header .prof:hover:after {background: url('/img/sprite.png') no-repeat -7px -19px;}
header .prof:hover .sub {display: block;}
header .prof:hover .name {color: #bababe;}

header .prof .av {margin-right: 14px; position: relative;}
header .prof .av .pm {background: #eb5a4b; border: 2px solid #2b2a3b; width: 15px; height: 15px; line-height: 15px; font-size: 8px; color: #fff; text-align: center; position: absolute; top: -7px; right: -7px;}
header .prof .av img {width: 30px; height: 30px;}

header .prof .sub {display: none; background: #fff; width: 150px; position: absolute; top: 56px; left: 0;}
header .prof .sub:after {content: ''; border-width: 0 4px 4px 4px; border-style: solid; border-color: #fff transparent; position: absolute; top: -4px; left: 12px;}
header .prof .sub ul li {border-top: 1px solid #f0f0f0; margin: 0 16px; line-height: 40px; font-size: 11px;}
header .prof .sub ul li:first-child {border: 0 none;}
header .prof .sub span {display: block; background: #f0f0f0; border-radius: 3px; height: 20px; line-height: 20px; margin-top: 10px; padding: 0 9px; font-family: 'Roboto B'; color: #484848; float: right;}
header .prof .sub .unread span {background: #eb5a4b; color: #fff;}
header .prof .name {width: 76px; line-height: 30px;}

header .chat {position: absolute; top: 22px; right: 0; z-index: 1;}
header .chat a {display: block; background: url('/img/sprite.png') no-repeat 0 0; width: 18px; height: 19px;}
header .chat a.active, header .chat a:hover {background: url('/img/sprite.png') no-repeat -18px 0;}
header .chat .sub {display: none; background: #f7f7f7; width: 290px; padding-top: 9px; position: absolute; top: 46px; right: 0; z-index: 1;}
header .chat .sub[style="display: block;"] {top: 51px;}
header .chat .sub:before {content: ''; border-width: 0 4px 4px 4px; border-style: solid; border-color: #f7f7f7 transparent; position: absolute; top: -4px; right: 5px;}
header .chat .sub #mchatIfm2 {height: 320px!important;}

header .site {position: absolute; margin: 0 auto; top: -65px; font-family: 'Roboto'; font-weight: regular; color: #818189; text-transform: none; color: #fff; font-size: 30px;}
header .site a {display: block; background: url('/img/logo.png') no-repeat; width: 162px; height: 33px;}
header .site div {height: 12px; line-height: 12px; margin: 14px 0 0 20px; padding-left: 21px; text-transform: uppercase; float: left; position: relative; outline: 1px solid #000;}
header .site div:before {content: ''; background: #313043; width: 1px; height: 12px; position: absolute; top: 0; left: 1px;}
header .site h1 {line-height: 12px;}

header .stat {height: 33px; line-height: 25px; position: absolute; top: 100px; right: 0;}
header .stat div {margin-left: 32px; float: left;}
header .stat span {display: block; font-family: 'Roboto B'; font-size: 20px; color: #bababe;}

header .search {position: absolute; right: 0; bottom: 16px;} 
header .search input[type='text'] {background: url('/img/search.png') no-repeat 15px 9px!important; border: 0 none!important; width: 37px; padding: 0 0 0 47px!important; color: #bababe; transition: all 0.5s!important; cursor: pointer;} 
header .search input[type='text']:focus {background-color: rgba(255, 255, 255, 0.1)!important; width: 181px; padding-right: 20px!important; cursor: auto;}
header .search input[type='text']::-webkit-input-placeholder {color: #bababe;}

header ul.out {height: 30px; line-height: 30px; position: absolute; bottom: 18px; right: 0;}
header ul.out li {float: left;}
header ul.out li a {font-weight: bold; color: #818189;}
header ul.out li a:hover {color: #bababe;}
header ul.out .login {margin-left: 20px; position: relative;}
header ul.out .login a {display: block; background: rgba(255, 255, 255, 0.02); border-radius: 3px; height: 32px; line-height: 32px; padding: 0 12px; transition: all 0.2s;}
header ul.out .login a.active, header ul.out .login a:hover {background: rgba(255, 255, 255, 0.05); color: #bababe;}
header ul.out .sub {display: none; background: #fcfcfc; width: 250px; position: absolute; top: 51px; right: 0; z-index: 1;}
header ul.out .sub[style="display: block;"] {top: 56px;}
header ul.out .sub:before {content: ""; border-width: 0 4px 4px 5px; border-style: solid; border-color: #fcfcfc transparent; position: absolute; top: -4px; right: 13px;}
header ul.out .form {background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); margin: 14px 14px 0;}
header ul.out input[type='text'], header ul.out input[type='password'] {border: 0 none; width: 182px; border-radius: 0; height: 40px; padding: 0 20px;}
header ul.out input[type='text'] {border-bottom: 1px solid #f8f8f8;}
header ul.out input[type='submit'] {width: 222px; margin: 14px 0 0 14px; padding: 0;}
header ul.out .txt {height: 35px; line-height: 35px; font-size: 10px; text-align: center;}
header ul.out .txt a {display: inline; padding: 0; color: #484848; transition: none;}
header ul.out .txt a:hover {color: #eb5a4b;}

/*

header .count {height: 30px; line-height: 27px; margin-left: 15px; color: #8db664;}
header .count:before {content: ''; background: #8db664; border-radius: 50%; width: 6px; height: 6px; margin: 11px 8px 0 0;}
header .count:before, header .count div {display: inline-block; vertical-align: top;}
*/

/* ======= */


/*== CHAT-SHORT ==*/

.chat-sh {padding: 0 15px; overflow: hidden;}
.chat-sh:nth-of-type(1) .av {margin-top: 11;}
.chat-sh:nth-of-type(1) .mess {margin-top: 0;}
.chat-sh .av {margin-top: 15px;}
.chat-sh .av img {width: 31px; height: 31px;}
.chat-sh .mess {background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); margin: 4px 0 4px 45px; padding: 8px 15px;}
.chat-sh .mess .top {margin-bottom: 4px;}
.chat-sh .mess .top a {display: block; font-family: 'Roboto B'; float: left;}
.chat-sh .mess .top .status {background: #8db664; width: 6px; height: 6px; margin: 6px 0 0 6px;}
.chat-sh .mess .top span {display: block; font-size: 10px; float: right;}
.chat-sh .mess .txt b {color: #eb5a4b;}
.chat-sh .mess .txt a {border-bottom: 1px dashed #484848;}
.chat-sh .mess .txt a:hover {border-bottom: 1px dashed #eb5a4b;}
.chat-sh .mess .txt img {vertical-align: -4px;}

/* ======= */

/*== MENU MAIN ==*/
#menucat { font: 18px; margin:10px 18px;} 
ul {list-style:none;margin:0; padding:0;} 
#menucat ul li {margin:0 0 3px 0; padding-left: 10px; padding-bottom: 8px; border-bottom: 0px solid #E7E7E7; padding-top: 5px;} 
#menucat li a {height:26px;text-decoration: none;font-size:13px;text-align:left;} 
#menucat li a:hover { text-decoration: none;}
#icn {float: left; padding-right: 12px; padding-top: 9px;}

/*== CHAT-FORM ==*/

.chat-frm {background: #fff; border-radius: 0 0 3px 3px; margin-top: -3px; position: relative;}
.chat-frm a.edit {background: rgba(43, 42, 59, 0.5); width: 70px; line-height: 19px; margin-left: -35px; font-size: 10px; color: #fff; text-align: center; position: absolute; top: -24px; left: 50%;}
.chat-frm a.edit:hover {background: rgba(43, 42, 59, 0.7);}
.chat-frm input[type='text'] {width: 222px!important; height: 40px!important; border: 0 none; padding: 10px 52px 10px 16px; overflow: hidden;}
.chat-frm .smiles {background: url('/img/smiles.png') no-repeat 0 20px; width: 20px; height: 40px; position: absolute; top: 0; right: 16px; opacity: 0.5;}
.chat-frm .smiles:hover {opacity: 1;}
.chat-frm .smiles:hover .window {display: block;}
.chat-frm .smiles .window {display: none; background: #fcfcfc; width: 290px; padding: 10px 0; text-align: center; position: absolute; bottom: 40px; right: -16px;}
.chat-frm .smiles .window img {vertical-align: top; margin: 0 5px; transition: all 0.2s; cursor: pointer;}
.chat-frm .smiles .window img:hover {opacity: 0.7;}

/* ======= */


/*== LOAD SHORT ==*/

.sort-buttons {background: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); width: 36px; margin-left: -580px; position: fixed; left: 50%; top: 200px;}
.sort-buttons a {display: block; height: 36px; opacity: 0.5;}
.sort-buttons a.active, .sort-buttons a:hover {opacity: 1;}
.sort-buttons a:nth-of-type(1) {background: url('/img/sort-1.png') no-repeat 10px 11px;}
.sort-buttons a:nth-of-type(2) {background: url('/img/sort-3.png') no-repeat 10px 10px;}

.main-sh .load-sh.sort-3 {margin: 0 0 15px 15px;}

.load-sh.sort-3 {background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); width: 250px; height: 250px; margin: 0 0 19px 19px; padding: 0; float: left; position: relative;}
.load-sh.sort-3:hover .pic .det {bottom: 10px;}
.load-sh.sort-3:hover .shadow.tr-a {opacity: 1;}
.load-sh.sort-3 .pic {margin: 0; float: none;}
.load-sh.sort-3 .pic .status {top: 33px; z-index: 1;}
.load-sh.sort-3 .pic .det {display: block; width: 250px; color: #fff; text-align: center; position: absolute; bottom: -30px; left: 0; z-index: 1;}
.load-sh.sort-3 .pic .det div {display: inline-block; margin: 0 10px;}
.load-sh.sort-3 .pic .det div:nth-of-type(1) {background: url('/img/reads.png') no-repeat left; padding-left: 24px;}
.load-sh.sort-3 .pic .det div:nth-of-type(2) {background: url('/img/comments.png') no-repeat left; padding-left: 20px;}
.load-sh.sort-3 .pic .shadow {background: rgba(0, 0, 0, 0.7); width: 250px; height: 135px; position: absolute; top: 0; left: 0; opacity: 0;}
.load-sh.sort-3 .cont {margin: 0;}
.load-sh.sort-3 .cont .title {margin: 8px 14px 0;}
.load-sh.sort-3 .cont .title span {background: #fff; border-radius: 3px 0 0 3px; padding: 0 5px; position: absolute; top: 10px; right: 0;}
.load-sh.sort-3 .cont .title a {display: inline; float: none;}
.load-sh.sort-3 .cont .info {display: none;}
.load-sh.sort-3 .cont .mess {width: 222px; height: 50px; position: absolute; right: 14px; bottom: 12px;}

.load-sh.sort-3.search {height: 250px;}
.load-sh.sort-3.search .pic {height: 82px;}
.load-sh.sort-3.search .pic img {width: 250px;}
.load-sh.sort-3.search .mess {height: 103px;}

.load-sh {background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); margin: 0 4px 15px 15px; padding: 15px 20px 15px 0;}
.load-sh:hover {background: #fdfdfd;}
.load-sh .pic {width: 250px; height: 135px; margin: -15px 0; position: relative;}
.load-sh .pic .det {display: none;}
.load-sh .pic .status {position: absolute; top: 10px; right: 0;}
.load-sh .pic .status div {border-radius: 3px 0 0 3px; line-height: 19px; padding: 0 5px; font-size: 10px; color: #fff;}
.load-sh .pic .updated {background: #8db664;}
.load-sh .pic .deleted {background: #d13e3e;}
.load-sh .cont {margin-left: 270px;}
.load-sh .title {line-height: 19px; margin-top: 2px; overflow: hidden;}
.load-sh .title.not-active a {color: #cc5252;}
.load-sh .title a {display: block; font-family: 'Roboto B'; float: left;}
.load-sh .title span {display: block; font-size: 10px; float: right;}
.load-sh .info {margin-bottom: 9px; font: 10px/19px 'Roboto';}
.load-sh .info span {margin-right: 20px;}
.load-sh .mess {font-weight: normal!important;}

/* ======= */


/*== ENTRY SHORT TOP ==*/

.entry-pic {box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); width: 1057px; height: 350px; margin: 0 auto 6px; position: relative;}
.entry-pic img {width: 1057px;}
.entry-pic .cat {border-radius: 3px 0 0 3px; height: 26px; line-height: 26px; padding: 0 10px; color: #fff; position: absolute; top: 10px; right: 0;}
.entry-pic .cat.templ {background: #2e4d59;}
.entry-pic .cat.psd {background: #2b7e60;}
.entry-pic .cat.scrip {background: #4d7028;}
.entry-pic .cat a {color: #fff;}
.entry-pic .cat a:hover {border-bottom: 1px dashed #fff;}
.entry-pic .status {position: absolute; top: 41px; right: 0;}
.entry-pic .status div {border-radius: 3px 0 0 3px; padding: 0 5px; font-size: 10px; color: #fff;}
.entry-pic .updated {background: #8db664;}
.entry-pic .deleted {background: #d13e3e;}

.pics {background: linear-gradient(to right, transparent, rgba(43, 42, 59, 0.9), transparent); width: 1057px; height: 100px; margin-bottom: -97px; text-align: center; bottom: 0; right: 0; transition: 0.1s all;}
.pics:hover {margin: 0;}
.pics div {display: inline-block; width: 200px; height: 80px; margin: 10px 4px 0; opacity: 0.7;}
.pics div:hover {opacity: 1;}
.pics img {width: 200px;}

.entry-det {padding: 14px 0 20px; text-align: center;}
.entry-det h1 {font-size: 20px; color: #bababe;}
.entry-det div {font-size: 10px;}
.entry-det span {margin: 0 15px;}

.entry-tags {background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1), transparent); height: 50px; text-align: center;}
.entry-tags a, .tags a {display: inline-block; background: rgba(255, 255, 255, 0.02); border-radius: 3px; height: 32px; line-height: 32px; margin: 9px 3px 0; padding: 0 12px; font-size: 13px!important; color: #818189; transition: all 0.2s;}
.entry-tags a:hover, .tags a:hover {background: rgba(255, 255, 255, 0.05); color: #bababe;}

/* ======= */


/*== ENTRY SHORT BOTTOM ==*/

.entry-sh-b {background: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); margin-top: 15px; position: relative;}

.entry-sh-b .moder {position: absolute; left: -51px; top: 0;}
.entry-sh-b .moder a {display: block; height: 36px;}
.entry-sh-b .moder a.activ {background: url('/img/activate.png') no-repeat 10px 10px #8db664; width: 36px; margin-bottom: 10px;}
.entry-sh-b .moder a.activ:hover {background: url('/img/activate.png') no-repeat 10px 10px #97c26d;}
.entry-sh-b .moder a.activ:active {background: url('/img/activate.png') no-repeat 10px 10px #8db664;}
.entry-sh-b .moder ul {background: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); width: 36px;}
.entry-sh-b .moder ul li a {opacity: 0.5;}
.entry-sh-b .moder ul li a:hover {opacity: 1;}
.entry-sh-b .moder ul li a.tags {background: url('/img/tags.png') no-repeat 10px 10px;}
.entry-sh-b .moder ul li a.edit {background: url('/img/edit.png') no-repeat 10px 10px;}
.entry-sh-b .moder ul li a.delete {background: url('/img/delete.png') no-repeat 10px 10px;}

.entry-sh-b .mess {line-height: 22px; padding: 20px 30px; font-size: 14px;}
.entry-sh-b .mess a {border-bottom: 1px dashed #484848;}
.entry-sh-b .mess a:hover {border-bottom: 1px dashed #eb5a4b;}
.entry-sh-b .mess .title {margin-bottom: 8px; font-family: 'Roboto B'; text-transform: uppercase;}
.entry-sh-b .mess .upd {background: rgba(86, 154, 68, 0.1); border-radius: 3px; box-shadow: none; margin: 10px 0 20px; padding: 20px 30px 2px; color: #569a44;}
.entry-sh-b .mess .upd .title {display: inline-block; background: url('/img/upd.png') no-repeat left; margin-bottom: 2px; padding-left: 22px;}
.entry-sh-b .mess .upd ul {border-color: #569a44;}
.entry-sh-b .mess .descr {display: inline-block; border: 1px solid #eae99a; border-radius: 3px; line-height: 32px; margin-right: 10px; padding: 0 15px; color: #bab947;}
.entry-sh-b .mess ul {border-left: 1px solid #ccc; margin: 18px 0; padding-left: 20px;}

.entry-sh-b .source {display: inline-block; background: #fdfdfd; margin: 0 0 20px 30px; padding: 0 5px; font-size: 10px;}
.entry-sh-b .source span {font-weight: bold;}

.entry-sh-b .det {background: #fdfdfd; border-radius: 0 0 3px 3px; padding: 15px 30px;}
.entry-sh-b .det .author #av-get {margin-right: 12px; float: left;}
.entry-sh-b .det .author img {width: 50px; height: 50px; float: left;}
.entry-sh-b .det .author ul {line-height: 20px; margin-top: 6px; float: left;}
.entry-sh-b .det .author ul a {font-family: 'Roboto B';}
.entry-sh-b .det .author ul li:last-child {font-size: 10px;}
.entry-sh-b .det .activ {width: 100px; line-height: 20px; margin: 6px 0 0 50px; font-size: 10px;}

.entry-sh-b .det ul.other {background: rgba(0, 0, 0, 0.02); box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.01); width: 220px; height: 50px; line-height: 20px; text-align: center;}
.entry-sh-b .det ul.other li:first-child {margin-top: 5px; font-weight: bold;}
.entry-sh-b .det ul.other li:last-child {font-size: 10px;}

.entry-sh-b .det a.down {display: block; background: #8db664; width: 235px; height: 50px; color: #fff;}
.entry-sh-b .det a.down:hover {background: #97c26d;}
.entry-sh-b .det a.down:active {background: #8db664;}
.entry-sh-b .det a.down ul {margin: 5px 0 0 16px; line-height: 20px;}
.entry-sh-b .det a.down ul li:first-child {font-weight: bold;}
.entry-sh-b .det a.down ul li:last-child, .load-short-full .details ul.deleted li:last-child {font-size: 10px;}
.entry-sh-b .det a.down .right {background: rgba(255, 255, 255, 0.1); width: 50px; line-height: 50px; font-size: 20px; text-align: center;}

/* ======= */


/*== COMMENTS ==*/

.comm-block .pagin {margin: 10px 0 5px 0;}

.comm-sh:hover .cont {background: #fdfdfd;}
.comm-sh:hover .answer {opacity: 1;}
.comm-sh:hover .moder {opacity: 1;}

.comm-sh .av {margin-top: 22px;}
.comm-sh .av img {width: 45px; height: 45px;}
.comm-sh .cont {background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); margin: 10px 0 5px 60px; padding: 14px 30px;}
.comm-sh .cont .top {margin-bottom: 4px;}
.comm-sh .cont .top a {display: block; font-family: 'Roboto B'; float: left;}
.comm-sh .cont .top .author {display: none; background: #eb5a4b; margin-left: 10px; padding: 0 6px; font-size: 10px; text-transform: uppercase; color: #fff;}
.comm-sh .cont .top .date {display: block; font-size: 10px;}
.comm-sh .cont .mess a {border-bottom: 1px dashed #484848;}
.comm-sh .cont .mess a:hover {border-bottom: 1px dashed #eb5a4b;}
.comm-sh .cont .bott {line-height: 24px; margin-top: 10px;}
.comm-sh .answer {opacity: 0;}

.comm-sh .moder {border: 1px solid #e7e7e7; width: 30px; height: 22px; position: relative; opacity: 0;}
.comm-sh .moder:hover {background: #f5f5f5;}
.comm-sh .moder span {display: block; background: url('/new-images/moder-comment-icon.png') 0 0; width: 16px; height: 4px; margin: 9px 7px;}
.comm-sh .moder:hover span {background: url('/new-images/moder-comment-icon.png') 0 -4px;}
.comm-sh .moder:hover .sub {display: block;}
.comm-sh .moder .sub {display: none; border: 1px solid #e7e7e7; border-right: 0 none; border-radius: 2px 0 0 2px; width: 68px; height: 22px; position: absolute; top: -1px; right: 30px;}
.comm-sh .moder .sub a {display: block; width: 33px; height: 22px; float: left;}
.comm-sh .moder .sub a:active {box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.06);}
.comm-sh .moder .sub a:nth-of-type(1) {background: url('/new-images/edit-comment-icon.png') no-repeat 12px 6px; border-right: 1px solid #ededed;}
.comm-sh .moder .sub a:nth-of-type(2) {background: url('/new-images/delete-comment-icon.png') no-repeat 12px 7px; width: 34px;}

.comm-frm {background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); margin: 10px 0 15px; position: relative;}
.comm-frm .title {border-bottom: 1px solid #e7e7e7; line-height: 45px; padding-left: 30px; font-family: 'Roboto B'; text-transform: uppercase;}
.comm-frm .commError span {display: inline-block; border-radius: 3px; height: 19px; line-height: 19px; padding: 0 5px; font-size: 10px; color: #fff; position: absolute; top: 13px; right: 13px;}
.comm-frm .commError span[style="color:#8B8B8B"] {background: url('/img/loader.gif') no-repeat left; padding-left: 18px; color: #eb5a4b!important;}
.comm-frm .commError .myWinError {background: #d13e3e;}
.comm-frm .commError .myWinSuccess {background: #8db664;}
.comm-frm textarea {border: 0 none; width: 725px; height: 45px; padding: 15px 30px;}
.comm-frm .bott {background: #fcfcfc; padding: 10px 30px;}
.comm-frm .bott .bbcodes {border: 1px solid #f0f0f0; float: left;}
.comm-frm .bott .bbcodes a {display: block; background: #fff; border-right: 1px solid #f0f0f0; line-height: 30px; padding: 0 22px; color: #484848; text-align: center; float: left; transition: all 0.2s;}
.comm-frm .bott .bbcodes a:hover {background: #fcfcfc;}
.comm-frm .bott .bbcodes a:active {background: #fcfcfc;}
.comm-frm .bott .bbcodes a:nth-of-type(1) {font-family: 'Roboto B';}
.comm-frm .bott .bbcodes a:nth-of-type(2) {font-style: italic;}
.comm-frm .bott .bbcodes a:nth-of-type(3) {text-decoration: underline;}
.comm-frm .bott .bbcodes a:nth-of-type(5) {border: 0 none;}

/* ======= */


/*== SEARCH ==*/

.search-p .title {height: 90px; line-height: 90px; font-size: 24px; color: #bababe; text-align: center;}

.search-p form {display: block; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); width: 600px; margin: 0 auto; overflow: hidden;}

.search-p input[type='text'] {background: #fff; border: 0 none; border-radius: 3px 0 0 3px; width: 430px; height: 40px; padding: 0 20px; float: left;}
.search-p input[type='submit'] {border: 0 none; border-left: 1px solid #f4f4f4; border-radius: 0 3px 3px 0; width: 130px; height: 40px; padding: 0; float: left;}

.search-p .tags {margin: 41px 50px 50px; text-align: center;}

/* ======= */


/*== REVIEWS ==*/

.reviews {padding-bottom: 50px;}

.reviews .title {height: 90px; line-height: 90px; font-size: 24px; color: #bababe; text-align: center;}

.reviews .shorts {height: 104px;}

.reviews .block {width: 862px; height: 110px; margin: 0 auto;}
.reviews .block .av {margin: 6px 0 0 6px;}
.reviews .block .av img {width: 60px; height: 60px; float: left;}
.reviews .block .txt {background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); margin-left: 80px; padding: 12px 20px; color: #484848;}
.reviews .block .txt .info {margin-bottom: 12px;}
.reviews .block .txt .info .left a {font-family: 'Roboto B';}
.reviews .block .txt .info .right {font-size: 10px;}

/* ======= */


/*== UPD ==*/

.upd-title {background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); line-height: 45px; padding: 0 16px; font-family: 'Roboto B'; text-transform: uppercase;}
.upd-title a {display: block; background: url('/img/upd-add.png') no-repeat 18px 18px; width: 45px; height: 45px; margin-right: -16px; float: right; opacity: 0.5; transition: 0.1s linear opacity;}
.upd-title a:hover {background: url('/img/upd-add.png') no-repeat 18px 18px #fdfdfd; opacity: 1;}

.upd-add #name, .upd-edit #nwF1 {background: transparent!important; border: 0 none!important; border-radius: 0; width: 456px!important; height: 45px; margin: 0 22px!important; padding: 0!important}
.upd-add #mess, .upd-edit #brief {border: 0 none!important; border-top: 1px solid #f0f0f0!important; border-radius: 0; width: 456px!important; height: 100px!important; margin: 0 22px!important; padding: 10px 0!important;}
.upd-add .submit, .upd-edit .manTdBut {background: #fcfcfc; padding: 10px 0;}

.upd {background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); margin: 15px 0;}

.upd .block {border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: -1px 16px 0; padding: 13px 0 12px;}
.upd .block:nth-of-type(5) {border: 0 none;}
.upd .block:hover {background: #fdfdfd; margin: -1px -16px 0; padding: 13px 32px 12px;}
.upd .block:hover a.edit {display: inline-block;}
.upd .block .date {width: 50px; line-height: 14px; font-size: 10px; text-align: right;}
.upd .block .txt {margin: -3px 0 0 64px;}
.upd .block .name {font-weight: bold;}
.upd .block a.edit {display: none; background: url('/img/upd-edit.png') no-repeat; width: 9px; height: 9px; margin-left: 6px; opacity: 0.5;}
.upd .block a.edit:hover {opacity: 1;}

.mod {background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); border-radius: 3px; width: 450px; overflow: hidden; position: relative; z-index: 99999;}
.mod .top {background: url('/img/upd-top.png') no-repeat; height: 120px; line-height: 22px; position: relative;}
.mod .name-n {display: flex; height: 100%; justify-content: center; text-align: center; align-items: center; padding: 0 40px; font-size: 18px; font-weight: bold; color: #fff;}
.mod .date-n {display: block; background: #eb5a4b; border-radius: 3px; width: 100px; height: 25px; line-height: 25px; color: #fff; text-align: center; float: none; position: absolute; bottom: -13px; left: 175px;}
.mod .mess-n {line-height: 22px; padding: 25px 30px 20px; font-size: 14px;}
.mod .mess-n a {border-bottom: 1px dashed #484848;}
.mod .mess-n a:hover {border-bottom: 1px dashed #eb5a4b;}

.upd-edit {background: #fff;}

/* ======= */


/*== BOX ==*/

.box {background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); margin-bottom: 15px;}
.box .title {border-bottom: 1px solid #EB5A4B; line-height: 45px; padding-left: 16px; font-family: 'Roboto B'; text-transform: uppercase;}

/* ======= */


/*== TEMPLATES ==*/

.templ-t {background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); margin-bottom: 15px;}
.templ-t ul {padding: 14px 16px;}
.templ-t ul li:first-child a {font-family: 'Roboto B';}
.templ-t ul li:last-child {font-size: 10px;}
.templ-t ul li span {margin-right: 20px;}
.templ-t .pic {height: 88px;}
.templ-t .pic img {width: 260px;}
.templ-t .mess {padding: 12px 16px 14px;}

/* ======= */


/*== SCRIPTS ==*/

.scr-t {border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: -1px 16px 0; padding: 12px 0;}
.scr-t:hover {background: #fdfdfd; margin: -1px -16px 0; padding: 12px 32px;}
.scr-t:nth-of-type(5) {border-bottom: 0 none;}
.scr-t ul li a {font-family: 'Roboto B';}
.scr-t ul li:last-child {font-size: 10px;}
.scr-t ul li span {margin-right: 20px;}

/* ======= */


/*== POLL ==*/

.poll {position: relative;}
.poll .answers {padding: 12px 16px;}
.poll .answer {line-height: 22px;} 
.poll .per {font-size: 10px; float: right;}
.poll .progress {border: 1px solid #ededed; border-radius: 3px; height: 9px; margin-bottom: 5px; padding: 0!important; position: relative;} 
.poll .progress div {border: 0 none!important; height: 11px!important; position: absolute!important; top: 2px; left: -1px;}
.poll .prog0 {background: #9c8b7b!important;} 
.poll .prog1 {background: #7ea184!important;} 
.poll .prog2 {background: #7ea19f!important;} 
.poll .prog3 {background: #7e7fa1!important;} 
.poll .prog4 {background: #729659!important;} 
.poll .prog5 {background: #729659!important;} 
.poll .pollBut {position: absolute; bottom: 10px; right: 16px;}
.poll .hidden {background: #fcfcfc; line-height: 52px; padding-left: 16px; font-size: 10px;}

/* ======= */


/*== FOOTER ==*/

footer {background: rgba(0, 0, 0, 0.1); height: 99px; overflow: hidden;}

footer .left {margin-top: 30px;}

footer .site {font-family: 'Roboto B';}
footer .info {margin-top: 6px; font-size: 10px;}

footer .tr-a {margin-top: 34px; opacity: 0.5;}
footer .tr-a:hover {opacity: 1;}

/* ======= */


/*== ONLINE ==*/

.online {position: fixed; right: 20px; bottom: 20px;}
.online img {width: 40px; height: 40px;}

.online #more {display: none!important; border: 1px solid #ccc; width: 40px; height: 40px; position: absolute; bottom: 234px; left: 0;}
.online #more.see[style='display: block;'] {display: block!important;}

.online #list {display: none; width: 44px; height: 187px; overflow: hidden; position: absolute; bottom: 35px; left: -2px; opacity: 1!important;}
.online #list[style='display: block;'] {bottom: 40px;}

.online #list a {border: 2px solid #ededed; border-radius: 50%; width: 40px; height: 40px; margin-bottom: 5px; overflow: hidden; position: absolute; left: 0;}
.online #list a:hover {z-index: 6!important;}
.online #list a:nth-of-type(1) {bottom: 0;}
.online #list a:nth-of-type(2) {bottom: 35px; z-index: 1;}
.online #list a:nth-of-type(3) {bottom: 70px; z-index: 2;}
.online #list a:nth-of-type(4) {bottom: 105px; z-index: 3;}
.online #list a:nth-of-type(5) {bottom: 140px; z-index: 4;}

.online #total {background: #8db664; width: 40px; height: 40px; line-height: 40px; color: #fff; text-align: center; cursor: pointer; opacity: 1!important;}
.online #total:hover {background: #97c26d;}
.online #total:active, .online #total.active {background: #8db664;}

/* ======= */


/*== SELECTOR ==*/

.pagin {height: 35px; line-height: 35px; margin: 1px 0 15px; text-align: center;}
#pagesBlock2 {height: 35px; line-height: 35px; margin: 10px 0 5px 44.5%;}
.pagin .pagesBlockuz1, .pagin .pagesBlock1, #pagesBlock2 {display: inline-block; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); border-radius: 3px; padding-right: 3px;}
.pagin b, .pagin a, .pagin .swchItemDots, #pagesBlock2 b, #pagesBlock2 a {display: inline-block; border-right: 1px solid #f0f0f0; margin: 0 -3px 0 0; padding: 0 20px;}
.pagin a:hover, #pagesBlock2 a:hover {background: #fdfdfd;}

/* ======= */


/*== CODE ==*/

.bbCodeBlock {background: url('/img/bbCodeBlock.png') #fcfcfc!important; margin: 0 -30px; padding: 20px 15px 20px 30px!important;}
.bbCodeBlock .codeMessage {border: 0 none!important; line-height: 22px; padding-right: 15px; font-size: 13px;}

/* ======= */


/*== TOOLTIP ==*/

#tooltip {background: rgba(15, 15, 21, 0.7); border-radius: 3px; line-height: 26px; font-size: 11px; padding: 0 15px; color: #fff; text-align: center; position: absolute; z-index: 100;}
#tooltip:after {content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(15, 15, 21, 0.7); width: 0; height: 0; margin-left: -5px; position: absolute; left: 50%; bottom: -5px;}
#tooltip.top:after {border-top-color: transparent; border-bottom: 5px solid rgba(15, 15, 21, 0.7); top: -20px; bottom: auto;}
#tooltip.left:after {margin: 0; left: 10px;}
#tooltip.right:after {margin: 0; right: 10px; left: auto;}

/* ======= */

/*== DESCRIPTION ==*/
.dsptnsite {border-bottom: 1px solid #E1E1E1;}
.dsptnsite h1 {font-size: 17px; color: #484848;}
.dsptnsite h2 {font-size: 17px; color: #484848;}
/* ======= */