@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&display=swap&subset=cyrillic,cyrillic-ext');
@font-face {
  font-display:fallback;      
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("/fonts/source-sans-pro-v12-cyrillic_latin-300.woff2") format("woff2"), url("/fonts/source-sans-pro-v12-cyrillic_latin-300.woff") format("woff"); }
 
 @font-face {
  font-display:fallback;     
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/fonts/source-sans-pro-v12-cyrillic_latin-regular.woff2") format("woff2"), url("/fonts/source-sans-pro-v12-cyrillic_latin-regular.woff") format("woff"); }
 
 @font-face {
  font-display:fallback;     
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("/fonts/source-sans-pro-v12-cyrillic_latin-600.woff2") format("woff2"), url("/fonts/source-sans-pro-v12-cyrillic_latin-600.woff") format("woff"); }
 
@media (min-width: 1200px) {
  .review-more-item-text { width: 170px !important; }
  .review-more-item { padding: 10px 14px !important; }
}

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, 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;
    font-size: 100%;
    /*vertical-align: baseline;*/
    background: transparent;}
body {
    line-height: 1; 
}
ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* project definitions */
/* properties order: position, block, back, font */

.separator { display: block; clear: both; }
.pad { padding-bottom: 21px; }
.nopad { margin-bottom: 0; padding-bottom: 0; }
.mpad { padding-bottom: 14px; }
.mmarg { margin-bottom: 14px; }
.upad { padding-top: 21px; }
.gpad { padding-top: 35px; }
.umpad { padding-top: 14px; }
.uspad { padding-top: 7px; }
.spad { padding-bottom: 7px; }
.tpad { padding-bottom: 4px; }
.divider { border-top: solid 1px #c8cdd9; }
.w1000 { max-width: 1000px; }

html { }
body { position: relative; min-width: 1000px; background: url(/img/header_back.png) repeat-x top left; font-family: 'Pt Sans', Tahoma, Helvetica, sans-serif; color: #000000; font-size: 87.5%; }
#body { margin: 0 auto; }
.header-wrapper { background: url(/img/header_back.png) repeat-x top left; }

.input,
input.text, input[type="text"], 
input.password, input[type="password"], 
input.file, input[type="file"], 
textarea, select { background: #ffffff; font-family: 'Pt Sans', Tahoma, Helvetica, sans-serif; font-size: 14px;
border-top: solid 1px #a1a1a1; border-right: solid 1px #d4d4d4; border-bottom: solid 1px #d9d9d9; border-left: solid 1px #d4d4d4; background: #f9f9f9; /*#d9d9d9;*/ color: #000000; }

input.radio, input[type="radio"] { margin: 0; padding: 0; border: 0; }
input.radio, input[type="checkbox"] { margin: 2px 3px; padding: 1px; border: 0; }

select {margin: 0;}
select.narrow { width: 100px; }
select.normal { width: 200px; }
select.wide { width: 350px; }
select.max { width: 100%; }
select.maxi { width: 98%; }
input.normal { width: 200px; }
input.wide { width: 350px; }
input.max { width: 100%; }
input.maxi { width: 98%; }
textarea.wide { width: 350px; }
textarea.max { width: 100%; }
textarea.maxi { width: 98%; }

h1, h2.h1 { clear: both; margin: 0 40px 10px 0; font-size: 20px; line-height: 24px; font-weight: bold; font-style: normal; border: 0; }
h2 { clear: both; margin: 0 0 11px; font-size: 18px; line-height: 21px; font-weight: bold; font-style: normal; border-bottom: solid 1px #e0e0e0; }
h3, h2.h3 { clear: both; margin: 0 0 4px; font-size: 16px; font-weight: bold; line-height: 20px; border: 0; }
h4 { clear: none; margin: 0 0 11px; font-size: 14px; line-height: 18px; font-weight: bold; font-style: normal; border-bottom: solid 1px #e0e0e0; }
/*h3.special { font-weight: normal; font-style: italic; }*/
h1.first, h2.first, h3.first { margin-top: 0 !important; }

p, .p { font-size: 100%; line-height: 130%; margin-bottom: 14px; }
p:last-child { margin-bottom: 0; }
table tr td { font-size: 100%; }
div.block { font-size: 100%; }

ol { margin-left: 20px; }u
ol li { font-size: 100%; line-height: 130%; }

blockquote { margin: 0 42px 21px; border-left: solid 1px #c8cdd9; padding: 7px 21px; font-style: italic; }

a.right, span.right { float: right !important; }
.small { font-size: 80%; line-height: 140%; }
.unnoticeable { color: #535353; }
.setoff { padding-top: 14px; padding-bottom: 14px; }
.overlay { padding: 14px; }

table tr td { vertical-align: top; }
table tr td.middle { vertical-align: middle; }
table tr td.bottom { vertical-align: bottom; }
table tr td.right,
table tr th.right { text-align: right; }
table tr td.left,
table tr th.left { text-align: left; }
table tr td.center,
table tr th.center { text-align: center; }
table tr td.notify { font-weight: bold; vertical-align: middle; height: 30px; }
/*table tr td.group-upper { border-style: dashed !important; }*/
table tr td.special { border: none !important; padding-top: 0 !important; padding-bottom: 28px !important; padding-left: 42px !important; width: auto; }
table tr.border td { border-top: solid 1px #e0e0e0; padding-top: 14px !important; }
table tr.trpad td { padding-bottom: 14px !important; }

table.list tr td { padding: 14px 14px 14px 0; }
table.list tr td:last-child { padding-right: 0; }

table.list tr th { padding: 14px 14px 14px 0; }
table.list tr th:last-child { padding-right: 0; }

table.linear tr td { border-top: solid 1px #e0e0e0; }
table.linear tr td:nth-child(1) { max-width:543px; }
table.linear tr:first-child td { border-top: 0;}
table.linear tr:last-child td { border-bottom: 0; }

table.form tr td { padding: 5px 10px; }
table.form tr td.label { font-weight: bold; }

table.side { width: 240px; }
table.side tr th { padding: 2px; color: #535353; font-weight: normal; font-size: 80%; }
table.side tr td { padding: 2px; }

table.operafix img {max-width: 450px !important; } 

.row { clear: both; margin-bottom: 14px; border-top: solid 1px #e0e0e0; padding: 14px 0 0 0; }
.hr { margin-bottom: 14px; border-top: solid 1px #e0e0e0; padding: 14px 14px 0 0; }

a img { border: 0; text-decoration: none; }
a { color: #1752b6; text-decoration: underline; }

a.a-title {color: #000000; text-decoration: none; }
a.a-title:hover {color: #000000; text-decoration: underline; }
a.a-title:visited {color: #000000; text-decoration: none; }

a:hover { color: #5484d1; text-decoration: underline; }
a:visited { color: #810e81; text-decoration: underline; }
a.standard { color: #1752b6 !important; text-decoration: underline !important; font-weight: bold; }
a.standard:hover { color: #5484d1 !important; text-decoration: underline !important; font-weight: bold; }
a.personal { color: #24810e; word-break: break-all; }
a.personal:hover, a.personal:visited:hover { color: #35c215; word-break: break-all; }
a.personal:visited { color: #24810e; word-break: break-all; }
a.unnoticeable { text-decoration: none; }
a.unnoticeable:hover { color: /*#919bb3;*/ #919191; }
a.underlined { text-decoration: underline !important; }
.marked { color: #b61717 !important; }
a.marked:hover { color: #d15454 !important; }
.semiref { border-bottom: dashed 1px #133b5e; text-decoration: none; cursor: pointer; }
.semiref:hover { text-decoration: none !important; }

.btn100, .btn150, .btn200 { 
    background: #3783d6 url(/img/btn_back.gif) repeat-x top left; border: 0; /*border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; */
    height: 26px; text-align: center; color: #ffffff; font-size: 100%; cursor: pointer; line-height: 11px;}
.btn100 { width: 100px; background: url(/img/sprite-button.png) no-repeat -352px 0; }
.btn100:hover { width: 100px; background: url(/img/sprite-button.png) no-repeat -352px -27px; }
.btn100:active { width: 100px; background: url(/img/sprite-button.png) no-repeat -352px -54px; }
.btn150 { width: 150px; background: url(/img/sprite-button.png) no-repeat -201px 0; }
.btn150:hover { width: 150px; background: url(/img/sprite-button.png) no-repeat -201px -27px; }
.btn150:active { width: 150px; background: url(/img/sprite-button.png) no-repeat -201px -54px; }
.btn200 { width: 200px; background: url(/img/sprite-button.png) no-repeat 0px 0; }
.btn200:hover { width: 200px; background: url(/img/sprite-button.png) no-repeat 0px -27px; }
.btn200:active { width: 200px; background: url(/img/sprite-button.png) no-repeat 0px -54px; }


.btn-disabled, btn-disabled:hover, btn-disabled:active {background: #ccc !important; border:none !important; color:black; padding: 6px; margin:2px; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; }
.btn-enabled, btn-enabled:hover, btn-enabled:active {background: #1752b6; border:none; color:white; padding: 6px; margin:2px; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; }
.btn-gray-selected, .btn-gray-selected:hover, .btn-gray-selected:active {background: #ccc !important; border:none !important; color:black; padding: 4px; margin:2px; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; }

.btn-green-dark, .btn-green-dark:hover, .btn-green-dark:active { background: #29902e url(/img/btn-green-dark-back.png) repeat-x top left !important; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; height: 24px; line-height: 10px;}
.btn-green, .btn-green:hover, .btn-green:active { background: #40d63a url(/img/btn-green-back.gif) repeat-x top left !important; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; height: 24px; line-height: 10px;}
.btn-red, .btn-red:hover, .btn-red:active { background: #d63a40 url(/img/btn-red-back.gif) repeat-x top left !important; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; height: 24px; line-height: 10px;}
.btn-gray, .btn-gray:hover, .btn-gray:active { background: #858585 url(/img/btn-gray-back.gif) repeat-x top left !important; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; height: 24px; line-height: 10px;}

input::-moz-focus-inner { border: 0; padding: 0; } /* Remove button padding in FF */

.picleft { float: left; margin: 4px 21px 7px 0; }
.picright { float: right; margin: 4px 0 7px 21px; }
/* for future purposes
.content img[align="left"] { margin: 7px 21px; }
*/


/* Header styles */
/*#top { position: relative; display: none; height: 0; }*/
#header { max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; /*overflow: hidden;*/ width: 100%; height: 90px; background: #347cd4 url(/img/header_back.png) repeat-x top left; font-size: 14px; line-height: 21px; }
#header #logo { position: absolute; left: 24px; top: 23px; z-index: 10; width: 180px; height: 76px; }
#header #logo a.logo { background: transparent url(/img/full_logo.png) 0 0 no-repeat; display: block;width: 180px;height: 76px; }
#header .outer { position: relative; display: table; height: 90px; padding-left: 236px; padding-right: 324px; margin: 0 auto;}
#header .outer .middle { display: table-cell; vertical-align: middle; }
#header .outer .middle ul.nav { list-style: none; text-align: left; }
#header .outer .middle ul.nav li { display: inline; margin: 0 10px 5px; list-style: none; line-height: 135%; color: #ffffff; }
#header .outer .middle ul.nav li.first { margin-left: 0; }
#header .outer .middle ul.nav li.last { margin-right: 0; }
#header .outer .middle ul.nav li a { text-align: center; color: #ffffff; }
#header .outer .middle ul.nav li a:hover { color: #c5d8f0; }
#header .outer .middle ul.nav li a.accent { font-weight: bold; color: #ffffff; }
#header #search { z-index: 500; position: absolute; top: 33px; right: 6px; width: 282px; text-align: left; }
#header #search .txt { vertical-align: middle; padding: 4px 15px; width: 210px; 
border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; font-size: 11px; border: 0; }
#header #search .submit { vertical-align: middle; padding-left: 0px; }
#header #enter { z-index: 10; position: absolute; top: 8px; right: 17px; width: 272px; font-size: 13px; text-align: right; color: #c5d8f0; }
#header #enter a { text-align: center; color: #ffffff; }
#header #enter a:hover { color: #c5d8f0; text-decoration: none; }

#subheader { max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; height: 26px; /*margin: 0 42px;*/ border-bottom: solid 1px /*#919bb3*/#bfbfbf; text-align: center; font-size: 12px; }
#subheader ul.nav { list-style: none; /*margin: 0 auto; */text-align: left; }
#subheader ul.context { min-width: 600px;  margin-left: 42px; }
.context a:visited { color: #1752b6; }
.context a:visited:hover { color: #5484d1; }
#subheader .partners { width: 240px; float: right; margin-top: 5px; xmargin-right: 42px; xtext-align: left; }
#subheader ul.nav li { display: inline; margin: 0 20px 0 0; list-style: none; }
#subheader ul.nav li:last-child { margin-right: 10px; }
#subheader ul.nav li a { font-size: 100%; line-height: 25px; text-align: center; }
#subheader ul.nav li.active a { text-decoration: none; color: #000000; }
#subheader ul.nav li.active a:hover { text-decoration: underline; }
#subheader ul.nav li.personal a { color: #24810e; }
#subheader ul.nav li.personal a:hover, #subheader ul.nav li.personal a:visite:hover { color: #35c215; }
#subheader ul.nav li.personal a:visited { color: #24810e; }

/*.dropdown { z-index: 100; display: block; padding: 7px; xmargin: -8px 0 0 -7px; top: -16px; }
.dropdown ul li { display: block !important; margin: 0 !important; } */
ul.dropdown { z-index: 100; display: inline; padding: 7px; margin: 21px 0 0 -42px; } 
ul.dropdown li { display: block !important; margin: 0 !important; } 

/*ul.liblist { position: relative; float: left; list-style: none; width: 100%; margin: 0; padding: 0; }*/
ul li.liblist { display: inline-block; vertical-align: top; width: 250px; margin-right: -7px; padding: 14px 30px 14px 0; border-top: solid 1px #e0e0e0; }

#rightside ul.nav { list-style: none; }
#rightside ul.nav li { margin: 0 20px 0 0; list-style: none; }
#rightside ul.nav li.letter { float: left; width: 25px; }
#rightside ul.nav li a { font-size: 100%; line-height: 140%; text-align: center; }
#rightside ul.nav li a.active { text-decoration: none; color: #000000; }
#rightside ul.nav li a.active:hover { text-decoration: underline; }

#rightside ol.nav { margin-left: 20px; }
#rightside ol.nav li a { font-size: 100%; line-height: 140%; }
#rightside ol.nav li a.active { text-decoration: none; color: #000000; }
#rightside ol.nav li a.active:hover { text-decoration: underline; }

.sidenav { width: 262px; margin-left: -11px; margin-bottom: 21px; padding: 11px 11px 14px; background-color: #e0e7f2; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; }
.sidenav a:visited { color: #1752b6; }
.sidenav a:visited:hover { color: #5484d1; }
.sidenav { width: 240px; /*margin-left: 0;*/}
.promo { margin-left: auto; margin-right: auto; text-align: center; }

/* Main section styles */
#content { position: relative; clear: both; xfloat: left; max-width: 1200px; margin-left: auto; margin: 21px 0 62px; /*overflow: hidden;*/ background: #ffffff /* right column background color */; }
#inner { width: 200%; margin-left: -324px; /* 42 + 200 + 42 */; position: relative; right: 100%; background: #ffffff /* main content background color */; }
#leftsidewrap { float: left; width: 50%; position: relative; left: 50%; padding: 0; }
#leftside { position: relative; margin: 0  /*42px*/ 0 7px 366px; /* 42 + 42 + 200 + 42 */ /*overflow: hidden; */}
#rightside { float: right; width: 240px; position: relative; left: 282px /* 240 + 42 */; }

#inner.onecolumn { margin-left:0px; }
#leftside.onecolumn { margin: 0 41px 7px 41px; }

#content img { max-width: 100% }

/* Footer styles */
#footer { max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; clear: both; /*margin: 0 42px; */padding: 21px 0; border-top: 1px solid /*#919bb3*/#bfbfbf; font-size: 12px; line-height: 125%; color: #86909a; }  
#footer #nav { position: relative; padding: 0 324px 0 42px; }
#footer dl { position: relative; float: left; width: 18%; margin: 0 2% 21px 0; }
#footer dl dt { margin: 0 0 21px 0; list-style: none; }
#footer dl dd { margin: 0 0 11px 0; list-style: none; }
#footer #bookshelf { position: absolute; top: -62px; left: 183px; width: 25px; height: 61px; }
#footer #bookshelf a { display: block; width: 25px; height: 61px; background: url(/img/ico_bookshelf.png) no-repeat 0 0; }
#footer #gohome { position: absolute; top: -23px; left: 210px; width: 24px; height: 24px; }
#footer #gohome a { display: block; width: 24px; height: 24px; background: url(/img/icons/back-to-top.png) no-repeat 0 0; }
#footer #copyright { position: absolute; top: 21px; right: 0px; heigth: 100px; width: 282px; }
#footer #copyright  img { margin-left: -7px; }
#footer #copyright a.logo { display: block; margin-left: 0px; height: 26px; width: 117px; background: url(/img/logo_footer_g.png) no-repeat -16px -7px; }
/* --> */

#header, #subheader, #content { max-width: 1200px; margin-left: auto; margin-right: auto; }
#content { text-align: left; }

#personal { }
#personal .greeting { display: block; margin-bottom: 4px; text-align: left; font-size: 12px; line-height: 135%; }
#personal .user { display: block; float: left; margin: 0 21px 0 0; width: 100px; overflow: hidden; text-align: center; }
#personal ul li { list-style: none; font-size: 12px; line-height: 135%; }
#personal .more { clear: both; margin-top: 7px; font-size: 12px; line-height: 135%; }
#personal .action a { background-position: 0 1px; }

/* pager */
.pager { clear: both; margin: 21px 0; }
.pager ul { }
.pager ul li { display: inline; list-style: none; font-size: 100%; }
.pager ul li.back, div#pager ul li.next { }
.pager ul li.active { font-weight: bold; }
.pager ul li a.pager { margin: 0 1em; }
.pager-top { margin-bottom: 0 !important; }

a.pagination,
a.pagination-control,
a.pagination-control:visited { background-color: #ccddee; padding: 3px 9px; border: solid 1px #ccddee; color: #1752b6; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; line-height: 30px; font-weight: bold; }
a.pagination:hover,
a.pagination-control:hover { background-color: #ffffff !important; border: solid 1px #ccddee !important; color: #000000 !important; }
a.pagination:visited { background-color: #ddccee; border: solid 1px #ddccee;  color: #810e81; }
span.pagination, span.pagination-inactive { background-color: #ffffff; padding: 3px 9px; border: solid 1px #ccddee; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; font-weight: bold; line-height: 30px; }
span.pagination-inactive { background-color: #ffffff; color: #919191; border: solid 1px #ffffff; }
span.pagination-caption { padding: 4px 10px 4px 0; font-weight: bold; }

/* objects */
span.reader { white-space: nowrap; }
/*span.reader a:last-child { margin-left: 4px; }*/
span.author { }
span.book { }
span.selection { }
img.icon { vertical-align: -3px; margin-right: 3px; }
span.reader img.icon { margin-right: 0; }

/* icons */
.actionbar { clear: both; overflow: hidden; width: 100%; /*white-space: nowrap;*/ }
/*.actionbar */.action2  { display: block; float: left; white-space: nowrap; height: 16px; margin: 0 4px 4px 0; color: #535353; }
/*.actionbar */.action-single  { white-space: nowrap; font-size: 80%; line-height: 140%; }
.bar-vertical { clear: none !important; width: auto !important; }
.bar-vertical .action2  { float: none !important; }
/*.actionbar */.action-right  { display: block; float: right; margin-left: 4px; }
.actionbar .action-divider { float: left; margin-right: 14px; }
.actionbar .action-text { color: #000000; }
.bar-vertical .action-divider { margin-right: 0; margin-bottom: 14px; }
/*.actionbar */.action2 a { color: #535353; text-decoration: none; }
/*.actionbar */.action2 a:hover { color: #919191; text-decoration: none; }
a.userbook { display: block !important; padding: 0 7px !important; float: none !important; margin-right: 0 !important; }

a.bookmenu, a.bookmenugray { display: block; padding-right: 7px; padding-left: 7px; float: none; margin-right: 0; text-decoration: none; font-size: 80%; line-height: 180%; white-space: nowrap; color: #000000; }
a.bookmenu:hover { background-color: #FAFAA0 !important; }
a.bookmenugray:hover { background-color: #e0e0e0 !important; }
span.action { display: inline-block; white-space: nowrap; color: #535353; font-size: 80%; line-height: 140%; }
a.action { display: inline-block; white-space: nowrap; color: #535353; text-decoration: none; font-size: 80%; line-height: 140%; }
a.action:hover { color: #919191; text-decoration: none; font-size: 80%; }

.actionbar .action { float: left; margin: 0 15px 4px 0; }
.actionbar .right { margin: 0 0 4px 15px; }
.bar-vertical .action { /*float: left;*/ clear: left; margin-right: 0px !important; }

.a-icon,
.i-add, .i-remove, .i-add-book, .i-plus, .i-delete-book, .i-edit, .i-delete, .i-news,
.i-publisher, .i-cancel, .i-close, .i-clear, .i-okay, .i-info, .i-ban, .i-on, .i-off, 
.i-comments, .i-comment, .i-share, .i-warning, .i-link, .i-root, .i-sort, .i-clone,
.i-online, .i-offline, .i-expand, .i-collapse, .i-calc, .i-lock, .i-unlock, 
.i-history, .i-adverts, .i-component, .i-description, .i-access, .i-move, .i-kick, 
.i-return, .i-type-idea, .i-type-task, .i-type-enhancement, .i-type-bug, 
.i-type-content, .i-status, .i-status-unresolved, .i-status-approved, .i-status-done, 
.i-status-closed, .i-priority-important, .i-priority-urgent, .i-clock, .i-closewin, 
.i-twitter, .i-twitter-blue, .i-lj, .i-lj-blue, .i-facebook, .i-facebook-blue, 
.i-vk, .i-vk-blue, .i-liveinternet, .i-email, .i-wishlist, .i-diary, .i-diary-blue, 
.i-html, .i-rss, .i-rss-blue, .i-fav, .i-fav-on, .i-love, .i-love-on, .i-subscribe, 
.i-subscribe-on, .i-contest, .i-contest-on, .i-point, .i-point-on, .i-vote, 
.i-vote-gray, .i-vote-contest, .i-down, .i-down-gray, .i-plus1, .i-minus1, 
.i-equal, .i-neformat, .i-format, .i-author, .i-book, .i-book-question, .i-picture,
.i-book-reading, .i-books, .i-book-wish, .i-reader,  .i-review, .i-review-add, 
.i-quote, .i-quote-add, .i-story, .i-story-add, .i-selection, .i-blog, .i-event, 
.i-lib, .i-book-swap, .i-work, .i-works, .i-pub1, .i-pub2, .i-pub3, .i-pub4, .i-pub5, 
.i-pub6, .i-pub7, .i-pub8, .i-pub9, .i-pub10, .i-pub11, .i-pub12, .i-pub13, .i-pub14, 
.i-pub15, .i-pub16, .i-pub19, .i-pub19l, .i-pub20, .i-pub21, .i-pub22, .i-pub23, .i-pub24, 
.i-pub25, .i-pub26, .i-pub27, .i-pub28, .i-pub29, .i-pub30, .i-pub31, .i-pub32, .i-pub33, 
.i-pub34, .i-pub35, .i-pub36, .i-pub37, .i-pub38, .i-pub39, .i-pub40, .i-pub41, .i-pub42, .i-pub43, .i-pub44,
.i-ebookrequest, .i-elib, .i-elib-add, .i-mail, .i-mail-open, .i-mail-more, .i-spam, .i-not-spam, 
.i-mail-send, .i-mail-stack, .i-arr-up,  .i-small-plus, .i-arr-down, .i-pos-up, 
.i-pos-down, .i-pos-new, .i-tag, .i-category, .i-genre, .i-character,
.ub-rating-plus, .ub-rating-minus, .ub-rating-zero, .ub-status-read, .ub-status-wish,
.ub-status-reading, .ub-status-unread, .ub-own-e, .ub-own-p, .ub-own-a, .bs-swap-type-s, 
.bs-swap-type-x, .bs-swap-type-l, .bs-swap-type-g, .bs-swap-type-w,
.bs-status-hidden, .bs-status-active, .bs-status-reserved, .bs-status-closed, .i-hint-close, .i-check, .i-check-gray,
.i-drag, .i-similar, .pluso, .i-return-arrow, .i-cross-circle, .i-cross-white, .i-palette, .i-arrow-cancel, .i-disk, .i-unlock-grey,
.i-twitter-group, .i-livejournal-group, .i-facebook-group, .i-vkontakte-group, .i-diary-group, .i-odnoklassniki-group, .i-rss-group
{ display: inline-block; width: 16px; height: 16px; margin-right: 3px; vertical-align: -4px; }

span.near       { margin-left: -2px; }

.messagetext > blockquote {margin-left : 120px ; }

.i-news         { background: url(/img/icons/sprite56.png) no-repeat -102px -170px; } 
.i-publisher    { background: url(/img/icons/sprite56.png) no-repeat -120px -170px; } 

.i-add          { background: url(/img/icons/sprite56.png) no-repeat 0 0; } /*plus-circle.png*/
.i-remove       { background: url(/img/icons/sprite56.png) no-repeat -17px 0; } /*minus-circle.png*/
.i-add-book,
.i-plus         { background: url(/img/icons/sprite56.png) no-repeat -34px 0; } /*plus-button.png*/
.i-delete-book  { background: url(/img/icons/sprite56.png) no-repeat -51px 0; } /*minus-button.png*/
.i-edit         { background: url(/img/icons/sprite56.png) no-repeat 0 -17px; } /*pencil.png*/
.i-clone         { background: url(/img/icons/sprite56.png) no-repeat -119px -153px; } 
.i-delete,
.i-cancel       { background: url(/img/icons/sprite56.png) no-repeat -34px -17px; } /*cross.png*/
.i-close        { background: url(/img/icons/sprite56.png) no-repeat -68px -17px; } /*cross-small-gray.png*/
a:hover .i-close{ background: url(/img/icons/sprite56.png) no-repeat -51px -17px; } /*cross-small.png*/
.i-clear        { background: url(/img/icons/sprite56.png) no-repeat -51px -17px !important; } /*cross-small.png*/
.i-okay,
.i-info,.i-check{ background: url(/img/icons/sprite56.png) no-repeat -17px -17px; } /*tick.png*/
.i-ban          { background: url(/img/icons/sprite56.png) no-repeat -68px 0; } /*cross-button.png*/
.i-on           { background: url(/img/icons/sprite56.png) no-repeat 0 -34px; }/*light-bulb.png*/
.i-off          { background: url(/img/icons/sprite56.png) no-repeat -17px -34px; }/*light-bulb-off.png*/
.i-comments     { background: url(/img/icons/sprite56.png) no-repeat 0 -51px; }/*balloon.png*/
.i-comment      { background: url(/img/icons/sprite56.png) no-repeat -17px -51px; }/*balloon--plus.png*/
/*.i-share        { background: url(/img/icons/sprite56.png) no-repeat 0 -224px; }/*share.png*/
.i-share        { background: url(/img/icons/sprite56.png) no-repeat -34px -51px; }/*share.png*/
.i-warning      { background: url(/img/icons/sprite56.png) no-repeat -85px 0; }/*exclamation.png*/
/*.i-new          { background: url(/img/icons/new.png) no-repeat 0 0; }*/
.i-link         { background: url(/img/icons/sprite56.png) no-repeat -51px -51px; }/*link.png*/
.i-root         { background: url(/img/icons/sprite56.png) no-repeat -68px -51px; }/*root.png*/
.i-sort         { background: url(/img/icons/sprite56.png) no-repeat -85px -51px; }/*sort.png*/
.i-online       { background: url(/img/icons/sprite56.png) no-repeat -34px -34px; }/*online.png*/
.i-offline      { background: url(/img/icons/sprite56.png) no-repeat -51px -34px; }/*offline.png*/
.i-expand       { background: url(/img/icons/sprite56.png) no-repeat -68px -34px; }/*chevron-expand.png*/
.i-collapse     { background: url(/img/icons/sprite56.png) no-repeat -85px -34px; }/*chevron.png*/
.i-calc         { background: url(/img/icons/sprite56.png) no-repeat -102px -51px; }/*calc.png*/
.i-lock         { background: url(/img/icons/sprite56.png) no-repeat -102px -34px; }/*lock.png*/
.i-unlock       { background: url(/img/icons/sprite56.png) no-repeat -119px -34px; }/*lock-unlock.png*/
.i-unlock-grey  { background: url(/img/icons/sprite56.png) no-repeat -170px -16px; }
.i-history      { background: url(/img/icons/sprite56.png) no-repeat -238px -51px; }/*clock-history.png*/
.i-adverts      { background: url(/img/icons/sprite56.png) no-repeat -255px -51px; }/*blue-document-view-thumbnail.png*/

.i-component    { background: url(/img/icons/sprite56.png) no-repeat 0 -68px; }/*block.png*/
.i-description  { background: url(/img/icons/sprite56.png) no-repeat -17px -68px; }/*description.png*/
.i-access       { background: url(/img/icons/sprite56.png) no-repeat -34px -68px; }/*key.png*/
.i-move         { background: url(/img/icons/sprite56.png) no-repeat -51px -68px; }/*arrow-return-180.png*/
.i-kick         { background: url(/img/icons/sprite56.png) no-repeat -68px -68px; }/*paper-plane.png*/
.i-return       { background: url(/img/icons/sprite56.png) no-repeat -289px -68px; }/*paper-plane-return.png*/

.i-type-idea            { background: url(/img/icons/sprite56.png) no-repeat 0 -34px; }/*light-bulb.png*/
.i-type-task            { background: url(/img/icons/sprite56.png) no-repeat -85px -68px; }/*clipboard-task.png*/
.i-type-enhancement     { background: url(/img/icons/sprite56.png) no-repeat -102px -68px; }/*clipboard--plus.png*/
.i-type-bug             { background: url(/img/icons/sprite56.png) no-repeat -119px -68px; }/*bug.png*/
.i-type-content         { background: url(/img/icons/sprite56.png) no-repeat -136px -68px; }/*content.png*/

.i-status               { background: url(/img/icons/sprite56.png) no-repeat -153px -68px; }/*status.png*/
.i-status-unresolved    { background: url(/img/icons/sprite56.png) no-repeat -170px -68px; }/*status-unresolved.png*/
.i-status-approved      { background: url(/img/icons/sprite56.png) no-repeat -187px -68px; }/*status-approved.png*/
.i-status-done          { background: url(/img/icons/sprite56.png) no-repeat -153px -68px; }/*status-done.png*/
.i-status-closed        { background: url(/img/icons/sprite56.png) no-repeat -204px -68px; }/*status-closed.png*/

.i-priority-important   { background: url(/img/icons/sprite56.png) no-repeat -221px -68px; }/*flag-yellow.png*/
.i-priority-urgent      { background: url(/img/icons/sprite56.png) no-repeat -238px -68px; }/*flag-red.png*/

.i-clock        { background: url(/img/icons/sprite56.png) no-repeat -119px -51px !important; }/*clock.png*/
.i-closewin     { background: url(/img/icons/sprite56.png) no-repeat -51px -17px !important; }/*cross-small.png*/

.i-twitter      { background: url(/img/icons/sprite56.png) no-repeat -68px -85px; color: #535353; }/*twitter.png*/
.i-lj           { background: url(/img/icons/sprite56.png) no-repeat -51px -85px; color: #535353; }/*livejournal.png*/
.i-facebook     { background: url(/img/icons/sprite56.png) no-repeat -17px -85px; color: #535353; }/*facebook.png*/
.i-vk           { background: url(/img/icons/sprite56.png) no-repeat -85px -85px; color: #535353; }/*vk.png*/
.i-liveinternet { background: url(/img/icons/sprite56.png) no-repeat -34px -85px; color: #535353; }/*liveinternet.png*/
.i-email        { background: url(/img/icons/sprite56.png) no-repeat 0 -153px; color: #535353; }/*mail.png*/
.i-wishlist     { background: url(/img/icons/sprite56.png) no-repeat -102px -85px; color: #535353; }/*wishlist.png*/
.i-diary        { background: url(/img/icons/sprite56.png) no-repeat -136px -85px; color: #535353; }/*diary.png*/
.i-html         { background: url(/img/icons/sprite56.png) no-repeat 0 -85px; color: #535353; }/*document-code.png*/
.i-rss          { background: url(/img/icons/sprite56.png) no-repeat -119px -85px; color: #535353; }/*feed.png*/

.i-twitter-blue      { background: url(/img/icons/sprite56.png) no-repeat -187px -85px; color: #535353; }/*twitter-blue.png*/
.i-lj-blue           { background: url(/img/icons/sprite56.png) no-repeat -170px -85px; color: #535353; }/*lj-blue.png*/
.i-facebook-blue     { background: url(/img/icons/sprite56.png) no-repeat -153px -85px; color: #535353; }/*fb-blue.png*/
.i-vk-blue           { background: url(/img/icons/sprite56.png) no-repeat -204px -85px; color: #535353; }/*vk-blue.png*/
.i-diary-blue        { background: url(/img/icons/sprite56.png) no-repeat -238px -85px; color: #535353; }/*diary-blue.png*/
.i-rss-blue          { background: url(/img/icons/sprite56.png) no-repeat -221px -85px; color: #535353; }/*rss-blue.png*/

.i-fav          { background: url(/img/icons/sprite56.png) no-repeat -153px -34px; }/*star-empty.png*/
a:hover .i-fav  { background: url(/img/icons/sprite56.png) no-repeat -136px -34px; }/*star.png*/
.i-fav-on       { background: url(/img/icons/sprite56.png) no-repeat -136px -34px; }/*star.png*/

.i-love         { background: url(/img/icons/sprite56.png) no-repeat -187px -34px; }/*heart-empty.png*/
a:hover .i-love { background: url(/img/icons/sprite56.png) no-repeat -170px -34px; }/*heart.png*/
.i-love-on      { background: url(/img/icons/sprite56.png) no-repeat -170px -34px; }/*heart.png*/

.i-subscribe            { background: url(/img/icons/sprite56.png) no-repeat -221px -34px; }/*cup-empty.png*/
a:hover .i-subscribe    { background: url(/img/icons/sprite56.png) no-repeat -204px -34px; }/*cup.png*/
.i-subscribe-on         { background: url(/img/icons/sprite56.png) no-repeat -204px -34px; }/*cup.png*/

.i-contest          { background: url(/img/icons/sprite56.png) no-repeat -289px -34px; }/*medal-empty.png*/
a:hover .i-contest  { background: url(/img/icons/sprite56.png) no-repeat -272px -34px; }/*medal.png*/
.i-contest-on       { background: url(/img/icons/sprite56.png) no-repeat -272px -34px; }/*medal.png*/

.i-point            { background: url(/img/icons/sprite56.png) no-repeat -255px -34px; }/*point-empty.png*/
a:hover .i-point    { background: url(/img/icons/sprite56.png) no-repeat -238px -34px; }/*point.png*/
.i-point-on         { background: url(/img/icons/sprite56.png) no-repeat -238px -34px; }/*point.png*/

.i-vote                 { background: url(/img/icons/sprite56.png) no-repeat 0 -102px; }/*up.png*/
.i-vote:hover           { background: url(/img/icons/sprite56.png) no-repeat -17px -102px; }/*up1.png*/
.i-vote-gray            { background: url(/img/icons/sprite56.png) no-repeat -34px -102px; }/*up-gray.png*/
.i-vote-gray:hover      { background: url(/img/icons/sprite56.png) no-repeat -51px -102px; }/*up1-gray.png*/
.i-vote-contest         { background: url(/img/icons/sprite56.png) no-repeat -68px -102px; }/*upc.png*/
.i-vote-contest:hover   { background: url(/img/icons/sprite56.png) no-repeat -85px -102px; }/*upc1.png*/
.i-down                 { background: url(/img/icons/sprite56.png) no-repeat -102px -102px; }/*down.png*/
.i-down:hover           { background: url(/img/icons/sprite56.png) no-repeat -119px -102px; }/*down1.png*/
.i-down-gray            { background: url(/img/icons/sprite56.png) no-repeat -136px -102px; }/*down-gray.png*/
.i-down-gray:hover      { background: url(/img/icons/sprite56.png) no-repeat -153px -102px; }/*down1-gray.png*/
.i-plus1                { background: url(/img/icons/sprite56.png) no-repeat -204px -102px; }/*smile-plus.png*/
.i-minus1               { background: url(/img/icons/sprite56.png) no-repeat -221px -102px; }/*smile-minus.png*/
.i-equal                { background: url(/img/icons/sprite56.png) no-repeat -238px -102px; }/*equal.png*/

.i-neformat         { background: url(/img/icons/sprite56.png) no-repeat -272px -68px; }/*flag.png*/
a:hover .i-neformat { background: url(/img/icons/sprite56.png) no-repeat -238px -68px; }/*flag-red.png*/
.i-format           { background: url(/img/icons/sprite56.png) no-repeat -238px -68px; }/*flag-red.png*/
a:hover .i-format   { background: url(/img/icons/sprite56.png) no-repeat -255px -68px; }/*flag-green.png*/

.i-author       { background: url(/img/icons/sprite56.png) no-repeat -17px -119px; }/*author.png*/
.i-book         { background: url(/img/icons/sprite56.png) no-repeat 0 -119px; }/*book.png*/
.i-book-question{ background: url(/img/icons/sprite56.png) no-repeat -34px -119px; }/*book-question.png*/
.i-book-reading { background: url(/img/icons/sprite56.png) no-repeat -51px -119px; }/*book-reading.png*/
.i-books        { background: url(/img/icons/sprite56.png) no-repeat -68px -119px; }/*books.png*/
.i-book-wish    { background: url(/img/icons/sprite56.png) no-repeat -85px -119px; }/*book-wish.png*/
.ll_book        { background: url(/img/icons/book.png) no-repeat 0 2px; }/*book.png*/
.ll_book a, .ll_book span:first-child      { padding-left: 20px; }
.ll_author      { background: url(/img/icons/author.png) no-repeat 0px 0px; }/*book.png*/
.ll_author a    { padding-left: 20px; }
.ll_reader      { background: url(/img/icons/reader.png) no-repeat 0 2px; }/*reader.png*/
.ll_reader a    { padding-left: 20px; }
.i-reader       { margin-right: 4px; background: url(/img/icons/sprite56.png) no-repeat -187px -119px; }/*reader.png*/
.i-review       { background: url(/img/icons/sprite56.png) no-repeat -102px -119px; }/*review.png*/
.i-review-add   { background: url(/img/icons/sprite56.png) no-repeat -102px 0; }/*plus-blue.png*/
.i-quote        { background: url(/img/icons/sprite56.png) no-repeat -170px -119px; }/*quote.png*/
.i-quote-add    { background: url(/img/icons/sprite56.png) no-repeat -119px 0; }/*plus-yellow.png*/
.i-story        { background: url(/img/icons/sprite56.png) no-repeat -136px -119px; }/*sofa.png*/
.i-story-add    { background: url(/img/icons/sprite56.png) no-repeat -136px 0; }/*plus-orange.png*/
.i-selection    { background: url(/img/icons/sprite56.png) no-repeat -119px -119px; }/*selection.png*/
.i-blog         { background: url(/img/icons/sprite56.png) no-repeat -204px -119px; }/*blog-blue.png*/
.i-event        { background: url(/img/icons/sprite56.png) no-repeat -289px -119px; } /* calendar-month.png */
.i-lib          { background: url(/img/icons/sprite56.png) no-repeat -153px -119px; }/*lib.png*/
.i-book-swap    { background: url(/img/icons/sprite56.png) no-repeat 0 -170px; } /* direction.png */
.i-work         { background: url(/img/icons/sprite56.png) no-repeat -102px -153px; } /* script-text.png */
.i-works        { background: url(/img/icons/sprite56.png) no-repeat -119px -153px; } /* scripts-text.png */
.i-picture      { background: url(/img/icons/sprite56.png) no-repeat -136px -170px; } /* picture-sunset.png */
.i-character      { background: url(/img/icons/sprite56.png) no-repeat -155px -170px; } /* character-gingerbread-man.png */
.i-small-plus     { background: url(/img/icons/sprite56.png) no-repeat -173px -170px; vertical-align: 0px; } /* small plus in right bottom corner.png */

.i-pub1, .i-pub27  { background: url(/img/icons/sprite56.png) no-repeat -204px -170px; }/*pub1.png  ozon, ozonebooks*/
.i-pub2         { background: url(/img/icons/sprite56.png) no-repeat -17px -136px; }/*pub2.png*/
.i-pub3         { background: url(/img/icons/sprite56.png) no-repeat -34px -136px; }/*pub3.png*/
.i-pub4         { background: url(/img/icons/sprite56.png) no-repeat -51px -136px; }/*pub4.png*/
.i-pub5         { display: inline-block; height: 16px; /*color: #919191 !important;*/ }
.i-pub5 .ii     { display: inline-block; vertical-align: -4px; margin-right: 3px; width: 16px; height: 16px; background: url(/img/icons/sprite56.png) no-repeat -68px -136px; } /*icon_smartup*/
.i-pub5 .semiref{ border-bottom: dashed 1px #919191; }
.i-pub6         { background: url(/img/icons/sprite56.png) no-repeat -85px -136px; }/*icon_litres.png*/
.i-pub7         { background: url(/img/icons/sprite56.png) no-repeat -102px -136px; }/*icon_imobilco.png*/
.i-pub8         { background: url(/img/icons/sprite56.png) no-repeat -119px -136px; }/*icon_gala.png*/
.i-pub9         { background: url(/img/icons/sprite56.png) no-repeat -136px -136px; }/*icon_labirint.png*/
.i-pub10        { background: url(/img/icons/sprite56.png) no-repeat -153px -136px; }/*icon_myshop.png*/
.i-pub11        { background: url(/img/icons/sprite56.png) no-repeat -170px -136px; }/*icon_combook.png*/
.i-pub12        { background: url(/img/icons/sprite56.png) no-repeat -187px -136px; }/*icon_yakaboo.png*/
.i-pub13        { background: url(/img/icons/sprite56.png) no-repeat -204px -136px; }/*icon_alpina.png*/
.i-pub14        { background: url(/img/icons/sprite56.png) no-repeat -221px -136px; }/*icon_mybrary.png*/
.i-pub15        { background: url(/img/icons/sprite56.png) no-repeat -238px -136px; }/*e5.ico*/
.i-pub16        { background: url(/img/icons/sprite56.png) no-repeat -255px -136px; }/*bookzone.ico*/
.i-pub19        { background: url(/img/icons/sprite56.png) no-repeat -136px -153px; }/*friends-book*/
.i-pub19-old    { background: url(/img/icons/sprite56.png) no-repeat -289px -136px; }/*friends-book.png*/
.i-pub19l       { background: url(/img/icons/sprite56.png) no-repeat -272px -136px; height: 32px; vertical-align: 0; }/*friends-book.png*/
.i-pub20        { background: url(/img/icons/sprite56.png) no-repeat -306px -136px; }/*flipkz.ico*/
.i-pub21        { background: url(/img/icons/sprite56.png) no-repeat -306px -153px; }/*kniging*/
.i-pub22, .i-pub43,.i-pub44 { background: url(/img/icons/sprite56.png) no-repeat -289px -153px; }/*setbook*/
.i-pub23        { background: url(/img/icons/sprite56.png) no-repeat -255px -153px; }/*moipokupki*/
.i-pub24        { background: url(/img/icons/sprite56.png) no-repeat -238px -153px; }/*topkniga*/
.i-pub25        { background: url(/img/icons/sprite56.png) no-repeat -289px -153px; }/*setbook*/
.i-pub26        { background: url(/img/icons/sprite56.png) no-repeat -221px -153px; }/*svoi-knigi*/
.i-pub28        { background: url(/img/icons/sprite56.png) no-repeat -204px -153px; }/*chitaigotod*/
.i-pub29        { background: url(/img/icons/sprite56.png) no-repeat -187px -153px; }/*mybook*/
.i-pub30        { background: url(/img/icons/sprite56.png) no-repeat -170px -153px; }/*bookvoed*/
.i-pub31        { background: url(/img/icons/sprite56.png) no-repeat -153px -153px; }/*directmedia*/
.i-pub32        { background: url(/img/icons/sprite56.png) no-repeat -289px -171px; }/*googlebooks*/
.i-pub33        { background: url(/img/icons/sprite56.png) no-repeat -306px -171px; }/*eksmo*/
.i-pub34        { background: url(/img/icons/sprite56.png) no-repeat -272px -171px; }/*odissey*/
.i-pub35        { background: url(/img/icons/sprite56.png) no-repeat -255px -171px; }/*chytayka*/
.i-pub36        { background: url(/img/icons/sprite56.png) no-repeat -238px -171px; }/*oz*/
.i-pub37        { background: url(/img/icons/sprite56.png) no-repeat -221px -171px; }/*grenka*/
.i-pub38        { background: url(/img/icons/sprite56.png) no-repeat -306px 0px; }/*biblion*/
.i-pub39        { background: url(/img/icons/sprite56.png) no-repeat -289px 0px; }/*audiobooks.ua*/
.i-pub40        { background: url(/img/icons/sprite56.png) no-repeat -272px 0px; }/*bambook.com*/
.i-pub41        { background: url(/img/icons/sprite56.png) no-repeat -255px 0px; }/*bookland.com*/
.i-pub42        { background: url(/img/icons/sprite56.png) no-repeat -238px 0px; }/*saletovar*/

.i-ebookrequest { background: url(/img/icons/sprite56.png) no-repeat -170px -51px; }
.i-elib         { background: url(/img/icons/sprite56.png) no-repeat -136px -51px; }
.i-elib .semiref{ border-bottom: dashed 1px #919191; }
.i-elib-add     { background: url(/img/icons/sprite56.png) no-repeat -153px -51px; }

.i-mail         { background: url(/img/icons/sprite56.png) no-repeat 0 -153px; }/*mail.png*/
a:hover .i-mail { background: url(/img/icons/sprite56.png) no-repeat -17px -153px; }/*mail-open.png*/
.i-mail-open    { background: url(/img/icons/sprite56.png) no-repeat -17px -153px; }/*mail-open.png*/
.i-mail-more    { background: url(/img/icons/sprite56.png) no-repeat -34px -153px; }/*mail-open-document-text.png*/
.i-spam         { background: url(/img/icons/sprite56.png) no-repeat -85px 0; }/*exclamation.png*/
.i-not-spam     { background: url(/img/icons/sprite56.png) no-repeat -85px 0; }/*exclamation.png*/
.i-mail-send    { background: url(/img/icons/sprite56.png) no-repeat -51px -153px; }/*mail-send.png*/
.i-mail-stack   { background: url(/img/icons/sprite56.png) no-repeat -68px -153px; }/*mail-stack.png*/

.i-arr-up       { background: url(/img/icons/sprite56.png) no-repeat -85px -102px; } /* upc1 */
.i-arr-down     { background: url(/img/icons/sprite56.png) no-repeat -187px -102px; } /* arrow-270 */

.i-pos-up       { margin-right: 0; background: url(/img/icons/sprite56.png) no-repeat -272px -102px; } /* pos-up */
.i-pos-down     { margin-right: 0; background: url(/img/icons/sprite56.png) no-repeat -289px -102px; } /* pos-down */
.i-pos-new      { margin-right: 0; background: url(/img/icons/sprite56.png) no-repeat -306px -102px; } /* new */

.i-drag         { margin-right: 0; background: url(/img/icons/sprite56.png) no-repeat -306px -76px; } /* arrow-resize-090.png */
.i-similar      { background: url(/img/icons/sprite56.png) no-repeat -306px -119px; } /* thumb-up.png */

.i-return-arrow      { background: url(/img/icons/sprite56.png) no-repeat -288px -85px; }
.i-cross-circle      { background: url(/img/icons/sprite56.png) -153px 0 no-repeat; } 
.i-cross-white       { background: url(/img/icons/sprite56.png) -102px -17px no-repeat; }
.i-palette           { background: url(/img/icons/sprite56.png) -119px -17px no-repeat; }
.i-disk              { background: url(/img/icons/sprite56.png) -137px -17px no-repeat; }
.i-check-gray        { background: url(/img/icons/sprite56.png) no-repeat -187px -17px; } /*tick-gray.png*/

.i-twitter-group       { background: url(/img/icons/social/tw.png) no-repeat 0 0; background-size: 16px 16px; }
.i-livejournal-group   { background: url(/img/icons/social/lj.png) no-repeat 0 0; background-size: 16px 16px; }
.i-facebook-group      { background: url(/img/icons/social/fb.png) no-repeat 0 0; background-size: 16px 16px; }
.i-vkontakte-group     { background: url(/img/icons/social/vk.png) no-repeat 0 0; background-size: 16px 16px; }
.i-diary-group         { background: url(/img/icons/social/dr.png) no-repeat 0 0; background-size: 16px 16px; }
.i-odnoklassniki-group { background: url(/img/icons/social/ok.png) no-repeat 0 0; background-size: 16px 16px; }
.i-rss-group           { background: url(/img/icons/social/rss.png) no-repeat 0 0; background-size: 16px 16px; }

.icon-n-text { padding-left: 19px; margin-right: 11px; }
.i-icon { float: left; }
.just-text { margin-right: 11px; color: #535353; height: 21px; }
.action-right .just-text { padding-left: 19px; margin-right: 0; margin-left: 11px; }
.action-right .icon-n-text { margin-right: 0; margin-left: 11px; }

.pluso { padding-left:20px; cursor: pointer; }
.pluso-010011000101-04 a.pluso-more { width:16px !important; height:16px !important; background: transparent url(/img/icons/pluso.png) 0 0 no-repeat!important; background-size: 100% 100% !important; }
.pluso-010011000101-04 .pluso-wrap a { margin: 0 !important; }
.marginal { position: absolute; top: 0px; right: 0; margin-top: 15px; }
.marginal a { margin-right: 0 !important; }
.actions-content-maybe {margin-top: 35px;}

/* book block */
.bookinfo { width: 225px; font-size: 14px; line-height: 110%; }
.bookinfo .title { margin-bottom: 7px; text-align: left; font-weight: bold; }
.bookinfo .thumbnail { display: table-cell; width: 65px; overflow: hidden; vertical-align: top; }
.bookinfo .details { display: table-cell; width: 156px; padding-left: 4px; overflow: hidden; vertical-align: top; text-align: left; }
.bookinfo .details span { display: block; }
.bookinfo .details .author { font-size: 80%; }
.bookinfo .details .info { font-size: 80%; color: #535353; }

.rankbar { width: 80px; height: 5px; margin: 6px 0 4px 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; }
.rankbar .value { width: 80px; height: 5px; margin: 4px 0; background: url(/img/rankbar.png); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; }

/* tags, categories */
.taglist { font-size: 12px; color: #535353; overflow: auto; padding-bottom: 1px; }
a.tag, a.category { display: inline-block; float: left; margin: 0 14px 0 0; line-height: 135%; color: #535353; }
a.tag:hover, a.category:hover { color: #919191; }
a.category { margin-right: 4px; }
.i-tag          { background: url(/img/icons/sprite56.png) no-repeat -204px -51px; }/*tag.png*/
.i-category     { background: url(/img/icons/sprite56.png) no-repeat -187px -51px; }/*category.png*/
.i-genre        { background: url(/img/icons/sprite56.png) no-repeat -221px -51px; }/*genre.png*/

/*.taglist:after {
    content     : ".";
    visibility  : hidden;
    display     : block;
    height      : 0;
    clear       : both;
}*/

/* top events */
.topevent { clear: both; margin-bottom: 35px; }
.topevent h1 { margin-right: 130px; }
.topevent .actions { clear: both; height: 1px; }

.item-author, .item-titlepic { width: 100px; text-align: center; overflow: hidden; }
.item-author .date { display: block; margin-top: 4px; color: #383A40; font-size: 12px; line-height: 130%; }
.ia-right { float: right; margin: 4px /* -22px */ 0 7px 21px; }
.ia-left { float: left; margin: 4px 21px 7px 0; }

/* event stripe */
.rec-plus { /*color: #15ab25;*/ font-style: italic; }
.rec-zero { /*color: #637ec3;*/ font-style: italic; }
.rec-minus { /*color: #e8050c;*/ font-style: italic; }

/* sources */
.sources { margin-bottom: 14px; xmargin-left: -14px; padding: 14px; background-color: #faeedd; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; }

/* reviews */
.review { margin-top: 14px; padding: 21px; background-color: #d0e0f0; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; }

/* quotes */
.quote { margin-top: 14px; padding: 21px; background-color: #e0e0d0; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; }

/* selection books */
.selebook { margin-bottom: 14px; padding: 21px; background-color: #e0e0f0; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; }

/* stories */
.story { margin-bottom: 14px; padding: 21px; background-color: #f0e0d0; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; }

/* social */
/*.shareouter { background: #eaeaea; margin: -3px 15px 3px 0; border-radius: 7px; padding: 2px 0 2px 7px; border-width: 1px; border-style: solid; border-color: #bbbbbb #777777 #777777 #bbbbbb; }*/
.shareouter { cursor: default; }
.share { z-index: 255; position: absolute; margin: 3px auto 0; background: #ffffff; border: solid 1px #a0a0a0; -moz-box-shadow: 0px 0px 10px #a0a0a0; -webkit-box-shadow: 0px 0px 10px #a0a0a0; }
.share ul.social {}
.share ul.social li { margin: 7px; }
.a-close { position: absolute; top: 0; right: 0; }

/* edit book */
div.userbook, div.bookswap { z-index: 255; position: absolute; width: 450px; margin: 3px auto 0; background: #ffffff; border: solid 1px #a0a0a0; -moz-box-shadow: 0px 0px 10px #a0a0a0; -webkit-box-shadow: 0px 0px 10px #a0a0a0; }
div.userbook, div.bookswap { margin: 7px; padding: 14px; }
div.bookswap { width: 400px; }

div.ub-new { width: 110px; padding-left: 7px; }

.ub-rating-plus    { background: url(/img/icons/sprite56.png) no-repeat -204px -102px; }/*smile-plus.png*/
.ub-rating-minus   { background: url(/img/icons/sprite56.png) no-repeat -221px -102px; }/*smile-minus.png*/
.ub-rating-zero    { background: url(/img/icons/sprite56.png) no-repeat -238px -102px; }/*equal.png*/

.ub-status-read    { background: url(/img/icons/sprite56.png) no-repeat 0 -119px; }/*book.png*/
.ub-status-wish    { background: url(/img/icons/sprite56.png) no-repeat -34px -119px; }/*book-question.png*/
.ub-status-reading { background: url(/img/icons/sprite56.png) no-repeat -51px -119px; }/*book-reading.png*/
.ub-status-unread  { background: url(/img/icons/sprite56.png) no-repeat -152px -17px; }

.ub-own-e   { background: url(/img/icons/sprite56.png) no-repeat -255px -119px; }/*book-e.png*/
.ub-own-p   { background: url(/img/icons/sprite56.png) no-repeat -221px -119px; }/*book-p.png*/
.ub-own-a   { background: url(/img/icons/sprite56.png) no-repeat -238px -119px; }/*book-a.png*/

/* bookswap */
.bs-swap-type-s    { background: url(/img/icons/sprite56.png) no-repeat -17px -170px; }/*money-coin.png*/
.bs-swap-type-x    { background: url(/img/icons/sprite56.png) no-repeat -34px -170px; }/*arrow-circle-double-135.png*/
.bs-swap-type-l    { background: url(/img/icons/sprite56.png) no-repeat -51px -170px; }/*hourglass.png*/
.bs-swap-type-g    { background: url(/img/icons/sprite56.png) no-repeat -68px -170px; }/*present.png*/
.bs-swap-type-w    { background: url(/img/icons/sprite56.png) no-repeat -85px -119px; }/*book-wish.png*/

.bs-status-hidden   { background: url(/img/icons/sprite56.png) no-repeat 0 -17px; }/*pencil.png*/
.bs-status-active   { background: url(/img/icons/sprite56.png) no-repeat -17px -68px; }/*document.png*/
.bs-status-reserved { background: url(/img/icons/sprite56.png) no-repeat -272px -119px; }/*book-sticky.png*/
.bs-status-closed   { background: url(/img/icons/sprite56.png) no-repeat -102px -34px; }/*lock.png*/



/* comments */
.level0 { }
.level1 { padding-left: 3.3%; /*21/634*/}
.level2 { padding-left: 6.6%; }
.level3 { padding-left: 9.9%; }
.level4 { padding-left: 13.2%; }
.level5 { padding-left: 16.6%; }
.level6 { padding-left: 19.9%; }
.level7 { padding-left: 23.2%; }
.level8 { padding-left: 26.5%; }
.level9 { padding-left: 29.8%; }
.level10 { padding-left: 33.1%; }

.level0left { }
.level1left { margin-left: -3.3%; /*21/634*/}
.level2left { margin-left: -6.6%; }
.level3left { margin-left: -9.9%; }
.level4left { margin-left: -13.2%; }
.level5left { margin-left: -16.6%; }
.level6left { margin-left: -19.9%; }
.level7left { margin-left: -23.2%; }
.level8left { margin-left: -26.5%; }
.level9left { margin-left: -29.8%; }
.level10left { margin-left: -33.1%; }

ul.tagcloud li { margin-bottom: 21px; }
ul.tagcloud li a { }
ul.tagcloud li a.t1 { font-size: 80%; }
ul.tagcloud li a.t2 { font-size: 87%; }
ul.tagcloud li a.t3 { font-size: 94%; }
ul.tagcloud li a.t4 { font-size: 101%; }
ul.tagcloud li a.t5 { font-size: 108%; }
ul.tagcloud li a.t6 { font-size: 115%; }
ul.tagcloud li a.t7 { font-size: 122%; }
ul.tagcloud li a.t8 { font-size: 129%; }

/* vote */
.vote       { height: 16px; line-height: 100% !important; margin: 1px 4px 0 0 !important; vertical-align: -1px; font-size: 100% !important; font-weight: bold !important; color: #2a9430 !important; }
.down       { height: 16px; line-height: 100% !important; margin: 1px 4px 0 0 !important; vertical-align: -1px; font-size: 100% !important; font-weight: bold !important; color: #e81218 !important; }
.equal      { height: 16px; line-height: 100% !important; margin: 1px 4px 0 0 !important; vertical-align: -1px; font-size: 100% !important; font-weight: bold !important; color: #5277aa !important; }
.votemarked { height: 16px; line-height: 100% !important; margin: 1px 4px 0 0 !important; vertical-align: -1px; font-size: 100% !important; font-weight: bold !important; color: #94302a !important; }

/* favorites */


/* text editor */
.ed_button { overflow: auto; margin: 0 2px 0 0; border: solid 1px #aaaaaa; background: #eeeeee; font-size: 12px; }
.ed_textarea { width: 98%; }
.ed_preview { width: 100%; margin: 5px 0; font-size: 12px; }


/* compatibility with old version */
div.normal { width: auto; margin: 0; }

div.center_floatings1 { width: 100%; position: relative; overflow: hidden; text-align: center; margin: 0px auto; }
div.center_floatings2 { float: left; left: 50%; position: relative; text-align: center; }
div.center_floatings3 { position: relative; left: -50%; float: left; margin: 0; padding: 0; }

div.list_desc { display: table; float: left; }
.book_fulldesc { float: left; padding-left: 20px; width: 50%; }
.book_image { border: 1px solid #c0c0c0; float: left; margin-right: 10px; }

.xreview_rating { float: left; margin: 0 0 0 45px; }
.xreview_rating img { vertical-align: -1px; }
.xreview_plus, .xreview_minus { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #2EA804; }
.xreview_plus { color: #2EA804; }
.xreview_plus_contest { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FF0000; }
.xreview_minus { color: #804080; margin: 0 3px 0 10px; }

table.book_item { border: 0px; }
table.book_item tr td { padding: 0; border: 0; text-align: left; }
table.book_item tr td.icon { border: 0px; width: 65px; height: 100px; vertical-align: top; }
table.book_item tr td.details { vertical-align: top; }

.list_desc em { font-size: 80%; font-weight: normal; font-style: normal; white-space: nowrap;}

.newitem, tr.newitem td { background-color: red; }

.lbl-bs-sell                { background-color: #eeddcc; padding: 4px; }
.lbl-new, .lbl-bs-exchange  { background-color: #ccddee; padding: 4px; }
.lbl-pending, .lbl-bs-lend  { background-color: #eeeecc; padding: 4px; }
.lbl-awaiting               { background-color: #eecccc; padding: 4px; }
.lbl-process                { background-color: #cceeee; padding: 4px; }
.lbl-done, .lbl-active, 
.lbl-bs-give                { background-color: #cceecc; padding: 4px; }
.lbl-declined, .lbl-closed  { background-color: #dddddd; padding: 4px; }
.lbl-urgent                 { background-color: #ff6666; padding: 4px; color: #ffffff; }
.lbl-bs-hidden              { background-color: #f4a460; padding: 4px; color: #ffffff; }
.lbl-bs-reserved            { background-color: #4682b4; padding: 4px; color: #ffffff; }
.lbl-bs-closed              { background-color: #b0b0b0; padding: 4px; color: #ffffff; }
.lbl-bs-wishlist            { background-color: #ffbf00; padding: 4px; color: #ffffff; }

.rating { display: inline-block; height: 10px; width: 50px; line-height: 10px; overflow: hidden; }

.r00-l, .r00-l-blue, .r05-l-blue, .r10-l-blue, .r15-l-blue, .r20-l-blue, .r25-l-blue, .r30-l-blue, .r35-l-blue, .r40-l-blue, .r45-l-blue, .r50-l-blue,
.r00-l-forecast, .r05-l-forecast, .r10-l-forecast, .r15-l-forecast, .r20-l-forecast, .r25-l-forecast, .r30-l-forecast, .r35-l-forecast, .r40-l-forecast, .r45-l-forecast, .r50-l-forecast
{ display: inline-block; height: 16px; width: 80px; }
.r00-lx, .r00-lx-blue, .r10-lx-blue, .r20-lx-blue, .r30-lx-blue, .r40-lx-blue, .r50-lx-blue, .r60-lx-blue, .r70-lx-blue, .r80-lx-blue, .r90-lx-blue, .r100-lx-blue,
.r00-lx-forecast, .r10-lx-forecast, .r20-lx-forecast, .r30-lx-forecast, .r40-lx-forecast, .r50-lx-forecast, .r60-lx-forecast, .r70-lx-forecast, .r80-lx-forecast, .r90-lx-forecast, .r100-lx-forecast
{ display: inline-block; height: 16px; width: 160px; }

.r00-l, .r00-l-blue, .r00-lx-forecast, .r00-l-forecast,
.r00-lx, .r00-lx-blue 
            { background: url(/img/icons/spritestars5.png) no-repeat -160px -118px; }
.r05-l-blue { background: url(/img/icons/spritestars5.png) no-repeat -64px -100px; }
.r10-l-blue { background: url(/img/icons/spritestars5.png) no-repeat -144px -118px; }
.r15-l-blue { background: url(/img/icons/spritestars5.png) no-repeat -48px -100px; }
.r20-l-blue { background: url(/img/icons/spritestars5.png) no-repeat -128px -118px; }
.r25-l-blue { background: url(/img/icons/spritestars5.png) no-repeat -32px -100px; }
.r30-l-blue { background: url(/img/icons/spritestars5.png) no-repeat -112px -118px; }
.r35-l-blue { background: url(/img/icons/spritestars5.png) no-repeat -16px -100px; }
.r40-l-blue { background: url(/img/icons/spritestars5.png) no-repeat -96px -118px; }
.r45-l-blue { background: url(/img/icons/spritestars5.png) no-repeat 0 -100px; }
.r50-l-blue { background: url(/img/icons/spritestars5.png) no-repeat -80px -118px; }

.r10-lx-blue { background: url(/img/icons/spritestars5.png) no-repeat -144px -118px; }
.r20-lx-blue { background: url(/img/icons/spritestars5.png) no-repeat -128px -118px; }
.r30-lx-blue { background: url(/img/icons/spritestars5.png) no-repeat -112px -118px; }
.r40-lx-blue { background: url(/img/icons/spritestars5.png) no-repeat -96px -118px; }
.r50-lx-blue { background: url(/img/icons/spritestars5.png) no-repeat -80px -118px; }
.r60-lx-blue { background: url(/img/icons/spritestars5.png) no-repeat -64px -118px; }
.r70-lx-blue { background: url(/img/icons/spritestars5.png) no-repeat -48px -118px; }
.r80-lx-blue { background: url(/img/icons/spritestars5.png) no-repeat -32px -118px; }
.r90-lx-blue { background: url(/img/icons/spritestars5.png) no-repeat -16px -118px; }
.r100-lx-blue { background: url(/img/icons/spritestars5.png) no-repeat 0 -118px; }

.r05-l-forecast { background: url(/img/icons/spritestars5.png) no-repeat -64px -137px; }
.r10-l-forecast { background: url(/img/icons/spritestars5.png) no-repeat -144px -155px; }
.r15-l-forecast { background: url(/img/icons/spritestars5.png) no-repeat -48px -137px; }
.r20-l-forecast { background: url(/img/icons/spritestars5.png) no-repeat -128px -155px; }
.r25-l-forecast { background: url(/img/icons/spritestars5.png) no-repeat -32px -137px; }
.r30-l-forecast { background: url(/img/icons/spritestars5.png) no-repeat -112px -155px; }
.r35-l-forecast { background: url(/img/icons/spritestars5.png) no-repeat -16px -137px; }
.r40-l-forecast { background: url(/img/icons/spritestars5.png) no-repeat -96px -155px; }
.r45-l-forecast { background: url(/img/icons/spritestars5.png) no-repeat 0 -137px; }
.r50-l-forecast { background: url(/img/icons/spritestars5.png) no-repeat -80px -155px; }

.r10-lx-forecast { background: url(/img/icons/spritestars5.png) no-repeat -144px -155px; }
.r20-lx-forecast { background: url(/img/icons/spritestars5.png) no-repeat -128px -155px; }
.r30-lx-forecast { background: url(/img/icons/spritestars5.png) no-repeat -112px -155px; }
.r40-lx-forecast { background: url(/img/icons/spritestars5.png) no-repeat -96px -155px; }
.r50-lx-forecast { background: url(/img/icons/spritestars5.png) no-repeat -80px -155px; }
.r60-lx-forecast { background: url(/img/icons/spritestars5.png) no-repeat -64px -155px; }
.r70-lx-forecast { background: url(/img/icons/spritestars5.png) no-repeat -48px -155px; }
.r80-lx-forecast { background: url(/img/icons/spritestars5.png) no-repeat -32px -155px; }
.r90-lx-forecast { background: url(/img/icons/spritestars5.png) no-repeat -16px -155px; }
.r100-lx-forecast { background: url(/img/icons/spritestars5.png) no-repeat 0 -155px; }

.r00, .r00-blue, .r05-blue, .r10-blue, .r15-blue, .r20-blue, .r25-blue, .r30-blue, .r35-blue, .r40-blue, .r45-blue, .r50-blue,
.r00-red, .r05-red, .r10-red, .r15-red, .r20-red, .r30-red, .r40-red, .r50-red,
.r00-darkgreen, .r10-darkgreen, .r20-darkgreen, .r30-darkgreen, .r35-darkgreen, .r40-darkgreen, .r45-darkgreen, .r50-darkgreen,
.r00-darkblue, .r10-darkblue, .r20-darkblue, .r25-darkblue, .r30-darkblue, .r40-darkblue, .r50-darkblue,
.r00-yellow, .r10-yellow, .r20-yellow, .r30-yellow, .r40-yellow, .r50-yellow,
.r00-forecast, .r05-forecast, .r10-forecast, .r15-forecast, .r20-forecast, .r25-forecast, .r30-forecast, .r35-forecast, .r40-forecast, .r45-forecast, .r50-forecast
{ display: inline-block; height: 10px; width: 50px; }

.r00-x, .r10-x-red, .r20-x-red, .r30-x-red, .r40-x-red,
.r50-x-darkblue, .r60-x-darkblue, 
.r60-x-darkgreen, .r70-x-darkgreen, .r80-x-darkgreen, .r90-x-darkgreen, .r100-x-darkgreen,
.r10-x-blue, .r20-x-blue, .r30-x-blue, .r40-x-blue, .r50-x-blue, .r60-x-blue, .r50-x-blue, .r60-x-blue, .r70-x-blue, .r80-x-blue, .r90-x-blue, .r100-x-blue,
.r00-x-forecast, .r10-x-forecast, .r20-x-forecast, .r30-x-forecast, .r40-x-forecast, .r50-x-forecast, .r60-x-forecast, .r50-x-forecast, .r60-x-forecast, .r70-x-forecast, .r80-x-forecast, .r90-x-forecast, .r100-x-forecast
{ display: inline-block; height: 10px; width: 100px;}

.r00, .r00-blue, .r00-forecast, .r00-x-forecast,
.r00-x, .r00-x-blue
          { background: url(/img/icons/spritestars5.png) no-repeat -100px -10px; }
.r05-blue { background: url(/img/icons/spritestars5.png) no-repeat -40px 0; }
.r10-blue { background: url(/img/icons/spritestars5.png) no-repeat -90px -10px; }
.r15-blue { background: url(/img/icons/spritestars5.png) no-repeat -30px 0; }
.r20-blue { background: url(/img/icons/spritestars5.png) no-repeat -80px -10px; }
.r25-blue { background: url(/img/icons/spritestars5.png) no-repeat -20px 0; }
.r30-blue { background: url(/img/icons/spritestars5.png) no-repeat -70px -10px; }
.r35-blue { background: url(/img/icons/spritestars5.png) no-repeat -10px 0; }
.r40-blue { background: url(/img/icons/spritestars5.png) no-repeat -60px -10px; }
.r45-blue { background: url(/img/icons/spritestars5.png) no-repeat 0 0; }
.r50-blue { background: url(/img/icons/spritestars5.png) no-repeat -50px -10px; }

.r05-forecast { background: url(/img/icons/spritestars5.png) no-repeat -40px -172px; }
.r10-forecast { background: url(/img/icons/spritestars5.png) no-repeat -90px -183px; }
.r15-forecast { background: url(/img/icons/spritestars5.png) no-repeat -30px -172px; }
.r20-forecast { background: url(/img/icons/spritestars5.png) no-repeat -80px -183px; }
.r25-forecast { background: url(/img/icons/spritestars5.png) no-repeat -20px -172px; }
.r30-forecast { background: url(/img/icons/spritestars5.png) no-repeat -70px -183px; }
.r35-forecast { background: url(/img/icons/spritestars5.png) no-repeat -10px -172px; }
.r40-forecast { background: url(/img/icons/spritestars5.png) no-repeat -60px -183px; }
.r45-forecast { background: url(/img/icons/spritestars5.png) no-repeat 0 -172px; }
.r50-forecast { background: url(/img/icons/spritestars5.png) no-repeat -50px -183px; }

.r05-red { background: url(/img/icons/spritestars5.png) no-repeat -40px -22px; }
.r10-red { background: url(/img/icons/spritestars5.png) no-repeat -40px -33px; }
.r15-red { background: url(/img/icons/spritestars5.png) no-repeat -30px -22px; }
.r20-red { background: url(/img/icons/spritestars5.png) no-repeat -30px -33px; }
.r30-red { background: url(/img/icons/spritestars5.png) no-repeat -20px -33px; }
.r40-red { background: url(/img/icons/spritestars5.png) no-repeat -10px -33px; }
.r50-red { background: url(/img/icons/spritestars5.png) no-repeat 0 -33px; }

.r10-darkblue { background: url(/img/icons/spritestars5.png) no-repeat -50px -55px; }
.r20-darkblue { background: url(/img/icons/spritestars5.png) no-repeat -40px -55px; }
.r25-darkblue { background: url(/img/icons/spritestars5.png) no-repeat -20px -44px; }
.r30-darkblue { background: url(/img/icons/spritestars5.png) no-repeat -30px -55px; }
.r40-darkblue { background: url(/img/icons/spritestars5.png) no-repeat -20px -55px; }
.r50-darkblue { background: url(/img/icons/spritestars5.png) no-repeat -10px -55px; }

.r10-yellow { background: url(/img/icons/spritestars5.png) no-repeat -40px -88px; }
.r20-yellow { background: url(/img/icons/spritestars5.png) no-repeat -30px -88px; }
.r30-yellow { background: url(/img/icons/spritestars5.png) no-repeat -20px -88px; }
.r40-yellow { background: url(/img/icons/spritestars5.png) no-repeat -10px -88px; }
.r50-yellow { background: url(/img/icons/spritestars5.png) no-repeat 0 -88px; }

.review-without-ub { background: url(/img/icons/spritestars5.png) no-repeat -50px -67px; }
.r10-darkgreen { background: url(/img/icons/spritestars5.png) no-repeat -90px -77px; }
.r20-darkgreen { background: url(/img/icons/spritestars5.png) no-repeat -80px -77px; }
.r30-darkgreen { background: url(/img/icons/spritestars5.png) no-repeat -70px -77px; }
.r35-darkgreen { background: url(/img/icons/spritestars5.png) no-repeat -10px -66px; }
.r40-darkgreen { background: url(/img/icons/spritestars5.png) no-repeat -60px -77px; }
.r45-darkgreen { background: url(/img/icons/spritestars5.png) no-repeat 0 -66px; }
.r50-darkgreen { background: url(/img/icons/spritestars5.png) no-repeat -50px -77px; }

.r10-x-blue { background: url(/img/icons/spritestars5.png) no-repeat -90px -10px; }
.r20-x-blue { background: url(/img/icons/spritestars5.png) no-repeat -80px -10px; }
.r30-x-blue { background: url(/img/icons/spritestars5.png) no-repeat -70px -10px; }
.r40-x-blue { background: url(/img/icons/spritestars5.png) no-repeat -60px -10px; }
.r50-x-blue { background: url(/img/icons/spritestars5.png) no-repeat -50px -10px; }
.r60-x-blue { background: url(/img/icons/spritestars5.png) no-repeat -40px -10px; }
.r70-x-blue { background: url(/img/icons/spritestars5.png) no-repeat -30px -10px; }
.r80-x-blue { background: url(/img/icons/spritestars5.png) no-repeat -20px -10px; }
.r90-x-blue { background: url(/img/icons/spritestars5.png) no-repeat -10px -10px; }
.r100-x-blue { background: url(/img/icons/spritestars5.png) no-repeat 0 -10px; }

.r10-x-forecast { background: url(/img/icons/spritestars5.png) no-repeat -90px -183px; }
.r20-x-forecast { background: url(/img/icons/spritestars5.png) no-repeat -80px -183px; }
.r30-x-forecast { background: url(/img/icons/spritestars5.png) no-repeat -70px -183px; }
.r40-x-forecast { background: url(/img/icons/spritestars5.png) no-repeat -60px -183px; }
.r50-x-forecast { background: url(/img/icons/spritestars5.png) no-repeat -50px -183px; }
.r60-x-forecast { background: url(/img/icons/spritestars5.png) no-repeat -40px -183px; }
.r70-x-forecast { background: url(/img/icons/spritestars5.png) no-repeat -30px -183px; }
.r80-x-forecast { background: url(/img/icons/spritestars5.png) no-repeat -20px -183px; }
.r90-x-forecast { background: url(/img/icons/spritestars5.png) no-repeat -10px -183px; }
.r100-x-forecast { background: url(/img/icons/spritestars5.png) no-repeat 0 -10px; }

.r10-x-red { background: url(/img/icons/spritestars5.png) no-repeat -40px -33px; }
.r20-x-red { background: url(/img/icons/spritestars5.png) no-repeat -30px -33px; }
.r30-x-red { background: url(/img/icons/spritestars5.png) no-repeat -20px -33px; }
.r40-x-red { background: url(/img/icons/spritestars5.png) no-repeat -10px -33px; }

.r50-x-darkblue { background: url(/img/icons/spritestars5.png) no-repeat -10px -55px; }
.r60-x-darkblue { background: url(/img/icons/spritestars5.png) no-repeat 0 -55px; }

.r70-x-darkgreen { background: url(/img/icons/spritestars5.png) no-repeat -30px -77px; }
.r80-x-darkgreen { background: url(/img/icons/spritestars5.png) no-repeat -20px -77px; }
.r90-x-darkgreen { background: url(/img/icons/spritestars5.png) no-repeat -10px -77px; }
.r100-x-darkgreen { background: url(/img/icons/spritestars5.png) no-repeat 0 -77px; }

.wordbreak { -ms-word-wrap: break-word; word-wrap: break-word; }

#tinyalert { position: fixed; z-index: 1004; max-height: 100%; overflow: hidden; font-size: 14px; color: #000000; top: 11px; right: 11px; }
#tinyalert > div { width: 240px; margin: 0 0 14px; -moz-box-shadow: 1px 1px 3px #c8c8c8; -webkit-box-shadow: 1px 1px 3px #c8c8c8; box-shadow: 1px 1px 3px #c8c8c8; position: relative; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; }
#tinyalert > div.green { background-color: #9fe581; padding: 14px 21px; }
#tinyalert > div.red { background-color: #f4aaaa; padding: 14px 21px; }

.hint { padding: 4px; border-top: solid 1px #e0e0e0; font-size: 11px; line-height: 130%; }
.hint:hover { background-color: #fafaa0; cursor: pointer; }

.pmwidget * {padding:0; margin:0;} 
.pmwidget {width:628px; margin:10px 0; font:normal normal 13px/17px Verdana; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 5px White inset; padding:13px 13px 6px 13px; border:1px solid #bbb; border-radius:5px; background:#f8f8f8 url(/img/paysystem/bg.gif) repeat-x scroll left bottom;} 
.pmwidget h1 {font:normal normal 20px/25px Tahoma; color:#333; margin:0 0 10px 0;} 
.pmwidget p {color:#333; margin:0 0 7px 0;} 
.pmwidget p strong {font-weight:bold; color:#555;} 
.pmwidget .payList p {color:#464646; margin:5px 5px 10px 5px;} 
.pmwidget .pm-item {outline:none; color:#666; float:left; width:145px; height:72px; text-align:center; padding:0 0; text-decoration:none; border:1px solid #d2d2d2; border-radius:5px; background-color:#fff; margin:0 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); margin-bottom:11px;} 
.pmwidget .pm-item:hover {background-color:#fff; border:1px solid #1b7398; box-shadow:0 1px 1px rgba(0,0,0,0.2);} 
.pmwidget .pm-item:active {box-shadow:0 1px 6px rgba(0,0,0,0.4) inset; margin-bottom:10px; margin-top:1px;} 
.pmwidget .pm-active {background-color:#fff; border:1px solid #1b7398; box-shadow:0 1px 1px rgba(0,0,0,0.2);} 
.pmwidget .pm-item img {border:0;} 
.pmwidget .clearfix {clear:both;} 
.pmAmount input {width:80px;} 
.payList {margin-left: -7px;} 
.pmwidget-cb {} 
.pmwidget-cb .payList {position:relative; padding-bottom:28px;} 
.pmwidget-cb .payList ul {position:absolute; margin:0; width:100%;} 
.pmwidget-cb .payList ul {border:1px solid #d2d2d2; border-radius:5px; background:#fff; margin:0 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.2);} 
.pmwidget-cb .payList ul li {display:none; padding:4px 8px; list-style:none; cursor:pointer; clear:both; overflow:hidden; zoom:1;} 
.pmwidget-cb .payList ul li:hover {background-color: #eee;} 
.pmwidget-cb .payList ul li:hover a {color:#000;} 
.pmwidget-cb .payList ul li:first-child {display:block; margin-right:10px; background: transparent url(/img/paysystem/webmoney.gif) right 12px no-repeat; font-weight:bold;} 
.pmwidget-cb .payList ul li:first-child:hover {background-image:url(/img/paysystem/arrow.gif);} 
.pmwidget-cb .payList ul li a {text-decoration:none; color:#666;} 
.pmwidget-cb .payList ul li a img {margin-right:10px; border:none; width:32px;} 
.pmwidget-cb .payList ul li a.pos-middle {vertical-align:-50%;} 
.pmheader,.pmdesc,.pmamount,.pmpaymenttype,.pmlogo {display:none} 

.paysystem ul li { width:145px; height:72px; text-align:center; }

.banner { position: relative; background: url(/img/skins/flamp/banner-flamp.png) no-repeat top left; width: 240px; height: 400px; }
.banner .banner-city { font: 29px 'Reforma Grotesk Medium'; text-align: center; width: 191px; color: #2E3939; }

.mobstats-tablecell {cursor: pointer;}
.mobstats-tablecell-div {cursor: pointer; min-height: 18px;}
.mobstats-tablecell-new {display: none; margin: 0px; padding: 0px;}
.mobstats-tablerow:hover, .mobstats-tablerow-odd:hover {background-color: #C0C0C0; }
.mobstats-table td {border-right: solid grey 1px; padding: 2px 2px 2px 4px;}
.mobstats-tablerow-odd{background-color: #E0E0E0;}
.mobstats-add{cursor: pointer;}
.mobstats-new {display: none;}
.mobstats-new textarea {width: 100px; margin: 0px; padding: 0px;}


.readerstats-tablerow-odd {background-color: #E0E0E0;}
.readerstats-tablerow:hover, .readerstats-tablerow-odd:hover {background-color: #C0C0C0; }

.warnings-tablerow-odd {background-color: #f0f0f0;}
.warnings-tablerow:hover, .warnings-tablerow-odd:hover {background-color: #e0e0e0; }

div.move-to-blog-div {display: none;}

div.contact-hidden {display: none; }
div.contact-visible {display: block; margin-left: -11px; margin-bottom: 21px;padding: 11px 11px 14px;background-color: #e0e7f2;border-radius: 11px;-moz-border-radius: 11px;-webkit-border-radius: 11px;-khtml-border-radius: 11px;}

.skin-small { display: inline-block; vertical-align: top; margin: 0px 3px 6px 0px; border: solid 1px #eee; padding: 15px; height:324px; overflow: hidden; text-align: left; }
.skin-small .skin-image.active { border: 0px solid #c0c0c0; }
.skin-small:hover { border: solid 1px #ddd; box-shadow: #ddd 0 0 5px; }
.skin-small.active { border: solid 1px #aaa; background: #eee; }
.skin-image { width: 240px; height:240px; text-align: center; padding: 0; margin-bottom:5px; border: 0px solid transparent; }
.skin-container { right: -3px; position: relative; }
.skin-actions { margin-left: 0px; padding-right: 0px; text-align: center; }
.skin-title { margin: 7px 0px 14px; text-align: left; }
.skin-image-container { overflow-y: auto; width: 615px; height: 360px; } 
.skin-title-popup { font-size: 18px; margin-top: 15px; }
.skin-popup { padding: 0px;margin: 0px;position: fixed;width: 685px;top: 50%;left: 50%;margin-left: -342px;margin-top: -285px;z-index: 1003; background-color: #f5f5f7; }
.skin-set { visibility: hidden; }
.skin-small:hover .skin-set { visibility: visible; }

.action-more { padding: 10px; margin: 17px 0px 0px -41px; }
.actionbar .action-more .action { float: none; display: block; }

ul.carousel { width: 40000px; position:relative; font-size: 0px; line-height: 0px; }
ul.carousel li { display: inline-block; vertical-align: bottom; margin-right: 5px; width: 100px; }
.small-carousel { height: 175px; margin-bottom: 14px; position:relative; }
.small-carousel .holder { overflow: hidden; height: 175px; }
a.prev-carousel, a.next-carousel { width: 35px; height: 70px; display:block; position: absolute; top: 65px; }
a.prev-carousel { background: transparent url(/img/icons/icon_left.png) center center no-repeat; left: -30px; }
a.next-carousel { background: transparent url(/img/icons/icon_right.png) center center no-repeat; right: -30px; }
a.prev-carousel:hover { background: transparent url(/img/icons/icon_hover_left.png) center center no-repeat; left: -30px; }
a.next-carousel:hover { background: transparent url(/img/icons/icon_hover_right.png) center center no-repeat; right: -30px; }
a.prev-disable, a.next-disable {display:none !important;}

a.like-button {
    background: #2ea234;
    background-image: -webkit-linear-gradient(top, #2ea234, #237d27);
    background-image: -moz-linear-gradient(top, #2ea234, #237d27);
    background-image: -ms-linear-gradient(top, #2ea234, #237d27);
    background-image: -o-linear-gradient(top, #2ea234, #237d27);
    background-image: linear-gradient(to bottom, #2ea234, #237d27);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial;
    color: #ffffff;
    font-size: 11px;
    padding: 2px 9px 1px 9px;
    text-decoration: none;
    height: 17px;
}

a.like-button:hover {
    background: #2ea234;
    background-image: -webkit-linear-gradient(top, #2ea234, #237d27);
    background-image: -moz-linear-gradient(top, #2ea234, #237d27);
    background-image: -ms-linear-gradient(top, #2ea234, #237d27);
    background-image: -o-linear-gradient(top, #2ea234, #237d27);
    background-image: linear-gradient(to bottom, #2ea234, #237d27);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial;
    color: #aef2b4 !important;
    font-size: 11px;
    padding: 2px 9px 1px 9px;
    text-decoration: none;
    height: 17px;
}

.toolbar { padding: 0px; color: #000; text-align: left; width: 280px; font-size: 14px; }
.toolbar input[type="checkbox"] { vertical-align: -2px; }
.toolbar-title { padding: 3px 10px; background-color: #1464F6; color: #FFF; cursor: pointer; }
.toolbar-bottom { border-bottom: solid 1px #a0a0a0; padding: 10px 10px; }
.color-picker { width: 40px; height: 20px; display: inline-block; border: solid 1px #a0a0a0; cursor: pointer; }
.toolbar-property-block { padding-bottom: 14px; line-height: 130%; border-bottom: 1px solid #a0a0a0; padding: 10px 10px; }

.ulogin-row { margin-bottom: 5px; }
.ulogin-btn { background: transparent url(/img/panel.png) 0 0 no-repeat;cursor:pointer; display: inline-block; width: 32px; height: 32px; vertical-align: -12px; margin-right: 10px; }
.ulogin-btn:hover { opacity:0.8; }
.ulogin-btn.vkontakte { background-position: 0px -38px; }
.ulogin-btn.twitter { background-position: 0px -178px; }
.ulogin-btn.odnoklassniki { background-position: 0px -73px; }
.ulogin-btn.mailru { background-position: 0px -108px; }
.ulogin-btn.facebook { background-position: 0px -143px; }
.ulogin-btn.google { background-position: 0px -213px; }
.ulogin-btn.yandex { background-position: 0px -248px; }
.ulogin-btn.livejournal { background-position: 0px -283px; }
.ulogin-btn.lastfm { background-position: 0px -423px; }
.ulogin-btn.linkedin { background-position: 0px -458px; }
.ulogin-btn.flickr { background-position: 0px -388px; }
.ulogin-btn.openid { background-position: 0px -318px; }
.ulogin-btn.foursquare { background-position: 0px -703px; }

.prm-vote { position: absolute; margin-top: -34px; margin-left: 50px; height: 42px;width: 99px;background: url(/img/premia/vote.png) center top no-repeat;cursor: pointer;}
.prm-vote:hover { background-position: center -42px; }
.prm-vote.voted, .prm-vote.voted:hover { background-position: center -84px; }
.prm-logo { cursor:pointer; display: block; margin: 5px auto 0px; width: 135px; height: 122px; background: transparent url(/img/premia/kpr-logo.png) 0 0 no-repeat;  }
.prm-button { margin: 10px auto 0px; cursor: pointer; width: 134px; height: 38px; display: block; background: transparent url(/img/premia/kpr-button.png) 0px 0px no-repeat; }
.prm-button:hover { background-position: 0px -40px; }
#prm-popup { display: none;padding: 0px;margin: 0px;position: fixed;height: 633px;width: 854px;background: url(/img/premia/popup.png) center top no-repeat;top: 50%;left: 50%;margin-left: -427px;margin-top: -316px;z-index: 15; }
#prm-popup .cross { width: 35px; height: 33px; background: url(/img/premia/cross.png) center top no-repeat; position: absolute; top: 30px; right: 40px; cursor: pointer; }
#prm-popup-back { display: none; top:0px; left: 0px; padding: 0px;margin: 0px;z-index: 14;position: fixed;height: 100%;width: 100%;background: url(/img/premia/kpr-bg.png);}
#prm-popup iframe {position: absolute;top: 65px;left: 70px;}

.loginform input[type="text"], .loginform input[type="password"] { border: solid 1px #d9d9d9; background: #ffffff; padding: 10px 10px; color: #aeaeae; }
.loginform .arrow { width: 5px; height: 3px; display: inline-block; margin-left: 5px; vertical-align: 2px; background: transparent url(/img/icons/arrow-down.png) 0 0 no-repeat; }
.social-btn { margin: 0px 7px 7px 0px;cursor: pointer;float: left;position: relative;display: inline-block; width: 45px; height: 45px; box-sizing: content-box; background: transparent url(/img/panel-social2.png) 0 0 no-repeat; }
.social-btn.vkontakte { background-position: -1px -1px; }
.social-btn.twitter { background-position: -209px -1px; }
.social-btn.odnoklassniki { background-position: -157px -52px; }
.social-btn.mailru { background-position: -157px -1px; }
.social-btn.facebook { background-position: -53px -1px; }
.social-btn.google { background-position: -105px -1px; }
.social-btn.yandex { background-position: -53px -52px; }
.social-btn.livejournal { background-position: -105px -52px; }
.social-btn.lastfm { background-position: -1px -52px; }
.social-btn.linkedin { background-position: -209px -52px; }
.social-btn.flickr { background-position: -1px -103px; }
.social-btn.openid { background-position: -53px -103px; }
.social-btn.foursquare { background-position: -105px -103px; }
.social-btn.telegram { background: transparent url(/img/icons/telegram_logo.png) 0 0 no-repeat;cursor: default }
.social-btn.telegram:hover { opacity: 1; cursor: default; }
.social-btn.litres { background-position: -157px -103px; }
#telegram-status > a {margin-right: 10px;line-height: 34px;}

.social-hide, .social-hide-popup { display: none; }
.social-column .social-btn { float: none; margin: 0px 10px 0px 0px; vertical-align: -19px; }
.social-btn:hover {opacity:0.8;}
.popup-back { display: none; top:0px; left: 0px; padding: 0px;margin: 0px;z-index: 1001;position: fixed;height: 100%;width: 100%;background: url(/img/popup-bg.png);}
#popup-login { display: none;padding: 0px;margin: 0px;position: fixed;width: 360px;top: 50%;left: 50%;margin-left: -180px;margin-top: -227px;z-index: 1002; background-color: #f5f5f7; }
.popup-close { display: block; width: 18px; height: 18px; position: absolute; top: -9px; right: -9px; cursor: pointer; background: url(/img/icons/close-popup.png) center top no-repeat; }
.popup-menu { margin-bottom: 25px; }
.popup-menu tr td { width:180px; height: 58px; cursor: pointer; font-size: 18px; text-align: center; vertical-align: middle; background-color: #2e70d0; color: #FFF; }
.popup-menu tr td:hover { background: #2e70d0 url(/img/back-menu-hover.png) 0 0 repeat-x; }
.popup-menu tr td.active, .popup-menu tr td.active:hover { background: #f5f5f7; color: #000; font-weight: bold; }
.popup-socials { width: 260px; text-align: center; margin-left: 54px; padding-bottom: 20px; }

#popup-genres { display: none;padding: 0px;margin: 0px;position: fixed;width: 360px;top: 50%;left: 50%;margin-left: -180px;margin-top: -227px;z-index: 1001; background-color: #f5f5f7; }

table.abtests tr td {padding-left: 10px;}

#system-msgs { display: block; width: 16px; height: 16px; cursor: pointer; position: absolute; top: 4px; left: 50px; background: transparent url(/img/icons/bell.png) 0 0 no-repeat; }
#system-msgs-count { padding: 0px 3px; font-size: 12px;font-weight: bold;line-height: 14px; background-color: red; color:#FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; position: absolute; top: -5px; left: 10px; }
#system-msgs-holder, .triangle-msgs-holder, .system-msgs-holder { position: absolute; top:26px; left: 43px; cursor:default; width: 265px; min-height: 40px; background: #FFF; color: #000; text-align: left; font-size: 13px; border: 1px solid #a0a0a0; z-index: 200; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-box-shadow: 0px 0px 10px #a0a0a0; -webkit-box-shadow: 0px 0px 10px #a0a0a0;  }
#system-msgs-holder .triange-msgs, .triangle-msg, .system-msgs-holder .triange-msgs { display: block; position: absolute; width: 14px; height: 8px; top: -8px; left: 7px; background: transparent url(/img/triangle-msgs.png) 0 0 no-repeat; }
.sysmsg-row, .msg-row { position: relative; padding: 10px 15px 0px 15px; border-bottom: 1px solid #a0a0a0; }
.sysmsg-row.last, .msg-row.last { border: none; }
.sysmsg-close { display: block; width: 16px; height: 16px; float: right; margin: 1px -2px 0px 5px; background: transparent url(/img/icons/cross-gray.png) 0 0 no-repeat; }
.sysmsg-close.dark { background: transparent url(/img/icons/cross-darkgray.png) 0 0 no-repeat; }
.sysmsg-close:hover { background: transparent url(/img/icons/sprite56.png) -34px -17px no-repeat; }
.sysmsg-title { font-size: 14px; font-weight: bold; margin-bottom: 5px; line-height: 1.2; }
#header #enter .sysmsg-row a { color: #1752b6 !important; }

.sharecontainer { display: none; }
.sharecontainer:hover { display:block; }

.i-soc-facebook, .i-soc-twitter, .i-soc-vkontakte, .i-soc-livejournal, .i-soc-liveinternet, .i-soc-email, .i-soc-google, 
.i-soc-mailru, .i-soc-odnoklassniki, .i-soc-yandex, .i-soc-wishlist, .i-soc-html, .i-soc-all, .i-soc-llcode, .i-soc-link
{ display: inline-block; cursor:pointer; width: 16px; height: 16px; margin-right: 3px; vertical-align: -4px; background: url(/img/icons/social-icon-small-5.png) 0 0 no-repeat; }

.i-soc-facebook { background-position: -17px 0px; }
.i-soc-twitter { background-position: -68px 0px; }
.i-soc-vkontakte { background-position: 0px 0px; }
.i-soc-livejournal { background-position: -119px 0px; }
.i-soc-liveinternet { background-position: -136px 0px; }
.i-soc-email { background-position: -153px 0px; }
.i-soc-google { background-position: -34px 0px; }
.i-soc-mailru { background-position: -51px 0px; }
.i-soc-odnoklassniki { background-position: -85px 0px; }
.i-soc-yandex { background-position: -102px 0px; }
.i-soc-wishlist { background-position: -188px 0px; }
.i-soc-html { background-position: -169px 0px; }
.i-soc-all { background-position: -205px 0px; }
.i-soc-llcode { background: url(/img/logo_nb.png) 0 0 no-repeat; background-size: contain; border-radius: 50%; }
.i-soc-link { background: url(/img/skins/ll2015b/icons32.png) no-repeat -140px -241px; vertical-align: -3px; }

a.share-button, a.share-button:visited {
    background: none;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial;
    font-size: 11px;
    padding: 1px 27px 0px 9px;
    text-decoration: none;
    /*border: 1px solid #347cd4;*/
    background: #ccc;
    background-image: -webkit-linear-gradient(top, #999, #777);
    background-image: -moz-linear-gradient(top, #999, #777);
    background-image: -ms-linear-gradient(top, #999, #777);
    background-image: -o-linear-gradient(top, #999, #777);
    background-image: linear-gradient(to bottom, #999, #777);
    position:relative;
    top:-1px;
    height: 17px;
}

a.share-button .triangle-btn {
    cursor: pointer;
    width: 19px;
    height: 18px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #347cd4;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    background: #44A3F9;
    /*#ccc, #888*/
    background-image: -webkit-linear-gradient(top, #999, #777);
    background-image: -moz-linear-gradient(top, #999, #777);
    background-image: -ms-linear-gradient(top, #999, #777);
    background-image: -o-linear-gradient(top, #999, #777);
    background-image: linear-gradient(to bottom, #999, #777);
    box-shadow: -3px 0 2px -2px rgba(0,0,0,0.4);
}

a.share-button .triangle-btn .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.2px 3px 0 3px;
    border-color: #ffffff transparent transparent transparent;
    line-height: 0px;
    _border-color: #ffffff #000000 #000000 #000000;
    display: block;
    margin: 7px auto 0px;
}

a.share-button:hover { color: #F7F7F7;height: 17px;background: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-family: Arial;font-size: 11px;padding: 1px 27px 0px 9px;text-decoration: none;
    background: #44A3F9;
    background-image: -webkit-linear-gradient(top, #999, #777);
    background-image: -moz-linear-gradient(top, #999, #777);
    background-image: -ms-linear-gradient(top, #999, #777);
    background-image: -o-linear-gradient(top, #999, #777);
    background-image: linear-gradient(to bottom, #999, #777);
}

.social-share { z-index: 255; position: absolute; margin: 3px auto 0; background: #ffffff; font-size: 14px; }
.social-share ul.social li { margin: 2px; font-family: Arial; margin-left: 4px; width: 88px; float: left; }
.social-share ul.social li a.action {margin: 0 10px 2px 0;}

.share-fix { position: absolute;display: block;width: 1px;height: 2px;background-color: #888;top: -2px;left: -1px; }

#draft-status { display: none; float: right; margin-top: -29px; color: #535353; }
#draft-warning { display: inline-block; vertical-align: top; margin-left: 5px; }


.back-blue { background: #dfedf0; padding: 0px 12px; }
.bestbook-top { border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; }
.bestbook-bottom { border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; }
ul.bestbooks li { display: inline-block; vertical-align: top; width: 200px; text-align: center; margin-bottom: 30px; }

div#progressbar { margin-left:5px; width:120px; height:15px; background-color:white; border:1px solid #777; vertical-align:sub; display: inline-block; position:relative; overflow:hidden; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
div#progressvalue { height:15px; width:2px; background-color:#3A85F0; }

.nomination-logo { width: 200px; height: 110px; display:block; margin: 0 auto; background: transparent url(/img/bb14-logo.png) 0 0 no-repeat; }
.btn-vote { width: 125px; height: 38px; display:inline-block; background: transparent url(/img/btn-vote.png) 0 0 no-repeat; }

div.rec-master-book, div.rec-master-book:hover {height: 300px; display: inline-block; padding:8px; border: solid #ccc 1px;position: relative;width:120px;margin:1%}
div.rec-master-book:hover {box-shadow: #ddd 0 0 5px;}
div#master-genres { max-width: 750px; }


#rec-master-top.fixed {
    position: fixed;
    padding-left: 19px;
    top:0px;
    background-color:#eee;
    z-index: 900;
    width: 755px;
    min-width:630px;
    margin-left:-20px;
    box-shadow: #ddd 0 0 10px;
    border: solid #ccc 1px;
    border-top: none;
    height:120px;
}

.recsearch{ vertical-align: middle; width: 190px; font-size: 11px; padding: 10px 35px 10px 15px; border: 1px; background: #FFF; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px; }

div.genre-books-block {margin-top: 30px; }

div.recsearch-books {max-height: 400px; overflow-y: auto; overflow-x:hidden; background-color: #fff; z-index: 1; display:inline-block; position:absolute; margin-top:5px; border: solid 1px #a0a0a0; box-shadow: 0px 0px 10px #a0a0a0;}

.dashboard-block { width: 395px; padding: 5px 0px; float: left; margin-left: 40px; margin-bottom:30px; }
table tr.dashboard-title th { background-color: #eee; padding-left: 3px;}
.dashboard-percent { font-size:85%; }
.dashboard-percent.plus { color: green; }
.dashboard-percent.minus { color: red; }
.dashboard-comment {  color: #ccc; font-size: 90%; }

.login-shadow { width: 20px; height: 20px; display: block; background: url(/img/login-shadow.png) 0 0 repeat-y; position: absolute; right:0px; top: 0px; } 

.btn-lead, .btn-lead:hover,  .btn-lead:active { border-radius: 11px !important; color: #ffffff; background: #fba609; height: 24px; line-height: 10px; }

.novelty  { width: 132px; height: 42px; line-height: 38px; font-size: 14px; text-align: center; display:block; position: absolute; top:80px; right:-4px; background: transparent url(/img/novelty.png) 0 0 no-repeat; font-weight: 700; color: #BF2424 ; }

.big-procent { width: 100%;overflow:hidden;height: 38px; background:#e6e1c6;position: relative;text-align: center; border-radius: 19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; -khtml-border-radius: 19px; }
.big-procent .current-procent { height: 38px; border-radius: 19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; -khtml-border-radius: 19px; background:#cd9e3a; }
.big-procent .label-procent { font-size: 18px; font-weight: bold; color: #FFF; position:absolute; top:10px; width: 70px;text-align: center;right: 50%;margin-right: -40px; }
.fix-procent { height: 38px;position: absolute;top: 0px;right: 0px;background: #e6e1c6; }
.small-procent { width: 100%;height: 4px; background:#e6e1c6;position: relative;}
.small-procent .current-procent { height: 4px;  background:#cd9e3a;}

.special-carousel {height: 90px;margin-bottom: 14px;position: relative; padding: 0 47px;}
.special-carousel .holder { overflow: hidden; height: 90px; }
.special-carousel ul.carousel li { margin-right:0px; width: 62px; }
.special-carousel a.prev-carousel, .special-carousel a.next-carousel, .special-carousel a.prev-disable, .special-carousel a.next-disable { width: 31px; height: 31px; display:block !important; position: absolute; top: 30px; }
.special-carousel a.prev-carousel, .special-carousel a.prev-carousel:hover  { background: transparent url(/img/skins/scifi/arrow-left-active.png) center center no-repeat; left: 5px; }
.special-carousel a.next-carousel, .special-carousel a.next-carousel:hover  { background: transparent url(/img/skins/scifi/arrow-right-active.png) center center no-repeat; right: 5px; }
.special-carousel a.prev-disable, .special-carousel a.prev-disable:hover { background: transparent url(/img/skins/scifi/arrow-left.png) center center no-repeat; left: 5px; }
.special-carousel a.next-disable, .special-carousel a.next-disable:hover {background: transparent url(/img/skins/scifi/arrow-right.png) center center no-repeat; right: 5px;}

.spec-fixed { top:0px; position: fixed; background: #FFFFFF; padding: 10px 10px 0px;margin-left: -10px;box-shadow: 0 7px 6px -4px rgba(0, 0, 0, .2); z-index: 2;}
.kv-block { padding: 45px 43px; background: #f0edde; }

#slides { margin: 0 auto; }
#hint-holder, #hint-preview-holder { display: block;width: 100%;height: 100%;position: fixed;z-index: 2000;top: 0;left: 0; }
.hint-carousel {height: auto;margin-bottom: 14px;position: relative; padding: 0; width:1000px; margin:0 auto;}
.hint-carousel .holder { overflow: hidden; height: 100%; }
.hint-carousel ul.carousel { margin-top:10px; margin-bottom:10px; }
.hint-carousel ul.carousel li.carousel-item { margin-right:0px; width:1000px; height: auto; font-size: 14px;line-height: 1.3;vertical-align:middle; }
.hint-carousel a.prev-carousel, .hint-carousel a.next-carousel, .hint-carousel a.prev-disable, .hint-carousel a.next-disable { width: 31px; height: 31px; display:inline-block !important; position: relative; top: auto;vertical-align: top; }
.hint-carousel a.prev-carousel, .hint-carousel a.prev-carousel:hover  { background: transparent url(/img/skins/scifi/arrow-left-active.png) center center no-repeat; left: auto; }
.hint-carousel a.next-carousel, .hint-carousel a.next-carousel:hover  { background: transparent url(/img/skins/scifi/arrow-right-active.png) center center no-repeat; right: auto; }
.hint-carousel a.prev-disable, .hint-carousel a.prev-disable:hover { background: transparent url(/img/skins/scifi/arrow-left.png) center center no-repeat; left: auto; }
.hint-carousel a.next-disable, .hint-carousel a.next-disable:hover {background: transparent url(/img/skins/scifi/arrow-right.png) center center no-repeat; right: auto;}
#body.hint-visible { overflow:hidden; }
#hint-close { z-index: 10; position:fixed; top:5px; right: 5px; }
.hint-pagination { position:fixed; bottom:0px; left:0px; width: 100%; height: 45px; text-align:center; }
.hint-pagination ul { display: inline-block;padding: 0px;margin: 0px 7px;vertical-align: top; }
.hint-pagination ul li { display: inline-block; vertical-align:top; margin: 0 10px; }
.hint-pagination ul li a { display: inline-block; text-decoration:none; width: 32px; height:32px; border-radius:16px; line-height:32px; font-weight:bold; font-size: 18px; text-align: center; line-height:32px; color: #fff; background-color: #6493FF; }
.hint-pagination ul li a.active { background-color: #D8DADC; }

.i-ub-arrow {background: url(/img/skins/ll2015b/icons7.png) -160px -140px no-repeat;display: inline-block;width: 20px;height: 20px;margin-right: 3px;vertical-align: -5px;}

.userbook-button, .userbook-button.i-clock { background: none; height:39px; display: inline-block; width: auto;}
.userbook-button span.inactive, .userbook-button span.userbook-arrow { border-bottom: 1px solid #06540a; background: #04A00C; height:39px; color:#FFF;line-height: 41px;margin-right:1px;
    background-image: -webkit-linear-gradient(top, #04ac0d, #03930A);
    background-image: -moz-linear-gradient(top, #04ac0d, #03930A);
    background-image: -ms-linear-gradient(top, #04ac0d, #03930A);
    background-image: -o-linear-gradient(top, #04ac0d, #03930A);
    background-image: linear-gradient(to bottom, #04ac0d, #03930A);
}
.userbook-button span.inactive, .userbook-button span.active { cursor:pointer; padding: 0px 15px; font-weight: bold; font-size:14px; min-width: 120px;text-align: center; }
.userbook-button span.active { background: #FFF; cursor:pointer; border: 2px solid #04a00c; border-right: none; height: 36px; color: #04a00c; line-height: 37px; padding-left: 14px;}

.userbook-button span.inactive, .userbook-button span.active, .userbook-button span.bookshelf, .userbook-button span.userbook-arrow, .userbook-button.open span { display: inline-block; vertical-align: middle; }
.userbook-button span.inactive, .userbook-button span.active { border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -khtml-border-radius: 3px 0px 0px 3px;  }
.userbook-button span.userbook-arrow { position:relative;cursor:pointer;padding:0;width:40px; height:39px; border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -khtml-border-radius: 0px 3px 3px 0px;  }
.userbook-button span.userbook-arrow .i-ub-arrow { padding:0px; margin: 10px 0px 0px 10px; }
.userbook-button span.inactive:hover, .userbook-button span.userbook-arrow:hover { border-bottom-color: #000;
    background-image: -webkit-linear-gradient(top, #414b56, #303841);
    background-image: -moz-linear-gradient(top, #414b56, #303841);
    background-image: -ms-linear-gradient(top, #414b56, #303841);
    background-image: -o-linear-gradient(top, #414b56, #303841);
    background-image: linear-gradient(to bottom, #414b56, #303841);
}
.userbook-button span.active:hover { background: #39424c; border-color: #39424c; color: #FFF; }

.userbook-button.open span:hover { background: #39424C; }
.userbook-button span.first:hover { border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -khtml-border-radius: 3px 0px 0px 3px; }
.userbook-button span.bookshelf { padding:0; width:40px; height:35px; vertical-align:middle; background:transparent url(/img/skins/ll2015b/big-icons2.png) -124px -47px no-repeat !important; border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -khtml-border-radius: 0px 3px 3px 0px; }
.userbook-button.i-clear, .userbook-button.i-clock { background: none !important; }

.small-carousel.game-carousel { height:auto; }
.small-carousel.game-carousel .holder { height: auto; }
.small-carousel.game-carousel ul.carousel li { line-height: 20px; font-size: 14px; vertical-align:top;}

.text-brief { position: relative;max-height: 75px;overflow: hidden;padding-bottom: 5px; }
.text-more { display: block;background: #fff;position: absolute;width: 100%;height: 20px;top: 56px;left: 0px;padding-top: 5px; }

.giveaway-agreement { background-color: #f5f5f7;width:540px;height:480px;position:fixed;top:50%;margin-top:-250px; left: 50%;margin-left:-270px;padding:15px; }
.popup-block { text-align:left;background-color: #f5f5f7;width:540px;position:fixed;top:50%;margin-top: -270px; left: 50%;margin-left:-270px;padding:20px; }
ul.ul-circle { list-style: disc outside;padding-left:22px; }

.popup-block p { font-size: 14px; line-height: 18px; }
.popup-block .userbook-button span.inactive { border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; }

#fixed-buy { position: fixed; bottom: 0px; left:0px; right:0px; z-index: 1000; width:100%; height:80px; text-align:center; background:#fff; border-top: 1px solid #d8dadc; border-bottom: 1px solid #d8dadc; }
#fixed-buy .fixed-container { width: 940px;  min-width: 918px;max-width: 1118px; text-align:left; margin:0 auto; }
#fixed-buy.non-fixed { position:relative; }
#fixed-buy.non-fixed .fixed-container { width: 100%; }
.fixed-save { margin-right: 281px; margin-top:28px;text-align:center; }
#fixed-buy.non-fixed .fixed-save { margin-right: 82px; }

a.btn-rocketbank { display:inline-block; height:35px; line-height: 38px;border-bottom:2px solid #2077d7;border-top:1px solid #2077d7;border-left:1px solid #2077d7;border-right:1px solid #2077d7;color: white !important; font-weight:bold;text-decoration:none; font-size:14px; background: #2077d7 !important; padding: 0px 13px 0px 10px; margin-top:15px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; }
a.btn-rocketbank:hover {border-bottom:2px solid #185aa0;border-top:1px solid #5998dd;border-left:1px solid #2e75c3;border-right:1px solid #2e75c3; }
a.btn-rocketbank img { margin-right:12px; display:inline-block; width:26px; height:26px; vertical-align: -9px; }

.column-absolute { position:absolute; }
.column-fixed { position: relative;top: 0px;bottom: auto;width: 240px; }
.fixed-on { top:20px; position:fixed; }
.fixed-absolute { position:absolute; }
.side-blocks { display:none; }
.btn-select-left { display:inline-block; position:relative;vertical-align: top; }
.btn-select-left .i-arrow-select-down { float:right;margin: 8px -3px 0px 4px; }

div.award-link-wrapper { margin-top: 15px; text-align: center; }
a.award-link { margin-right: 7px; }
span.i-bb_award { width:110px; height:41px; display: inline-block; background: url(/img/bb_vote.png) no-repeat;vertical-align: middle;left: 0px; }

.bb15-vote { width:145px; height:40px;display:block;text-align:center;text-decoration:none;margin:0 auto;background-color: #ff6b1c;line-height:40px;color: white;font-size: 14px;font-weight: 700;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; }
a.bb15-vote, a.bb15-vote:visited, a.bb15-vote:hover, a.bb15-vote:visited:hover { color:white !important; }
a.bb15-vote:hover, a.bb15-vote:visited:hover { background-color: #23b7e5;text-decoration:none; }

.lead-school { min-width:190px;padding-right:20px; float:left; }
.lead-background-speakup2 { width:1200px;height:812px;position:absolute;left:50%;margin-left:-600px;top:50%;margin-top:-406px; background: transparent url(/img/company/speakup/background.jpg) center center no-repeat; }
.lead-form-speakup2 { font-family: 'Pt Sans', sans-serif;width:334px;height:565px;background:#fe0000;color:#fff;position:absolute;right:5px;top:128px;box-shadow: -3px 5px 5px 0px rgba(20, 24, 36, 0.16);border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; }
.lead-title-speakup2 { font-family: 'Pt Sans', sans-serif;font-size:32px;text-align:center; margin:25px 30px 20px; }
.lead-formrow-speakup2 { padding:0px 30px 8px;text-align:left; font-weight:bold;font-size:16px;line-height:20px; }
.lead-formrow-speakup2 input, .lead-formrow-speakup2 select { border:1px solid #bc3d3d;margin-top:3px; border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; background:#fff;height:40px;line-height:40px;font-size:16px; }
.lead-formrow-speakup2 select { height:44px;line-height:44px; }
a.lead-send-speakup2, a.lead-send-speakup2:hover, a.lead-send-speakup2:visited { width:270px;margin:0 auto; height:70px;line-height:70px;font-family: 'Pt Sans', sans-serif;background:#000067;color:#fff !important; font-size:30px;text-align:center;display:block; border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px; }
.hint-close { position: absolute;top: 0px;right: 0px;width: 40px;height: 40px;line-height: 40px; }
.i-hint-close {background: url(/img/skins/ll2015b/icons29.png) no-repeat -100px -380px;width:20px;height:20px;}

table.table-friends tr td { padding:10px 0px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }

.scifi-special { width: 100%;height: 110px;background-color: #513767;border-radius: 3px; cursor: pointer;}
.scifi-special .scifi-background { width: 100%; height: 110px; opacity: 0.4; background: url(/img/scifi-special-bg.png) top center no-repeat; background-size: 100%; position: absolute; }
.scifi-special .scifi-special-text { float: left; margin-top: 20px; margin-left: 20px; width: 60%;}
.scifi-special .scifi-special-logo { background: url(/img/scifi-special-logo.png) top center no-repeat; display: inline-block; width: 220px; height: 26px; position: relative; }
.scifi-special .scifi-description-logo {display: inline-block; color: white; font-family: Arial; font-size: 13px; font-weight: 700; margin-left: 20px;position: relative;line-height: 15px;top: -1px; text-align: center;}
.scifi-special .scifi-news-wrapper { height: 38px; color: white; font-family: Arial; font-size: 14px; line-height: 19px; font-weight: 400;display: inline-block;position: relative; overflow: hidden;}
.scifi-special .scifi-news-link { font-weight: 700;color: white;text-decoration: none;border-bottom: 1px solid white; }
.scifi-special .scifi-news-link:hover { text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .2); -webkit-background-clip: padding-box; background-clip: padding-box; }
.scifi-special .scifi-books { width: 32%; height: 90px;display: inline-block;float: right;top: 10%;position: relative; text-align: right;}
.scifi-special .scifi-books .book { height: 90px; width: 59px; display: inline-block; margin-right: 6px;}
.scifi-special .scifi-books div:nth-child(1) { background: url(/img/scifi_b_1.png) top center no-repeat; width: 59px; }
.scifi-special .scifi-books div:nth-child(2) { background: url(/img/scifi_b_2.png) top center no-repeat;width: 58px; }
.scifi-special .scifi-books div:nth-child(3) { background: url(/img/scifi_b_3.png) top center no-repeat; width: 57px; margin-right: 8px;}

.compare-profile-progressbar {display:inline-block;background-color: #0768d8; height:15px; }
.compare-profile-percent {float:right; background-color: #cecece;padding:10px;color:#FFFFFF; }

.similar-user-block { display:table-cell;overflow:hidden;padding:14px 14px 52px;position: relative;border: 1px solid rgba(59, 56, 63, 0.1);border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; }
.similarity-avatar { float: left;height: 80px; }
.similarity-big-avatar { width: 80px;height: 80px;display: inline-block;background: transparent center center no-repeat;background-size: cover;position: relative;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; }
.similarity-data { margin-left: 100px;font-size: 14px;max-width: 135px; }
.similarity-friend { margin: 14px 0px -2px;font-size: 12px;line-height:20px; }
.carousel-similar-users { position: relative; }
.carousel-similar-users .holder { overflow: hidden; }
.carousel-similar-users a.prev-carousel, .carousel-similar-users a.next-carousel {top: 40px;}
.carousel-similar-users ul.carousel > li { padding-right:18px; }

.compare-back-small { position:absolute;bottom:5px;left:60px;width:26px; height:26px; border: 2px solid #fff; background: #04a00c; text-align:center; color:#fff; font-size: 11px;font-weight: 700;line-height:26px;border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

@media screen and (max-width: 1000px) {  
    .similarity-data { max-width: 105px; }
.scifi-special .scifi-books { width: 206px; }
.scifi-special .scifi-special-text { max-width: 375px; text-overflow: ellipsis; }
}

.btn-link.selected { padding: 0px 2px;border: 1px solid;margin: 0px 6px 0px 0px;background-color: #205070;color: #ffffff;font-weight: bold;}
.btn-link { text-decoration: none; border-bottom: 1px dashed; margin: 0px 9px 0px 3px; display: inline-block;}
.btn-link:hover {text-decoration: none;}
#media-add-form, #critic-add-form, #group-add-form { display: none; margin-top: 10px;}
#critic-wrapper, #media-wrapper, #group-wrapper { margin-bottom: 10px; display: inline-block;}
#critic-select.selected, #media-select.selected, #group-select.selected { border: #205070 1px solid; }

.event-data.review.critic-review-good { background-color: #ECFFED; } 
.event-data.review.critic-review-bad { background-color: #FFF0F0; } 
.event-data.review.critic-review-neutral { background-color: #F5F5F5; } 
.review-more-item { font-size: 90%; padding: 7px;display:table-cell;vertical-align:top; border: 1px solid rgba(59, 56, 63, 0.1);border: 1px solid rgba(59, 56, 63, 0.1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.review-more-item-text { line-height: 125%;  padding-left: 71px; width: 115px; }
.review-more-item-title { margin-bottom: 5px; }
.review-more-item-author { margin-top: 5px;font-style: italic; }
.review-more-item-site { margin-top: 3px; }


.rec-lamp { width:32px; height:32px; vertical-align: middle; display:inline-block; margin-right: 0px; background: url(/img/skins/ll2015b/um/recommendations_grey.svg); }
.rec-lamp.light {background: url(/img/skins/ll2015b/um/recommendations_active.svg); }
.rec-lamp:hover {background: url(/img/skins/ll2015b/um/recommendations_hover.svg); }
.rec-lamp.light:hover {background: url(/img/skins/ll2015b/um/recommendations_active_hover.svg); }


.newrec {position: absolute; z-index: 1005; display:none;} 
.newrec > .book-hint { width: 220px;background-color: white;border: 1px solid #d8dadc;padding:40px;text-align:center;position:relative;
    border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.newrec > .book-hint-wide { width:220px; position:absolute;z-index:1005;padding: 40px 60px; }
.newrec > .book-hint h2 { font-family: Arial;color: #0768d8;font-size: 14px;font-weight: 700;line-height: 21px;border:none }
.newrec > .book-hint p { font-family: Arial;color: #39424c;font-size: 14px;font-weight: 400;line-height: 20px; margin-bottom: 0px;}
.newrec > .book-hint a.hint-start, .book-hint a.hint-start:visited { font-family: Arial;text-decoration: none; color: white;text-align:center;margin-top:20px;font-size: 14px;font-weight: 700;line-height: 34px; display:inline-block; width:216px; height:34px;background-color: #0768d8;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; }
.newrec > .book-hint a.hint-start:hover, .book-hint a.hint-start:visited:hover {  font-family: Arial;text-decoration: none;background-color: #04A00C; color: white;}

.hint-back { display: none; top:0px; left: 0px; padding: 0px;margin: 0px;z-index: 1003;position: fixed;height: 100%;width: 100%;}
.hint-back-shadow { display: none; top:0px; left: 0px;background:#000;opacity:0.3;padding: 0px;margin: 0px;z-index: 1001;position: fixed;height: 100%;width: 100%;}

.i-android-app, .i-apple-app { display: block; width: 125px; height: 42px; margin:0 auto; }
.i-android-app { background:url(/img/android_side.png) no-repeat; }
.i-apple-app { background:url(/img/apple_side.png) no-repeat; }
a:hover .i-android-app { background:url(/img/android_side_hover.png) no-repeat; }
a:hover .i-apple-app { background:url(/img/apple_side_hover.png) no-repeat; }

.adult-mark {display:inline-block; background-color: #f3f1ed; border: 1px solid #f3f1ed; color: rgba(0,0,0,.45); font-size: 9px; line-height: 11px; padding: 0 3px 1px; }

.llicon { width:16px; height:16px; display:inline-block; vertical-align: -4px; margin-right:3px; background: transparent url(/img/icons/sprite56.png) no-repeat 0 0; }
.icon-book { background-position: 0 -119px; }
.icon-author { background-position: -17px -119px; }
.icon-selection { background-position: -119px -119px; }
.icon-reader { background-position: -187px -119px; }
.icon-character { background-position: -155px -170px; }
.icon-film { background-position: -170px 0px; }

.sidenav.mobile-apps { width: 240px; height: 241px; background-color: #f6f7f8; border: 1px solid #e9eaed; text-align: center; border-radius: 0; padding: 3px 7px; box-sizing: border-box; margin: 0 0 21px; }
.sidenav.mobile-apps .apps-text { display: block; font-family: Arial; font-size: 16px; font-weight: 700; line-height: 24px; color: #39424c; margin-bottom: 10px; }
.sidenav.mobile-apps .apps-text .ll-name { color: #0768d8;  }
.sidenav.mobile-apps .apps-text .ll-logo { vertical-align: -1px; background: url(/img/ll_sidenav_logo.png) no-repeat; width: 14px; height: 12px; display: inline-block; }
.sidenav.mobile-apps .content-wrapper { width: 224px; height: 171px; background-color: white; border: 1px solid #ecedee; border-radius: 3px; margin: 0 auto; padding: 20px 0; box-sizing: border-box; }
.sidenav.mobile-apps .content-wrapper a.i-android-app { display: inline-block; margin: 0 auto; width: 150px; height: 50px; background: url(/img/ll_btn_app_android.png) no-repeat;}
.sidenav.mobile-apps .content-wrapper a.i-android-app:hover { background: url(/img/ll_btn_app_android_hover.png) no-repeat; }
.sidenav.mobile-apps .content-wrapper a.i-ios-app { display: inline-block; margin: 0 auto; width: 150px; height: 50px; background: url(/img/ll_btn_app_ios.png) no-repeat;}
.sidenav.mobile-apps .content-wrapper a.i-ios-app:hover { background: url(/img/ll_btn_app_ios_hover.png) no-repeat; }
.sidenav.mobile-apps .content-wrapper .bordered-separator { display: inline-block; margin: 0 auto; width: 194px; height: 1px; opacity: 0.1; background-color: #39424c; margin: 12px 0px; }
    
.popup-back-ce { display: none; top:0px; left: 0px; padding: 0px;margin: 0px;z-index: 10011;position: fixed;height: 100%;width: 100%;background: url(/img/popup-bg.png);}
#popup-confirm-email { display: none;padding: 0px;margin: 0px;position: fixed;width: 360px;top: 50%;left: 50%;margin-left: -180px;margin-top: -227px;z-index: 1002; background-color: #f5f5f7; }

.btn-save { height: 30px;background-color: #04a00c;color: white;font-size:13px;font-weight: 700;border: 0;line-height:29px;text-align:center;width:100%;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px; }

.post-yvideo {cursor:pointer; position: relative;}
.post-yvideo .video-btn-overlay {position:absolute; background: url(/img/yt-play-gray.png) no-repeat; width: 100px;height: 71px;top: 50%;left: 50%;margin-left: -50px;margin-top: -35px;}
.post-yvideo .post-yvideo-duration, .scifi-post-yuotube .post-yvideo-duration {position: absolute;right: 5px;bottom: 5px;background: rgba(0,0,0,.6);color: #fff;font-size: 13px;line-height: 13px;text-align: center;padding: 5px;border-radius: 4px;opacity: 0.6;}

#menu-inner #more-li ul li a { white-space:nowrap; }

@media (max-width: 1100px) {
  .post-yvideo > img {max-width: 90% !important;}
}

.header-pshadow { width:100%; position:relative; box-shadow: inset 0px 5px 32px 0px rgba(0, 0, 0, 0.15); }
#subheader { position: relative; }

.social-posts { line-height:30px; margin: 20px 0; }
.soc-post { display:inline-block;cursor:pointer; vertical-align:top; width:30px; height:30px;text-align:center;background:#fff;line-height:30px;margin-right:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; }
.soc-post span.share-icon { display:inline-block;background: url(/img/skins/ll2015b/soc-big.png) 0 0 no-repeat;height:20px;margin-top: 5px; }
.soc-post.vkontakte .share-icon { background-position: 0px 0; width:23px; }
.soc-post.facebook .share-icon { background-position: -25px 0; width:11px; }
.soc-post.twitter .share-icon { background-position: -99px 0; width:16px; }
.soc-post.vkontakte  { background-color: #597da3; }
.soc-post.facebook  { background-color: #3b5998; }
.soc-post.twitter  { background-color: #1da1f2; }
.soc-post.unactive { opacity: 0.4; }
.soc-post:hover { opacity: 0.9; }

#fixed-vkontakte, .social-popup-fixed { z-index:1001;line-height:20px;position:fixed;left:50%;margin-left:-205px;width:380px;padding:15px;top:50%;margin-top:-40px; }
.social-popup-fixed { background-color: white;border: 1px solid #d8dadc;text-align:center;line-height:30px;
    border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }


.scrollup {position: fixed;z-index: 1000;padding: 15px 10px 10px; background: #aaa;left: 10px; bottom: 10px; display: none; cursor: pointer;background: url(/img/up.png) center center no-repeat;width: 50px;height: 50px;opacity: 0.5;}
.scrollup-new {opacity: 0.4;position: fixed; left: 5px; top: 30px; display: none; cursor: pointer;background: url(/img/skins/ll2015b/scroll-up.png) center center no-repeat;width: 60px;height: 60px;}
.scrollup-new:hover { opacity: 0.8; }

@media (min-width: 1400px) {
    .scrollup-new { left:50%; margin-left: -680px; }
}


.soc-share { box-shadow: 0 2px 18px rgba(0, 0, 0, 0.5);display:inline-block; width:60px;height:60px;text-align:center;border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; }
.soc-share:hover { opacity: 0.9; }
.soc-share span.share-icon { background: url(/img/skins/ll2015b/share-icon.png) 0 0 no-repeat;height:30px;display:inline-block;margin-top: 15px; }
.soc-share.vkontakte  { background-color: #597da3; }
.soc-share.vkontakte .share-icon { background-position: -263px 0; width:36px; }
.soc-share.facebook  { background-color: #3b5998; }
.soc-share.facebook .share-icon { background-position: -49px 0; width:15px; }
.soc-share.liveinternet  { background-color: #00b0ea; }
.soc-share.liveinternet .share-icon { background-position: -66px 0; width:20px; }
.soc-share.livejournal  { background-color: #103141; }
.soc-share.livejournal .share-icon { background-position: -88px 0; width:25px; }
.soc-share.twitter  { background-color: #1da1f2; }
.soc-share.twitter .share-icon { background-position: -114px 0; width:30px; }
.soc-share.google  { background-color: #de4931; }
.soc-share.google .share-icon { background-position: -146px 0; width:32px; }
.soc-share.mailru  { background-color: #2796e5; }
.soc-share.mailru .share-icon { background-position: -180px 0; width:27px; }
.soc-share.odnoklassniki  { background-color: #f78200; }
.soc-share.odnoklassniki .share-icon { background-position: -209px 0; width:16px; }
.soc-share.llcode  { background-color: #2796e5; }
.soc-share.llcode .share-icon { background-position: -301px 0; width:29px; }
.soc-share.link-open  { background-color: rgba(0, 0, 0, 0.3);box-shadow: none; }
.soc-share.link-open .share-icon { background-position: -21px 0; width:26px; }
.soc-share.link-cancel  { background-color: rgba(0, 0, 0, 0.3);box-shadow: none; }
.soc-share.link-cancel .share-icon { background-position: 0px 0; width:19px; }
.soc-share.link-open:hover, .soc-share.link-cancel:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.6); }
.soc-block { position:fixed; bottom:60px;left:5px;z-index:10000;  }
.soc-block-open { position:absolute;width: 900px;left: 80px;top: 0px; }
.soc-block-open .soc-share { margin-left:30px; }
.share-type-cont { position:relative;display:inline-block; }
.soc-share-count { opacity:0.6;position:absolute;line-height: 35px;right:0px; top:60px; width:60px; height:30px; display:block;background: transparent url(/img/skins/ll2015b/combined-shape.png) 0 0 no-repeat;text-align:center;color: white;font-family: Arial;font-size: 21px;font-weight: 400; }

.container-share-small tr td { padding:0px !important; }
.container-share-small { float:right;line-height:20px;margin-top: -2px; }
.container-share-small-open { position:absolute;z-index:100; margin-left:23px;overflow:hidden;border-radius:3px;-webkit-border-radius:3px;-mox-border-radius:3px; }
.soc-share-s { display:inline-block;cursor:pointer; vertical-align:top; width:20px; height:20px;text-align:center;background:#fff; }
.soc-share-s:hover, .tr-share:hover { opacity: 0.9; }
.tr-share { cursor:pointer; }
.soc-share-s span.share-icon { background: url(/img/skins/ll2015b/soc-small.png) 0 0 no-repeat;height:13px;display:inline-block;margin-top: 3px; }
.soc-share-s.vkontakte, .tr-vkontakte td  { background-color: #597da3; }
.soc-share-s.vkontakte .share-icon { background-position: 0px 0; width:15px; }
.soc-share-s.facebook, .tr-facebook td  { background-color: #3b5998; }
.soc-share-s.facebook .share-icon { background-position: -18px 0; width:7px; }
.soc-share-s.liveinternet, .tr-liveinternet td  { background-color: #00b0ea; }
.soc-share-s.liveinternet .share-icon { background-position: -93px 0; width:11px; }
.soc-share-s.livejournal, .tr-livejournal td  { background-color: #103141; }
.soc-share-s.livejournal .share-icon { background-position: -79px 0; width:13px; }
.soc-share-s.twitter, .tr-twitter td  { background-color: #1da1f2; }
.soc-share-s.twitter .share-icon { background-position: -66px 0; width:10px; }
.soc-share-s.google, .tr-google td  { background-color: #de4931; }
.soc-share-s.google .share-icon { background-position: -50px 0; width:14px; }
.soc-share-s.mailru, .tr-mailru td  { background-color: #2796e5; }
.soc-share-s.mailru .share-icon { background-position: -35px 0; width:13px; }
.soc-share-s.odnoklassniki, .tr-odnoklassniki td  { background-color: #f78200; }
.soc-share-s.odnoklassniki .share-icon { background-position: -26px 0; width:7px; }
.soc-share-s.llcode, .tr-llcode td  { background-color: #0768d8; }
.soc-share-s.llcode .share-icon { background-position: -121px 0; width:13px; }
.soc-share-s.link-open  { width: 18px;height:18px;border: 1px solid #d8dadc;border-radius: 0 3px 3px 0;-mox-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0; }
.soc-share-s.link-open .share-icon { background-position: -107px 0; width:11px; }
.soc-share-s.first { border-radius: 3px 0 0 3px;-mox-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;margin-right:1px; }
.container-share-small tr td.td-share-count { color: white;font-size: 11px;font-weight: 400;padding: 0 10px 0 5px !important;;text-align:center; }
.soc-share-count-s { background:#fff;position:relative;display:inline-block;margin-left:3px;height:18px; padding: 0 5px; border: 1px solid #d8dadc; text-align:center;color: #757b82;font-size: 12px;font-weight: 400;border-radius:3px;-webkit-border-radius:3px;-mox-border-radius:3px; }
.soc-share-count-s-triangle { position:absolute;top:50%;margin-top:-2px;left:-3px;width:3px;height:4px;background: transparent url(/img/skins/ll2015b/s-small-triangle.png) 0 0 no-repeat; }
.absoluted .container-share { margin-top:0px; }

.container-share-big { line-height:30px; }
.container-share-big .container-share-small-open { left:12px;border-radius:4px;-webkit-border-radius:4px;-mox-border-radius:4px;background:#fff; }
.container-share-big .soc-share-s { width:30px;height:30px; }
.container-share-big .soc-share-s span.share-icon { background: url(/img/skins/ll2015b/soc-big.png) 0 0 no-repeat;height:20px;margin-top: 5px; }
.container-share-big .soc-share-s.vkontakte .share-icon { background-position: 0px 0; width:23px; }
.container-share-big .soc-share-s.facebook .share-icon { background-position: -25px 0; width:11px; }
.container-share-big .soc-share-s.liveinternet .share-icon { background-position: -138px 0; width:18px; }
.container-share-big .soc-share-s.livejournal .share-icon { background-position: -116px 0; width:20px; }
.container-share-big .soc-share-s.twitter .share-icon { background-position: -99px 0; width:16px; }
.container-share-big .soc-share-s.google .share-icon { background-position: -73px 0; width:23px; }
.container-share-big .soc-share-s.mailru .share-icon { background-position: -51px 0; width:20px; }
.container-share-big .soc-share-s.odnoklassniki .share-icon { background-position: -38px 0; width:11px; }
.container-share-big .soc-share-s.llcode .share-icon { background-position: -175px 0; width:22px; }
.container-share-big .soc-share-s.link-open  { width: 28px;height:28px;border-radius: 0 4px 4px 0;-mox-border-radius: 0 4px 4px 0;-webkit-border-radius: 0 4px 4px 0; }
.container-share-big .soc-share-s.link-open .share-icon { background-position: -159px 0; width:13px;margin-top: 4px; }
.container-share-big .soc-share-count-s { margin-left:10px;height:28px;padding: 0 7px;font-size: 14px;line-height: 28px;border-radius:4px;-webkit-border-radius:4px;-mox-border-radius:4px; }
.container-share-big .soc-share-count-s-triangle { margin-top:-3px;height:6px;background-image: url(/img/skins/ll2015b/s-big-triangle.png); }
.container-share-big tr td.td-share-count { font-size:14px; }

.container-share-middle { line-height:24px;margin-top: -4px; }
.container-share-middle .container-share-small-open { margin-left:28px;border-radius:4px;-webkit-border-radius:4px;-mox-border-radius:4px;background:#fff; }
.container-share-middle .soc-share-s { width:24px;height:24px; }
.container-share-middle .soc-share-s span.share-icon { background: url(/img/skins/ll2015b/soc-middle.png) 0 0 no-repeat;height:15px;margin-top: 5px; }
.container-share-middle .soc-share-s.vkontakte .share-icon { background-position: 0px 0; width:18px; }
.container-share-middle .soc-share-s.facebook .share-icon { background-position: -20px 0; width:8px; }
.container-share-middle .soc-share-s.liveinternet .share-icon { background-position: -126px 0; width:15px; }
.container-share-middle .soc-share-s.livejournal .share-icon { background-position: -93px 0; width:15px; }
.container-share-middle .soc-share-s.twitter .share-icon { background-position: -78px 0; width:13px; }
.container-share-middle .soc-share-s.google .share-icon { background-position: -58px 0; width:18px; }
.container-share-middle .soc-share-s.mailru .share-icon { background-position: -40px 0; width:16px; }
.container-share-middle .soc-share-s.odnoklassniki .share-icon { background-position: -30px 0; width:8px; }
.container-share-middle .soc-share-s.llcode .share-icon { background-position: -140px 0; width:15px; }
.container-share-middle .soc-share-s.link-open  { width: 22px;height:22px;border-radius: 0 4px 4px 0;-mox-border-radius: 0 4px 4px 0;-webkit-border-radius: 0 4px 4px 0; }
.container-share-middle .soc-share-s.link-open .share-icon { background-position: -125px 0; width:13px;margin-top: 2px; }
.container-share-middle .soc-share-count-s { margin-left:10px;height:22px;padding: 0 7px;font-size: 12px;line-height: 22px;border-radius:4px;-webkit-border-radius:4px;-mox-border-radius:4px; }
.container-share-middle .soc-share-count-s-triangle { margin-top:-3px;height:6px;background-image: url(/img/skins/ll2015b/s-small-triangle.png); }
.container-share-middle tr td.td-share-count { font-size:12px; }

@media (min-width: 1400px) {
    .soc-block { left:50%; margin-left: -680px; }
}

#fixed-menu { /* position: fixed; */ top: 0px; left:0px; right:0px; z-index: 1003; width:100%; height:80px; background:#fff;}
#fixed-menu #logo-menu {display:none;}
#fixed-menu #logo {display:block;}
#fixed-menu.fixd { position: fixed; top: -72px; left:0px; right:0px; z-index: 1003; width:100%; height:60px; background:#fff; border-bottom: 1px solid #d8dadc }
#fixed-menu.show-fixd { transition-property: top;transition-duration: 500ms;top:0px; }
#fixed-menu.hide-fixd { transition-property: top;transition-duration: 500ms;top:-72px; }
#fixed-menu.fixd #header {height: 60px !important;}
#fixed-menu.fixd .header-container {height: 60px !important;}
#fixed-menu.fixd .header-firstrow-table {height: 60px !important;}
#fixed-menu.fixd #logo-menu {cursor:pointer; display:block !important; position: absolute; top: 8px; background: url(/img/skins/ll2015b/logov4.png) 0% 50% no-repeat; left: -10px;height: 45px; }
#fixed-menu.fixd #header.ny-2017 #logo-menu { background: url(/img/logo_ny17.png) 0% 50% no-repeat; left: 0px; background-position-y: 12px; width: 25px !important;}
#fixed-menu.fixd #logo {display:none;}

#fixed-menu ul.menu-list {min-width: 110px; display: inline-block;}
#fixed-menu ul.menu-list li {margin-top: 5px; text-align:left}

.header-top-menu .menu-inner { top:45px;    z-index: 21; }
.header-top-menu .header-books-usermenu .btn-menu-top { padding: 0 8px 0 8px !important;border-width: 8px !important; }
/*#fixed-menu #main-menu-small {font-size: 90%; display: none; width: 240px; padding: 10px; margin-top: 45px;line-height: 120%; text-align: left;}*/
#header-search-cell {width:auto !important;}

#fixed-menu .menu-link-holder {position:absolute; top:15px; width:98px;text-align:center}
#fixed-menu .menu-link {font-size: 14px; font-weight: bold; color: rgba(57,66,76,0.7); white-space:nowrap; }
#fixed-menu .menu-link { color: rgba(57,66,76,1); }
#fixed-menu .menu-link-div {display: inline-block; max-width:98px !important; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; vertical-align:middle; margin-bottom: 3px;}

.sel-carousel {height: auto;position:relative;margin-bottom:30px;}
.sel-carousel .holder { overflow: hidden; height: auto; }
.sel-carousel ul.carousel { width: 1000%; }
.sel-carousel ul.carousel li { margin-right:0px; width: 3.3%; vertical-align: top; }
.sel-carousel a.prev-carousel, .sel-carousel a.next-carousel, .sel-carousel a.prev-disable, .sel-carousel a.next-disable { width: 25px; height: 90px; display:block !important; position: absolute; top: 35px; background: transparent url(/img/skins/ll2015b/arrows-block.png) 0 0 no-repeat; }
.sel-carousel a.prev-carousel:hover  { background-position: 0 -92px; left: 0px; }
.sel-carousel a.next-carousel:hover  { background-position: -27px -92px; right: 0px; }
.sel-carousel a.prev-carousel, .sel-carousel a.prev-disable, .sel-carousel a.prev-disable:hover { background-position: 0 0px; left: 0px; }
.sel-carousel a.next-carousel, .sel-carousel a.next-disable, .sel-carousel a.next-disable:hover {background-position: -27px 0px; right: 0px;}

.series-actions { margin-top: 10px;margin-left:20px;line-height:30px;font-size:12px; }
.curator-alert { padding:15px 20px;margin-bottom:30px;background: #fefce0;border:1px solid #d9d9d9;position:relative; }
.i-big-close { background: url(/img/skins/ll2015b/big-close.png) 0 0 no-repeat;display:inline-block;width:20px;height:20px; }

.sidenav.context-ads { background-color: #fff; width: 240px; }
.sidenav.context-ads .wordbreak .title { color: black; font-family: Arial; font-size: 12px; font-weight: 700; line-height: 14px; text-decoration: underline;}
.sidenav.context-ads .wordbreak .text { color: black; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 5px; }
.sidenav.context-ads .wordbreak .link { color: #009b0a; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 14px; }

.checklist { display:inline-block; width: 24px; height: 24px; background: url(/img/icons/target.png) no-repeat; }
.checklist.checked { background: url(/img/icons/tick.png) no-repeat; }

.action .genre.i-show, .action .genre.i-hide { height: 16px; width: 16px; }
.action .genre.i-show { background: url(/img/icons/eye.png) no-repeat; }
.action .genre.i-hide { background: url(/img/icons/eye-close.png) no-repeat; }

.share-menu { position:absolute;  width: auto; border: 1px solid rgba(156, 161, 166, 0.5);z-index: 1001; padding: 10px 0px; background-color: white;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);  }
.share-menu-ul { padding:0; margin:0; list-style: none;  width: auto; }
.share-menu-ul li { padding:0; margin:0; }
.share-menu-ul.oneline li { white-space: nowrap; }
.share-menu-ul li.active a { color: #04a00c; }
.share-menu-ul li a, .share-menu-ul li a:visited { display:block; min-height:25px; line-height:25px; font-size: 14px;font-weight: 400;color: #000; padding:0 20px;text-decoration:none; }
.share-menu-ul li a:hover, .share-menu-ul li a:visited:hover { background-color: #f4f4f5; }

.dashboard-tabs { margin-bottom:15px;margin-left:40px; }
.dashboard-tabs a { margin-right:10px; }
.dashboard-tabs a.active { color:#000; }

.progress-sidenav { width: 240px; height: 386px; padding: 20px; box-sizing: border-box; text-align: center;}
.progress-sidenav.year-2018 { background-color: #fdd9c1; }
.progress-sidenav.year-2017 { background-color: #ffe7c1; }
.progress-sidenav.year-2016 { background-color: #caebf2; }
.progress-sidenav.year-2015 { background-color: #f0e0d0; }
.progress-sidenav .kvlogo-side { display: block; width: 120px; height: 35px; margin: 0 auto; background-size: cover !important; }
.progress-sidenav.year-2018 .kvlogo-side { background: url(/img/skins/vizov2016/kv-2018-logo-horizontal.svg) no-repeat; }
.progress-sidenav.year-2017 .kvlogo-side { background: url(/img/skins/vizov2016/horizontal_logo17_2.svg) no-repeat; }
.progress-sidenav.year-2016 .kvlogo-side { background: url(/img/skins/vizov2016/horizontal_logo16.svg) no-repeat; }
.progress-sidenav.year-2015 .kvlogo-side { background: url(/img/skins/vizov2016/horizontal_logo15.svg) no-repeat; }
.progress-sidenav .text { font-family: 'PT Sans', sans-serif;font-weight: 700; line-height: 130%; font-size: 12px; color: #39424c; }
.progress-sidenav .text.big { font-size: 24px; }
.progress-sidenav .text.blue { color: #2b97dc; }
.progress-sidenav .text.red { color: #ff6468; }
.crown-icon { display: inline-block; width: 32px; height: 26px; background: url(/img/skins/vizov2016/crown.png) no-repeat; margin-top: 25px;}
.challenge-form-wrapper .challenge-books-count { width: 41px; height: 35px; color: #9ca1a6; font-family: 'PT Sans', sans-serif; font-size: 14px; font-weight: 400; padding: 10px; box-sizing: border-box; margin-right: 10px; }
.challenge-layout .challenge-banner .btn-accept, .btn-accept { width: 163px; height: 40px; background-color: #CE8100; border-radius: 20px; color: white !important; font-family: 'PT Sans', sans-serif; font-size: 18px; font-weight: 700; text-decoration: none; border: none; outline: none; cursor: pointer; display: inline-block; text-align: center; line-height: 40px; }

.progress-sidenav.year-2018 .text.red, .year-2018 .text.red { color: #7d1935; }
.progress-sidenav.year-2018 .text.blue,.year-2018 .text.blue { color: #7d1935; }
.progress-sidenav.year-2017 .text.blue, .year-2017 .text.blue { color: #F5A623; }
.progress-sidenav.year-2017 .text.red, .year-2017 .text.red { color: #CF8100; }
.progress-sidenav.year-2015 .text.blue, .year-2015 .text.blue { color: #CD9E3A; }
.progress-sidenav.year-2015 .text.red, .year-2015 .text.red { color: #65614C; }
.progress-sidenav.year-2018 .btn-accept { background-color: #7d1935 !important; }
.progress-sidenav.year-2017 .btn-accept { background-color: #CE8100 !important; }
.v-middle { display: table-cell; vertical-align: middle; position: relative; z-index: 99; }

a.read-online-ll {font-size:14px; color: #39424c !important; font-weight:bold; display: inline-block; width: 190px; height: 40px; margin-left:4px; margin-bottom:10px; border: 1px solid #39424c;text-align: center; line-height: 40px;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; }
a.read-online-ll:hover {background: #e0fde0; }

.i-read-online {display:inline-block; width:20px; height:20px; background: url(/img/icons/book-open-small.png) no-repeat;
    vertical-align: middle; margin-right:8px;}

#viewed-objects { margin: 14px 18px 0;padding-top:21px; }
.hide-1000 { display:none; }

.progress-block .progress-wrapper { width: 370px; height: 45px; }
.progress-block.side { margin: 30px auto 20px; }
.progress-block.side .progress-wrapper { width: 200px; height: 24px; }
.progress-block.kv-books .progress-wrapper { margin: 0 auto; }
.progress-block .progress-wrapper .progressbar { vertical-align:text-bottom;height: 45px;max-width: 370px;display: inline-block; }
.progress-block.side .progress-wrapper .progressbar { max-width: 200px; height: 24px; }
.progress-block .progress-wrapper .progressbar.progress { background: url(/img/skins/vizov2016/progressbar_new2.png) no-repeat left top; }
.progress-block.side .progress-wrapper .progressbar.progress { background: url(/img/skins/vizov2016/progressbar_s_new2.png) no-repeat left top; }
.progress-block .progress-wrapper .progressbar.progress-bg { background: url(/img/skins/vizov2016/progressbar_new.png) no-repeat right top; }
.progress-block.side .progress-wrapper .progressbar.progress-bg { background: url(/img/skins/vizov2016/progressbar_s_new.png) no-repeat right top; }
.progress-block .progress-wrapper .progressbar-days { background: #F4D8AA; }
.progress-block .progress-wrapper .progressbar-days hr { margin: 0;height: 4px;border: none; background: #ce8100; }
.progress-sidenav.year-2018 .progress-block .progress-wrapper .progressbar-days { background: #deab9f; }
.progress-sidenav.year-2018 .progress-block .progress-wrapper .progressbar-days hr { background: #7d1935; }
.progress-block .progressbar-text { color: #39424c; font-size:18px; font-family: 'PT Sans', sans-serif;display: block; margin-bottom: 20px; }

.card-viewed-object { float:left;vertical-align:bottom; }
.card-viewed-object-title { display: inline-block;width:80px;height:28px;max-height:28px;overflow:hidden;line-height:14px;font-size:12px;position:relative; }
.card-viewed-object-title:before { content:" ";position:absolute;bottom:0px;right:0px;width:20px;height:14px;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.card-viewed-white img { width:80px;vertical-align:bottom;margin-right:10px;margin-bottom:8px; }
.ll2015b4 .card-viewed-white img { margin-right:14px; }
.cardstyle .card-viewed-white img, .whitecard .card-viewed-white img { margin-right:9px; }
.card-viewed-white img.last { margin-right:0px; }
.card-viewed-author img { margin-top:40px; }

@media (max-width: 1200px) {
    .card-viewed-white img.last-1000 { margin-right:0px; }
}

#hblock-83675 > .scroll-container {width: 240px !important; height: 400px !important; }


.voting-answer {width:100%; margin-bottom:20px;}
.voting-answer .title {display:table-cell;white-space: nowrap;padding-right:5px;vertical-align: bottom;}
.voting-answer .slider {display:table-cell;white-space: nowrap;padding-left:5px;width:170px;vertical-align:bottom;}
.voting-answer .spacer {display: table-cell;width:100%; background-image: linear-gradient(to right, #38424c 30%, rgba(255,255,255,0) 0%);background-position: bottom;background-size: 6px 1px;background-repeat: repeat-x;}
.voting-answer .slider-input {display:inline-block;vertical-align:top;line-height:24px;vertical-align: bottom;}


.friends-notify .group-user { text-align:center;width:104px !important; max-width:104px;} 
.friends-notify .group-user .similarity-big-avatar { width:80px;height:80px;border-radius:10px;margin-bottom: 30px; }
.friends-notify .group-user-login { font-size:14px;max-width:100px;text-align:center; line-height:14px; margin-bottom:25px;}
.friends-notify .group-user .compare-back { right:17px;bottom:-23px;width:40px;height:40px;border-radius: 23px;font-size: 18px;line-height:38px;border-width: 3px; }
.friends-notify .group-user-member { margin-top:8px;text-align:center; }
.friends-notify .btn-add {height: 34px; font-weight: bold; border: none; border-radius: 3px !important; display: block; background: #04A00C; line-height: 10px; width: 104px; text-align: center; color: #ffffff; cursor: pointer;}

.i-gu-delete { display: inline-block; width: 20px; height: 20px; margin-right: 3px; vertical-align: -5px; }

a .i-gu-delete { background: url(/img/skins/ll2015b/icons50.png) no-repeat -140px -559px;margin:0px;width: 19px; opacity:0.5;}
a:hover .i-gu-delete { opacity:1; }

a.group-user-delete.group-user-icon {border:1px solid #cecece};
a.group-user-delete.group-user-icon:hover {border:1px solid #39424C};
.share-group-user { background: #fff url(/img/skins/ll2015b/icons50.png) no-repeat -80px -200px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px; }
.friends-notify .group-user-icon { width:23px;height:23px;border: 1px solid #39424C; border-radius: 3px;background:#fff;text-align:center;line-height:23px; }
.friends-notify .group-user-delete {position:absolute;top:-10px;right: 3px;z-index: 10;}

#carousel-soc-friends li {margin: 0px 8px;}

.btn-fill, .btn-fill-empty { text-decoration:none;display:inline-block;border-radius: 3px;font-size: 16px;font-weight:bold;padding:0 20px;text-align:center; }
.btn-fill { border: 0px;background-color: #39424c !important;color:#fff !important;height:34px;line-height:34px;cursor:pointer; }
.btn-fill.btn-darkblue { background-color: #0768d8 !important; }
.btn-fill.btn-darkgreen, .btn-fill.btn-darkgreen.btn-unactive:hover { background-color: #04a00c !important; }
.btn-fill.btn-white { background-color: #fff !important;color: #39424C !important; }
.btn-fill-empty { background-color: transparent !important;color:#39424c !important;border:2px solid #39424c;height:30px;line-height:30px; }
.btn-fill-empty.btn-darkblue { color:#0768d8 !important;border-color: #0768d8; }
.btn-fill-empty.btn-darkgreen { color:#04a00c !important;border-color: #04a00c; }
.btn-fill:hover { text-decoration:none;opacity:0.7; }
.btn-fill-empty:hover { text-decoration:none;opacity:0.7; }
.btn-fill.btn-white:hover span.opc { opacity:0.7; }
.btn-fill-empty.btn-white { border-color: #39424c !important;background-color: #fff !important;color:#39424c !important; }
.btn-fill-empty.btn-white:hover span.opc { opacity:0.7; }
.btn-fill-empty.with-white { background-color: #fff !important; }
.btn-unactive { opacity:0.3; }
.btn-max { padding: 0px;display:block; }
.btn-fill-empty.btn-wh { background:#fff !important;; }

div.spoiler{display: inline-block;width: auto;}
a.spoiler-open, a.spoiler-close{cursor:pointer;text-decoration: none;border-bottom: 1px dashed;}
div.spoiler-body{display:none; word-wrap: break-word; white-space: normal;}

.popup-menu input[type="submit"]:disabled {opacity: 0.6}

.select-wrapper { position:relative; }
.select-works { position:absolute;width:100%;top:21px;max-height:160px;left:0px;overflow-y: auto; }
.current-select-work { display:inline-block;position:relative;width:100%;white-space:nowrap;overflow:hidden;max-height:20px;cursor:pointer;line-height:20px; }
.current-select-work, .select-works {    
    border-top: solid 1px #a1a1a1;
    border-right: solid 1px #d4d4d4;
    border-bottom: solid 1px #d9d9d9;
    border-left: solid 1px #d4d4d4;
    background: #f9f9f9; }
.current-select-work-inner { display:block;padding:0px 0px 0 5px;margin-right:20px;overflow:hidden;white-space:nowrap; }
.select-option { cursor:pointer;display:block;line-height:18px;padding: 3px 5px; }
.select-option:hover, .select-option.active { background: antiquewhite; }
.current-select-work .i-down-gray { position:absolute;right:-1px;top:2px; }

.hidden-for-reader { position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden; }
.tr-selected { background:#f3f3f3; }

.litres-form { width:655px; }
.litres-form-title { height:54px;line-height:54px;background:#FF4C00;border-radius:5px 5px 0 0;padding: 0 24px; }
.litres-form-title img { vertical-align:middle; }
.litres-form-hint { text-align:center;padding: 13px 24px;line-height:22px;font-size:14px;font-family: Arial, Helvetica, sans-serif;background:#F6F6F6; }
.litres-form-inputs { padding:24px 100px;background:#fff;border-radius:0 0 5px 5px;text-align:center; }
.litres-form-input { width:256px;margin-bottom:16px;padding:0 16px;height:48px;line-height:48px;font-size:16px !important;font-family: Arial, Helvetica, sans-serif !important;border: 1px solid #979797 !important;background-color: #FFFFFF !important;text-align:left; }
.litres-form-btn { width:290px;padding:0;text-align:center;height:50px;line-height:53px;font-size:16px !important;font-family: Arial, Helvetica, sans-serif !important;font-weight:bold;background-color: #FF4C00;border:0;margin:0;color:#fff !important; }
.litres-form-inline .litres-form-inputs { border: 1px solid #F6F6F6; }

.label-genre { display:inline-block;margin: 0 10px 16px 0;font-size: 12px;font-weight: bold;height:20px;line-height:20px;padding:0 5px;text-transform: uppercase;border-radius: 2px;}
.label-genre { background-color: #F2F7FD;box-shadow: 0 1px 2px 0 rgba(57,66,76,0.4); }
a.label-genre:hover { background-color: #fff;opacity:1; }

.author-item-hide { display:none !important; }
a.sem { border-bottom-style: dotted;border-bottom-width: 1px;line-height:18px;text-decoration:none !important; }
a.sem:hover { text-decoration:none !important; }


.ll-confirm { position:fixed;top:0;bottom:0;left:0;right:0;background-color: rgba(57,66,76,0.5);z-index:10010; }
.ll-confirm-table { display:table;width:100%;height:100%; }
.ll-confirm-center { display:table-cell;text-align:center;vertical-align:middle;width:100%;height:100%; }
.ll-confirm-win { display:inline-block;font-size: 20px;font-weight: bold;line-height: 26px;width:540px;padding:30px;text-align:center;border-radius: 10px;background-color: #FFFFFF;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 20px 0 rgba(57,66,76,0.5); }
.ll-confirm-sad, .ll-confirm-smile { display:inline-block;width:28px;height:28px;margin-bottom: 8px; }
.ll-confirm-sad { background: url(/img/skins/ll2015b/icons70.png) -81px -641px no-repeat; }
.ll-confirm-smile { background: url(/img/skins/ll2015b/icons70.png) -50px -641px no-repeat; }
.ll-confirm-normal { font-size:16px;font-weight:normal;margin-top: 8px;line-height: 22px; }


.usermenu-message { padding:15px; }

.fanfic-works-holder { max-height: 500px; overflow-y: auto; }
.fanfic-works-holder table td { padding-left: 0px !important; }
#fanfic-work-holder .ll_book { margin-bottom: 10px; display: inline-block; line-height: 18px; }

.d-none { display: none; }
.sidenav.context-ads-v8, .sidenav.context-ads-v3 {background:none;}
.sidenav.context-ads-v8 .ajax-side-block {display:block !important;background-color:#fff;padding:10px;border-radius: 3px;box-shadow: 0px 1px 3px rgba(0,0,0,0.15);}
.sidenav.context-ads-v8 .context-ads-text { padding: 0;padding-left: 5px;}
.sidenav.context-ads-v8 .wordbreak .title { font-size: 14px;line-height: 16px;color: #0768d8;font-family: "PT Sans";font-weight: 400; text-decoration: underline;}
.sidenav.context-ads-v8 .wordbreak .text { font-size: 12px;line-height: 14px;color: #222222;font-family: "PT Sans";font-weight: 400;padding: 5px 0px 10px;}
.sidenav.context-ads-v8 .wordbreak .link { font-size: 14px;line-height: 16px;color: #009b0a;font-family: "PT Sans";font-weight: 400;padding-top: 5px; }

.sidenav.context-ads-v9 .ajax-side-block {display:block !important;background-color:#fff;padding:10px;border-radius: 3px;border: 1px solid #0768d8;}
.sidenav.context-ads-v9 .context-ads-text { padding: 0;padding-left: 5px;}
.sidenav.context-ads-v9 .wordbreak .title { font-size: 14px;line-height: 16px;color: #0768d8;font-family: "PT Sans";font-weight: 400; text-decoration: underline;}
.sidenav.context-ads-v9 .wordbreak .text { font-size: 12px;line-height: 14px;color: #222222;font-family: "PT Sans";font-weight: 400;padding: 5px 0px 10px;}
.sidenav.context-ads-v9 .wordbreak .link { font-size: 14px;line-height: 16px;color: #009b0a;font-family: "PT Sans";font-weight: 400;border-radius: 10px;background-color: #ffffff;border: 1px solid #04a00c;padding: 0 10px; }
.top-position {position: relative; z-index: 999;}

.prm-block { margin-left: auto; margin-right: auto; text-align: center; }
.prm-block-24 { display: table-cell;width:140px; height:70px; }
.prm-block-2 { max-width:834px;margin-top:20px;margin-bottom:20px;clear: both; }
.prm-block-38, .prm-block-39, .prm-block-40, .prm-block-41, .prm-block-42, .prm-block-43, .prm-block-44 {
    margin-top:20px;
}
.promo-area-button.last .prm-block-13 { height: 58px;display: table-cell;vertical-align: middle; }

.dashboard-hint {display:none; padding:5px; margin-left:50px;}
.with-hint:hover .dashboard-hint {display:block;}

/* Стили связанные со спецификой работы ЛЛ */

table.compact { width: 100%; }
table.compact tr th, table.compact tr td { padding: 4px 14px 4px 0; }
table.compact tr th:last-child,
table.compact tr td:last-child { padding-right: 0; }

tr.recd-table-header.tr-fixed {position: fixed; top: 75px;}

#header #search .ll-select-search-book { 
    background: #fff;
    padding: 4px 15px;
    border-radius: 11px;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    max-height: 500px;
    overflow: auto;
}

.kv-side { max-width: 300px;width:100%;background:#000;text-align:center;padding:12px 8px 30px;box-sizing: border-box;  }
.kv-side__logo { 
    font: 300 38px/40px "Source Sans Pro", sans-serif;
    color: #fff;
    text-transform: uppercase; 
    width:186px;
    letter-spacing: -1px;
}
.kv-side__logo b {
    letter-spacing: 1px;
}
.kv-side__year {
    width:76px;
    height:29px;
    left: -3px;
    position: relative;
    vertical-align: -2px;
}
.kv-side__year text {
    font: 600 36px/36px "Source Sans Pro", sans-serif;
    fill: #000;
}
.kv-side__progress {
    width: 136px;
    height: 136px;
    background: transparent url(/img/skins/ll2019/kv-circle.png) center center no-repeat;
    background-size: contain;
    margin: 7px auto 0;
}
.kv-side-stats { 
    margin-top: -68px;
    background:#F8D873;
    border-radius: 16px;
    font: 300 19px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    position:relative;
}
.kv-side__avatar {
    display:inline-block;
    margin:-38px auto 10px;
    height: 76px;
}
.kv-side__avatar img { 
    width:76px;
    height:76px;
    border-radius: 60px;
}
.kv-side__input {
    color: #252626;
    border: none !important;
    border-radius: 14px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:60px;
    text-align:center;
}
.kv-side__books, .kv-side__period {
    color: #FA385D;
    font-weight: 600;
}
.kv-side__button {
    width: 182px;
    height: 36px;
    line-height:36px;
    color: #fff;
    font-weight: bold;
    background-color: #FA385D;
    font-size: 18px;
    display:block;
    margin: 0 auto;
    border-radius: 24px;
    bottom: -18px;
    position: relative;
    box-sizing: border-box;
}
.kv-side__button--share::after { content: " ";position:absolute; right: 15px; top: 9px; width: 18px; height: 20px; background: transparent url(/img/skins/ll2019/share.svg) center center no-repeat; }


.ph-header {
    width: 100%;
    min-height: 180px;
    margin: 20px 0;
    position:relative;
    display:block;
}

.ph-header, .ph-header:hover, .ph-header:visited {
    text-decoration: none;
}

.ph-header__bg-wrap {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ph-header__bg-wrap::after {
    content: '';
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    position: absolute;
}

.ph-header__bg {
    position: absolute;
    -webkit-filter: blur(35px);
    filter: blur(35px);
    z-index: 1;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ph-header__wrap {
    position:relative;
    z-index:20;
    margin:0 auto;
    max-width:930px;
    min-height:180px;
    padding: 24px 20px;
    box-sizing: border-box;
    text-align:left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ph-header__img { 
    height:132px;
    margin-right:20px;
}

.ph-header__img img { 
    max-width: none;
    height:132px;
    width: auto;
}

.ph-header__data {
    position:relative;
    min-height:132px;
}

.ph-header__title {
    line-height: 30px;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    margin: -7px 0 0 0;
    max-height:60px;
    overflow:hidden;
}

.ph-header__text {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width:500px;
    margin: 6px 0 50px 0;
}

.ph-header__btn {
    position:absolute;
    bottom:0;
    left:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font: 16px/28px "Source Sans Pro", sans-serif;
    background: #3e99ed;
    height: 30px;
    padding: 0 16px;
    border-radius: 16px;
    width: 60px;
}

.prm-block-17 {
    height:180px;
}

.prm-block-58 {
    position:fixed;
    top:0;
}

.block-rightdown {
    width: 150px;
    height: 150px;
    position: fixed;
    z-index: 100;
    bottom: 20px;
    right: 100px;
  }
  .block-rightdown .btn-close {
    top: 0;
    right: 0;
    z-index: 4;
  }
  .block-rightdown__img {
    position: relative;
    display: flex;
    width: 150px;
    height: 150px; }
  
  .block-rightdown__img img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .btn-close--white::before, .btn-close--white::after {
    background-color: #ffffff !important;
  }
  
  .post-yvideo--ratio {
    max-width:100%;
    overflow:hidden;
    position:relative;
  }
  
  .post-yvideo--ratio img {
    width:100%;
    border:0;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto !important;
  }
  
  .post-yvideo__wrap::after {
    content: " ";
    position: absolute;
    background: url(/img/yt-play-gray.png) no-repeat;
    width: 100px;
    height: 71px;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -35px;
  }
  
  .post-yvideo__wrap {
    width:100%;
  }

  .post-yvideo-init .post-yvideo__wrap::after {
    display:none;
  }

  .post-yvideo--ratio iframe {
    width:100%;
    height:100% !important;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
  }

.book-dup {float:left; margin-right:15px;}

.popup-rockbook {
    position: fixed;
    top: calc(50% - 250px);
    left: 0;
    right: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 508px;
    height: 437px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 20px;
    background: url(/img/skins/rocknbook22/popup-rockbook-bg.jpg) no-repeat; }
  .popup-rockbook__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding-bottom: 72px;
  }
  .popup-rockbook img {
    margin: -76px 0 33px; }
  
  .popup-rockbook .btn-close {
    top: -32px;
    right: 10px; }
  
  .popup-rockbook .btn-close::before,
  .popup-rockbook .btn-close::after {
    background: #fff; }
  
  .popup-rockbook h3 {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    text-align: center;
    color: #fff;
    margin: 0 0 48px; }
  
  .popup-rockbook p {
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    color: #fff;
    text-align: center;
    margin: 0 0 48px; }
  
  .popup-rockbook__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 48px;
    border-radius: 24px;
    color: #fff;
    padding: 0 45px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FA00FF), to(#F05374));
    background: linear-gradient(180deg, #FA00FF 0%, #F05374 100%);
    font: 600 20px/24px "Source Sans Pro", sans-serif; }
  
  .popup-rockbook__btn:hover,
  .popup-rockbook__btn:active {
    opacity: 0.8; }
    
/*****************/
.kv-link {
    position: relative;
    border-radius: 18px;
    height: 176px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #F8DB73;
    margin: 0;
    padding: 40px 36px 40px 99px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1; }
  
  .kv-link::before {
    position: absolute;
    content: '';
    width: 44px;
    height: 44px;
    left: 28px;
    top: calc(50% - 22px);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.6623 4.7613C22.8215 3.44155 21.0701 3.05326 19.7503 3.89404C19.054 4.33762 18.0376 5.39579 17.3174 6.54422C16.9599 7.11443 16.6944 7.67728 16.5729 8.16859C16.5225 8.37232 16.4998 8.55086 16.5001 8.70601C16.5007 8.93094 16.5499 9.10672 16.634 9.23879C16.7762 9.46197 17.0736 9.64744 17.5781 9.74647C18.0748 9.84397 18.6971 9.84128 19.365 9.75819C20.7102 9.59084 22.0987 9.11684 22.795 8.67325C24.1148 7.83248 24.5031 6.08104 23.6623 4.7613ZM16.0002 6.85773C16.138 6.5721 16.2975 6.28833 16.4702 6.01294C17.2439 4.77926 18.3567 3.5962 19.213 3.05064C20.9986 1.91313 23.3682 2.43846 24.5057 4.224C25.6432 6.00953 25.1179 8.37913 23.3323 9.51665C22.9703 9.7473 22.4856 9.97134 21.9375 10.1667H29.3334C29.6096 10.1667 29.8334 10.3906 29.8334 10.6667V16C29.8334 16.2762 29.6096 16.5 29.3334 16.5H28.5001V26.6667C28.5001 27.6792 27.6793 28.5 26.6667 28.5H16.0001H5.33341C4.32089 28.5 3.50008 27.6792 3.50008 26.6667V16.5H2.66675C2.39061 16.5 2.16675 16.2762 2.16675 16V10.6667C2.16675 10.3906 2.39061 10.1667 2.66675 10.1667H10.063C9.51491 9.97134 9.03021 9.7473 8.66816 9.51665C6.88262 8.37913 6.35729 6.00953 7.4948 4.224C8.63232 2.43846 11.0019 1.91313 12.7875 3.05064C13.6438 3.5962 14.7566 4.77926 15.5302 6.01294C15.7029 6.28833 15.8625 6.5721 16.0002 6.85773ZM15.8713 10.1667C15.916 10.1279 15.9591 10.087 16.0002 10.0437C16.0414 10.087 16.0844 10.1279 16.1292 10.1667H16.0001H15.8713ZM15.5003 8.70601C15.4998 8.93094 15.4506 9.10672 15.3665 9.23879C15.2243 9.46197 14.9268 9.64744 14.4224 9.74647C13.9257 9.84397 13.3034 9.84128 12.6355 9.75819C11.2903 9.59084 9.90174 9.11684 9.20545 8.67325C7.88571 7.83248 7.49742 6.08104 8.33819 4.7613C9.17896 3.44155 10.9304 3.05326 12.2502 3.89404C12.9464 4.33762 13.9629 5.39579 14.683 6.54422C15.0406 7.11443 15.3061 7.67728 15.4276 8.16859C15.478 8.37232 15.5007 8.55086 15.5003 8.70601ZM4.50008 16.5V26.6667C4.50008 27.127 4.87318 27.5 5.33341 27.5H15.5001V16.5H4.50008ZM16.5001 16.5V27.5H26.6667C27.127 27.5 27.5001 27.127 27.5001 26.6667V16.5H16.5001ZM16.5001 15.5V11.1667H28.8334V15.5H28.0001H16.5001ZM15.5001 11.1667V15.5H4.00008H3.16675V11.1667H15.5001Z' fill='black'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  
  .kv-link h3 {
    color: #252626;
    text-align: start;
    text-transform: uppercase;
    font: 300 28px/32px "Source Sans Pro", sans-serif;
    margin: 0 24px 0 0;
    flex-shrink: 0;
    max-width: 233px; }
  
  .kv-link h3 b {
    font-weight: 700; }
  
  .kv-link div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
  
  .kv-link input {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 4.96352V3.5C6 2.67157 6.67157 2 7.5 2H20.5C21.3284 2 22 2.67157 22 3.5V16.5C22 17.3284 21.3284 18 20.5 18H19.0087' stroke='%2388898C' stroke-width='1.3'/%3e%3crect x='2' y='5' width='17' height='17' rx='3' stroke='%2388898C' stroke-width='1.3' stroke-linejoin='round'/%3e%3cpath d='M9.2197 11.5551L11.8659 8.80029C12.5918 8.07446 13.7845 8.09045 14.5301 8.836C15.2756 9.58155 15.2916 10.7743 14.5658 11.5001L13.6108 12.5116' stroke='%2388898C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.73307 14.3736C6.4779 14.6288 5.95028 15.1382 5.95028 15.1382C5.22446 15.8641 5.20473 17.1577 5.95028 17.9033C6.69583 18.6488 7.88861 18.6648 8.61443 17.939L11.1966 15.5948' stroke='%2388898C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33129 14.1642C8.98498 13.8179 8.79609 13.3751 8.76583 12.9274C8.73094 12.4113 8.9069 11.8887 9.29558 11.5' stroke='%2388898C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.1607 12.9307C11.9062 13.6762 11.9222 14.869 11.1964 15.5948' stroke='%2388898C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    height: 0;
    width: 0;
    opacity: 0;
    border-radius: 20px;
    border: none;
    font: 16px/24px "Source Sans Pro", sans-serif;
    background-repeat: no-repeat;
    background-position: 16px 50%;
    background-color: #fff;
    margin: 0 0 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    color: transparent;
    text-overflow: ellipsis;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  
  .kv-link__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #FA385D;
    height: 40px;
    border-radius: 20px;
    font: 600 16px/24px "Source Sans Pro", sans-serif;
    color: #fff;
    width: 100%;
    padding: 0 0 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  
  .kv-link__btn:hover,
  .kv-link__btn:active {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  
  .kv-link--copy .kv-link__btn {
    color: #252626;
    background: transparent; }
  
  @-webkit-keyframes link-show {
    80% {
      padding: 8px 24px 8px 48px;
      width: 100%;
      height: 40px; }
    100% {
      padding: 8px 24px 8px 48px;
      width: 100%;
      height: 40px;
      opacity: 1;
      color: #252626; } }
  
  @keyframes link-show {
    80% {
      padding: 8px 24px 8px 48px;
      width: 100%;
      height: 40px; }
    100% {
      padding: 8px 24px 8px 48px;
      width: 100%;
      height: 40px;
      opacity: 1;
      color: #252626; } }
  
  @-webkit-keyframes link-copy {
    0% {
      opacity: 1;
      color: #252626;
      padding: 8px 24px 8px 48px;
      width: 100%;
      height: 40px; }
    100% {
      opacity: 1;
      color: transparent;
      width: 40px;
      height: 40px;
      padding: 8px 20px;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 8.5L5.66798 13L15 4' stroke='%23FA385D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
      background-position: 50% 50%;
      font-size: 24px; } }
  
  @keyframes link-copy {
    0% {
      opacity: 1;
      color: #252626;
      padding: 8px 24px 8px 48px;
      width: 100%;
      height: 40px; }
    100% {
      opacity: 1;
      color: transparent;
      width: 40px;
      height: 40px;
      padding: 8px 20px;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 8.5L5.66798 13L15 4' stroke='%23FA385D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
      background-position: 50% 50%;
      font-size: 24px; } }
  
  .kv-link--show input {
    -webkit-animation: 1s link-show;
            animation: 1s link-show;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  
  .kv-link--copy input {
    -webkit-animation: 1s link-copy;
            animation: 1s link-copy;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  
  .kv-block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #000;
    width: 240px;
    height: 400px;
    overflow: hidden; }
  
  .kv-block img {
    width: 190px;
    margin: 0 0 10px; }
  .kv-block h4 {
    font: 600 15px/17px "Source Sans Pro", sans-serif;
    color: #fff;
    text-align: center;
      margin: 10px 16px 8px;
  }  
  .kv-block p {
    color: #fff;
    text-align: center;
    font: 600 12px/14px "Source Sans Pro", sans-serif;
    margin: 0 10px 4px; }
  .kv-block--2 {
    background-image: url(/img/skins/ll2019/kv-block-2-bg.png);
    background-position: 0 118%;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .kv-block--2 > p {
    position: relative;
    text-align: start;
    font: 600 12px/13px "Source Sans Pro", sans-serif;
    margin: 0 12px 8px 20px;
  }
  .kv-block--2 > p::before {
    position: absolute;
    content: "";
    top: 6px;
    left: -12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FA385D;
  
  }  
  .kv-block .kv-link {
    margin: auto 0 0;
    padding: 20px 16px 16px;
    border-radius: 16px 16px 0 0;
    height: 150px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .kv-block--2 .kv-link {
    padding: 16px 8px 16px;
    height: 140px; }
            
  .kv-block .kv-link::after {
    position: absolute;
    content: '';
    left: calc(50% - 29px);
    top: -20px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #F8DB73;
    z-index: -1; }
  
  .kv-block .kv-link::before {
    top: -16px;
    left: calc(50% - 16px);
    width: 32px;
    height: 32px; }
  
  .kv-block .kv-link h3 {
    margin: 0 0 4px;
    font: 300 16px/18px "Source Sans Pro", sans-serif;
    text-align: center; }
  
  .kv-block--2 .kv-link h3 {
    font-size: 15px;
    letter-spacing: -1px;}
  
  .kv-block .kv-link input,
  .kv-block .kv-link__btn {
    -webkit-transform: scale(0.82);
            transform: scale(0.82); }
  
  .kv-block .kv-link--show .kv-link__btn {
    -webkit-transform: scale(0.82) translateY(-12px);
            transform: scale(0.82) translateY(-12px); }
  
  .kv-link h3 {
    margin: 0 52px 0 0;}
  .kv-block {
    width: 300px;
    height: 600px; }
  .column-right-2015 .kv-block {
    transform: scale(0.8);
  }
  .kv-block h4 {
    font: 600 24px/24px "Source Sans Pro", sans-serif;
    margin: 14px 16px 9px;
  }
  .kv-block img {
    margin: 0 0 16px;
    width: 100%; }
  
  .kv-block p {
    font: 600 14px/19px "Source Sans Pro", sans-serif;
    margin: 0 12px 10px; }
  .kv-block--2 {
    background-position: 0 100%; }
  .kv-block--2 > p {
    margin: 0 18px 18px 24px;
    font: 600 16px/18px "Source Sans Pro", sans-serif;
  }
  .kv-block .kv-link {
    margin: auto 0 0;
    padding: 35px 16px 16px;
    border-radius: 24px 24px 0 0;
    height: 230px; }
  .kv-block--2 .kv-link {
    padding: 21px 16px 16px;
    height: 195px; }
  .kv-block .kv-link::after {
    left: calc(50% - 43px);
    top: -32px;
    width: 86px;
    height: 86px; }
  
  .kv-block .kv-link h3 {
    margin: 0 0 18px;
    font: 300 24px/26px "Source Sans Pro", sans-serif;
    text-align: center; }
  .kv-block--2 .kv-link h3 {
    margin: 0 0 10px;
    font: 300 18px/20px "Source Sans Pro", sans-serif;
    letter-spacing: 0;
    }
  
  .kv-block .kv-link__btn,
  .kv-block .kv-link input,
  .kv-block .kv-link--show .kv-link__btn {
    -webkit-transform: none;
            transform: none; }

.prm-block .kv-block {
    padding: 0px;
}

.kv-widget {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 300px;
  width: 100%;
  padding: 24px 0 0;
  background-color: #000000;
  box-sizing: border-box;
}

.kv-widget__logo-link {
  position: relative;
  display: block;
  width: 177px;
  height: 52px;
  margin: 0 auto;
}

.kv-widget__logo-img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.kv-widget__logo-year {
  position: absolute;
  right: 8px;
  bottom: 5px;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.06em;
  color: #000000;
}

.kv-widget__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  padding: 60px 16px 16px;
  background-color: #F8DB73;
  border-radius: 16px 16px 0 0;
  box-sizing: border-box;
}

.kv-widget__avatar-link {
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
}

.kv-widget__content::after {
  content: '';
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 160px;
  height: 160px;
  background-image: url('https://s.livelib.ru/img/skins/ll2019/kv-circle.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.kv-widget__avatar-img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.kv-widget__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 100%;
}

.kv-widget__form-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}

.kv-widget__form-number {
  max-width: 125px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #F8DB73;
  border-radius: 40px;
  box-sizing: border-box;
  transition: all 0.3s linear;
}

.kv-widget__form-number:focus,
.kv-widget__form-number:focus-visible,
.kv-widget__form-number:focus-within,
.kv-widget__form-number:active {
  border-color: #FA385D;
}

/* Для Chrome и Safari */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Для Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Для IE и Edge */
input[type="number"]::-ms-clear {
  display: none;
}

.kv-widget__txt {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
  text-wrap: balance;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}

.kv-widget__book-amount {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
}

.kv-widget__days-amount {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #000000;
}

.kv-widget__accent {
  font-weight: 600;
}

.kv-widget__btn {
  display: inline-block;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #FA385D;
  box-sizing: border-box;
  appearance: none;
  border: none;
  border-radius: 40px;
  outline: transparent;
  cursor: pointer;
  transition: all 0.3s linear;
}

.kv-widget__share-btn {
  position: relative;
  padding-left: 34px;
}

.kv-widget__share-btn::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url('/img/skins/ll2019/share_icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media (hover: hover) {
  .kv-widget__form-number:hover {
      border-color: #FA385D;
  }
  .kv-widget__btn:hover {
      background-color: #FC748E;
  }
}

/* Стили для прогресс-бара с улиткой */

.kv-widget-bar {
  width: 100%;
  padding-top: 36px;
}

.kv-widget-bar__progress-bar {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  background: #F2D15E;
  border: none;
  border-radius: 32px;
}

.kv-widget-bar__progress-bar-indicator {
  position: relative;
  display: block;
  width: 0;
  height: 100%;
  background-image: linear-gradient(90deg, #FA385D 0%, #FA385D 100%);
  background-size: 208px;
  border-radius: 32px 12px 12px 32px;
}

.kv-widget-bar_state_start:not(.kv-widget-bar_state_null) .kv-widget-bar__progress-bar-indicator {
  padding-left: 12px;
}

.kv-widget-bar__progress-bar-indicator::after {
  content: '';
  position: absolute;
  right: -24px;
  bottom: -1px;
  width: 72px;
  height: 60px;
  background-image: url('/img/skins/ll2019/snail_icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.kv-widget-bar_state_start .kv-widget-bar__progress-bar-indicator::after {
  right: unset;
  left: 0;
}

.kv-widget-bar_state_end .kv-widget-bar__progress-bar-indicator::after {
  right: -12px;
}

.kv-widget-bar__progress-bar-value {
  position: absolute;
  right: -24px;
  transform: translateX(50%);
  bottom: calc(100% + 6px);
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #000000;
  background-color: transparent;
  box-sizing: border-box;
}

.kv-widget-bar_state_start .kv-widget-bar__progress-bar-value {
  left: 64px;
  right: unset;
  transform: none;
}

.kv-widget-bar_state_end .kv-widget-bar__progress-bar-value {
  right: 0;
  bottom: 0;
  top: 100%;
  transform: none;
}

/* ФИНИШ - 100% */

.kv-widget-bar_state_finish .kv-widget-bar__progress-bar {
  background: transparent;
}

.kv-widget-bar_state_finish .kv-widget-bar__progress-bar-indicator {
  background-image: none;
}

.kv-widget-bar_state_finish .kv-widget-bar__progress-bar-indicator::after {
  left: 0;
  width: 122px;
  height: 71px;
  margin: auto;
  background-image: url('/img/skins/ll2019/finish_icon.svg');
}

.kv-widget-bar_state_finish .kv-widget-bar__progress-bar-value {
  display: none;
}